@powerhousedao/design-system 1.39.2-dev.0 → 1.39.3-dev.1

package/dist/src/connect/components/file-item/file-item.d.ts

@@ -1,12 +1,12 @@
-import { type UiFileNode } from "#connect";
+import { type BaseUiFileNode } from "#connect";
 export type FileItemProps = {
-    uiNode: UiFileNode;
+    uiNode: BaseUiFileNode;
     customDocumentIconSrc?: string;
     className?: string;
-    onSelectNode: (uiNode: UiFileNode) => void;
-    onRenameNode: (name: string, uiNode: UiFileNode) => void;
-    onDuplicateNode: (uiNode: UiFileNode) => void;
-    onDeleteNode: (uiNode: UiFileNode) => void;
+    onSelectNode: (uiNode: BaseUiFileNode) => void;
+    onRenameNode: (name: string, uiNode: BaseUiFileNode) => void;
+    onDuplicateNode: (uiNode: BaseUiFileNode) => void;
+    onDeleteNode: (uiNode: BaseUiFileNode) => void;
     isAllowedToCreateDocuments: boolean;
 };
 export declare function FileItem(props: FileItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/connect/components/file-item/file-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-item.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/file-item/file-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAWL,KAAK,UAAU,EAGhB,MAAM,UAAU,CAAC;AAMlB,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,UAAU,CAAC;IACnB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACzD,eAAe,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3C,0BAA0B,EAAE,OAAO,CAAC;CACrC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA6I5C"}
+{"version":3,"file":"file-item.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/file-item/file-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAcpB,MAAM,UAAU,CAAC;AAMlB,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,cAAc,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC/C,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7D,eAAe,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD,YAAY,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC/C,0BAA0B,EAAE,OAAO,CAAC;CACrC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA6I5C"}

package/dist/src/connect/components/file-item/file-item.js

@@ -8,7 +8,7 @@ export function FileItem(props) {
     const { uiNode, className, customDocumentIconSrc, onSelectNode, onRenameNode, onDuplicateNode, onDeleteNode, isAllowedToCreateDocuments, } = props;
     const [mode, setMode] = useState(READ);
     const [isDropdownMenuOpen, setIsDropdownMenuOpen] = useState(false);
-    const { dragProps } = useDrag({ uiNode });
+    const { dragProps } = useDrag({ uiNode: uiNode });
     const isReadMode = mode === READ;
     const dropdownMenuHandlers = {
         [DUPLICATE]: () => onDuplicateNode(uiNode),

package/dist/src/connect/components/folder-item/folder-item.d.ts

@@ -1,14 +1,14 @@
-import { type UiFolderNode, type UiNode } from "#connect";
+import { type BaseUiFolderNode, type BaseUiNode } from "#connect";
 export type FolderItemProps = {
-    readonly uiNode: UiFolderNode;
+    readonly uiNode: BaseUiFolderNode;
     readonly className?: string;
-    onAddFile: (file: File, parentNode: UiNode | null) => Promise<void>;
-    onCopyNode: (uiNode: UiNode, targetNode: UiNode) => Promise<void>;
-    onMoveNode: (uiNode: UiNode, targetNode: UiNode) => Promise<void>;
-    onSelectNode: (uiNode: UiFolderNode) => void;
-    onRenameNode: (name: string, uiNode: UiFolderNode) => void;
-    onDuplicateNode: (uiNode: UiFolderNode) => void;
-    onDeleteNode: (uiNode: UiFolderNode) => void;
+    onAddFile: (file: File, parentNode: BaseUiNode | null) => Promise<void>;
+    onCopyNode: (uiNode: BaseUiNode, targetNode: BaseUiNode) => Promise<void>;
+    onMoveNode: (uiNode: BaseUiNode, targetNode: BaseUiNode) => Promise<void>;
+    onSelectNode: (uiNode: BaseUiFolderNode) => void;
+    onRenameNode: (name: string, uiNode: BaseUiFolderNode) => void;
+    onDuplicateNode: (uiNode: BaseUiFolderNode) => void;
+    onDeleteNode: (uiNode: BaseUiFolderNode) => void;
     isAllowedToCreateDocuments: boolean;
 };
 export declare function FolderItem(props: FolderItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/connect/components/folder-item/folder-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"folder-item.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/folder-item/folder-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAWL,KAAK,YAAY,EACjB,KAAK,MAAM,EAIZ,MAAM,UAAU,CAAC;AAKlB,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,0BAA0B,EAAE,OAAO,CAAC;CACrC,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAmIhD"}
+{"version":3,"file":"folder-item.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/folder-item/folder-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,UAAU,EAehB,MAAM,UAAU,CAAC;AAKlB,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxE,UAAU,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1E,UAAU,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1E,YAAY,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/D,eAAe,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACpD,YAAY,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjD,0BAA0B,EAAE,OAAO,CAAC;CACrC,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAoIhD"}

package/dist/src/connect/components/folder-item/folder-item.js

@@ -7,9 +7,9 @@ export function FolderItem(props) {
     const { uiNode, isAllowedToCreateDocuments, className, onRenameNode, onDuplicateNode, onDeleteNode, onSelectNode, onAddFile, onCopyNode, onMoveNode, } = props;
     const [mode, setMode] = useState(READ);
     const [isDropdownMenuOpen, setIsDropdownMenuOpen] = useState(false);
-    const { dragProps } = useDrag(props);
+    const { dragProps } = useDrag({ ...props, uiNode: uiNode });
     const { isDropTarget, dropProps } = useDrop({
-        uiNode,
+        uiNode: uiNode,
         onAddFile,
         onCopyNode,
         onMoveNode,
@@ -20,6 +20,7 @@ export function FolderItem(props) {
     }
     function onSubmit(name) {
         onRenameNode(name, uiNode);
+        setMode(READ);
     }
     function onClick() {
         onSelectNode(uiNode);

package/dist/src/connect/types/nodes.d.ts

@@ -1,38 +1,46 @@
 import { type DRIVE, type FILE, type FOLDER, type SharingType, type SyncStatus, type TDocumentType } from "#connect";
 import { type Maybe, type SynchronizationUnitInput } from "document-model";
-export type UiFileNode = {
-    kind: typeof FILE;
+export type BaseUiFolderNode = {
     id: string;
     name: string;
-    slug?: string | null;
-    documentType: TDocumentType;
-    parentFolder: string;
     driveId: string;
+    kind: typeof FOLDER;
+    parentFolder: string;
     syncStatus: SyncStatus | undefined;
-    synchronizationUnits: SynchronizationUnitInput[];
-    sharingType: SharingType;
 };
-export type UiFolderNode = {
-    kind: typeof FOLDER;
+export type BaseUiDriveNode = {
     id: string;
     name: string;
-    slug?: string | null;
-    parentFolder: string;
     driveId: string;
-    children: UiNode[];
+    kind: typeof DRIVE;
+    parentFolder: null;
     syncStatus: SyncStatus | undefined;
-    sharingType: SharingType;
 };
-export type UiDriveNode = {
-    kind: typeof DRIVE;
+export type BaseUiFileNode = {
     id: string;
     name: string;
-    slug: string | null;
-    parentFolder: null;
     driveId: string;
+    kind: typeof FILE;
+    parentFolder: string;
+    documentType: string;
+    syncStatus: SyncStatus | undefined;
+};
+export type BaseUiNode = BaseUiFolderNode | BaseUiFileNode | BaseUiDriveNode;
+export type UiFileNode = BaseUiFileNode & {
+    slug?: string | null;
+    documentType: TDocumentType;
+    synchronizationUnits: SynchronizationUnitInput[];
+    sharingType: SharingType;
+};
+export type UiFolderNode = BaseUiFolderNode & {
+    slug?: string | null;
+    children: UiNode[];
+    sharingType: SharingType;
+};
+export type UiDriveNode = BaseUiDriveNode & {
+    slug: string | null;
     children: UiNode[];
     nodeMap: Record<string, UiNode>;
-    syncStatus: SyncStatus | undefined;
     sharingType: SharingType;
     availableOffline: boolean;
     icon: string | null;

package/dist/src/connect/types/nodes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nodes.d.ts","sourceRoot":"","sources":["../../../../src/connect/types/nodes.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,KAAK,EACV,KAAK,IAAI,EACT,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,aAAa,EACnB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAE3E,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,YAAY,EAAE,aAAa,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,UAAU,GAAG,SAAS,CAAC;IACnC,oBAAoB,EAAE,wBAAwB,EAAE,CAAC;IACjD,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,OAAO,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,UAAU,GAAG,SAAS,CAAC;IACnC,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,OAAO,KAAK,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,YAAY,EAAE,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,UAAU,EAAE,UAAU,GAAG,SAAS,CAAC;IACnC,WAAW,EAAE,WAAW,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;AAE7D,MAAM,MAAM,QAAQ,GAAG;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC5B,oBAAoB,EAAE,wBAAwB,EAAE,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC7B,CAAC"}
+{"version":3,"file":"nodes.d.ts","sourceRoot":"","sources":["../../../../src/connect/types/nodes.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,KAAK,EACV,KAAK,IAAI,EACT,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,aAAa,EACnB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAE3E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,OAAO,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,UAAU,GAAG,SAAS,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,OAAO,KAAK,CAAC;IACnB,YAAY,EAAE,IAAI,CAAC;IACnB,UAAU,EAAE,UAAU,GAAG,SAAS,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,UAAU,GAAG,SAAS,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,gBAAgB,GAAG,cAAc,GAAG,eAAe,CAAC;AAE7E,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG;IACxC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,YAAY,EAAE,aAAa,CAAC;IAC5B,oBAAoB,EAAE,wBAAwB,EAAE,CAAC;IACjD,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG;IAC5C,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IAC1C,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,WAAW,EAAE,WAAW,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;AAE7D,MAAM,MAAM,QAAQ,GAAG;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC5B,oBAAoB,EAAE,wBAAwB,EAAE,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC7B,CAAC"}

package/dist/src/scalars/components/aid-field/aid-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aid-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/aid-field/aid-field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACtE,OAAO,KAAK,EAAa,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtD,KAAK,iBAAiB,GAAG,IAAI,CAC3B,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACzC,MAAM,cAAc,CAAC,MAAM,CAAC,GAC5B,MAAM,kBAAkB,GACxB,MAAM,QAAQ,GACd,SAAS,CACZ,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,cAAc,CAAC,MAAM,CAAC,GACtB,kBAAkB,GAClB,QAAQ,CAAC;AA2IX,eAAO,MAAM,QAAQ,+EAuDnB,CAAC"}
+{"version":3,"file":"aid-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/aid-field/aid-field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACtE,OAAO,KAAK,EAAa,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtD,KAAK,iBAAiB,GAAG,IAAI,CAC3B,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACzC,MAAM,cAAc,CAAC,MAAM,CAAC,GAC5B,MAAM,kBAAkB,GACxB,MAAM,QAAQ,GACd,SAAS,CACZ,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,cAAc,CAAC,MAAM,CAAC,GACtB,kBAAkB,GAClB,QAAQ,CAAC;AA+IX,eAAO,MAAM,QAAQ,+EAuDnB,CAAC"}

package/dist/src/scalars/components/aid-field/aid-field.js

@@ -2,23 +2,25 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable react/jsx-props-no-spreading */
 import React, { useCallback, useId, useMemo } from "react";
 import { isAddress } from "viem";
-import { IdAutocompleteContext } from "../fragments/id-autocomplete-field/id-autocomplete-context.js";
-import { IdAutocompleteListOption } from "../fragments/id-autocomplete-field/id-autocomplete-list-option.js";
-import { IdAutocompleteFieldRaw } from "../fragments/id-autocomplete-field/index.js";
+import { IdAutocompleteContext } from "../fragments/id-autocomplete/id-autocomplete-context.js";
+import { IdAutocompleteListOption } from "../fragments/id-autocomplete/id-autocomplete-list-option.js";
+import { IdAutocomplete } from "../fragments/id-autocomplete/index.js";
 import { withFieldValidation } from "../fragments/with-field-validation/index.js";
 const AIDFieldRaw = React.forwardRef(({ id: idProp, name, className, label, description, value, defaultValue, disabled, placeholder, required, errors, warnings, onChange, onBlur, onClick, onMouseDown, supportedNetworks, autoComplete: autoCompleteProp, variant = "withValue", maxLength, fetchOptionsCallback, fetchSelectedOptionCallback, isOpenByDefault, // to be used only in stories
 initialOptions, // to be used only in stories
-...props }, ref) => {
+previewPlaceholder, ...props }, ref) => {
     const prefix = useId();
     const id = idProp ?? `${prefix}-aid`;
     const autoComplete = autoCompleteProp ?? true;
     const contextValue = useMemo(() => ({ supportedNetworks }), [supportedNetworks]);
     const renderOption = useCallback((option, displayProps) => (_jsx(IdAutocompleteListOption, { variant: variant, icon: option.icon, title: option.title, path: displayProps?.asPlaceholder
-            ? { text: "URL not available" }
-            : option.path, value: displayProps?.asPlaceholder ? "aid not available" : option.value, description: option.description, agentType: displayProps?.asPlaceholder
-            ? "Agent type not available"
-            : option.agentType, placeholderIcon: "Person", ...displayProps })), [variant]);
-    return (_jsx(IdAutocompleteContext.Provider, { value: contextValue, children: autoComplete && fetchOptionsCallback ? (_jsx(IdAutocompleteFieldRaw, { id: id, name: name, className: className, label: label, description: description, value: value, defaultValue: defaultValue, disabled: disabled, placeholder: placeholder, required: required, errors: errors, warnings: warnings, onChange: onChange, onBlur: onBlur, onClick: onClick, onMouseDown: onMouseDown, autoComplete: true, variant: variant, maxLength: maxLength, fetchOptionsCallback: fetchOptionsCallback, fetchSelectedOptionCallback: fetchSelectedOptionCallback, isOpenByDefault: isOpenByDefault, initialOptions: initialOptions, renderOption: renderOption, ...props, ref: ref })) : (_jsx(IdAutocompleteFieldRaw, { id: id, name: name, className: className, label: label, description: description, value: value, defaultValue: defaultValue, disabled: disabled, placeholder: placeholder, required: required, errors: errors, warnings: warnings, onChange: onChange, onBlur: onBlur, onClick: onClick, onMouseDown: onMouseDown, autoComplete: false, maxLength: maxLength, ...props, ref: ref })) }));
+            ? previewPlaceholder?.path || "URL not available"
+            : option.path, value: displayProps?.asPlaceholder
+            ? previewPlaceholder?.value || "aid not available"
+            : option.value, description: option.description, agentType: displayProps?.asPlaceholder
+            ? previewPlaceholder?.agentType || "Agent type not available"
+            : option.agentType, placeholderIcon: previewPlaceholder?.icon || "Person", ...displayProps })), [variant, previewPlaceholder]);
+    return (_jsx(IdAutocompleteContext.Provider, { value: contextValue, children: autoComplete && fetchOptionsCallback ? (_jsx(IdAutocomplete, { id: id, name: name, className: className, label: label, description: description, value: value, defaultValue: defaultValue, disabled: disabled, placeholder: placeholder, required: required, errors: errors, warnings: warnings, onChange: onChange, onBlur: onBlur, onClick: onClick, onMouseDown: onMouseDown, autoComplete: true, variant: variant, maxLength: maxLength, fetchOptionsCallback: fetchOptionsCallback, fetchSelectedOptionCallback: fetchSelectedOptionCallback, isOpenByDefault: isOpenByDefault, initialOptions: initialOptions, renderOption: renderOption, previewPlaceholder: previewPlaceholder, ...props, ref: ref })) : (_jsx(IdAutocomplete, { id: id, name: name, className: className, label: label, description: description, value: value, defaultValue: defaultValue, disabled: disabled, placeholder: placeholder, required: required, errors: errors, warnings: warnings, onChange: onChange, onBlur: onBlur, onClick: onClick, onMouseDown: onMouseDown, autoComplete: false, maxLength: maxLength, ...props, ref: ref })) }));
 });
 export const AIDField = withFieldValidation(AIDFieldRaw, {
     validations: {

package/dist/src/scalars/components/aid-field/mocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mocks.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/aid-field/mocks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAW,MAAM,YAAY,CAAC;AAErD,eAAO,MAAM,aAAa,EAAE,SAAS,EAoRpC,CAAC;AA8BF,eAAO,MAAM,YAAY,GACvB,WAAW,MAAM,EACjB,UAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAChC,OAAO,CAAC,SAAS,EAAE,CAUrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,MAAM,KACZ,OAAO,CAAC,SAAS,GAAG,SAAS,CAI/B,CAAC;AAGF,eAAO,MAAM,gBAAgB,GAC3B,WAAW,MAAM,EACjB,UAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAChC,SAAS,EAEX,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAClC,OAAO,MAAM,KACZ,SAAS,GAAG,SAEd,CAAC"}
+{"version":3,"file":"mocks.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/aid-field/mocks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAW,MAAM,YAAY,CAAC;AAErD,eAAO,MAAM,aAAa,EAAE,SAAS,EAoRpC,CAAC;AAgCF,eAAO,MAAM,YAAY,GACvB,WAAW,MAAM,EACjB,UAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAChC,OAAO,CAAC,SAAS,EAAE,CAUrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,MAAM,KACZ,OAAO,CAAC,SAAS,GAAG,SAAS,CAI/B,CAAC;AAGF,eAAO,MAAM,gBAAgB,GAC3B,WAAW,MAAM,EACjB,UAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAChC,SAAS,EAEX,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAClC,OAAO,MAAM,KACZ,SAAS,GAAG,SAEd,CAAC"}

package/dist/src/scalars/components/aid-field/mocks.js

@@ -287,8 +287,9 @@ const filterOptions = (options, userInput, context) => {
                 return false;
             }
         }
+        const pathText = typeof opt.path === "object" ? opt.path.text : opt.path;
         return (opt.title?.toLowerCase().includes(normalizedInput) ||
-            opt.path?.text.toLowerCase().includes(normalizedInput) ||
+            pathText?.toLowerCase().includes(normalizedInput) ||
             opt.value.toLowerCase().includes(normalizedInput) ||
             opt.description?.toLowerCase().includes(normalizedInput));
     });

package/dist/src/scalars/components/aid-field/types.d.ts

@@ -1,4 +1,4 @@
-import type { IdAutocompleteOption, IdAutocompleteProps } from "../fragments/id-autocomplete-field/types.js";
+import type { IdAutocompleteOption, IdAutocompleteProps } from "../fragments/id-autocomplete/types.js";
 export interface Network {
     chainId: string;
     name?: string;
@@ -14,10 +14,12 @@ export type AIDProps = AIDBaseProps & ({
     autoComplete: false;
     fetchOptionsCallback?: never;
     fetchSelectedOptionCallback?: never;
+    previewPlaceholder?: never;
 } | {
     autoComplete?: true;
     fetchOptionsCallback: (userInput: string, context?: Record<string, unknown>) => Promise<AIDOption[]> | AIDOption[];
     fetchSelectedOptionCallback?: (value: string) => Promise<AIDOption | undefined> | AIDOption | undefined;
+    previewPlaceholder?: AIDOption;
 });
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/src/scalars/components/aid-field/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/aid-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,6CAA6C,CAAC;AAErD,MAAM,WAAW,OAAO;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,KAAK,cAAc,GAAG;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AACF,MAAM,MAAM,SAAS,GAAG,oBAAoB,CAAC,cAAc,CAAC,CAAC;AAE7D,KAAK,YAAY,GAAG,IAAI,CACtB,mBAAmB,EACjB,cAAc,GACd,sBAAsB,GACtB,6BAA6B,GAC7B,cAAc,CACjB,GAAG;IACF,iBAAiB,CAAC,EAAE,OAAO,EAAE,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,YAAY,GACjC,CACI;IACE,YAAY,EAAE,KAAK,CAAC;IACpB,oBAAoB,CAAC,EAAE,KAAK,CAAC;IAC7B,2BAA2B,CAAC,EAAE,KAAK,CAAC;CACrC,GACD;IACE,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,oBAAoB,EAAE,CACpB,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC9B,OAAO,CAAC,SAAS,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC;IACxC,2BAA2B,CAAC,EAAE,CAC5B,KAAK,EAAE,MAAM,KACV,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,SAAS,GAAG,SAAS,CAAC;CAC7D,CACJ,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/aid-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,uCAAuC,CAAC;AAE/C,MAAM,WAAW,OAAO;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,KAAK,cAAc,GAAG;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AACF,MAAM,MAAM,SAAS,GAAG,oBAAoB,CAAC,cAAc,CAAC,CAAC;AAE7D,KAAK,YAAY,GAAG,IAAI,CACtB,mBAAmB,EACjB,cAAc,GACd,sBAAsB,GACtB,6BAA6B,GAC7B,cAAc,CACjB,GAAG;IACF,iBAAiB,CAAC,EAAE,OAAO,EAAE,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,YAAY,GACjC,CACI;IACE,YAAY,EAAE,KAAK,CAAC;IACpB,oBAAoB,CAAC,EAAE,KAAK,CAAC;IAC7B,2BAA2B,CAAC,EAAE,KAAK,CAAC;IACpC,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B,GACD;IACE,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,oBAAoB,EAAE,CACpB,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC9B,OAAO,CAAC,SAAS,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC;IACxC,2BAA2B,CAAC,EAAE,CAC5B,KAAK,EAAE,MAAM,KACV,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,SAAS,GAAG,SAAS,CAAC;IAC5D,kBAAkB,CAAC,EAAE,SAAS,CAAC;CAChC,CACJ,CAAC"}

package/dist/src/scalars/components/amount-field/amount-currency-validations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"amount-currency-validations.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/amount-field/amount-currency-validations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAG1D,eAAO,MAAM,sBAAsB,GAChC,iBAAiB,gBAAgB,MACjC,OAAO,OAAO,4CAmBd,CAAC"}
+{"version":3,"file":"amount-currency-validations.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/amount-field/amount-currency-validations.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,sBAAsB,GAChC,iBAAiB,gBAAgB,MACjC,OAAO,OAAO,4CAmBd,CAAC"}

package/dist/src/scalars/components/amount-field/amount-field-validations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"amount-field-validations.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/amount-field/amount-field-validations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AA6C1D,eAAO,MAAM,cAAc,GACxB,+DAOE,gBAAgB,MAClB,OAAO,OAAO,KAAG,eA6DjB,CAAC"}
+{"version":3,"file":"amount-field-validations.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/amount-field/amount-field-validations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAWhD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAoC1D,eAAO,MAAM,cAAc,GACxB,+DAOE,gBAAgB,MAClB,OAAO,OAAO,KAAG,eAgEjB,CAAC"}

package/dist/src/scalars/components/amount-field/amount-field-validations.js

@@ -1,5 +1,5 @@
+import { isValidBigInt } from "../../../ui/components/data-entry/amount-input/utils.js";
 import { isValidNumber } from "../number-field/number-field-validations.js";
-import { isValidBigInt } from "./utils.js";
 const isAmountCurrencyFiat = (type) => type === "AmountFiat";
 const isAmountCurrencyCrypto = (type) => type === "AmountCrypto";
 const isAmountCurrencyUniversal = (type) => type === "AmountCurrency";

package/dist/src/scalars/components/amount-field/amount-field.d.ts

@@ -1,25 +1,6 @@
-import { type NumberFieldProps } from "#scalars";
-import type { Currency } from "../currency-code-field/types.js";
-import { type SelectFieldProps } from "../fragments/index.js";
-import type { InputNumberProps } from "../number-field/types.js";
-import type { AmountFieldPropsGeneric, AmountValue } from "./types.js";
-export type AmountFieldProps = AmountFieldPropsGeneric & Omit<InputNumberProps, "onChange" | "onBlur" | "precision"> & {
-    className?: string;
-    name: string;
-    numberProps?: Omit<NumberFieldProps, "name">;
-    selectProps?: Omit<SelectFieldProps, "placeholder" | "selectionIcon" | "onBlur">;
-    defaultValue?: AmountValue;
-    value?: AmountValue;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    currencyPosition?: "left" | "right";
-    symbolPosition?: "left" | "right";
-    allowNegative?: boolean;
-    viewPrecision?: number;
-    precision?: number;
-    placeholderSelect?: string;
-    units?: Currency[];
-    includeCurrencySymbols?: boolean;
-};
-export declare const AmountField: import("react").ForwardRefExoticComponent<AmountFieldProps & import("react").RefAttributes<unknown>>;
+import { type AmountInputProps } from "../../../ui/components/data-entry/amount-input/amount-input.js";
+import { type FieldErrorHandling } from "../types.js";
+type AmountFieldProps = AmountInputProps & FieldErrorHandling;
+declare const AmountField: import("react").ForwardRefExoticComponent<AmountFieldProps & import("react").RefAttributes<unknown>>;
+export { AmountField, type AmountFieldProps };
 //# sourceMappingURL=amount-field.d.ts.map

package/dist/src/scalars/components/amount-field/amount-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"amount-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/amount-field/amount-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,gBAAgB,EAAkB,MAAM,UAAU,CAAC;AAGrE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAKL,KAAK,gBAAgB,EACtB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,OAAO,KAAK,EAAE,uBAAuB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAGvE,MAAM,MAAM,gBAAgB,GAAG,uBAAuB,GACpD,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,QAAQ,GAAG,WAAW,CAAC,GAAG;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,IAAI,CAChB,gBAAgB,EAChB,aAAa,GAAG,eAAe,GAAG,QAAQ,CAC3C,CAAC;IACF,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAwLJ,eAAO,MAAM,WAAW,sGAQvB,CAAC"}
+{"version":3,"file":"amount-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/amount-field/amount-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,gEAAgE,CAAC;AAExE,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAItD,KAAK,gBAAgB,GAAG,gBAAgB,GAAG,kBAAkB,CAAC;AAE9D,QAAA,MAAM,WAAW,sGAKf,CAAC;AAIH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAC"}

package/dist/src/scalars/components/amount-field/amount-field.js

@@ -1,43 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn, NumberFieldRaw } from "#scalars";
-import { forwardRef, useId } from "react";
-import { CurrencyCodeFieldRaw } from "../currency-code-field/currency-code-field.js";
-import { FormDescription, FormGroup, FormLabel, FormMessageList, } from "../fragments/index.js";
+import { AmountInput, } from "../../../ui/components/data-entry/amount-input/amount-input.js";
 import { withFieldValidation } from "../fragments/with-field-validation/with-field-validation.js";
 import { validateAmountCurrency } from "./amount-currency-validations.js";
 import { validateAmount } from "./amount-field-validations.js";
-import { useAmountField } from "./use-amount-field.js";
-const AmountFieldRaw = forwardRef(({ label, value, id: propId, minValue, maxValue, onChange, onBlur, disabled, className, required, errors, warnings, description, defaultValue, type, numberProps, selectProps, step = 1, currencyPosition = "right", name, trailingZeros, viewPrecision, precision, placeholder, placeholderSelect, units, includeCurrencySymbols, symbolPosition, }, ref) => {
-    const generatedId = useId();
-    const id = propId ?? generatedId;
-    const { isShowSelect, isPercent, options, valueSelect, valueInput, handleOnChangeInput, handleOnChangeSelect, handleBlur, isBigInt, handleIsInputFocused, isAmountWithoutUnit, inputFocused, } = useAmountField({
-        value,
-        defaultValue,
-        type,
-        onChange,
-        onBlur,
-        precision,
-        viewPrecision,
-        trailingZeros,
-        units,
-    });
-    return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: id, required: required, disabled: disabled, hasError: !!errors?.length, className: cn(disabled && "mb-[3px]"), children: label })), _jsxs("div", { className: cn("relative flex items-center"), children: [_jsx("input", { name: name, type: "hidden", "data-cast": isBigInt ? "AmountBigInt" : "AmountNumber" }), _jsxs("div", { className: cn("relative flex items-center"), children: [isShowSelect && currencyPosition === "left" && (_jsx(CurrencyCodeFieldRaw, { contentAlign: "start", contentClassName: "min-w-[160px]", disabled: disabled, currencies: options ?? [], onChange: handleOnChangeSelect, placeholder: placeholderSelect, includeCurrencySymbols: includeCurrencySymbols, symbolPosition: symbolPosition, searchable: false, className: cn("rounded-l-md rounded-r-none border border-gray-300", "border-r-[0.5px]", 
-                                // focus state
-                                "focus:border-r-none focus:z-10 focus:ring-1 focus:ring-gray-900 focus:ring-offset-0", "focus:outline-none", selectProps?.className), ...(selectProps ?? { name: "" }) })), _jsx(NumberFieldRaw, { name: "", step: step, required: required, disabled: disabled, value: valueInput === undefined
-                                    ? undefined
-                                    : valueInput, id: id, maxValue: maxValue, precision: precision, minValue: minValue, onChange: handleOnChangeInput, onFocus: handleIsInputFocused, placeholder: placeholder, className: cn(currencyPosition === "left" &&
-                                    "rounded-l-none border border-l-[0.5px] border-gray-300", currencyPosition === "right" &&
-                                    "rounded-r-none border border-r-[0.5px] border-gray-300", isPercent && "rounded-md pr-7", 
-                                // focus state
-                                "focus:border-r-0", isAmountWithoutUnit && "rounded-md", className), onBlur: handleBlur, ref: ref, ...(numberProps || {}) }), isPercent && !inputFocused && (_jsx("span", { className: cn("pointer-events-none absolute inset-y-0 right-2 ml-2 flex items-center", disabled ? "text-gray-400" : "text-gray-900"), children: "%" }))] }), isShowSelect && currencyPosition === "right" && (_jsx(CurrencyCodeFieldRaw, { contentAlign: "end", contentClassName: "min-w-[160px]", disabled: disabled, includeCurrencySymbols: includeCurrencySymbols, currencies: options ?? [], value: valueSelect, onChange: handleOnChangeSelect, name: "", placeholder: placeholderSelect, symbolPosition: symbolPosition, searchable: false, className: cn("rounded-l-none rounded-r-md border border-gray-300", "border-l-[0.5px]", 
-                        // focus state
-                        "focus:border-l-none focus:z-10 focus:ring-1 focus:ring-gray-900 focus:ring-offset-0", "focus:outline-none", selectProps?.className) }))] }), description && _jsx(FormDescription, { children: description }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
-});
-AmountFieldRaw.displayName = "AmountFieldRaw";
-export const AmountField = withFieldValidation(AmountFieldRaw, {
+const AmountField = withFieldValidation(AmountInput, {
     validations: {
         _numericAmount: validateAmount,
         _validOptionCurrency: validateAmountCurrency,
     },
 });
 AmountField.displayName = "AmountField";
+export { AmountField };

package/dist/src/scalars/components/amount-field/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./amount-field.js";
+export { AmountField, type AmountFieldProps } from "./amount-field.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/scalars/components/amount-field/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/amount-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/amount-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/src/scalars/components/amount-field/index.js

@@ -1 +1 @@
-export * from "./amount-field.js";
+export { AmountField } from "./amount-field.js";

package/dist/src/scalars/components/currency-code-field/currency-code-field.d.ts

@@ -1,18 +1,19 @@
 import React from "react";
 import type { FieldErrorHandling, InputBaseProps } from "../types.js";
-import type { Currency } from "./types.js";
+import type { AllowedTypes, Currency } from "./types.js";
 type CurrencyCodeFieldBaseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof InputBaseProps<string | string[]> | keyof FieldErrorHandling | "onChange" | "onBlur">;
 export interface CurrencyCodeFieldProps extends CurrencyCodeFieldBaseProps, InputBaseProps<string | string[]>, FieldErrorHandling {
     placeholder?: string;
     onChange?: (value: string | string[]) => void;
     onBlur?: () => void;
-    currencies: Currency[];
+    currencies?: Currency[];
     includeCurrencySymbols?: boolean;
     favoriteCurrencies?: string[];
     symbolPosition?: "left" | "right";
     searchable?: boolean;
     contentClassName?: string;
     contentAlign?: "start" | "end" | "center";
+    allowedTypes?: AllowedTypes;
 }
 export declare const CurrencyCodeFieldRaw: React.ForwardRefExoticComponent<CurrencyCodeFieldProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const CurrencyCodeField: React.ForwardRefExoticComponent<CurrencyCodeFieldProps & React.RefAttributes<unknown>>;

package/dist/src/scalars/components/currency-code-field/currency-code-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"currency-code-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/currency-code-field/currency-code-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAQvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,KAAK,0BAA0B,GAAG,IAAI,CACpC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC3C,MAAM,cAAc,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,GACvC,MAAM,kBAAkB,GACxB,UAAU,GACV,QAAQ,CACX,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,0BAA0B,EAChC,cAAc,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,EACjC,kBAAkB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;CAC3C;AAED,eAAO,MAAM,oBAAoB,kGA4GhC,CAAC;AAIF,eAAO,MAAM,iBAAiB,wFACqC,CAAC"}
+{"version":3,"file":"currency-code-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/currency-code-field/currency-code-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACtE,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGzD,KAAK,0BAA0B,GAAG,IAAI,CACpC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC3C,MAAM,cAAc,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,GACvC,MAAM,kBAAkB,GACxB,UAAU,GACV,QAAQ,CACX,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,0BAA0B,EAChC,cAAc,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,EACjC,kBAAkB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC;IACxB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC1C,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,eAAO,MAAM,oBAAoB,kGA6GhC,CAAC;AAIF,eAAO,MAAM,iBAAiB,wFACqC,CAAC"}

package/dist/src/scalars/components/currency-code-field/currency-code-field.js

@@ -1,12 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useMemo } from "react";
-import { FormGroup, FormMessageList, SelectFieldRaw, } from "../fragments/index.js";
+import { FormGroup, SelectFieldRaw } from "../fragments/index.js";
 import { withFieldValidation } from "../fragments/with-field-validation/with-field-validation.js";
-export const CurrencyCodeFieldRaw = React.forwardRef(({ placeholder, currencies, favoriteCurrencies = [], includeCurrencySymbols = true, symbolPosition = "right", searchable = false, contentClassName, contentAlign = "start", warnings, errors, ...props }, ref) => {
+import { getCurrencies } from "./utils.js";
+export const CurrencyCodeFieldRaw = React.forwardRef(({ placeholder, currencies = [], favoriteCurrencies = [], includeCurrencySymbols = true, symbolPosition = "right", searchable = false, contentClassName, contentAlign = "start", allowedTypes = "Both", ...props }, ref) => {
+    const defaultCurrencies = currencies && currencies.length > 0
+        ? currencies
+        : getCurrencies(allowedTypes);
     const options = useMemo(() => {
         const favoriteTickers = new Set(favoriteCurrencies);
-        return (currencies
-            .map((currency) => {
+        return (defaultCurrencies
+            ?.map((currency) => {
             if (favoriteTickers.has(currency.ticker)) {
                 return null;
             }
@@ -28,14 +32,14 @@ export const CurrencyCodeFieldRaw = React.forwardRef(({ placeholder, currencies,
         })
             .filter(Boolean) ?? []);
     }, [
-        currencies,
+        defaultCurrencies,
         includeCurrencySymbols,
         symbolPosition,
         favoriteCurrencies,
     ]);
     const favoriteOptions = useMemo(() => {
         const favoriteTickers = new Set(favoriteCurrencies);
-        return (currencies
+        return (defaultCurrencies
             .filter((currency) => favoriteTickers.has(currency.ticker))
             .map((currency) => {
             let label = currency.label ?? currency.ticker;
@@ -55,12 +59,12 @@ export const CurrencyCodeFieldRaw = React.forwardRef(({ placeholder, currencies,
             return option;
         }) ?? []);
     }, [
-        currencies,
+        defaultCurrencies,
         favoriteCurrencies,
         includeCurrencySymbols,
         symbolPosition,
     ]);
-    return (_jsxs(FormGroup, { children: [_jsx(SelectFieldRaw, { ref: ref, options: options, selectionIcon: "checkmark", searchable: searchable, multiple: false, placeholder: placeholder, contentAlign: contentAlign, contentClassName: contentClassName, favoriteOptions: favoriteOptions, ...props }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
+    return (_jsx(FormGroup, { children: _jsx(SelectFieldRaw, { ref: ref, options: options, selectionIcon: "checkmark", searchable: searchable, multiple: false, placeholder: placeholder, contentAlign: contentAlign, contentClassName: contentClassName, favoriteOptions: favoriteOptions, ...props }) }));
 });
 CurrencyCodeFieldRaw.displayName = "CurrencyCodeFieldRaw";
 export const CurrencyCodeField = withFieldValidation(CurrencyCodeFieldRaw);

package/dist/src/scalars/components/currency-code-field/index.d.ts

@@ -1,5 +1,5 @@
 export { CurrencyCodeField } from "./currency-code-field.js";
 export { commonCryptoCurrencies, commonFiatCurrencies } from "./defaults.js";
-export type { Currency, CurrencyType } from "./types.js";
+export type { AllowedTypes, Currency } from "./types.js";
 export { cryptoCurrencies, currencies, fiatCurrencies } from "./utils.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/scalars/components/currency-code-field/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/currency-code-field/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAC7E,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/currency-code-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAC7E,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/src/scalars/components/currency-code-field/index.js

@@ -1,4 +1,3 @@
-/* eslint-disable prettier/prettier */
 export { CurrencyCodeField } from "./currency-code-field.js";
 export { commonCryptoCurrencies, commonFiatCurrencies } from "./defaults.js";
 export { cryptoCurrencies, currencies, fiatCurrencies } from "./utils.js";

package/dist/src/scalars/components/currency-code-field/types.d.ts

@@ -9,9 +9,5 @@ export interface Currency {
         className?: string;
     }>;
 }
-export declare enum CurrencyType {
-    FIAT = "fiat",
-    CRYPTO = "crypto",
-    ALL = "all"
-}
+export type AllowedTypes = "Crypto" | "Fiat" | "Both";
 //# sourceMappingURL=types.d.ts.map

package/dist/src/scalars/components/currency-code-field/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/currency-code-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC/D;AAED,oBAAY,YAAY;IACtB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,GAAG,QAAQ;CACZ"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/currency-code-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC/D;AAED,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC"}

package/dist/src/scalars/components/currency-code-field/types.js

@@ -1,6 +1 @@
-export var CurrencyType;
-(function (CurrencyType) {
-    CurrencyType["FIAT"] = "fiat";
-    CurrencyType["CRYPTO"] = "crypto";
-    CurrencyType["ALL"] = "all";
-})(CurrencyType || (CurrencyType = {}));
+export {};

package/dist/src/scalars/components/currency-code-field/utils.d.ts

@@ -1,3 +1,4 @@
+import { type AllowedTypes } from "./types.js";
 /**
  * Get the fiat currencies
  * @returns {Currency[]} The fiat currencies
@@ -28,4 +29,10 @@ export declare const currencies: () => {
     label: string;
     symbol: string;
 }[];
+export declare const getCurrencies: (allowedTypes?: AllowedTypes) => {
+    ticker: string;
+    crypto: boolean;
+    label: string;
+    symbol: string;
+}[];
 //# sourceMappingURL=utils.d.ts.map

package/dist/src/scalars/components/currency-code-field/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/currency-code-field/utils.ts"],"names":[],"mappings":"AACA;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;GAI1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;;;GAO5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;GAEtB,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/currency-code-field/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/C;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;GAI1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;;;GAO5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;GAEtB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,eAAc,YAAqB;;;;;GAShE,CAAC"}

package/dist/src/scalars/components/currency-code-field/utils.js

@@ -27,3 +27,13 @@ export const cryptoCurrencies = () => [
 export const currencies = () => {
     return [...fiatCurrencies(), ...cryptoCurrencies()];
 };
+export const getCurrencies = (allowedTypes = "Both") => {
+    switch (allowedTypes) {
+        case "Fiat":
+            return fiatCurrencies();
+        case "Crypto":
+            return cryptoCurrencies();
+        case "Both":
+            return currencies();
+    }
+};

package/dist/src/scalars/components/date-picker-field/date-picker-field.d.ts

@@ -0,0 +1,7 @@
+import { type DatePickerProps } from "../../../ui/components/data-entry/date-picker/date-picker.js";
+import { type FieldErrorHandling } from "../types.js";
+interface DatePickerFieldProps extends DatePickerProps, FieldErrorHandling {
+}
+declare const DatePickerField: import("react").ForwardRefExoticComponent<DatePickerFieldProps & import("react").RefAttributes<unknown>>;
+export { DatePickerField, type DatePickerFieldProps };
+//# sourceMappingURL=date-picker-field.d.ts.map

package/dist/src/scalars/components/date-picker-field/date-picker-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/date-picker-field/date-picker-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,8DAA8D,CAAC;AAEtE,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGtD,UAAU,oBAAqB,SAAQ,eAAe,EAAE,kBAAkB;CAAG;AAE7E,QAAA,MAAM,eAAe,0GAInB,CAAC;AAIH,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,CAAC"}

package/dist/src/scalars/components/date-picker-field/date-picker-field.js

@@ -0,0 +1,10 @@
+import { DatePicker, } from "../../../ui/components/data-entry/date-picker/date-picker.js";
+import { withFieldValidation } from "../fragments/with-field-validation/with-field-validation.js";
+import { validateDatePicker } from "./date-picker-validations.js";
+const DatePickerField = withFieldValidation(DatePicker, {
+    validations: {
+        _timePickerType: validateDatePicker,
+    },
+});
+DatePickerField.displayName = "DatePickerField";
+export { DatePickerField };

package/dist/src/scalars/components/date-picker-field/date-picker-validations.d.ts

@@ -0,0 +1,3 @@
+import { type DatePickerFieldProps } from "./date-picker-field.js";
+export declare const validateDatePicker: ({ dateFormat, minDate, maxDate, disablePastDates, disableFutureDates, }: DatePickerFieldProps) => (value: unknown) => string | true;
+//# sourceMappingURL=date-picker-validations.d.ts.map

package/dist/src/scalars/components/date-picker-field/date-picker-validations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-validations.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/date-picker-field/date-picker-validations.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEnE,eAAO,MAAM,kBAAkB,GAC5B,yEAME,oBAAoB,MACtB,OAAO,OAAO,kBAgGd,CAAC"}