Add assets inventory to the new ui

Signed-off-by: Sacha Al Himdani <sacha@getprobo.com>

packages/ui/src/Atoms/Icons/IconBox.tsx

@@ -0,0 +1,10 @@
+import type {IconProps} from "./type.ts";
+
+// https://lucide.dev/icons/box
+export function IconBox({size = 24, className}: IconProps) {
+  return <svg width={size} height={size} viewBox="0 0 24 24" className={className} fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
+    <path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/>
+    <path d="m3.3 7 8.7 5 8.7-5"></path>
+    <path d="M12 22V12"></path>
+  </svg>
+}

packages/ui/src/Atoms/Icons/index.tsx

@@ -1,4 +1,5 @@
 export { IconArrowUp } from "./IconArrowUp.tsx";
+export { IconBox } from "./IconBox.tsx";
 export { IconBell2 } from "./IconBell2.tsx";
 export { IconArrowInbox1 } from "./IconArrowInbox1.tsx";
 export { IconCircleX } from "./IconCircleX.tsx";

packages/ui/src/Molecules/Field/Field.tsx

@@ -20,6 +20,7 @@ type Props =
     | BaseProps<"email", ComponentProps<typeof Input>>
     | BaseProps<"password", ComponentProps<typeof Input>>
     | BaseProps<"textarea", ComponentProps<typeof Textarea>>
+    | BaseProps<"number", ComponentProps<typeof Input>>
     | BaseProps<"select", ComponentProps<typeof Select>>;
 
 const field = tv({