@powerhousedao/design-system 4.1.0-dev.9 → 4.1.0-dev.90

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

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AddLocalDriveForm, Divider } from "#connect";
-import { Icon, Modal } from "#powerhouse";
+import { AddLocalDriveForm, Divider, Icon, Modal, } from "@powerhousedao/design-system";
 import { twMerge } from "tailwind-merge";
 export function AddLocalDriveModal(props) {
     const { open, onOpenChange, onSubmit, modalProps, containerProps, appOptions, } = props;

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

@@ -1 +1 @@
-{"version":3,"file":"add-local-drive-modal.js","sourceRoot":"","sources":["../../../../../src/connect/components/modal/add-local-drive-modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAA2B,OAAO,EAAE,MAAM,UAAU,CAAC;AAC/E,OAAO,EAAiB,IAAI,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGzD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAWzC,MAAM,UAAU,kBAAkB,CAAC,KAAyB;IAC1D,MAAM,EACJ,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,cAAc,EACd,UAAU,GACX,GAAG,KAAK,CAAC;IACV,SAAS,YAAY;QACnB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC;IACD,OAAO,CACL,KAAC,KAAK,OACA,UAAU,EACd,YAAY,EAAE;YACZ,SAAS,EAAE,aAAa;SACzB,EACD,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,YAEV,kBACM,cAAc,EAClB,SAAS,EAAE,OAAO,CAChB,+BAA+B,EAC/B,cAAc,EAAE,SAAS,CAC1B,aAED,eAAK,SAAS,EAAC,sBAAsB,aACnC,aAAI,SAAS,EAAC,mBAAmB,kCAAuB,EACxD,iBACE,SAAS,EAAC,+GAA+G,EACzH,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,CAAC,YAEZ,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,GAAI,GAC7B,IACL,EACN,KAAC,OAAO,IAAC,SAAS,EAAC,MAAM,GAAG,EAC5B,KAAC,iBAAiB,IAChB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,GACtB,IACE,GACA,CACT,CAAC;AACJ,CAAC"}
+{"version":3,"file":"add-local-drive-modal.js","sourceRoot":"","sources":["../../../../../src/connect/components/modal/add-local-drive-modal.tsx"],"names":[],"mappings":";AAIA,OAAO,EACL,iBAAiB,EACjB,OAAO,EACP,IAAI,EACJ,KAAK,GACN,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAWzC,MAAM,UAAU,kBAAkB,CAAC,KAAyB;IAC1D,MAAM,EACJ,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,cAAc,EACd,UAAU,GACX,GAAG,KAAK,CAAC;IACV,SAAS,YAAY;QACnB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC;IACD,OAAO,CACL,KAAC,KAAK,OACA,UAAU,EACd,YAAY,EAAE;YACZ,SAAS,EAAE,aAAa;SACzB,EACD,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,YAEV,kBACM,cAAc,EAClB,SAAS,EAAE,OAAO,CAChB,+BAA+B,EAC/B,cAAc,EAAE,SAAS,CAC1B,aAED,eAAK,SAAS,EAAC,sBAAsB,aACnC,aAAI,SAAS,EAAC,mBAAmB,kCAAuB,EACxD,iBACE,SAAS,EAAC,+GAA+G,EACzH,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,CAAC,YAEZ,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,GAAI,GAC7B,IACL,EACN,KAAC,OAAO,IAAC,SAAS,EAAC,MAAM,GAAG,EAC5B,KAAC,iBAAiB,IAChB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,GACtB,IACE,GACA,CACT,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"add-local-drive-modal.stories.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/add-local-drive-modal.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,QAAA,MAAM,IAAI;;;CAGiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAsDrB,CAAC"}

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

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useArgs } from "@storybook/preview-api";
+import { AddLocalDriveModal } from "./add-local-drive-modal.js";
+const meta = {
+    title: "Connect/Components/Create Drive Modal",
+    component: AddLocalDriveModal,
+};
+export default meta;
+export const Default = {
+    args: {
+        open: true,
+        onSubmit() { },
+        onOpenChange() { },
+        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",
+            },
+        ],
+    },
+    render: function Wrapper(args) {
+        const [, setArgs] = useArgs();
+        return (_jsxs("div", { className: "grid size-full place-items-center", children: [_jsx("button", { className: "rounded-lg bg-red-500 p-4 text-white", onClick: () => {
+                        setArgs({
+                            ...args,
+                            open: true,
+                        });
+                    }, children: "Open Modal" }), _jsx(AddLocalDriveModal, { ...args, modalProps: {
+                        ...args.modalProps,
+                        onOpenChange: (open) => {
+                            setArgs({
+                                ...args,
+                                open,
+                            });
+                        },
+                    } })] }));
+    },
+};
+//# sourceMappingURL=add-local-drive-modal.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"add-local-drive-modal.stories.js","sourceRoot":"","sources":["../../../../../src/connect/components/modal/add-local-drive-modal.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,uCAAuC;IAC9C,SAAS,EAAE,kBAAkB;CACY,CAAC;AAE5C,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,QAAQ,KAAI,CAAC;QACb,YAAY,KAAI,CAAC;QACjB,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,MAAM,EAAE,SAAS,OAAO,CAAC,IAAI;QAC3B,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,OAAO,EAAe,CAAC;QAE3C,OAAO,CACL,eAAK,SAAS,EAAC,mCAAmC,aAChD,iBACE,SAAS,EAAC,sCAAsC,EAChD,OAAO,EAAE,GAAG,EAAE;wBACZ,OAAO,CAAC;4BACN,GAAG,IAAI;4BACP,IAAI,EAAE,IAAI;yBACX,CAAC,CAAC;oBACL,CAAC,2BAGM,EACT,KAAC,kBAAkB,OACb,IAAI,EACR,UAAU,EAAE;wBACV,GAAG,IAAI,CAAC,UAAU;wBAClB,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;4BACrB,OAAO,CAAC;gCACN,GAAG,IAAI;gCACP,IAAI;6BACL,CAAC,CAAC;wBACL,CAAC;qBACF,GACD,IACE,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}

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

@@ -1,6 +1,7 @@
-import { type AddPublicDriveFormProps, type AddRemoteDriveInput, type SharingType } from "#connect";
-import { type DivProps, Modal } from "#powerhouse";
-import { type ComponentPropsWithoutRef } from "react";
+import type { AddPublicDriveFormProps, AddRemoteDriveInput, DivProps } from "@powerhousedao/design-system";
+import { Modal } from "@powerhousedao/design-system";
+import type { SharingType } from "document-drive";
+import type { ComponentPropsWithoutRef } from "react";
 type ModalProps = ComponentPropsWithoutRef<typeof Modal>;
 export type AddRemoteDriveModal = {
     readonly open: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"add-remote-drive-modal.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/add-remote-drive-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,uBAAuB,EAE5B,KAAK,mBAAmB,EAExB,KAAK,WAAW,EACjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,KAAK,QAAQ,EAAQ,KAAK,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtD,KAAK,UAAU,GAAG,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAC;AACzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAClC,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC;IACjC,QAAQ,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;CACpC,GAAG,IAAI,CAAC,uBAAuB,EAAE,oBAAoB,CAAC,CAAC;AACxD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,mBAAmB,2CAiD7D"}
+{"version":3,"file":"add-remote-drive-modal.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/add-remote-drive-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,mBAAmB,EACnB,QAAQ,EACT,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAIL,KAAK,EACN,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtD,KAAK,UAAU,GAAG,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAC;AACzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAClC,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC;IACjC,QAAQ,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;CACpC,GAAG,IAAI,CAAC,uBAAuB,EAAE,oBAAoB,CAAC,CAAC;AACxD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,mBAAmB,2CAiD7D"}

package/dist/src/connect/components/modal/add-remote-drive-modal.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AddRemoteDriveForm, Divider, } from "#connect";
-import { Icon, Modal } from "#powerhouse";
+import { AddRemoteDriveForm, Divider, Icon, Modal, } from "@powerhousedao/design-system";
 import { twMerge } from "tailwind-merge";
 export function AddRemoteDriveModal(props) {
     const { open, onOpenChange, onSubmit, sharingType, modalProps, containerProps, requestPublicDrive, } = props;

package/dist/src/connect/components/modal/add-remote-drive-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"add-remote-drive-modal.js","sourceRoot":"","sources":["../../../../../src/connect/components/modal/add-remote-drive-modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,kBAAkB,EAElB,OAAO,GAER,MAAM,UAAU,CAAC;AAClB,OAAO,EAAiB,IAAI,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAWzC,MAAM,UAAU,mBAAmB,CAAC,KAA0B;IAC5D,MAAM,EACJ,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,UAAU,EACV,cAAc,EACd,kBAAkB,GACnB,GAAG,KAAK,CAAC;IACV,SAAS,YAAY;QACnB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC;IACD,OAAO,CACL,KAAC,KAAK,OACA,UAAU,EACd,YAAY,EAAE;YACZ,SAAS,EAAE,aAAa;SACzB,EACD,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,YAEV,kBACM,cAAc,EAClB,SAAS,EAAE,OAAO,CAChB,6CAA6C,EAC7C,cAAc,EAAE,SAAS,CAC1B,aAED,eAAK,SAAS,EAAC,sBAAsB,aACnC,aAAI,SAAS,EAAC,mBAAmB,0BAAe,EAChD,iBACE,SAAS,EAAC,+GAA+G,EACzH,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,CAAC,YAEZ,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,GAAI,GAC7B,IACL,EACN,KAAC,OAAO,IAAC,SAAS,EAAC,MAAM,GAAG,EAC5B,KAAC,kBAAkB,IACjB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,WAAW,GACxB,IACE,GACA,CACT,CAAC;AACJ,CAAC"}
+{"version":3,"file":"add-remote-drive-modal.js","sourceRoot":"","sources":["../../../../../src/connect/components/modal/add-remote-drive-modal.tsx"],"names":[],"mappings":";AAKA,OAAO,EACL,kBAAkB,EAClB,OAAO,EACP,IAAI,EACJ,KAAK,GACN,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAWzC,MAAM,UAAU,mBAAmB,CAAC,KAA0B;IAC5D,MAAM,EACJ,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,UAAU,EACV,cAAc,EACd,kBAAkB,GACnB,GAAG,KAAK,CAAC;IACV,SAAS,YAAY;QACnB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC;IACD,OAAO,CACL,KAAC,KAAK,OACA,UAAU,EACd,YAAY,EAAE;YACZ,SAAS,EAAE,aAAa;SACzB,EACD,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,YAEV,kBACM,cAAc,EAClB,SAAS,EAAE,OAAO,CAChB,6CAA6C,EAC7C,cAAc,EAAE,SAAS,CAC1B,aAED,eAAK,SAAS,EAAC,sBAAsB,aACnC,aAAI,SAAS,EAAC,mBAAmB,0BAAe,EAChD,iBACE,SAAS,EAAC,+GAA+G,EACzH,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,CAAC,YAEZ,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,GAAI,GAC7B,IACL,EACN,KAAC,OAAO,IAAC,SAAS,EAAC,MAAM,GAAG,EAC5B,KAAC,kBAAkB,IACjB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,WAAW,GACxB,IACE,GACA,CACT,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"add-remote-drive-modal.stories.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/add-remote-drive-modal.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,QAAA,MAAM,IAAI;;;CAGkC,CAAC;AAE7C,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAqCrB,CAAC"}

package/dist/src/connect/components/modal/add-remote-drive-modal.stories.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useArgs } from "@storybook/preview-api";
+import { AddRemoteDriveModal } from "./add-remote-drive-modal.js";
+const meta = {
+    title: "Connect/Components/Add Remote Drive Modal",
+    component: AddRemoteDriveModal,
+};
+export default meta;
+export const Default = {
+    args: {
+        open: true,
+        onSubmit() { },
+        onOpenChange() { },
+        sharingType: "LOCAL",
+        requestPublicDrive(url) {
+            return Promise.resolve({
+                id: "1",
+                name: "Public Drive",
+                url,
+            });
+        },
+    },
+    render: function Wrapper(args) {
+        const [, setArgs] = useArgs();
+        return (_jsxs("div", { className: "grid size-full place-items-center", children: [_jsx("button", { className: "rounded-lg bg-red-500 p-4 text-white", onClick: () => {
+                        setArgs({
+                            ...args,
+                            modalProps: {
+                                ...args.modalProps,
+                                open: true,
+                            },
+                        });
+                    }, children: "Open Modal" }), _jsx(AddRemoteDriveModal, { ...args })] }));
+    },
+};
+//# sourceMappingURL=add-remote-drive-modal.stories.js.map

package/dist/src/connect/components/modal/add-remote-drive-modal.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-remote-drive-modal.stories.js","sourceRoot":"","sources":["../../../../../src/connect/components/modal/add-remote-drive-modal.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,2CAA2C;IAClD,SAAS,EAAE,mBAAmB;CACY,CAAC;AAE7C,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,QAAQ,KAAI,CAAC;QACb,YAAY,KAAI,CAAC;QACjB,WAAW,EAAE,OAAO;QACpB,kBAAkB,CAAC,GAAG;YACpB,OAAO,OAAO,CAAC,OAAO,CAAC;gBACrB,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,cAAc;gBACpB,GAAG;aACJ,CAAC,CAAC;QACL,CAAC;KACF;IACD,MAAM,EAAE,SAAS,OAAO,CAAC,IAAI;QAC3B,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,OAAO,EAAe,CAAC;QAE3C,OAAO,CACL,eAAK,SAAS,EAAC,mCAAmC,aAChD,iBACE,SAAS,EAAC,sCAAsC,EAChD,OAAO,EAAE,GAAG,EAAE;wBACZ,OAAO,CAAC;4BACN,GAAG,IAAI;4BACP,UAAU,EAAE;gCACV,GAAG,IAAI,CAAC,UAAU;gCAClB,IAAI,EAAE,IAAI;6BACX;yBACF,CAAC,CAAC;oBACL,CAAC,2BAGM,EACT,KAAC,mBAAmB,OAAK,IAAI,GAAI,IAC7B,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}

package/dist/src/connect/components/modal/confirmation-modal.d.ts

@@ -1,5 +1,6 @@
-import { type DivProps, Modal } from "#powerhouse";
-import { type ComponentPropsWithoutRef } from "react";
+import type { DivProps } from "@powerhousedao/design-system";
+import { Modal } from "@powerhousedao/design-system";
+import type { ComponentPropsWithoutRef } from "react";
 type ButtonProps = ComponentPropsWithoutRef<"button">;
 export type ConfirmationModalProps = ComponentPropsWithoutRef<typeof Modal> & {
     readonly header: React.ReactNode;

package/dist/src/connect/components/modal/confirmation-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"confirmation-modal.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/confirmation-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,EAAuB,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAOtD,KAAK,WAAW,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAC;AAEtD,MAAM,MAAM,sBAAsB,GAAG,wBAAwB,CAAC,OAAO,KAAK,CAAC,GAAG;IAC5E,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,IAAI,CAAC;IAChC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC;IAC9B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IACzC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAC3C,QAAQ,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC;IAChC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,QAAQ,CAAC;IACzC,QAAQ,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;CACpC,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,sBAAsB,2CAkFrE"}
+{"version":3,"file":"confirmation-modal.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/confirmation-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAuB,MAAM,8BAA8B,CAAC;AAC1E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAOtD,KAAK,WAAW,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAC;AAEtD,MAAM,MAAM,sBAAsB,GAAG,wBAAwB,CAAC,OAAO,KAAK,CAAC,GAAG;IAC5E,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,IAAI,CAAC;IAChC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC;IAC9B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IACzC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAC3C,QAAQ,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC;IAChC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,QAAQ,CAAC;IACzC,QAAQ,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;CACpC,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,sBAAsB,2CAkFrE"}

package/dist/src/connect/components/modal/confirmation-modal.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Modal, mergeClassNameProps } from "#powerhouse";
+import { Modal, mergeClassNameProps } from "@powerhousedao/design-system";
 import { twMerge } from "tailwind-merge";
 const buttonStyles = "min-h-[48px] min-w-[142px] text-base font-semibold py-3 px-6 rounded-xl outline-none active:opacity-75 hover:scale-105 transform transition-all";
 export function ConnectConfirmationModal(props) {

package/dist/src/connect/components/modal/confirmation-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirmation-modal.js","sourceRoot":"","sources":["../../../../../src/connect/components/modal/confirmation-modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGxE,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,YAAY,GAChB,iJAAiJ,CAAC;AAmBpJ,MAAM,UAAU,wBAAwB,CAAC,KAA6B;IACpE,MAAM,EACJ,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,EAAE,EAChB,cAAc,GAAG,EAAE,EACnB,iBAAiB,GAAG,EAAE,EACtB,mBAAmB,GAAG,EAAE,EACxB,oBAAoB,GAAG,EAAE,EACzB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,KAAC,KAAK,IACJ,YAAY,EAAE;YACZ,GAAG,YAAY;YACf,SAAS,EAAE,OAAO,CAAC,aAAa,EAAE,YAAY,EAAE,SAAS,CAAC;SAC3D,EACD,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE;YACZ,GAAG,YAAY;YACf,SAAS,EAAE,YAAY,EAAE,SAAS;SACnC,KACG,SAAS,YAEb,kBACM,mBAAmB,CAAC,cAAc,EAAE,8BAA8B,CAAC,aAEvE,iBACM,mBAAmB,CACrB,WAAW,EACX,gEAAgE,CACjE,YAEA,MAAM,GACH,EACN,kBACM,mBAAmB,CACrB,SAAS,EACT,6CAA6C,CAC9C,aAEA,IAAI,EACJ,QAAQ,IACL,EACN,kBACM,mBAAmB,CACrB,oBAAoB,EACpB,iCAAiC,CAClC,aAED,iBACE,OAAO,EAAE,QAAQ,KACb,mBAAmB,CACrB,iBAAiB,EACjB,OAAO,CAAC,YAAY,EAAE,mCAAmC,CAAC,CAC3D,YAEA,WAAW,GACL,EACT,iBACE,OAAO,EAAE,UAAU,KACf,mBAAmB,CACrB,mBAAmB,EACnB,OAAO,CAAC,YAAY,EAAE,iCAAiC,CAAC,CACzD,YAEA,aAAa,GACP,IACL,IACF,GACA,CACT,CAAC;AACJ,CAAC"}
+{"version":3,"file":"confirmation-modal.js","sourceRoot":"","sources":["../../../../../src/connect/components/modal/confirmation-modal.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAG1E,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,YAAY,GAChB,iJAAiJ,CAAC;AAmBpJ,MAAM,UAAU,wBAAwB,CAAC,KAA6B;IACpE,MAAM,EACJ,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,EAAE,EAChB,cAAc,GAAG,EAAE,EACnB,iBAAiB,GAAG,EAAE,EACtB,mBAAmB,GAAG,EAAE,EACxB,oBAAoB,GAAG,EAAE,EACzB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,KAAC,KAAK,IACJ,YAAY,EAAE;YACZ,GAAG,YAAY;YACf,SAAS,EAAE,OAAO,CAAC,aAAa,EAAE,YAAY,EAAE,SAAS,CAAC;SAC3D,EACD,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE;YACZ,GAAG,YAAY;YACf,SAAS,EAAE,YAAY,EAAE,SAAS;SACnC,KACG,SAAS,YAEb,kBACM,mBAAmB,CAAC,cAAc,EAAE,8BAA8B,CAAC,aAEvE,iBACM,mBAAmB,CACrB,WAAW,EACX,gEAAgE,CACjE,YAEA,MAAM,GACH,EACN,kBACM,mBAAmB,CACrB,SAAS,EACT,6CAA6C,CAC9C,aAEA,IAAI,EACJ,QAAQ,IACL,EACN,kBACM,mBAAmB,CACrB,oBAAoB,EACpB,iCAAiC,CAClC,aAED,iBACE,OAAO,EAAE,QAAQ,KACb,mBAAmB,CACrB,iBAAiB,EACjB,OAAO,CAAC,YAAY,EAAE,mCAAmC,CAAC,CAC3D,YAEA,WAAW,GACL,EACT,iBACE,OAAO,EAAE,UAAU,KACf,mBAAmB,CACrB,mBAAmB,EACnB,OAAO,CAAC,YAAY,EAAE,iCAAiC,CAAC,CACzD,YAEA,aAAa,GACP,IACL,IACF,GACA,CACT,CAAC;AACJ,CAAC"}

package/dist/src/connect/components/modal/confirmation-modal.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { ConnectConfirmationModal } from "./confirmation-modal.js";
+declare const meta: Meta<typeof ConnectConfirmationModal>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+//# sourceMappingURL=confirmation-modal.stories.d.ts.map

package/dist/src/connect/components/modal/confirmation-modal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirmation-modal.stories.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/confirmation-modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,wBAAwB,CAG/C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}

package/dist/src/connect/components/modal/confirmation-modal.stories.js

@@ -0,0 +1,16 @@
+import { ConnectConfirmationModal } from "./confirmation-modal.js";
+const meta = {
+    title: "Connect/Components/Modal/ConnectConfirmationModal",
+    component: ConnectConfirmationModal,
+};
+export default meta;
+export const Primary = {
+    args: {
+        open: true,
+        header: "Title",
+        body: "lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua",
+        cancelLabel: "Cancel",
+        continueLabel: "Continue",
+    },
+};
+//# sourceMappingURL=confirmation-modal.stories.js.map

package/dist/src/connect/components/modal/confirmation-modal.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirmation-modal.stories.js","sourceRoot":"","sources":["../../../../../src/connect/components/modal/confirmation-modal.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,MAAM,IAAI,GAA0C;IAClD,KAAK,EAAE,mDAAmD;IAC1D,SAAS,EAAE,wBAAwB;CACpC,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,OAAO;QACf,IAAI,EAAE,0HAA0H;QAChI,WAAW,EAAE,QAAQ;QACrB,aAAa,EAAE,UAAU;KAC1B;CACF,CAAC"}

package/dist/src/connect/components/modal/create-document-modal.d.ts

@@ -1,5 +1,5 @@
-import { Modal } from "#powerhouse";
-import { type ComponentPropsWithoutRef } from "react";
+import { Modal } from "@powerhousedao/design-system";
+import type { ComponentPropsWithoutRef } from "react";
 export type CreateDocumentModalProps = ComponentPropsWithoutRef<typeof Modal> & {
     readonly onContinue: (nodeName: string) => void;
 };

package/dist/src/connect/components/modal/create-document-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-document-modal.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/create-document-modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgB,KAAK,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,KAAK,wBAAwB,EAAY,MAAM,OAAO,CAAC;AAMhE,MAAM,MAAM,wBAAwB,GAAG,wBAAwB,CAC7D,OAAO,KAAK,CACb,GAAG;IACF,QAAQ,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD,CAAC;AAIF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA8DlE"}
+{"version":3,"file":"create-document-modal.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/create-document-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,EAEN,MAAM,8BAA8B,CAAC;AAEtC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAOtD,MAAM,MAAM,wBAAwB,GAAG,wBAAwB,CAC7D,OAAO,KAAK,CACb,GAAG;IACF,QAAQ,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD,CAAC;AAIF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA6ElE"}

package/dist/src/connect/components/modal/create-document-modal.js

@@ -1,27 +1,35 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormInput } from "#connect";
-import { Button, Icon, Modal } from "#powerhouse";
-import { useState } from "react";
+import { FormInput, Icon, Modal, PowerhouseButton, } from "@powerhousedao/design-system";
+import { isValidName } from "document-drive";
+import { useCallback, useState } from "react";
 import { twMerge } from "tailwind-merge";
 const buttonStyles = "min-h-[48px] min-w-[142px] text-base font-semibold py-3 px-6 rounded-xl outline-none active:opacity-75 hover:scale-105 transform transition-all";
 const CLOSE_ANIMATION_DURATION = 300;
 export function CreateDocumentModal(props) {
     const { onOpenChange, onContinue, overlayProps, contentProps, ...restProps } = props;
     const [nodeName, setNodeName] = useState("");
+    const [isValid, setIsValid] = useState(false);
     const handleCancel = () => {
         onOpenChange?.(false);
         setTimeout(() => setNodeName(""), CLOSE_ANIMATION_DURATION);
     };
-    const handleCreate = () => {
+    const handleCreate = useCallback(() => {
+        if (!isValid) {
+            return;
+        }
         onContinue(nodeName);
         setTimeout(() => setNodeName(""), CLOSE_ANIMATION_DURATION);
-    };
+    }, [isValid, nodeName, onContinue]);
     return (_jsx(Modal, { contentProps: {
             ...contentProps,
             className: twMerge("rounded-3xl", contentProps?.className),
         }, onOpenChange: onOpenChange, overlayProps: {
             ...overlayProps,
             className: overlayProps?.className,
-        }, ...restProps, children: _jsxs("div", { className: "w-[400px] p-6 text-slate-300", children: [_jsx("div", { className: "border-b border-slate-50 pb-2 text-2xl font-bold text-gray-800", children: "Create a new document" }), _jsx("div", { className: "my-6", children: _jsx(FormInput, { icon: _jsx(Icon, { name: "BrickGlobe" }), onChange: (e) => setNodeName(e.target.value), placeholder: "Document name", required: true, value: nodeName }) }), _jsxs("div", { className: "mt-8 flex justify-between gap-3", children: [_jsx("button", { className: twMerge(buttonStyles, "flex-1 bg-slate-50 text-slate-800"), onClick: handleCancel, children: "Cancel" }), _jsx(Button, { className: twMerge(buttonStyles, "flex-1 bg-gray-800 text-gray-50"), onClick: handleCreate, children: "Create" })] })] }) }));
+        }, ...restProps, children: _jsxs("form", { name: "create-document", className: "w-[400px] p-6 text-slate-300", children: [_jsx("div", { className: "border-b border-slate-50 pb-2 text-2xl font-bold text-gray-800", children: "Create a new document" }), _jsxs("div", { className: "my-6", children: [!isValid && nodeName && (_jsx("div", { className: "mb-2 text-red-500", children: "Document name must be valid URL characters." })), _jsx(FormInput, { icon: _jsx(Icon, { name: "BrickGlobe" }), onChange: (e) => {
+                                const name = e.target.value;
+                                setNodeName(name);
+                                setIsValid(isValidName(name));
+                            }, placeholder: "Document name", required: true, value: nodeName })] }), _jsxs("div", { className: "mt-8 flex justify-between gap-3", children: [_jsx("button", { className: twMerge(buttonStyles, "flex-1 bg-slate-50 text-slate-800"), onClick: handleCancel, children: "Cancel" }), _jsx(PowerhouseButton, { className: twMerge(buttonStyles, "flex-1 bg-gray-800 text-gray-50"), onClick: handleCreate, disabled: !isValid, children: "Create" })] })] }) }));
 }
 //# sourceMappingURL=create-document-modal.js.map

package/dist/src/connect/components/modal/create-document-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-document-modal.js","sourceRoot":"","sources":["../../../../../src/connect/components/modal/create-document-modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAiC,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,YAAY,GAChB,iJAAiJ,CAAC;AAQpJ,MAAM,wBAAwB,GAAG,GAAG,CAAC;AAErC,MAAM,UAAU,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,GAC1E,KAAK,CAAC;IAER,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7C,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;QACtB,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,wBAAwB,CAAC,CAAC;IAC9D,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,UAAU,CAAC,QAAQ,CAAC,CAAC;QACrB,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,wBAAwB,CAAC,CAAC;IAC9D,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,IACJ,YAAY,EAAE;YACZ,GAAG,YAAY;YACf,SAAS,EAAE,OAAO,CAAC,aAAa,EAAE,YAAY,EAAE,SAAS,CAAC;SAC3D,EACD,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE;YACZ,GAAG,YAAY;YACf,SAAS,EAAE,YAAY,EAAE,SAAS;SACnC,KACG,SAAS,YAEb,eAAK,SAAS,EAAC,8BAA8B,aAC3C,cAAK,SAAS,EAAC,gEAAgE,sCAEzE,EACN,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,SAAS,IACR,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,EAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5C,WAAW,EAAC,eAAe,EAC3B,QAAQ,QACR,KAAK,EAAE,QAAQ,GACf,GACE,EACN,eAAK,SAAS,EAAC,iCAAiC,aAC9C,iBACE,SAAS,EAAE,OAAO,CAChB,YAAY,EACZ,mCAAmC,CACpC,EACD,OAAO,EAAE,YAAY,uBAGd,EACT,KAAC,MAAM,IACL,SAAS,EAAE,OAAO,CAAC,YAAY,EAAE,iCAAiC,CAAC,EACnE,OAAO,EAAE,YAAY,uBAGd,IACL,IACF,GACA,CACT,CAAC;AACJ,CAAC"}
+{"version":3,"file":"create-document-modal.js","sourceRoot":"","sources":["../../../../../src/connect/components/modal/create-document-modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,KAAK,EACL,gBAAgB,GACjB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,YAAY,GAChB,iJAAiJ,CAAC;AAQpJ,MAAM,wBAAwB,GAAG,GAAG,CAAC;AAErC,MAAM,UAAU,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,GAC1E,KAAK,CAAC;IAER,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;QACtB,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,wBAAwB,CAAC,CAAC;IAC9D,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,UAAU,CAAC,QAAQ,CAAC,CAAC;QACrB,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,wBAAwB,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,KAAC,KAAK,IACJ,YAAY,EAAE;YACZ,GAAG,YAAY;YACf,SAAS,EAAE,OAAO,CAAC,aAAa,EAAE,YAAY,EAAE,SAAS,CAAC;SAC3D,EACD,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE;YACZ,GAAG,YAAY;YACf,SAAS,EAAE,YAAY,EAAE,SAAS;SACnC,KACG,SAAS,YAEb,gBAAM,IAAI,EAAC,iBAAiB,EAAC,SAAS,EAAC,8BAA8B,aACnE,cAAK,SAAS,EAAC,gEAAgE,sCAEzE,EACN,eAAK,SAAS,EAAC,MAAM,aAClB,CAAC,OAAO,IAAI,QAAQ,IAAI,CACvB,cAAK,SAAS,EAAC,mBAAmB,4DAE5B,CACP,EACD,KAAC,SAAS,IACR,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,EAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gCACd,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gCAC5B,WAAW,CAAC,IAAI,CAAC,CAAC;gCAClB,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;4BAChC,CAAC,EACD,WAAW,EAAC,eAAe,EAC3B,QAAQ,QACR,KAAK,EAAE,QAAQ,GACf,IACE,EACN,eAAK,SAAS,EAAC,iCAAiC,aAC9C,iBACE,SAAS,EAAE,OAAO,CAChB,YAAY,EACZ,mCAAmC,CACpC,EACD,OAAO,EAAE,YAAY,uBAGd,EACT,KAAC,gBAAgB,IACf,SAAS,EAAE,OAAO,CAAC,YAAY,EAAE,iCAAiC,CAAC,EACnE,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,OAAO,uBAGD,IACf,IACD,GACD,CACT,CAAC;AACJ,CAAC"}

package/dist/src/connect/components/modal/create-document-modal.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { CreateDocumentModal } from "./create-document-modal.js";
+declare const meta: Meta<typeof CreateDocumentModal>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+//# sourceMappingURL=create-document-modal.stories.d.ts.map

package/dist/src/connect/components/modal/create-document-modal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-document-modal.stories.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/create-document-modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAG1C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}

package/dist/src/connect/components/modal/create-document-modal.stories.js

@@ -0,0 +1,12 @@
+import { CreateDocumentModal } from "./create-document-modal.js";
+const meta = {
+    title: "Connect/Components/Modal/Create Document Modal",
+    component: CreateDocumentModal,
+};
+export default meta;
+export const Primary = {
+    args: {
+        open: true,
+    },
+};
+//# sourceMappingURL=create-document-modal.stories.js.map

package/dist/src/connect/components/modal/create-document-modal.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-document-modal.stories.js","sourceRoot":"","sources":["../../../../../src/connect/components/modal/create-document-modal.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,MAAM,IAAI,GAAqC;IAC7C,KAAK,EAAE,gDAAgD;IACvD,SAAS,EAAE,mBAAmB;CAC/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;KACX;CACF,CAAC"}

package/dist/src/connect/components/modal/delete-drive-modal.d.ts

@@ -1,4 +1,4 @@
-import { type ConfirmationModalProps } from "./confirmation-modal.js";
+import type { ConfirmationModalProps } from "./confirmation-modal.js";
 export interface ConnectDeleteDriveModalProps extends ConfirmationModalProps {
     readonly inputPlaceholder: string;
     readonly driveName: string;

package/dist/src/connect/components/modal/delete-drive-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"delete-drive-modal.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/delete-drive-modal.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,sBAAsB,EAE5B,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,4BAA6B,SAAQ,sBAAsB;IAC1E,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAqC1E,CAAC"}
+{"version":3,"file":"delete-drive-modal.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/delete-drive-modal.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAGtE,MAAM,WAAW,4BAA6B,SAAQ,sBAAsB;IAC1E,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAqC1E,CAAC"}

package/dist/src/connect/components/modal/delete-drive-modal.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from "#powerhouse";
+import { Icon } from "@powerhousedao/design-system";
 import { useState } from "react";
 import { FormInput } from "../form-input/index.js";
-import { ConnectConfirmationModal, } from "./confirmation-modal.js";
+import { ConnectConfirmationModal } from "./confirmation-modal.js";
 export const ConnectDeleteDriveModal = (props) => {
     const { inputPlaceholder, body, driveName, ...confirmationModalProps } = props;
     const [inputName, setInputName] = useState("");

package/dist/src/connect/components/modal/delete-drive-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"delete-drive-modal.js","sourceRoot":"","sources":["../../../../../src/connect/components/modal/delete-drive-modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAEL,wBAAwB,GACzB,MAAM,yBAAyB,CAAC;AAOjC,MAAM,CAAC,MAAM,uBAAuB,GAA2C,CAC7E,KAAK,EACL,EAAE;IACF,MAAM,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,sBAAsB,EAAE,GACpE,KAAK,CAAC;IAER,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE/C,OAAO,CACL,KAAC,wBAAwB,IACvB,SAAS,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE,EAC7C,cAAc,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,EAC1C,mBAAmB,EAAE;YACnB,QAAQ,EAAE,SAAS,KAAK,SAAS;YACjC,SAAS,EACP,SAAS,KAAK,SAAS;gBACrB,CAAC,CAAC,kEAAkE;gBACpE,CAAC,CAAC,YAAY;SACnB,KACG,sBAAsB,YAE1B,0BACE,cAAK,SAAS,EAAC,6CAA6C,YACzD,IAAI,GACD,EACN,wBACE,KAAC,SAAS,IACR,UAAU,QACV,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,EAC1B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7C,WAAW,EAAE,gBAAgB,EAC7B,KAAK,EAAE,SAAS,GAChB,GACE,IACF,GACmB,CAC5B,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"delete-drive-modal.js","sourceRoot":"","sources":["../../../../../src/connect/components/modal/delete-drive-modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAOnE,MAAM,CAAC,MAAM,uBAAuB,GAA2C,CAC7E,KAAK,EACL,EAAE;IACF,MAAM,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,sBAAsB,EAAE,GACpE,KAAK,CAAC;IAER,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE/C,OAAO,CACL,KAAC,wBAAwB,IACvB,SAAS,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE,EAC7C,cAAc,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,EAC1C,mBAAmB,EAAE;YACnB,QAAQ,EAAE,SAAS,KAAK,SAAS;YACjC,SAAS,EACP,SAAS,KAAK,SAAS;gBACrB,CAAC,CAAC,kEAAkE;gBACpE,CAAC,CAAC,YAAY;SACnB,KACG,sBAAsB,YAE1B,0BACE,cAAK,SAAS,EAAC,6CAA6C,YACzD,IAAI,GACD,EACN,wBACE,KAAC,SAAS,IACR,UAAU,QACV,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,EAC1B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7C,WAAW,EAAE,gBAAgB,EAC7B,KAAK,EAAE,SAAS,GAChB,GACE,IACF,GACmB,CAC5B,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/connect/components/modal/delete-item-modal.d.ts

@@ -1,4 +1,4 @@
-import { type ConfirmationModalProps } from "./confirmation-modal.js";
+import type { ConfirmationModalProps } from "@powerhousedao/design-system";
 export interface ConnectDeleteItemModalProps extends Omit<ConfirmationModalProps, "onContinue" | "continueLabel"> {
     readonly onDelete: () => void;
     readonly deleteLabel: string;

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

@@ -1 +1 @@
-{"version":3,"file":"delete-item-modal.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/delete-item-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,sBAAsB,EAE5B,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,YAAY,GAAG,eAAe,CAAC;IACpE,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;CAC9B;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CAcxE"}
+{"version":3,"file":"delete-item-modal.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/delete-item-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAG3E,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,YAAY,GAAG,eAAe,CAAC;IACpE,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;CAC9B;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CAcxE"}

package/dist/src/connect/components/modal/delete-item-modal.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ConnectConfirmationModal, } from "./confirmation-modal.js";
+import { ConnectConfirmationModal } from "@powerhousedao/design-system";
 export function ConnectDeleteItemModal(props) {
     const { onDelete, deleteLabel, ...restProps } = props;
     return (_jsx(ConnectConfirmationModal, { ...restProps, containerProps: { className: "w-[450px]" }, continueButtonProps: {

package/dist/src/connect/components/modal/delete-item-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"delete-item-modal.js","sourceRoot":"","sources":["../../../../../src/connect/components/modal/delete-item-modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,wBAAwB,GACzB,MAAM,yBAAyB,CAAC;AAQjC,MAAM,UAAU,sBAAsB,CAAC,KAAkC;IACvE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEtD,OAAO,CACL,KAAC,wBAAwB,OACnB,SAAS,EACb,cAAc,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,EAC1C,mBAAmB,EAAE;YACnB,SAAS,EAAE,YAAY;SACxB,EACD,aAAa,EAAE,WAAW,EAC1B,UAAU,EAAE,QAAQ,GACpB,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"delete-item-modal.js","sourceRoot":"","sources":["../../../../../src/connect/components/modal/delete-item-modal.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAQxE,MAAM,UAAU,sBAAsB,CAAC,KAAkC;IACvE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEtD,OAAO,CACL,KAAC,wBAAwB,OACnB,SAAS,EACb,cAAc,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,EAC1C,mBAAmB,EAAE;YACnB,SAAS,EAAE,YAAY;SACxB,EACD,aAAa,EAAE,WAAW,EAC1B,UAAU,EAAE,QAAQ,GACpB,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { ConnectDeleteItemModal } from "./delete-item-modal.js";
+declare const meta: Meta<typeof ConnectDeleteItemModal>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+//# sourceMappingURL=delete-item-modal.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"delete-item-modal.stories.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/delete-item-modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,sBAAsB,CAG7C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}

package/dist/src/connect/components/modal/delete-item-modal.stories.js

@@ -0,0 +1,16 @@
+import { ConnectDeleteItemModal } from "./delete-item-modal.js";
+const meta = {
+    title: "Connect/Components/Modal/DeleteItemModal",
+    component: ConnectDeleteItemModal,
+};
+export default meta;
+export const Primary = {
+    args: {
+        open: true,
+        header: "Delete “Ecosystem Actors” folder?",
+        body: "Are you sure you want to delete this folder?  All files and subfolders within it will be removed.",
+        cancelLabel: "Cancel",
+        deleteLabel: "Delete",
+    },
+};
+//# sourceMappingURL=delete-item-modal.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"delete-item-modal.stories.js","sourceRoot":"","sources":["../../../../../src/connect/components/modal/delete-item-modal.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,MAAM,IAAI,GAAwC;IAChD,KAAK,EAAE,0CAA0C;IACjD,SAAS,EAAE,sBAAsB;CAClC,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,mCAAmC;QAC3C,IAAI,EAAE,mGAAmG;QACzG,WAAW,EAAE,QAAQ;QACrB,WAAW,EAAE,QAAQ;KACtB;CACF,CAAC"}

package/dist/src/connect/components/modal/delete-item-modal.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=delete-item-modal.test.d.ts.map

package/dist/src/connect/components/modal/delete-item-modal.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete-item-modal.test.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/delete-item-modal.test.tsx"],"names":[],"mappings":""}

package/dist/src/connect/components/modal/delete-item-modal.test.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ConnectDeleteItemModal } from "@powerhousedao/design-system";
+import { fireEvent, render, screen } from "@testing-library/react";
+import { it, vi } from "vitest";
+describe("Modal Component", () => {
+    it("should match snapshot", () => {
+        render(_jsx(ConnectDeleteItemModal, { body: "Are you sure you want to delete this folder? All files and subfolders within it will be removed.", cancelLabel: "Cancel", "data-testid": "delete-modal", deleteLabel: "Delete", header: "Delete \u201CEcosystem Actors\u201D folder?", onCancel: () => { }, onDelete: () => { }, open: true }));
+        const modalComponent = screen.getByTestId("delete-modal");
+        expect(modalComponent).toMatchSnapshot();
+    });
+    it("should render modal content", () => {
+        const headerText = "Delete “Ecosystem Actors” folder?";
+        const bodyText = "Are you sure you want to delete this folder? All files and subfolders within it will be removed.";
+        const cancelLabel = "Cancel";
+        const deleteLabel = "Delete";
+        render(_jsx(ConnectDeleteItemModal, { body: bodyText, cancelLabel: cancelLabel, "data-testid": "delete-modal", deleteLabel: deleteLabel, header: headerText, onCancel: () => { }, onDelete: () => { }, open: true }));
+        const header = screen.getByText(headerText);
+        const body = screen.getByText(bodyText);
+        const cancelButton = screen.getByText(cancelLabel);
+        const deleteButton = screen.getByText(deleteLabel);
+        expect(header).toBeInTheDocument();
+        expect(body).toBeInTheDocument();
+        expect(cancelButton).toBeInTheDocument();
+        expect(deleteButton).toBeInTheDocument();
+    });
+    it("should trigger onClose callback when cancel is clicked", () => {
+        const onClose = vi.fn();
+        const cancelLabel = "Cancel";
+        render(_jsx(ConnectDeleteItemModal, { body: "Are you sure you want to delete this folder? All files and subfolders within it will be removed.", cancelLabel: cancelLabel, "data-testid": "delete-modal", deleteLabel: "Delete", header: "Delete \u201CEcosystem Actors\u201D folder?", onCancel: onClose, onDelete: () => { }, open: true }));
+        fireEvent.click(screen.getByText(cancelLabel));
+        expect(onClose).toHaveBeenCalled();
+    });
+    it("should trigger onDelete callback when CTA is clicked", () => {
+        const onDelete = vi.fn();
+        const deleteLabel = "Delete";
+        render(_jsx(ConnectDeleteItemModal, { body: "Are you sure you want to delete this folder? All files and subfolders within it will be removed.", cancelLabel: "Cancel", "data-testid": "delete-modal", deleteLabel: deleteLabel, header: "Delete \u201CEcosystem Actors\u201D folder?", onCancel: () => { }, onDelete: onDelete, open: true }));
+        fireEvent.click(screen.getByText(deleteLabel));
+        expect(onDelete).toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=delete-item-modal.test.js.map

package/dist/src/connect/components/modal/delete-item-modal.test.js.map

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

package/dist/src/connect/components/modal/drive-settings-modal.d.ts

@@ -1,7 +1,7 @@
-import { type SharingType } from "#connect";
-import { type DivProps, Modal } from "#powerhouse";
-import { type DocumentDriveDocument } from "document-drive";
-import { type ComponentPropsWithoutRef } from "react";
+import type { DivProps } from "@powerhousedao/design-system";
+import { Modal } from "@powerhousedao/design-system";
+import type { DocumentDriveDocument, SharingType } from "document-drive";
+import type { ComponentPropsWithoutRef } from "react";
 type ModalProps = ComponentPropsWithoutRef<typeof Modal>;
 export type DriveSettingsModalProps = {
     drive: DocumentDriveDocument;

package/dist/src/connect/components/modal/drive-settings-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drive-settings-modal.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/drive-settings-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,KAAK,QAAQ,EAAQ,KAAK,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtD,KAAK,UAAU,GAAG,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAC;AAEzD,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,WAAW,EAAE,WAAW,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,aAAa,EAAE,CAAC,KAAK,EAAE,qBAAqB,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACvE,aAAa,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD,mBAAmB,EAAE,CACnB,KAAK,EAAE,qBAAqB,EAC5B,cAAc,EAAE,WAAW,KACxB,IAAI,CAAC;IACV,wBAAwB,EAAE,CACxB,KAAK,EAAE,qBAAqB,EAC5B,mBAAmB,EAAE,OAAO,KACzB,IAAI,CAAC;IACV,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,QAAQ,CAAC;CAC3B,CAAC;AACF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA2EhE"}
+{"version":3,"file":"drive-settings-modal.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/drive-settings-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,QAAQ,EAET,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAIL,KAAK,EACN,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtD,KAAK,UAAU,GAAG,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAC;AAEzD,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,WAAW,EAAE,WAAW,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,aAAa,EAAE,CAAC,KAAK,EAAE,qBAAqB,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACvE,aAAa,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD,mBAAmB,EAAE,CACnB,KAAK,EAAE,qBAAqB,EAC5B,cAAc,EAAE,WAAW,KACxB,IAAI,CAAC;IACV,wBAAwB,EAAE,CACxB,KAAK,EAAE,qBAAqB,EAC5B,mBAAmB,EAAE,OAAO,KACzB,IAAI,CAAC;IACV,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,QAAQ,CAAC;CAC3B,CAAC;AACF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA2EhE"}

package/dist/src/connect/components/modal/drive-settings-modal.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Divider, DriveSettingsForm, } from "#connect";
-import { Icon, Modal } from "#powerhouse";
+import { Divider, DriveSettingsForm, Icon, Modal, } from "@powerhousedao/design-system";
 import { twMerge } from "tailwind-merge";
 export function DriveSettingsModal(props) {
     const { drive, open, sharingType, availableOffline, onOpenChange, onDeleteDrive, onRenameDrive, onChangeSharingType, onChangeAvailableOffline, modalProps, containerProps, } = props;

package/dist/src/connect/components/modal/drive-settings-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"drive-settings-modal.js","sourceRoot":"","sources":["../../../../../src/connect/components/modal/drive-settings-modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,OAAO,EACP,iBAAiB,GAGlB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAiB,IAAI,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGzD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAuBzC,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EACJ,KAAK,EACL,IAAI,EACJ,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,wBAAwB,EACxB,UAAU,EACV,cAAc,GACf,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAmC,CAAC,IAAI,EAAE,EAAE;QACxD,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YACpC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;QACD,IAAI,IAAI,CAAC,WAAW,KAAK,WAAW,EAAE,CAAC;YACrC,mBAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC/C,CAAC;QACD,IAAI,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,EAAE,CAAC;YAC/C,wBAAwB,CAAC,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACzD,CAAC;QACD,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,SAAS,iBAAiB;QACxB,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC;IAED,SAAS,YAAY;QACnB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC;IAED,OAAO,CACL,KAAC,KAAK,OACA,UAAU,EACd,YAAY,EAAE;YACZ,SAAS,EAAE,aAAa;SACzB,EACD,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,YAEV,kBACM,cAAc,EAClB,SAAS,EAAE,OAAO,CAChB,+BAA+B,EAC/B,cAAc,EAAE,SAAS,CAC1B,aAED,eAAK,SAAS,EAAC,sBAAsB,aACnC,aAAI,SAAS,EAAC,mBAAmB,+BAAoB,EACrD,iBACE,SAAS,EAAC,+GAA+G,EACzH,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,CAAC,YAEZ,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,GAAI,GAC7B,IACL,EACN,KAAC,OAAO,IAAC,SAAS,EAAC,MAAM,GAAG,EAC5B,KAAC,iBAAiB,IAChB,YAAY,EAAE,YAAY,EAC1B,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,GAClC,IACE,GACA,CACT,CAAC;AACJ,CAAC"}
+{"version":3,"file":"drive-settings-modal.js","sourceRoot":"","sources":["../../../../../src/connect/components/modal/drive-settings-modal.tsx"],"names":[],"mappings":";AAIA,OAAO,EACL,OAAO,EACP,iBAAiB,EACjB,IAAI,EACJ,KAAK,GACN,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAuBzC,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EACJ,KAAK,EACL,IAAI,EACJ,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,wBAAwB,EACxB,UAAU,EACV,cAAc,GACf,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAmC,CAAC,IAAI,EAAE,EAAE;QACxD,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YACpC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;QACD,IAAI,IAAI,CAAC,WAAW,KAAK,WAAW,EAAE,CAAC;YACrC,mBAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC/C,CAAC;QACD,IAAI,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,EAAE,CAAC;YAC/C,wBAAwB,CAAC,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACzD,CAAC;QACD,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,SAAS,iBAAiB;QACxB,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC;IAED,SAAS,YAAY;QACnB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC;IAED,OAAO,CACL,KAAC,KAAK,OACA,UAAU,EACd,YAAY,EAAE;YACZ,SAAS,EAAE,aAAa;SACzB,EACD,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,YAEV,kBACM,cAAc,EAClB,SAAS,EAAE,OAAO,CAChB,+BAA+B,EAC/B,cAAc,EAAE,SAAS,CAC1B,aAED,eAAK,SAAS,EAAC,sBAAsB,aACnC,aAAI,SAAS,EAAC,mBAAmB,+BAAoB,EACrD,iBACE,SAAS,EAAC,+GAA+G,EACzH,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,CAAC,YAEZ,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,GAAI,GAC7B,IACL,EACN,KAAC,OAAO,IAAC,SAAS,EAAC,MAAM,GAAG,EAC5B,KAAC,iBAAiB,IAChB,YAAY,EAAE,YAAY,EAC1B,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,GAClC,IACE,GACA,CACT,CAAC;AACJ,CAAC"}

package/dist/src/connect/components/modal/drive-settings-modal.stories.d.ts

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

package/dist/src/connect/components/modal/drive-settings-modal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drive-settings-modal.stories.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/drive-settings-modal.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,IAAI;;;CAGiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAsDrB,CAAC"}