@powerhousedao/design-system 5.0.0-staging.9 → 5.0.1-staging.10

package/dist/src/connect/components/ens-avatar/ens-avatar.stories.js

@@ -0,0 +1,19 @@
+import { ENSAvatar } from "./ens-avatar.js";
+const meta = {
+    title: "Connect/Components/ENSAvatar",
+    component: ENSAvatar,
+};
+export default meta;
+export const WithoutValidAvatar = {
+    args: {
+        address: "0x1234567890123456789012345678901234567890",
+        chainId: 1,
+    },
+};
+export const WithValidAvatar = {
+    args: {
+        address: "0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045",
+        chainId: 1,
+    },
+};
+//# sourceMappingURL=ens-avatar.stories.js.map

package/dist/src/connect/components/ens-avatar/ens-avatar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ens-avatar.stories.js","sourceRoot":"","sources":["../../../../../src/connect/components/ens-avatar/ens-avatar.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,SAAS;CACY,CAAC;AAEnC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACvC,IAAI,EAAE;QACJ,OAAO,EAAE,4CAA4C;QACrD,OAAO,EAAE,CAAC;KACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,OAAO,EAAE,4CAA4C;QACrD,OAAO,EAAE,CAAC;KACX;CACF,CAAC"}

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

@@ -1,14 +1,9 @@
-import { type TNodeActions } from "#connect";
-import { type FileNode, type Node, type SharingType, type SyncStatus } from "document-drive";
-export type FileItemProps = TNodeActions & {
+import { type FileNode } from "document-drive";
+type Props = {
     fileNode: FileNode;
-    sharingType: SharingType;
-    isAllowedToCreateDocuments: boolean;
-    customDocumentIconSrc?: string;
     className?: string;
-    getSyncStatusSync: (syncId: string, sharingType: SharingType) => SyncStatus | undefined;
-    setSelectedNode: (node: Node | string | undefined) => void;
-    showDeleteNodeModal: (node: Node) => void;
+    customDocumentIconSrc?: string;
 };
-export declare function FileItem(props: FileItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function FileItem(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=file-item.d.ts.map

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,YAAY,EAGlB,MAAM,UAAU,CAAC;AAElB,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,IAAI,EACT,KAAK,WAAW,EAChB,KAAK,UAAU,EAChB,MAAM,gBAAgB,CAAC;AAKxB,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG;IACzC,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,0BAA0B,EAAE,OAAO,CAAC;IACpC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,CACjB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,KACrB,UAAU,GAAG,SAAS,CAAC;IAC5B,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3D,mBAAmB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA4I5C"}
+{"version":3,"file":"file-item.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/file-item/file-item.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAuB,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAUpE,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,2CA2IpC"}

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

@@ -1,33 +1,50 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ConnectDropdownMenu, defaultFileOptions, DELETE, DUPLICATE, getDocumentIconSrc, NodeInput, nodeOptionsMap, READ, RENAME, useDrag, WRITE, } from "#connect";
-import { Icon } from "#powerhouse";
+import { Icon } from "@powerhousedao/design-system";
+import { getSyncStatusSync, setSelectedNode, showDeleteNodeModal, useNodeActions, useSelectedDriveSafe, useUserPermissions, } from "@powerhousedao/reactor-browser";
+import { getDriveSharingType } from "document-drive";
 import { useState } from "react";
 import { twMerge } from "tailwind-merge";
-import { SyncStatusIcon } from "../status-icon/index.js";
+import { defaultNodeOptions, nodeOptionsMap } from "../../constants/options.js";
+import { useDrag } from "../../hooks/use-drag.js";
+import { getDocumentIconSrc } from "../../utils/get-document-icon-src.js";
+import { ConnectDropdownMenu } from "../dropdown-menu/dropdown-menu.js";
+import { NodeInput } from "../node-input/node-input.js";
+import { SyncStatusIcon } from "../status-icon/sync-status-icon.js";
 export function FileItem(props) {
-    const { fileNode, sharingType, className, customDocumentIconSrc, isAllowedToCreateDocuments, getSyncStatusSync, setSelectedNode, onRenameNode, onDuplicateNode, showDeleteNodeModal, } = props;
-    const [mode, setMode] = useState(READ);
+    const { fileNode, className, customDocumentIconSrc } = props;
+    const [mode, setMode] = useState("READ");
     const [isDropdownMenuOpen, setIsDropdownMenuOpen] = useState(false);
+    const [selectedDrive] = useSelectedDriveSafe();
+    const sharingType = selectedDrive
+        ? getDriveSharingType(selectedDrive)
+        : "LOCAL";
     const { dragProps } = useDrag({ node: fileNode });
-    const isReadMode = mode === READ;
+    const { isAllowedToCreateDocuments } = useUserPermissions();
+    const { onRenameNode, onDuplicateNode } = useNodeActions();
+    const isReadMode = mode === "READ";
     const syncStatus = getSyncStatusSync(fileNode.id, sharingType);
     const dropdownMenuHandlers = {
-        [DUPLICATE]: () => onDuplicateNode(fileNode),
-        [RENAME]: () => setMode(WRITE),
-        [DELETE]: () => showDeleteNodeModal(fileNode),
+        DUPLICATE: () => onDuplicateNode(fileNode),
+        RENAME: () => setMode("WRITE"),
+        DELETE: () => showDeleteNodeModal(fileNode),
     };
     const dropdownMenuOptions = Object.entries(nodeOptionsMap)
         .map(([id, option]) => ({
         ...option,
         id: id,
     }))
-        .filter((option) => defaultFileOptions.includes(option.id));
+        .filter((option) => defaultNodeOptions.includes(option.id));
     function onSubmit(name) {
-        onRenameNode(name, fileNode);
-        setMode(READ);
+        onRenameNode(name, fileNode)
+            .catch((error) => {
+            console.error(error);
+        })
+            .finally(() => {
+            setMode("READ");
+        });
     }
     function onCancel() {
-        setMode(READ);
+        setMode("READ");
     }
     function onDropdownMenuOptionClick(itemId) {
         const handler = dropdownMenuHandlers[itemId];

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

@@ -1 +1 @@
-{"version":3,"file":"file-item.js","sourceRoot":"","sources":["../../../../../src/connect/components/file-item/file-item.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"file-item.js","sourceRoot":"","sources":["../../../../../src/connect/components/file-item/file-item.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { FileItem } from "./file-item.js";
+declare const meta: Meta<typeof FileItem>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NotAllowedToCreateDocuments: Story;
+//# sourceMappingURL=file-item.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-item.stories.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/file-item/file-item.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAU/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KA4BrB,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAMzC,CAAC"}

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

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { documentTypes } from "../../constants/documents.js";
+import { FileItem } from "./file-item.js";
+const meta = {
+    title: "Connect/Components/FileItem",
+    component: FileItem,
+    decorators: [
+        (Story) => (_jsx("div", { className: "w-[500px] bg-white p-10", children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+export const Default = {
+    args: {
+        isAllowedToCreateDocuments: true,
+    },
+    render: function Wrapper(args) {
+        const node = {
+            name: "Mock file",
+            id: "1",
+            kind: "file",
+            documentType: "mock",
+            parentFolder: "1",
+        };
+        const fileNodes = [...documentTypes, "SOME RANDOM DOCUMENT TYPE"].map((documentType, index) => ({
+            ...node,
+            documentType,
+            id: `file-${index}`,
+            name: `${documentType} document`,
+        }));
+        return (_jsx("div", { className: "flex flex-wrap gap-2", children: fileNodes.map((node) => (_jsx(FileItem, { fileNode: node, ...args }, node.id))) }));
+    },
+};
+export const NotAllowedToCreateDocuments = {
+    ...Default,
+    args: {
+        ...Default.args,
+        isAllowedToCreateDocuments: false,
+    },
+};
+//# sourceMappingURL=file-item.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-item.stories.js","sourceRoot":"","sources":["../../../../../src/connect/components/file-item/file-item.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,0BAA0B,EAAE,IAAI;KACjC;IACD,MAAM,EAAE,SAAS,OAAO,CAAC,IAAI;QAC3B,MAAM,IAAI,GAAa;YACrB,IAAI,EAAE,WAAW;YACjB,EAAE,EAAE,GAAG;YACP,IAAI,EAAE,MAAM;YACZ,YAAY,EAAE,MAAM;YACpB,YAAY,EAAE,GAAG;SAClB,CAAC;QACF,MAAM,SAAS,GAAG,CAAC,GAAG,aAAa,EAAE,2BAA2B,CAAC,CAAC,GAAG,CACnE,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YACxB,GAAG,IAAI;YACP,YAAY;YACZ,EAAE,EAAE,QAAQ,KAAK,EAAE;YACnB,IAAI,EAAE,GAAG,YAAY,WAAW;SACjC,CAAC,CACH,CAAC;QACF,OAAO,CACL,cAAK,SAAS,EAAC,sBAAsB,YAClC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACvB,KAAC,QAAQ,IAAe,QAAQ,EAAE,IAAI,KAAM,IAAI,IAAjC,IAAI,CAAC,EAAE,CAA8B,CACrD,CAAC,GACE,CACP,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAU;IAChD,GAAG,OAAO;IACV,IAAI,EAAE;QACJ,GAAG,OAAO,CAAC,IAAI;QACf,0BAA0B,EAAE,KAAK;KAClC;CACF,CAAC"}

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

@@ -1,13 +1,6 @@
-import { type SyncStatus, type TNodeActions } from "#connect";
-import { type FolderNode, type Node, type SharingType } from "document-drive";
-export type FolderItemProps = TNodeActions & {
+import { type FolderNode } from "document-drive";
+export declare function FolderItem(props: {
     folderNode: FolderNode;
-    sharingType: SharingType;
-    isAllowedToCreateDocuments: boolean;
     className?: string;
-    getSyncStatusSync: (syncId: string, sharingType: SharingType) => SyncStatus | undefined;
-    setSelectedNode: (node: Node | string | undefined) => void;
-    showDeleteNodeModal: (node: Node) => void;
-};
-export declare function FolderItem(props: FolderItemProps): import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=folder-item.d.ts.map

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,EAUL,KAAK,UAAU,EAEf,KAAK,YAAY,EAIlB,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,IAAI,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI9E,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG;IAC3C,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;IACzB,0BAA0B,EAAE,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,CACjB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,KACrB,UAAU,GAAG,SAAS,CAAC;IAC5B,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3D,mBAAmB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAC3C,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":"AAQA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAUjD,wBAAgB,UAAU,CAAC,KAAK,EAAE;IAChC,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CA2GA"}

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

@@ -1,39 +1,49 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ConnectDropdownMenu, defaultFolderOptions, DELETE, DUPLICATE, NodeInput, nodeOptionsMap, READ, RENAME, SyncStatusIcon, useDrag, useDrop, WRITE, } from "#connect";
-import { Icon } from "#powerhouse";
+import { Icon } from "@powerhousedao/design-system";
+import { setSelectedNode, showDeleteNodeModal, useNodeActions, useUserPermissions, } from "@powerhousedao/reactor-browser";
+import {} from "document-drive";
 import { useState } from "react";
 import { twMerge } from "tailwind-merge";
+import { defaultNodeOptions, nodeOptionsMap } from "../../constants/options.js";
+import { useDrag } from "../../hooks/use-drag.js";
+import { useDrop } from "../../hooks/use-drop.js";
+import { ConnectDropdownMenu } from "../dropdown-menu/dropdown-menu.js";
+import { NodeInput } from "../node-input/node-input.js";
+import { SyncStatusIcon } from "../status-icon/sync-status-icon.js";
 export function FolderItem(props) {
-    const { folderNode, sharingType, isAllowedToCreateDocuments, className, setSelectedNode, getSyncStatusSync, onRenameNode, onDuplicateNode, showDeleteNodeModal, onAddFile, onCopyNode, onMoveNode, } = props;
-    const [mode, setMode] = useState(READ);
+    const { folderNode, className } = props;
+    const { isAllowedToCreateDocuments } = useUserPermissions();
+    const [mode, setMode] = useState("READ");
     const [isDropdownMenuOpen, setIsDropdownMenuOpen] = useState(false);
     const { dragProps } = useDrag({ node: folderNode });
+    const { onRenameNode, onDuplicateNode } = useNodeActions();
     const { isDropTarget, dropProps } = useDrop({
-        node: folderNode,
-        onAddFile,
-        onCopyNode,
-        onMoveNode,
+        target: folderNode,
     });
-    const isReadMode = mode === READ;
-    const syncStatus = getSyncStatusSync(folderNode.id, sharingType);
+    const isReadMode = mode === "READ";
     function onCancel() {
-        setMode(READ);
+        setMode("READ");
     }
     function onSubmit(name) {
-        onRenameNode(name, folderNode);
-        setMode(READ);
+        onRenameNode(name, folderNode)
+            .catch((error) => {
+            console.error(error);
+        })
+            .finally(() => {
+            setMode("READ");
+        });
     }
     const dropdownMenuHandlers = {
-        [DUPLICATE]: () => onDuplicateNode(folderNode),
-        [RENAME]: () => setMode(WRITE),
-        [DELETE]: () => showDeleteNodeModal(folderNode),
+        DUPLICATE: () => onDuplicateNode(folderNode),
+        RENAME: () => setMode("WRITE"),
+        DELETE: () => showDeleteNodeModal(folderNode),
     };
     const dropdownMenuOptions = Object.entries(nodeOptionsMap)
         .map(([id, option]) => ({
         ...option,
         id: id,
     }))
-        .filter((option) => defaultFolderOptions.includes(option.id));
+        .filter((option) => defaultNodeOptions.includes(option.id));
     function onDropdownMenuOptionClick(itemId) {
         const handler = dropdownMenuHandlers[itemId];
         if (!handler) {
@@ -45,9 +55,7 @@ export function FolderItem(props) {
     }
     const content = isReadMode || !isAllowedToCreateDocuments ? (_jsx("div", { className: "ml-3 max-h-6 truncate font-medium text-gray-600 group-hover:text-gray-800", children: folderNode.name })) : (_jsx(NodeInput, { className: "ml-3 font-medium", defaultValue: folderNode.name, onCancel: onCancel, onSubmit: onSubmit }));
     const containerStyles = twMerge("group flex h-12 cursor-pointer select-none items-center rounded-lg bg-gray-200 px-2", className, isDropTarget && "bg-blue-100");
-    return (_jsx("div", { className: "relative w-64", onClick: () => setSelectedNode(folderNode), children: _jsxs("div", { ...dragProps, ...dropProps, className: containerStyles, children: [_jsxs("div", { className: "flex items-center overflow-hidden", children: [_jsx("div", { className: "p-1", children: _jsxs("div", { className: "relative", children: [_jsx(Icon, { name: "FolderClose", size: 24 }), isReadMode && syncStatus ? (_jsx("div", { className: "absolute bottom-[-3px] right-[-2px] size-3 rounded-full bg-white", children: _jsx("div", { className: "absolute left-[-2px] top-[-2px]", children: _jsx(SyncStatusIcon, { overrideSyncIcons: {
-                                                    SUCCESS: "CheckCircleFill",
-                                                }, syncStatus: syncStatus }) }) })) : null] }) }), content] }), isReadMode && isAllowedToCreateDocuments ? (_jsx(ConnectDropdownMenu, { items: dropdownMenuOptions, onItemClick: onDropdownMenuOptionClick, onOpenChange: setIsDropdownMenuOpen, open: isDropdownMenuOpen, children: _jsx("button", { className: twMerge("ml-auto hidden group-hover:block", isDropdownMenuOpen && "block"), onClick: (e) => {
+    return (_jsx("div", { className: "relative w-64", onClick: () => setSelectedNode(folderNode), children: _jsxs("div", { ...dragProps, ...dropProps, className: containerStyles, children: [_jsxs("div", { className: "flex items-center overflow-hidden", children: [_jsx("div", { className: "p-1", children: _jsx("div", { className: "relative", children: _jsx(Icon, { name: "FolderClose", size: 24 }) }) }), content] }), isReadMode && isAllowedToCreateDocuments ? (_jsx(ConnectDropdownMenu, { items: dropdownMenuOptions, onItemClick: onDropdownMenuOptionClick, onOpenChange: setIsDropdownMenuOpen, open: isDropdownMenuOpen, children: _jsx("button", { className: twMerge("ml-auto hidden group-hover:block", isDropdownMenuOpen && "block"), onClick: (e) => {
                             e.stopPropagation();
                             setIsDropdownMenuOpen(true);
                         }, children: _jsx(Icon, { className: "text-gray-600", name: "VerticalDots" }) }) })) : null] }) }));

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

@@ -1 +1 @@
-{"version":3,"file":"folder-item.js","sourceRoot":"","sources":["../../../../../src/connect/components/folder-item/folder-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,MAAM,EACN,SAAS,EACT,SAAS,EAET,cAAc,EACd,IAAI,EACJ,MAAM,EAEN,cAAc,EAEd,OAAO,EACP,OAAO,EACP,KAAK,GACN,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAezC,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EACJ,UAAU,EACV,WAAW,EACX,0BAA0B,EAC1B,SAAS,EACT,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,eAAe,EACf,mBAAmB,EACnB,SAAS,EACT,UAAU,EACV,UAAU,GACX,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAA6B,IAAI,CAAC,CAAC;IACnE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;IACpD,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC;QAC1C,IAAI,EAAE,UAAU;QAChB,SAAS;QACT,UAAU;QACV,UAAU;KACX,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IACjC,MAAM,UAAU,GAAG,iBAAiB,CAAC,UAAU,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC;IAEjE,SAAS,QAAQ;QACf,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC;IAED,SAAS,QAAQ,CAAC,IAAY;QAC5B,YAAY,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QAC/B,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC;IAED,MAAM,oBAAoB,GAA4C;QACpE,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,UAAU,CAAC;QAC9C,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;QAC9B,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,UAAU,CAAC;KACvC,CAAC;IAEX,MAAM,mBAAmB,GAAG,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC;SACvD,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC;QACtB,GAAG,MAAM;QACT,EAAE,EAAE,EAAgB;KACrB,CAAC,CAAC;SACF,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CACjB,oBAAoB,CAAC,QAAQ,CAC3B,MAAM,CAAC,EAA2C,CACnD,CACF,CAAC;IAEJ,SAAS,yBAAyB,CAAC,MAAkB;QACnD,MAAM,OAAO,GAAG,oBAAoB,CAAC,MAAM,CAAC,CAAC;QAC7C,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,4CAA4C,MAAM,EAAE,CAAC,CAAC;YACpE,OAAO;QACT,CAAC;QACD,OAAO,EAAE,CAAC;QACV,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,MAAM,OAAO,GACX,UAAU,IAAI,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAC1C,cAAK,SAAS,EAAC,2EAA2E,YACvF,UAAU,CAAC,IAAI,GACZ,CACP,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IACR,SAAS,EAAC,kBAAkB,EAC5B,YAAY,EAAE,UAAU,CAAC,IAAI,EAC7B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;IAEJ,MAAM,eAAe,GAAG,OAAO,CAC7B,qFAAqF,EACrF,SAAS,EACT,YAAY,IAAI,aAAa,CAC9B,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,UAAU,CAAC,YACvE,kBAAS,SAAS,KAAM,SAAS,EAAE,SAAS,EAAE,eAAe,aAC3D,eAAK,SAAS,EAAC,mCAAmC,aAChD,cAAK,SAAS,EAAC,KAAK,YAClB,eAAK,SAAS,EAAC,UAAU,aACvB,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,EAAE,GAAI,EACpC,UAAU,IAAI,UAAU,CAAC,CAAC,CAAC,CAC1B,cAAK,SAAS,EAAC,kEAAkE,YAC/E,cAAK,SAAS,EAAC,iCAAiC,YAC9C,KAAC,cAAc,IACb,iBAAiB,EAAE;oDACjB,OAAO,EAAE,iBAAiB;iDAC3B,EACD,UAAU,EAAE,UAAU,GACtB,GACE,GACF,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,GACF,EACL,OAAO,IACJ,EACL,UAAU,IAAI,0BAA0B,CAAC,CAAC,CAAC,CAC1C,KAAC,mBAAmB,IAClB,KAAK,EAAE,mBAAmB,EAC1B,WAAW,EAAE,yBAAyB,EACtC,YAAY,EAAE,qBAAqB,EACnC,IAAI,EAAE,kBAAkB,YAExB,iBACE,SAAS,EAAE,OAAO,CAChB,kCAAkC,EAClC,kBAAkB,IAAI,OAAO,CAC9B,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACb,CAAC,CAAC,eAAe,EAAE,CAAC;4BACpB,qBAAqB,CAAC,IAAI,CAAC,CAAC;wBAC9B,CAAC,YAED,KAAC,IAAI,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,cAAc,GAAG,GAC/C,GACW,CACvB,CAAC,CAAC,CAAC,IAAI,IACJ,GACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"folder-item.js","sourceRoot":"","sources":["../../../../../src/connect/components/folder-item/folder-item.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { FolderItem } from "./folder-item.js";
+declare const meta: Meta<typeof FolderItem>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ReadMode: Story;
+export declare const NotAllowedToCreateDocuments: Story;
+//# sourceMappingURL=folder-item.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"folder-item.stories.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/folder-item/folder-item.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAGjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAMzC,CAAC"}

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FolderItem } from "./folder-item.js";
+const meta = {
+    title: "Connect/Components/FolderItem",
+    component: FolderItem,
+};
+export default meta;
+export const ReadMode = {
+    render: function Wrapper() {
+        const folderNode = {
+            id: "1",
+            name: "Folder 1",
+            kind: "folder",
+            parentFolder: "1",
+        };
+        const folderNodes = Array.from({ length: 5 }).map((_, index) => ({
+            ...folderNode,
+            id: `folder-${index}`,
+            name: `Folder ${index} lorem ipsum dolor sit amet consectetur adipiscing elit`,
+        }));
+        return (_jsx("div", { className: "flex flex-wrap gap-2", children: folderNodes.map((node) => (_jsx(FolderItem, { folderNode: node }, node.id))) }));
+    },
+};
+export const NotAllowedToCreateDocuments = {
+    ...ReadMode,
+    args: {
+        ...ReadMode.args,
+        isAllowedToCreateDocuments: false,
+    },
+};
+//# sourceMappingURL=folder-item.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"folder-item.stories.js","sourceRoot":"","sources":["../../../../../src/connect/components/folder-item/folder-item.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,UAAU;CACtB,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,MAAM,EAAE,SAAS,OAAO;QACtB,MAAM,UAAU,GAAe;YAC7B,EAAE,EAAE,GAAG;YACP,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,GAAG;SAClB,CAAC;QACF,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YAC/D,GAAG,UAAU;YACb,EAAE,EAAE,UAAU,KAAK,EAAE;YACrB,IAAI,EAAE,UAAU,KAAK,yDAAyD;SAC/E,CAAC,CAAC,CAAC;QACJ,OAAO,CACL,cAAK,SAAS,EAAC,sBAAsB,YAClC,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACzB,KAAC,UAAU,IAAe,UAAU,EAAE,IAAI,IAAzB,IAAI,CAAC,EAAE,CAAsB,CAC/C,CAAC,GACE,CACP,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAU;IAChD,GAAG,QAAQ;IACX,IAAI,EAAE;QACJ,GAAG,QAAQ,CAAC,IAAI;QAChB,0BAA0B,EAAE,KAAK;KAClC;CACF,CAAC"}

package/dist/src/connect/components/footer/footer-link.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { mergeClassNameProps } from "#powerhouse";
+import { mergeClassNameProps } from "@powerhousedao/design-system";
 export function FooterLink(props) {
     const { as: Component = "a", ...restProps } = props;
     return (_jsx(Component, { ...mergeClassNameProps(restProps, "flex cursor-pointer items-center hover:underline") }));

package/dist/src/connect/components/footer/footer-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer-link.js","sourceRoot":"","sources":["../../../../../src/connect/components/footer/footer-link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAMlD,MAAM,UAAU,UAAU,CACxB,KAAyB;IAEzB,MAAM,EAAE,EAAE,EAAE,SAAS,GAAG,GAAG,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEpD,OAAO,CACL,KAAC,SAAS,OACJ,mBAAmB,CACrB,SAAS,EACT,kDAAkD,CACnD,GACD,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"footer-link.js","sourceRoot":"","sources":["../../../../../src/connect/components/footer/footer-link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAMnE,MAAM,UAAU,UAAU,CACxB,KAAyB;IAEzB,MAAM,EAAE,EAAE,EAAE,SAAS,GAAG,GAAG,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEpD,OAAO,CACL,KAAC,SAAS,OACJ,mBAAmB,CACrB,SAAS,EACT,kDAAkD,CACnD,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/src/connect/components/footer/footer.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { mergeClassNameProps } from "#powerhouse";
+import { mergeClassNameProps } from "@powerhousedao/design-system";
 export const Footer = ({ children, ...props }) => {
     return (_jsx("footer", { ...mergeClassNameProps(props, "flex items-center gap-x-6 text-xs font-medium text-[#9DA6B9]"), children: children }));
 };

package/dist/src/connect/components/footer/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../../../src/connect/components/footer/footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,CAAC,MAAM,MAAM,GAAgD,CAAC,EAClE,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,oBACM,mBAAmB,CACrB,KAAK,EACL,8DAA8D,CAC/D,YAEA,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../../../src/connect/components/footer/footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAEnE,MAAM,CAAC,MAAM,MAAM,GAAgD,CAAC,EAClE,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,oBACM,mBAAmB,CACrB,KAAK,EACL,8DAA8D,CAC/D,YAEA,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/connect/components/footer/footer.stories.d.ts

@@ -0,0 +1,16 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("react").HTMLAttributes<HTMLElement>>;
+    argTypes: {
+        children: {
+            control: {
+                type: "text";
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=footer.stories.d.ts.map

package/dist/src/connect/components/footer/footer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.stories.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/footer/footer.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;;;;CAMqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAC"}

package/dist/src/connect/components/footer/footer.stories.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Icon } from "@powerhousedao/design-system";
+import { FooterLink } from "./footer-link.js";
+import { Footer } from "./footer.js";
+const meta = {
+    title: "Connect/Components/Footer",
+    component: Footer,
+    argTypes: {
+        children: { control: { type: "text" } },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        children: (_jsxs(_Fragment, { children: [_jsx(FooterLink, { children: "Cookie Policy" }), _jsx(FooterLink, { children: "Terms of Use" }), _jsx(FooterLink, { children: "Disclaimer" }), _jsxs(FooterLink, { children: ["Built with", _jsx(Icon, { className: "mx-1", name: "PowerhouseLogoSmall", size: 16 }), "Powerhouse"] })] })),
+    },
+};
+//# sourceMappingURL=footer.stories.js.map

package/dist/src/connect/components/footer/footer.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.stories.js","sourceRoot":"","sources":["../../../../../src/connect/components/footer/footer.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;KACxC;CAC4B,CAAC;AAEhC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,CACR,8BACE,KAAC,UAAU,gCAA2B,EACtC,KAAC,UAAU,+BAA0B,EACrC,KAAC,UAAU,6BAAwB,EACnC,MAAC,UAAU,6BAET,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,qBAAqB,EAAC,IAAI,EAAE,EAAE,GAAI,kBAEnD,IACZ,CACJ;KACF;CACF,CAAC"}

package/dist/src/connect/components/form/add-local-drive-form.d.ts

@@ -1,6 +1,6 @@
-import { type SharingType } from "document-drive";
-import { type App } from "document-model";
-import { type SubmitHandler } from "react-hook-form";
+import type { SharingType } from "document-drive";
+import type { App } from "document-model";
+import type { SubmitHandler } from "react-hook-form";
 export type AddLocalDriveInput = {
     name: string;
     sharingType: SharingType;

package/dist/src/connect/components/form/add-local-drive-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-local-drive-form.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/form/add-local-drive-form.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,KAAK,aAAa,EAAW,MAAM,iBAAiB,CAAC;AAE9D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,CAAC,QAAQ,EAAE,4BAA4B,CAAC;IAChD,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC;CAC5B,CAAC;AAEF,KAAK,4BAA4B,GAAG,aAAa,CAAC,kBAAkB,CAAC,CAAC;AAEtE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CA+D9D"}
+{"version":3,"file":"add-local-drive-form.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/form/add-local-drive-form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAQrD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,CAAC,QAAQ,EAAE,4BAA4B,CAAC;IAChD,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC;CAC5B,CAAC;AAEF,KAAK,4BAA4B,GAAG,aAAa,CAAC,kBAAkB,CAAC,CAAC;AAEtE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CA6D9D"}

package/dist/src/connect/components/form/add-local-drive-form.js

@@ -1,18 +1,22 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AppFormInput, AvailableOfflineToggle, FormInput, Label, LOCAL, SharingTypeFormInput, } from "#connect";
-import { Button } from "#powerhouse";
+import { PowerhouseButton } from "@powerhousedao/design-system";
 import { useForm } from "react-hook-form";
+import { FormInput } from "../form-input/form-input.js";
+import { AppFormInput } from "./inputs/app-form-input.js";
+import { AvailableOfflineToggle } from "./inputs/available-offline-toggle.js";
+import { Label } from "./inputs/label.js";
+import { SharingTypeFormInput } from "./inputs/sharing-type-form-input.js";
 export function AddLocalDriveForm(props) {
     const { register, handleSubmit, control, formState: { errors }, } = useForm({
         defaultValues: {
             name: "",
-            sharingType: LOCAL,
+            sharingType: "LOCAL",
             availableOffline: false,
             appId: props.appOptions[0].id,
         },
     });
-    return (_jsx("form", { onSubmit: handleSubmit(props.onSubmit), className: "flex flex-col gap-4", children: _jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { children: [_jsx(Label, { htmlFor: "driveName", className: "text-sm font-medium text-gray-800", children: "Drive Name" }), _jsx(FormInput, { ...register("name", {
+    return (_jsx("form", { name: "add-local-drive", onSubmit: handleSubmit(props.onSubmit), className: "flex flex-col gap-4", children: _jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { children: [_jsx(Label, { htmlFor: "name", className: "text-sm font-medium text-gray-800", children: "Drive Name" }), _jsx(FormInput, { ...register("name", {
                                 required: "Drive name is required",
-                            }), errorMessage: errors.name?.message, placeholder: "Drive name" })] }), _jsxs("div", { children: [_jsx(Label, { htmlFor: "driveApp", className: "text-sm font-medium text-gray-800", children: "Drive App" }), _jsx(AppFormInput, { control: control, appOptions: props.appOptions })] }), _jsxs("div", { children: [_jsx(Label, { htmlFor: "sharingType", className: "text-sm font-medium text-gray-800", children: "Location" }), _jsx(SharingTypeFormInput, { control: control })] }), _jsx("div", { children: _jsx(AvailableOfflineToggle, { ...register("availableOffline") }) }), _jsx(Button, { className: "mt-2 w-full", type: "submit", children: "Create new drive" })] }) }));
+                            }), errorMessage: errors.name?.message, placeholder: "Drive name" })] }), _jsxs("div", { children: [_jsx(Label, { htmlFor: "driveApp", className: "text-sm font-medium text-gray-800", children: "Drive App" }), _jsx(AppFormInput, { control: control, appOptions: props.appOptions })] }), _jsxs("div", { children: [_jsx(Label, { htmlFor: "sharingType", className: "text-sm font-medium text-gray-800", children: "Location" }), _jsx(SharingTypeFormInput, { control: control })] }), _jsx("div", { children: _jsx(AvailableOfflineToggle, { ...register("availableOffline") }) }), _jsx(PowerhouseButton, { className: "mt-2 w-full", type: "submit", children: "Create new drive" })] }) }));
 }
 //# sourceMappingURL=add-local-drive-form.js.map

package/dist/src/connect/components/form/add-local-drive-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"add-local-drive-form.js","sourceRoot":"","sources":["../../../../../src/connect/components/form/add-local-drive-form.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,SAAS,EACT,KAAK,EACL,KAAK,EACL,oBAAoB,GACrB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAGrC,OAAO,EAAsB,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAiB9D,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,EACJ,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,SAAS,EAAE,EAAE,MAAM,EAAE,GACtB,GAAG,OAAO,CAAqB;QAC9B,aAAa,EAAE;YACb,IAAI,EAAE,EAAE;YACR,WAAW,EAAE,KAAK;YAClB,gBAAgB,EAAE,KAAK;YACvB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE;SAC9B;KACF,CAAC,CAAC;IAEH,OAAO,CACL,eACE,QAAQ,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,EACtC,SAAS,EAAC,qBAAqB,YAE/B,eAAK,SAAS,EAAC,qBAAqB,aAClC,0BACE,KAAC,KAAK,IACJ,OAAO,EAAC,WAAW,EACnB,SAAS,EAAC,mCAAmC,2BAGvC,EACR,KAAC,SAAS,OACJ,QAAQ,CAAC,MAAM,EAAE;gCACnB,QAAQ,EAAE,wBAAwB;6BACnC,CAAC,EACF,YAAY,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,EAClC,WAAW,EAAC,YAAY,GACxB,IACE,EACN,0BACE,KAAC,KAAK,IACJ,OAAO,EAAC,UAAU,EAClB,SAAS,EAAC,mCAAmC,0BAGvC,EACR,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,GAAI,IAC5D,EACN,0BACE,KAAC,KAAK,IACJ,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,mCAAmC,yBAGvC,EACR,KAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,GAAI,IACtC,EACN,wBACE,KAAC,sBAAsB,OAAK,QAAQ,CAAC,kBAAkB,CAAC,GAAI,GACxD,EACN,KAAC,MAAM,IAAC,SAAS,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,iCAEpC,IACL,GACD,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"add-local-drive-form.js","sourceRoot":"","sources":["../../../../../src/connect/components/form/add-local-drive-form.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAIhE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAiB3E,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,EACJ,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,SAAS,EAAE,EAAE,MAAM,EAAE,GACtB,GAAG,OAAO,CAAqB;QAC9B,aAAa,EAAE;YACb,IAAI,EAAE,EAAE;YACR,WAAW,EAAE,OAAO;YACpB,gBAAgB,EAAE,KAAK;YACvB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE;SAC9B;KACF,CAAC,CAAC;IAEH,OAAO,CACL,eACE,IAAI,EAAC,iBAAiB,EACtB,QAAQ,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,EACtC,SAAS,EAAC,qBAAqB,YAE/B,eAAK,SAAS,EAAC,qBAAqB,aAClC,0BACE,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,EAAC,SAAS,EAAC,mCAAmC,2BAE3D,EACR,KAAC,SAAS,OACJ,QAAQ,CAAC,MAAM,EAAE;gCACnB,QAAQ,EAAE,wBAAwB;6BACnC,CAAC,EACF,YAAY,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,EAClC,WAAW,EAAC,YAAY,GACxB,IACE,EACN,0BACE,KAAC,KAAK,IACJ,OAAO,EAAC,UAAU,EAClB,SAAS,EAAC,mCAAmC,0BAGvC,EACR,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,GAAI,IAC5D,EACN,0BACE,KAAC,KAAK,IACJ,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,mCAAmC,yBAGvC,EACR,KAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,GAAI,IACtC,EACN,wBACE,KAAC,sBAAsB,OAAK,QAAQ,CAAC,kBAAkB,CAAC,GAAI,GACxD,EACN,KAAC,gBAAgB,IAAC,SAAS,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,iCAEpC,IACf,GACD,CACR,CAAC;AACJ,CAAC"}

package/dist/src/connect/components/form/add-local-drive-form.stories.d.ts

@@ -0,0 +1,10 @@
+import type { StoryObj } from "@storybook/react";
+import { AddLocalDriveForm } from "./add-local-drive-form.js";
+declare const meta: {
+    title: string;
+    component: typeof AddLocalDriveForm;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=add-local-drive-form.stories.d.ts.map

package/dist/src/connect/components/form/add-local-drive-form.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-local-drive-form.stories.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/form/add-local-drive-form.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE9D,QAAA,MAAM,IAAI;;;CAGgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAmCnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/dist/src/connect/components/form/add-local-drive-form.stories.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AddLocalDriveForm } from "./add-local-drive-form.js";
+const meta = {
+    title: "Connect/Components/Create Local Drive Form",
+    component: AddLocalDriveForm,
+};
+export default meta;
+const Template = {
+    args: {
+        onSubmit: (data) => {
+            console.log(data);
+        },
+        onCancel: () => { },
+        appOptions: [
+            {
+                id: "powerhouse/common",
+                name: "Generic Drive Explorer",
+                driveEditor: "GenericDriveExplorer",
+            },
+            {
+                id: "powerhouse/invoice/contributor",
+                name: "Contributor App",
+                driveEditor: "ContributorDrive",
+            },
+            {
+                id: "powerhouse/invoice/administrator",
+                name: "OH Administrator App",
+                driveEditor: "AdministratorDrive",
+            },
+        ],
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "h-[420px] bg-white p-8", children: _jsx(Story, {}) })),
+    ],
+};
+export const Default = {
+    ...Template,
+};
+//# sourceMappingURL=add-local-drive-form.stories.js.map

package/dist/src/connect/components/form/add-local-drive-form.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-local-drive-form.stories.js","sourceRoot":"","sources":["../../../../../src/connect/components/form/add-local-drive-form.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE9D,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,4CAA4C;IACnD,SAAS,EAAE,iBAAiB;CACY,CAAC;AAE3C,eAAe,IAAI,CAAC;AAIpB,MAAM,QAAQ,GAAU;IACtB,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;YACjB,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC;QACD,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;QAClB,UAAU,EAAE;YACV;gBACE,EAAE,EAAE,mBAAmB;gBACvB,IAAI,EAAE,wBAAwB;gBAC9B,WAAW,EAAE,sBAAsB;aACpC;YACD;gBACE,EAAE,EAAE,gCAAgC;gBACpC,IAAI,EAAE,iBAAiB;gBACvB,WAAW,EAAE,kBAAkB;aAChC;YACD;gBACE,EAAE,EAAE,kCAAkC;gBACtC,IAAI,EAAE,sBAAsB;gBAC5B,WAAW,EAAE,oBAAoB;aAClC;SACF;KACF;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,wBAAwB,YACrC,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,GAAG,QAAQ;CACZ,CAAC"}

package/dist/src/connect/components/form/add-remote-drive-form.d.ts

@@ -1,10 +1,9 @@
-import { SWITCHBOARD } from "#connect";
-import { type SharingType } from "document-drive";
+import type { SharingType } from "document-drive";
 type RemoteDriveDetails = {
     id: string;
     name: string;
     sharingType: SharingType;
-    location: typeof SWITCHBOARD;
+    location: "SWITCHBOARD";
     availableOffline: boolean;
 };
 export type AddRemoteDriveInput = RemoteDriveDetails & {

package/dist/src/connect/components/form/add-remote-drive-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-remote-drive-form.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/form/add-remote-drive-form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,WAAW,EACZ,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD,KAAK,kBAAkB,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,OAAO,WAAW,CAAC;IAC7B,gBAAgB,EAAE,OAAO,CAAC;CAC3B,CAAC;AAMF,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,GAAG;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvE,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAClC,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,kBAAkB,EAAE,CAC3B,GAAG,EAAE,MAAM,KACR,OAAO,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC5C,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAsGhE"}
+{"version":3,"file":"add-remote-drive-form.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/form/add-remote-drive-form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAWlD,KAAK,kBAAkB,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,aAAa,CAAC;IACxB,gBAAgB,EAAE,OAAO,CAAC;CAC3B,CAAC;AAMF,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,GAAG;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvE,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAClC,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,kBAAkB,EAAE,CAC3B,GAAG,EAAE,MAAM,KACR,OAAO,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC5C,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAsGhE"}