@powerhousedao/connect 4.1.0-dev.104 → 4.1.0-dev.106

package/dist/assets/{options-6ElsbK-V.js → options-Bqnui46O.js}

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports, I as Icon } from "./index-m_tcHrvQ.js";
+import { j as jsxRuntimeExports, I as Icon } from "./index-DK-Td17X.js";
 const defaultNodeOptions = ["RENAME", "DELETE", "DUPLICATE"];
 const sharingTypeOptions = [
   {
@@ -78,4 +78,4 @@ export {
   nodeOptionsMap as n,
   sharingTypeOptions as s
 };
-//# sourceMappingURL=options-6ElsbK-V.js.map
+//# sourceMappingURL=options-Bqnui46O.js.map

package/dist/assets/{options-6ElsbK-V.js.map → options-Bqnui46O.js.map}

@@ -1 +1 @@
-{"version":3,"file":"options-6ElsbK-V.js","sources":["../../../../packages/design-system/dist/src/connect/constants/options.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Icon } from \"@powerhousedao/design-system\";\nexport const defaultDriveOptions = [\n    \"NEW_FOLDER\",\n    \"RENAME\",\n    \"SETTINGS\",\n];\nexport const defaultNodeOptions = [\"RENAME\", \"DELETE\", \"DUPLICATE\"];\nexport const normalNodeOptions = [\n    \"DUPLICATE\",\n    \"RENAME\",\n    \"DELETE\",\n    \"SETTINGS\",\n];\nexport const debugNodeOptions = [\n    \"ADD_TRIGGER\",\n    \"REMOVE_TRIGGER\",\n    \"ADD_INVALID_TRIGGER\",\n];\nexport const nodeOptions = [...normalNodeOptions, ...debugNodeOptions];\nexport const sharingTypeOptions = [\n    {\n        value: \"LOCAL\",\n        icon: _jsx(Icon, { name: \"Lock\" }),\n        description: \"Only available to you\",\n    },\n    {\n        value: \"CLOUD\",\n        icon: _jsx(Icon, { name: \"People\" }),\n        description: \"Only available to people in this drive\",\n    },\n    {\n        value: \"PUBLIC\",\n        icon: _jsx(Icon, { name: \"Globe\" }),\n        description: \"Available to everyone\",\n        disabled: true,\n    },\n];\nexport const locationInfoByLocation = {\n    CLOUD: {\n        title: \"Secure cloud\",\n        description: \"End to end encryption between members.\",\n        icon: _jsx(Icon, { name: \"Lock\" }),\n    },\n    LOCAL: {\n        title: \"Local\",\n        description: \"Private and only available to you.\",\n        icon: _jsx(Icon, { name: \"Hdd\" }),\n    },\n    SWITCHBOARD: {\n        title: \"Switchboard\",\n        description: \"Public and available to everyone.\",\n        icon: _jsx(Icon, { name: \"Drive\" }),\n    },\n};\nexport const debugNodeOptionsMap = {\n    [\"ADD_TRIGGER\"]: {\n        label: \"Add Trigger\",\n        icon: _jsx(Icon, { className: \"text-orange-900\", name: \"Plus\" }),\n    },\n    [\"REMOVE_TRIGGER\"]: {\n        label: \"Remove Trigger\",\n        icon: _jsx(Icon, { className: \"text-orange-900\", name: \"Xmark\" }),\n    },\n    [\"ADD_INVALID_TRIGGER\"]: {\n        label: \"Add Trigger\",\n        icon: _jsx(Icon, { className: \"text-orange-900\", name: \"Exclamation\" }),\n    },\n};\nexport const normalNodeOptionsMap = {\n    DUPLICATE: {\n        label: \"Duplicate\",\n        icon: _jsx(Icon, { name: \"FilesEarmark\" }),\n    },\n    RENAME: {\n        label: \"Rename\",\n        icon: _jsx(Icon, { name: \"Pencil\" }),\n    },\n    DELETE: {\n        label: \"Delete\",\n        icon: _jsx(Icon, { name: \"Trash\" }),\n        className: \"text-red-900\",\n    },\n    SETTINGS: {\n        label: \"Settings\",\n        icon: _jsx(Icon, { name: \"Gear\" }),\n    },\n};\nexport const nodeOptionsMap = {\n    ...debugNodeOptionsMap,\n    ...normalNodeOptionsMap,\n};\n//# sourceMappingURL=options.js.map"],"names":["_jsx"],"mappings":";AAOY,MAAC,qBAAqB,CAAC,UAAU,UAAU,WAAW;AAatD,MAAC,qBAAqB;AAAA,EAC9B;AAAA,IACI,OAAO;AAAA,IACP,MAAMA,kBAAAA,IAAK,MAAM,EAAE,MAAM,OAAM,CAAE;AAAA,IACjC,aAAa;AAAA,EACrB;AAAA,EACI;AAAA,IACI,OAAO;AAAA,IACP,MAAMA,kBAAAA,IAAK,MAAM,EAAE,MAAM,SAAQ,CAAE;AAAA,IACnC,aAAa;AAAA,EACrB;AAAA,EACI;AAAA,IACI,OAAO;AAAA,IACP,MAAMA,kBAAAA,IAAK,MAAM,EAAE,MAAM,QAAO,CAAE;AAAA,IAClC,aAAa;AAAA,IACb,UAAU;AAAA,EAClB;AACA;AACY,MAAC,yBAAyB;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,kBAAAA,IAAK,MAAM,EAAE,MAAM,OAAM,CAAE;AAAA,EACzC;AAAA,EACI,OAAO;AAAA,IACH,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,kBAAAA,IAAK,MAAM,EAAE,MAAM,MAAK,CAAE;AAAA,EACxC;AAAA,EACI,aAAa;AAAA,IACT,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,kBAAAA,IAAK,MAAM,EAAE,MAAM,QAAO,CAAE;AAAA,EAC1C;AACA;AACO,MAAM,sBAAsB;AAAA,EAC/B,CAAC,aAAa,GAAG;AAAA,IACb,OAAO;AAAA,IACP,MAAMA,kBAAAA,IAAK,MAAM,EAAE,WAAW,mBAAmB,MAAM,QAAQ;AAAA,EACvE;AAAA,EACI,CAAC,gBAAgB,GAAG;AAAA,IAChB,OAAO;AAAA,IACP,MAAMA,kBAAAA,IAAK,MAAM,EAAE,WAAW,mBAAmB,MAAM,SAAS;AAAA,EACxE;AAAA,EACI,CAAC,qBAAqB,GAAG;AAAA,IACrB,OAAO;AAAA,IACP,MAAMA,kBAAAA,IAAK,MAAM,EAAE,WAAW,mBAAmB,MAAM,eAAe;AAAA,EAC9E;AACA;AACO,MAAM,uBAAuB;AAAA,EAChC,WAAW;AAAA,IACP,OAAO;AAAA,IACP,MAAMA,kBAAAA,IAAK,MAAM,EAAE,MAAM,eAAc,CAAE;AAAA,EACjD;AAAA,EACI,QAAQ;AAAA,IACJ,OAAO;AAAA,IACP,MAAMA,kBAAAA,IAAK,MAAM,EAAE,MAAM,SAAQ,CAAE;AAAA,EAC3C;AAAA,EACI,QAAQ;AAAA,IACJ,OAAO;AAAA,IACP,MAAMA,kBAAAA,IAAK,MAAM,EAAE,MAAM,QAAO,CAAE;AAAA,IAClC,WAAW;AAAA,EACnB;AAAA,EACI,UAAU;AAAA,IACN,OAAO;AAAA,IACP,MAAMA,kBAAAA,IAAK,MAAM,EAAE,MAAM,OAAM,CAAE;AAAA,EACzC;AACA;AACY,MAAC,iBAAiB;AAAA,EAC1B,GAAG;AAAA,EACH,GAAG;AACP;"}
+{"version":3,"file":"options-Bqnui46O.js","sources":["../../../../packages/design-system/dist/src/connect/constants/options.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Icon } from \"@powerhousedao/design-system\";\nexport const defaultDriveOptions = [\n    \"NEW_FOLDER\",\n    \"RENAME\",\n    \"SETTINGS\",\n];\nexport const defaultNodeOptions = [\"RENAME\", \"DELETE\", \"DUPLICATE\"];\nexport const normalNodeOptions = [\n    \"DUPLICATE\",\n    \"RENAME\",\n    \"DELETE\",\n    \"SETTINGS\",\n];\nexport const debugNodeOptions = [\n    \"ADD_TRIGGER\",\n    \"REMOVE_TRIGGER\",\n    \"ADD_INVALID_TRIGGER\",\n];\nexport const nodeOptions = [...normalNodeOptions, ...debugNodeOptions];\nexport const sharingTypeOptions = [\n    {\n        value: \"LOCAL\",\n        icon: _jsx(Icon, { name: \"Lock\" }),\n        description: \"Only available to you\",\n    },\n    {\n        value: \"CLOUD\",\n        icon: _jsx(Icon, { name: \"People\" }),\n        description: \"Only available to people in this drive\",\n    },\n    {\n        value: \"PUBLIC\",\n        icon: _jsx(Icon, { name: \"Globe\" }),\n        description: \"Available to everyone\",\n        disabled: true,\n    },\n];\nexport const locationInfoByLocation = {\n    CLOUD: {\n        title: \"Secure cloud\",\n        description: \"End to end encryption between members.\",\n        icon: _jsx(Icon, { name: \"Lock\" }),\n    },\n    LOCAL: {\n        title: \"Local\",\n        description: \"Private and only available to you.\",\n        icon: _jsx(Icon, { name: \"Hdd\" }),\n    },\n    SWITCHBOARD: {\n        title: \"Switchboard\",\n        description: \"Public and available to everyone.\",\n        icon: _jsx(Icon, { name: \"Drive\" }),\n    },\n};\nexport const debugNodeOptionsMap = {\n    [\"ADD_TRIGGER\"]: {\n        label: \"Add Trigger\",\n        icon: _jsx(Icon, { className: \"text-orange-900\", name: \"Plus\" }),\n    },\n    [\"REMOVE_TRIGGER\"]: {\n        label: \"Remove Trigger\",\n        icon: _jsx(Icon, { className: \"text-orange-900\", name: \"Xmark\" }),\n    },\n    [\"ADD_INVALID_TRIGGER\"]: {\n        label: \"Add Trigger\",\n        icon: _jsx(Icon, { className: \"text-orange-900\", name: \"Exclamation\" }),\n    },\n};\nexport const normalNodeOptionsMap = {\n    DUPLICATE: {\n        label: \"Duplicate\",\n        icon: _jsx(Icon, { name: \"FilesEarmark\" }),\n    },\n    RENAME: {\n        label: \"Rename\",\n        icon: _jsx(Icon, { name: \"Pencil\" }),\n    },\n    DELETE: {\n        label: \"Delete\",\n        icon: _jsx(Icon, { name: \"Trash\" }),\n        className: \"text-red-900\",\n    },\n    SETTINGS: {\n        label: \"Settings\",\n        icon: _jsx(Icon, { name: \"Gear\" }),\n    },\n};\nexport const nodeOptionsMap = {\n    ...debugNodeOptionsMap,\n    ...normalNodeOptionsMap,\n};\n//# sourceMappingURL=options.js.map"],"names":["_jsx"],"mappings":";AAOY,MAAC,qBAAqB,CAAC,UAAU,UAAU,WAAW;AAatD,MAAC,qBAAqB;AAAA,EAC9B;AAAA,IACI,OAAO;AAAA,IACP,MAAMA,kBAAAA,IAAK,MAAM,EAAE,MAAM,OAAM,CAAE;AAAA,IACjC,aAAa;AAAA,EACrB;AAAA,EACI;AAAA,IACI,OAAO;AAAA,IACP,MAAMA,kBAAAA,IAAK,MAAM,EAAE,MAAM,SAAQ,CAAE;AAAA,IACnC,aAAa;AAAA,EACrB;AAAA,EACI;AAAA,IACI,OAAO;AAAA,IACP,MAAMA,kBAAAA,IAAK,MAAM,EAAE,MAAM,QAAO,CAAE;AAAA,IAClC,aAAa;AAAA,IACb,UAAU;AAAA,EAClB;AACA;AACY,MAAC,yBAAyB;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,kBAAAA,IAAK,MAAM,EAAE,MAAM,OAAM,CAAE;AAAA,EACzC;AAAA,EACI,OAAO;AAAA,IACH,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,kBAAAA,IAAK,MAAM,EAAE,MAAM,MAAK,CAAE;AAAA,EACxC;AAAA,EACI,aAAa;AAAA,IACT,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,kBAAAA,IAAK,MAAM,EAAE,MAAM,QAAO,CAAE;AAAA,EAC1C;AACA;AACO,MAAM,sBAAsB;AAAA,EAC/B,CAAC,aAAa,GAAG;AAAA,IACb,OAAO;AAAA,IACP,MAAMA,kBAAAA,IAAK,MAAM,EAAE,WAAW,mBAAmB,MAAM,QAAQ;AAAA,EACvE;AAAA,EACI,CAAC,gBAAgB,GAAG;AAAA,IAChB,OAAO;AAAA,IACP,MAAMA,kBAAAA,IAAK,MAAM,EAAE,WAAW,mBAAmB,MAAM,SAAS;AAAA,EACxE;AAAA,EACI,CAAC,qBAAqB,GAAG;AAAA,IACrB,OAAO;AAAA,IACP,MAAMA,kBAAAA,IAAK,MAAM,EAAE,WAAW,mBAAmB,MAAM,eAAe;AAAA,EAC9E;AACA;AACO,MAAM,uBAAuB;AAAA,EAChC,WAAW;AAAA,IACP,OAAO;AAAA,IACP,MAAMA,kBAAAA,IAAK,MAAM,EAAE,MAAM,eAAc,CAAE;AAAA,EACjD;AAAA,EACI,QAAQ;AAAA,IACJ,OAAO;AAAA,IACP,MAAMA,kBAAAA,IAAK,MAAM,EAAE,MAAM,SAAQ,CAAE;AAAA,EAC3C;AAAA,EACI,QAAQ;AAAA,IACJ,OAAO;AAAA,IACP,MAAMA,kBAAAA,IAAK,MAAM,EAAE,MAAM,QAAO,CAAE;AAAA,IAClC,WAAW;AAAA,EACnB;AAAA,EACI,UAAU;AAAA,IACN,OAAO;AAAA,IACP,MAAMA,kBAAAA,IAAK,MAAM,EAAE,MAAM,OAAM,CAAE;AAAA,EACzC;AACA;AACY,MAAC,iBAAiB;AAAA,EAC1B,GAAG;AAAA,EACH,GAAG;AACP;"}

package/dist/assets/{read-required-modal-D4pq1ie_.js → read-required-modal-DyeA1PS1.js}

@@ -1,4 +1,4 @@
-import { r as reactExports, j as jsxRuntimeExports, M as Modal, t as twMerge, V as mergeClassNameProps } from "./index-m_tcHrvQ.js";
+import { r as reactExports, j as jsxRuntimeExports, M as Modal, t as twMerge, V as mergeClassNameProps } from "./index-DK-Td17X.js";
 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";
 function ReadRequiredModal(props) {
   const { body, header, children, onOpenChange, onContinue, closeLabel, overlayProps, contentProps, bodyProps = {}, headerProps = {}, containerProps = {}, continueButtonProps = {}, buttonContainerProps = {}, ...restProps } = props;
@@ -41,4 +41,4 @@ function ReadRequiredModal(props) {
 export {
   ReadRequiredModal as R
 };
-//# sourceMappingURL=read-required-modal-D4pq1ie_.js.map
+//# sourceMappingURL=read-required-modal-DyeA1PS1.js.map

package/dist/assets/{read-required-modal-D4pq1ie_.js.map → read-required-modal-DyeA1PS1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"read-required-modal-D4pq1ie_.js","sources":["../../../../packages/design-system/dist/src/connect/components/modal/read-required-modal.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Modal, mergeClassNameProps } from \"@powerhousedao/design-system\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nconst 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\";\nexport function ReadRequiredModal(props) {\n    const { body, header, children, onOpenChange, onContinue, closeLabel, overlayProps, contentProps, bodyProps = {}, headerProps = {}, containerProps = {}, continueButtonProps = {}, buttonContainerProps = {}, ...restProps } = props;\n    const [disableClose, setDisableClose] = useState(true);\n    const contentRef = useRef(null);\n    useEffect(() => {\n        const checkScroll = () => {\n            const element = contentRef.current;\n            if (element) {\n                if (element.scrollHeight > element.clientHeight) {\n                    setDisableClose(true);\n                    element.addEventListener(\"scroll\", handleScroll);\n                }\n                else {\n                    setDisableClose(false);\n                }\n            }\n        };\n        const handleScroll = () => {\n            const element = contentRef.current;\n            if (element &&\n                element.scrollHeight - Math.ceil(element.scrollTop) ===\n                    element.clientHeight) {\n                setDisableClose(false);\n            }\n        };\n        requestAnimationFrame(checkScroll);\n        return () => {\n            const element = contentRef.current;\n            if (element) {\n                element.removeEventListener(\"scroll\", handleScroll);\n            }\n        };\n    }, []);\n    return (_jsx(Modal, { contentProps: {\n            ...contentProps,\n            className: twMerge(\"rounded-3xl outline-none\", contentProps?.className),\n        }, onOpenChange: onOpenChange, overlayProps: {\n            ...overlayProps,\n            className: overlayProps?.className,\n        }, ...restProps, children: _jsxs(\"div\", { ...mergeClassNameProps(containerProps, \"w-[500px] p-6 text-slate-300\"), children: [_jsx(\"div\", { ...mergeClassNameProps(headerProps, \"border-b border-slate-50 pb-2 text-2xl font-bold text-gray-800\"), children: header }), _jsxs(\"div\", { ref: contentRef, ...mergeClassNameProps(bodyProps, \"my-6 max-h-[245px] overflow-scroll rounded-md bg-slate-50 p-4 text-center\"), children: [body, children] }), _jsx(\"div\", { ...mergeClassNameProps(buttonContainerProps, \"mt-8 flex justify-between gap-3\"), children: _jsx(\"button\", { disabled: disableClose, onClick: onContinue, ...mergeClassNameProps(continueButtonProps, twMerge(buttonStyles, \"flex-1 bg-gray-800 text-gray-50\", disableClose &&\n                            \"cursor-not-allowed bg-gray-300 hover:scale-100\")), children: closeLabel }) })] }) }));\n}\n//# sourceMappingURL=read-required-modal.js.map"],"names":["useState","useRef","useEffect","_jsx","_jsxs"],"mappings":";AAIA,MAAM,eAAe;AACd,SAAS,kBAAkB,OAAO;AACrC,QAAM,EAAE,MAAM,QAAQ,UAAU,cAAc,YAAY,YAAY,cAAc,cAAc,YAAY,CAAA,GAAI,cAAc,CAAA,GAAI,iBAAiB,CAAA,GAAI,sBAAsB,IAAI,uBAAuB,CAAA,GAAI,GAAG,UAAS,IAAK;AAC/N,QAAM,CAAC,cAAc,eAAe,IAAIA,aAAAA,SAAS,IAAI;AACrD,QAAM,aAAaC,aAAAA,OAAO,IAAI;AAC9BC,eAAAA,UAAU,MAAM;AACZ,UAAM,cAAc,MAAM;AACtB,YAAM,UAAU,WAAW;AAC3B,UAAI,SAAS;AACT,YAAI,QAAQ,eAAe,QAAQ,cAAc;AAC7C,0BAAgB,IAAI;AACpB,kBAAQ,iBAAiB,UAAU,YAAY;AAAA,QACnD,OACK;AACD,0BAAgB,KAAK;AAAA,QACzB;AAAA,MACJ;AAAA,IACJ;AACA,UAAM,eAAe,MAAM;AACvB,YAAM,UAAU,WAAW;AAC3B,UAAI,WACA,QAAQ,eAAe,KAAK,KAAK,QAAQ,SAAS,MAC9C,QAAQ,cAAc;AAC1B,wBAAgB,KAAK;AAAA,MACzB;AAAA,IACJ;AACA,0BAAsB,WAAW;AACjC,WAAO,MAAM;AACT,YAAM,UAAU,WAAW;AAC3B,UAAI,SAAS;AACT,gBAAQ,oBAAoB,UAAU,YAAY;AAAA,MACtD;AAAA,IACJ;AAAA,EACJ,GAAG,CAAA,CAAE;AACL,SAAQC,kBAAAA,IAAK,OAAO,EAAE,cAAc;AAAA,IAC5B,GAAG;AAAA,IACH,WAAW,QAAQ,4BAA4B,cAAc,SAAS;AAAA,EAClF,GAAW,cAA4B,cAAc;AAAA,IACzC,GAAG;AAAA,IACH,WAAW,cAAc;AAAA,EACrC,GAAW,GAAG,WAAW,UAAUC,kBAAAA,KAAM,OAAO,EAAE,GAAG,oBAAoB,gBAAgB,8BAA8B,GAAG,UAAU,CAACD,kBAAAA,IAAK,OAAO,EAAE,GAAG,oBAAoB,aAAa,gEAAgE,GAAG,UAAU,OAAM,CAAE,GAAGC,kBAAAA,KAAM,OAAO,EAAE,KAAK,YAAY,GAAG,oBAAoB,WAAW,2EAA2E,GAAG,UAAU,CAAC,MAAM,QAAQ,EAAC,CAAE,GAAGD,kBAAAA,IAAK,OAAO,EAAE,GAAG,oBAAoB,sBAAsB,iCAAiC,GAAG,UAAUA,kBAAAA,IAAK,UAAU,EAAE,UAAU,cAAc,SAAS,YAAY,GAAG,oBAAoB,qBAAqB,QAAQ,cAAc,mCAAmC,gBAC9qB,gDAAgD,CAAC,GAAG,UAAU,WAAU,CAAE,GAAG,CAAC,EAAC,CAAE,GAAG;AAChH;"}
+{"version":3,"file":"read-required-modal-DyeA1PS1.js","sources":["../../../../packages/design-system/dist/src/connect/components/modal/read-required-modal.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Modal, mergeClassNameProps } from \"@powerhousedao/design-system\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nconst 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\";\nexport function ReadRequiredModal(props) {\n    const { body, header, children, onOpenChange, onContinue, closeLabel, overlayProps, contentProps, bodyProps = {}, headerProps = {}, containerProps = {}, continueButtonProps = {}, buttonContainerProps = {}, ...restProps } = props;\n    const [disableClose, setDisableClose] = useState(true);\n    const contentRef = useRef(null);\n    useEffect(() => {\n        const checkScroll = () => {\n            const element = contentRef.current;\n            if (element) {\n                if (element.scrollHeight > element.clientHeight) {\n                    setDisableClose(true);\n                    element.addEventListener(\"scroll\", handleScroll);\n                }\n                else {\n                    setDisableClose(false);\n                }\n            }\n        };\n        const handleScroll = () => {\n            const element = contentRef.current;\n            if (element &&\n                element.scrollHeight - Math.ceil(element.scrollTop) ===\n                    element.clientHeight) {\n                setDisableClose(false);\n            }\n        };\n        requestAnimationFrame(checkScroll);\n        return () => {\n            const element = contentRef.current;\n            if (element) {\n                element.removeEventListener(\"scroll\", handleScroll);\n            }\n        };\n    }, []);\n    return (_jsx(Modal, { contentProps: {\n            ...contentProps,\n            className: twMerge(\"rounded-3xl outline-none\", contentProps?.className),\n        }, onOpenChange: onOpenChange, overlayProps: {\n            ...overlayProps,\n            className: overlayProps?.className,\n        }, ...restProps, children: _jsxs(\"div\", { ...mergeClassNameProps(containerProps, \"w-[500px] p-6 text-slate-300\"), children: [_jsx(\"div\", { ...mergeClassNameProps(headerProps, \"border-b border-slate-50 pb-2 text-2xl font-bold text-gray-800\"), children: header }), _jsxs(\"div\", { ref: contentRef, ...mergeClassNameProps(bodyProps, \"my-6 max-h-[245px] overflow-scroll rounded-md bg-slate-50 p-4 text-center\"), children: [body, children] }), _jsx(\"div\", { ...mergeClassNameProps(buttonContainerProps, \"mt-8 flex justify-between gap-3\"), children: _jsx(\"button\", { disabled: disableClose, onClick: onContinue, ...mergeClassNameProps(continueButtonProps, twMerge(buttonStyles, \"flex-1 bg-gray-800 text-gray-50\", disableClose &&\n                            \"cursor-not-allowed bg-gray-300 hover:scale-100\")), children: closeLabel }) })] }) }));\n}\n//# sourceMappingURL=read-required-modal.js.map"],"names":["useState","useRef","useEffect","_jsx","_jsxs"],"mappings":";AAIA,MAAM,eAAe;AACd,SAAS,kBAAkB,OAAO;AACrC,QAAM,EAAE,MAAM,QAAQ,UAAU,cAAc,YAAY,YAAY,cAAc,cAAc,YAAY,CAAA,GAAI,cAAc,CAAA,GAAI,iBAAiB,CAAA,GAAI,sBAAsB,IAAI,uBAAuB,CAAA,GAAI,GAAG,UAAS,IAAK;AAC/N,QAAM,CAAC,cAAc,eAAe,IAAIA,aAAAA,SAAS,IAAI;AACrD,QAAM,aAAaC,aAAAA,OAAO,IAAI;AAC9BC,eAAAA,UAAU,MAAM;AACZ,UAAM,cAAc,MAAM;AACtB,YAAM,UAAU,WAAW;AAC3B,UAAI,SAAS;AACT,YAAI,QAAQ,eAAe,QAAQ,cAAc;AAC7C,0BAAgB,IAAI;AACpB,kBAAQ,iBAAiB,UAAU,YAAY;AAAA,QACnD,OACK;AACD,0BAAgB,KAAK;AAAA,QACzB;AAAA,MACJ;AAAA,IACJ;AACA,UAAM,eAAe,MAAM;AACvB,YAAM,UAAU,WAAW;AAC3B,UAAI,WACA,QAAQ,eAAe,KAAK,KAAK,QAAQ,SAAS,MAC9C,QAAQ,cAAc;AAC1B,wBAAgB,KAAK;AAAA,MACzB;AAAA,IACJ;AACA,0BAAsB,WAAW;AACjC,WAAO,MAAM;AACT,YAAM,UAAU,WAAW;AAC3B,UAAI,SAAS;AACT,gBAAQ,oBAAoB,UAAU,YAAY;AAAA,MACtD;AAAA,IACJ;AAAA,EACJ,GAAG,CAAA,CAAE;AACL,SAAQC,kBAAAA,IAAK,OAAO,EAAE,cAAc;AAAA,IAC5B,GAAG;AAAA,IACH,WAAW,QAAQ,4BAA4B,cAAc,SAAS;AAAA,EAClF,GAAW,cAA4B,cAAc;AAAA,IACzC,GAAG;AAAA,IACH,WAAW,cAAc;AAAA,EACrC,GAAW,GAAG,WAAW,UAAUC,kBAAAA,KAAM,OAAO,EAAE,GAAG,oBAAoB,gBAAgB,8BAA8B,GAAG,UAAU,CAACD,kBAAAA,IAAK,OAAO,EAAE,GAAG,oBAAoB,aAAa,gEAAgE,GAAG,UAAU,OAAM,CAAE,GAAGC,kBAAAA,KAAM,OAAO,EAAE,KAAK,YAAY,GAAG,oBAAoB,WAAW,2EAA2E,GAAG,UAAU,CAAC,MAAM,QAAQ,EAAC,CAAE,GAAGD,kBAAAA,IAAK,OAAO,EAAE,GAAG,oBAAoB,sBAAsB,iCAAiC,GAAG,UAAUA,kBAAAA,IAAK,UAAU,EAAE,UAAU,cAAc,SAAS,YAAY,GAAG,oBAAoB,qBAAqB,QAAQ,cAAc,mCAAmC,gBAC9qB,gDAAgD,CAAC,GAAG,UAAU,WAAU,CAAE,GAAG,CAAC,EAAC,CAAE,GAAG;AAChH;"}

package/dist/assets/{toggle-CIsMj_VK.js → toggle-BeBMssLx.js}

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports, t as twMerge, r as reactExports, C as ConnectSelect } from "./index-m_tcHrvQ.js";
-import { l as locationInfoByLocation, s as sharingTypeOptions } from "./options-6ElsbK-V.js";
-import { C as Controller } from "./index.esm-BklnU1Jb.js";
+import { j as jsxRuntimeExports, t as twMerge, r as reactExports, C as ConnectSelect } from "./index-DK-Td17X.js";
+import { l as locationInfoByLocation, s as sharingTypeOptions } from "./options-Bqnui46O.js";
+import { C as Controller } from "./index.esm-BTzn889G.js";
 function Divider(props) {
   return jsxRuntimeExports.jsx("div", { ...props, className: twMerge("h-px bg-gray-200", props.className) });
 }
@@ -30,4 +30,4 @@ export {
   SharingTypeFormInput as S,
   LocationInfo as a
 };
-//# sourceMappingURL=toggle-CIsMj_VK.js.map
+//# sourceMappingURL=toggle-BeBMssLx.js.map

package/dist/assets/{toggle-CIsMj_VK.js.map → toggle-BeBMssLx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toggle-CIsMj_VK.js","sources":["../../../../packages/design-system/dist/src/connect/components/divider/divider.js","../../../../packages/design-system/dist/src/connect/components/form/inputs/available-offline-toggle.js","../../../../packages/design-system/dist/src/connect/components/form/inputs/label.js","../../../../packages/design-system/dist/src/connect/components/form/inputs/location-info.js","../../../../packages/design-system/dist/src/connect/components/form/inputs/sharing-type-form-input.js","../../../../packages/design-system/dist/src/connect/components/toggle/toggle.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { twMerge } from \"tailwind-merge\";\nexport function Divider(props) {\n    return (_jsx(\"div\", { ...props, className: twMerge(\"h-px bg-gray-200\", props.className) }));\n}\n//# sourceMappingURL=divider.js.map","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Toggle } from \"@powerhousedao/design-system\";\nimport { forwardRef } from \"react\";\nexport const AvailableOfflineToggle = forwardRef(function AvailableOfflineToggle(props, ref) {\n    return (_jsxs(\"div\", { className: \"flex items-center rounded-md border border-gray-200 bg-gray-50 p-3 text-gray-900\", children: [_jsxs(\"div\", { className: \"flex-1\", children: [_jsx(\"label\", { className: \"font-medium text-gray-900\", htmlFor: \"availableOffline\", children: \"Make available offline\" }), _jsxs(\"p\", { className: \"text-xs text-gray-600\", children: [\"Check this options if you keep a local backup\", _jsx(\"br\", {}), \"available at all times.\"] })] }), _jsx(Toggle, { id: \"availableOffline\", ref: ref, ...props })] }));\n});\n//# sourceMappingURL=available-offline-toggle.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { twMerge } from \"tailwind-merge\";\nexport function Label(props) {\n    const { children, className, ...labelProps } = props;\n    return (_jsx(\"label\", { ...labelProps, className: twMerge(\"block font-semibold text-gray-500\", className), children: children }));\n}\n//# sourceMappingURL=label.js.map","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { locationInfoByLocation } from \"@powerhousedao/design-system\";\nimport { twMerge } from \"tailwind-merge\";\nexport function LocationInfo(props) {\n    const { location, className, ...divProps } = props;\n    const locationInfo = locationInfoByLocation[location];\n    return (_jsxs(\"div\", { ...divProps, className: twMerge(\"my-3 flex items-center gap-2 rounded-xl border border-gray-100 p-3 text-gray-800 shadow\", className), children: [locationInfo.icon, _jsxs(\"div\", { children: [_jsx(\"p\", { children: locationInfo.title }), _jsx(\"p\", { className: \"text-xs text-slate-200\", children: locationInfo.description })] })] }));\n}\n//# sourceMappingURL=location-info.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { ConnectSelect, sharingTypeOptions, } from \"@powerhousedao/design-system\";\nimport { Controller } from \"react-hook-form\";\nexport function SharingTypeFormInput(props) {\n    const { control, ...delegatedProps } = props;\n    return (_jsx(Controller, { control: control, name: \"sharingType\", render: ({ field }) => (_jsx(ConnectSelect, { ...delegatedProps, ...field, id: \"sharingType\", items: sharingTypeOptions })) }));\n}\n//# sourceMappingURL=sharing-type-form-input.js.map","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nexport const Toggle = forwardRef(function Toggle(props, ref) {\n    return (_jsxs(\"label\", { className: \"relative cursor-pointer items-center\", htmlFor: props.id, children: [_jsx(\"input\", { className: \"peer sr-only\", ref: ref, type: \"checkbox\", value: \"\", ...props }), _jsx(\"div\", { className: \"peer h-6 w-11 rounded-full bg-gray-500 after:absolute after:start-0.5 after:top-0.5 after:size-5 after:rounded-full after:border after:border-none after:bg-gray-50 after:transition-all peer-checked:bg-blue-900 peer-checked:after:translate-x-full peer-focus:outline-none\" })] }));\n});\n//# sourceMappingURL=toggle.js.map"],"names":["_jsx","forwardRef","AvailableOfflineToggle","_jsxs","Toggle"],"mappings":";;;AAEO,SAAS,QAAQ,OAAO;AAC3B,SAAQA,sBAAK,OAAO,EAAE,GAAG,OAAO,WAAW,QAAQ,oBAAoB,MAAM,SAAS,GAAG;AAC7F;ACDY,MAAC,yBAAyBC,aAAAA,WAAW,SAASC,wBAAuB,OAAO,KAAK;AACzF,SAAQC,uBAAM,OAAO,EAAE,WAAW,oFAAoF,UAAU,CAACA,uBAAM,OAAO,EAAE,WAAW,UAAU,UAAU,CAACH,sBAAK,SAAS,EAAE,WAAW,6BAA6B,SAAS,oBAAoB,UAAU,yBAAwB,CAAE,GAAGG,kBAAAA,KAAM,KAAK,EAAE,WAAW,yBAAyB,UAAU,CAAC,iDAAiDH,sBAAK,MAAM,CAAA,CAAE,GAAG,yBAAyB,GAAG,CAAC,GAAG,GAAGA,sBAAK,QAAQ,EAAE,IAAI,oBAAoB,KAAU,GAAG,OAAO,CAAC,GAAG;AAC/gB,CAAC;ACHM,SAAS,MAAM,OAAO;AACzB,QAAM,EAAE,UAAU,WAAW,GAAG,WAAU,IAAK;AAC/C,SAAQA,sBAAK,SAAS,EAAE,GAAG,YAAY,WAAW,QAAQ,qCAAqC,SAAS,GAAG,SAAkB,CAAE;AACnI;ACFO,SAAS,aAAa,OAAO;AAChC,QAAM,EAAE,UAAU,WAAW,GAAG,SAAQ,IAAK;AAC7C,QAAM,eAAe,uBAAuB,QAAQ;AACpD,SAAQG,kBAAAA,KAAM,OAAO,EAAE,GAAG,UAAU,WAAW,QAAQ,2FAA2F,SAAS,GAAG,UAAU,CAAC,aAAa,MAAMA,kBAAAA,KAAM,OAAO,EAAE,UAAU,CAACH,kBAAAA,IAAK,KAAK,EAAE,UAAU,aAAa,MAAK,CAAE,GAAGA,kBAAAA,IAAK,KAAK,EAAE,WAAW,0BAA0B,UAAU,aAAa,YAAW,CAAE,CAAC,EAAC,CAAE,CAAC,GAAG;AACpW;ACJO,SAAS,qBAAqB,OAAO;AACxC,QAAM,EAAE,SAAS,GAAG,eAAc,IAAK;AACvC,SAAQA,kBAAAA,IAAK,YAAY,EAAE,SAAkB,MAAM,eAAe,QAAQ,CAAC,EAAE,MAAK,MAAQA,sBAAK,eAAe,EAAE,GAAG,gBAAgB,GAAG,OAAO,IAAI,eAAe,OAAO,oBAAoB,GAAI;AACnM;ACJO,MAAM,SAASC,aAAAA,WAAW,SAASG,QAAO,OAAO,KAAK;AACzD,SAAQD,kBAAAA,KAAM,SAAS,EAAE,WAAW,wCAAwC,SAAS,MAAM,IAAI,UAAU,CAACH,kBAAAA,IAAK,SAAS,EAAE,WAAW,gBAAgB,KAAU,MAAM,YAAY,OAAO,IAAI,GAAG,MAAK,CAAE,GAAGA,kBAAAA,IAAK,OAAO,EAAE,WAAW,gRAA+Q,CAAE,CAAC,EAAC,CAAE;AAC3f,CAAC;"}
+{"version":3,"file":"toggle-BeBMssLx.js","sources":["../../../../packages/design-system/dist/src/connect/components/divider/divider.js","../../../../packages/design-system/dist/src/connect/components/form/inputs/available-offline-toggle.js","../../../../packages/design-system/dist/src/connect/components/form/inputs/label.js","../../../../packages/design-system/dist/src/connect/components/form/inputs/location-info.js","../../../../packages/design-system/dist/src/connect/components/form/inputs/sharing-type-form-input.js","../../../../packages/design-system/dist/src/connect/components/toggle/toggle.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { twMerge } from \"tailwind-merge\";\nexport function Divider(props) {\n    return (_jsx(\"div\", { ...props, className: twMerge(\"h-px bg-gray-200\", props.className) }));\n}\n//# sourceMappingURL=divider.js.map","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Toggle } from \"@powerhousedao/design-system\";\nimport { forwardRef } from \"react\";\nexport const AvailableOfflineToggle = forwardRef(function AvailableOfflineToggle(props, ref) {\n    return (_jsxs(\"div\", { className: \"flex items-center rounded-md border border-gray-200 bg-gray-50 p-3 text-gray-900\", children: [_jsxs(\"div\", { className: \"flex-1\", children: [_jsx(\"label\", { className: \"font-medium text-gray-900\", htmlFor: \"availableOffline\", children: \"Make available offline\" }), _jsxs(\"p\", { className: \"text-xs text-gray-600\", children: [\"Check this options if you keep a local backup\", _jsx(\"br\", {}), \"available at all times.\"] })] }), _jsx(Toggle, { id: \"availableOffline\", ref: ref, ...props })] }));\n});\n//# sourceMappingURL=available-offline-toggle.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { twMerge } from \"tailwind-merge\";\nexport function Label(props) {\n    const { children, className, ...labelProps } = props;\n    return (_jsx(\"label\", { ...labelProps, className: twMerge(\"block font-semibold text-gray-500\", className), children: children }));\n}\n//# sourceMappingURL=label.js.map","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { locationInfoByLocation } from \"@powerhousedao/design-system\";\nimport { twMerge } from \"tailwind-merge\";\nexport function LocationInfo(props) {\n    const { location, className, ...divProps } = props;\n    const locationInfo = locationInfoByLocation[location];\n    return (_jsxs(\"div\", { ...divProps, className: twMerge(\"my-3 flex items-center gap-2 rounded-xl border border-gray-100 p-3 text-gray-800 shadow\", className), children: [locationInfo.icon, _jsxs(\"div\", { children: [_jsx(\"p\", { children: locationInfo.title }), _jsx(\"p\", { className: \"text-xs text-slate-200\", children: locationInfo.description })] })] }));\n}\n//# sourceMappingURL=location-info.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { ConnectSelect, sharingTypeOptions, } from \"@powerhousedao/design-system\";\nimport { Controller } from \"react-hook-form\";\nexport function SharingTypeFormInput(props) {\n    const { control, ...delegatedProps } = props;\n    return (_jsx(Controller, { control: control, name: \"sharingType\", render: ({ field }) => (_jsx(ConnectSelect, { ...delegatedProps, ...field, id: \"sharingType\", items: sharingTypeOptions })) }));\n}\n//# sourceMappingURL=sharing-type-form-input.js.map","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nexport const Toggle = forwardRef(function Toggle(props, ref) {\n    return (_jsxs(\"label\", { className: \"relative cursor-pointer items-center\", htmlFor: props.id, children: [_jsx(\"input\", { className: \"peer sr-only\", ref: ref, type: \"checkbox\", value: \"\", ...props }), _jsx(\"div\", { className: \"peer h-6 w-11 rounded-full bg-gray-500 after:absolute after:start-0.5 after:top-0.5 after:size-5 after:rounded-full after:border after:border-none after:bg-gray-50 after:transition-all peer-checked:bg-blue-900 peer-checked:after:translate-x-full peer-focus:outline-none\" })] }));\n});\n//# sourceMappingURL=toggle.js.map"],"names":["_jsx","forwardRef","AvailableOfflineToggle","_jsxs","Toggle"],"mappings":";;;AAEO,SAAS,QAAQ,OAAO;AAC3B,SAAQA,sBAAK,OAAO,EAAE,GAAG,OAAO,WAAW,QAAQ,oBAAoB,MAAM,SAAS,GAAG;AAC7F;ACDY,MAAC,yBAAyBC,aAAAA,WAAW,SAASC,wBAAuB,OAAO,KAAK;AACzF,SAAQC,uBAAM,OAAO,EAAE,WAAW,oFAAoF,UAAU,CAACA,uBAAM,OAAO,EAAE,WAAW,UAAU,UAAU,CAACH,sBAAK,SAAS,EAAE,WAAW,6BAA6B,SAAS,oBAAoB,UAAU,yBAAwB,CAAE,GAAGG,kBAAAA,KAAM,KAAK,EAAE,WAAW,yBAAyB,UAAU,CAAC,iDAAiDH,sBAAK,MAAM,CAAA,CAAE,GAAG,yBAAyB,GAAG,CAAC,GAAG,GAAGA,sBAAK,QAAQ,EAAE,IAAI,oBAAoB,KAAU,GAAG,OAAO,CAAC,GAAG;AAC/gB,CAAC;ACHM,SAAS,MAAM,OAAO;AACzB,QAAM,EAAE,UAAU,WAAW,GAAG,WAAU,IAAK;AAC/C,SAAQA,sBAAK,SAAS,EAAE,GAAG,YAAY,WAAW,QAAQ,qCAAqC,SAAS,GAAG,SAAkB,CAAE;AACnI;ACFO,SAAS,aAAa,OAAO;AAChC,QAAM,EAAE,UAAU,WAAW,GAAG,SAAQ,IAAK;AAC7C,QAAM,eAAe,uBAAuB,QAAQ;AACpD,SAAQG,kBAAAA,KAAM,OAAO,EAAE,GAAG,UAAU,WAAW,QAAQ,2FAA2F,SAAS,GAAG,UAAU,CAAC,aAAa,MAAMA,kBAAAA,KAAM,OAAO,EAAE,UAAU,CAACH,kBAAAA,IAAK,KAAK,EAAE,UAAU,aAAa,MAAK,CAAE,GAAGA,kBAAAA,IAAK,KAAK,EAAE,WAAW,0BAA0B,UAAU,aAAa,YAAW,CAAE,CAAC,EAAC,CAAE,CAAC,GAAG;AACpW;ACJO,SAAS,qBAAqB,OAAO;AACxC,QAAM,EAAE,SAAS,GAAG,eAAc,IAAK;AACvC,SAAQA,kBAAAA,IAAK,YAAY,EAAE,SAAkB,MAAM,eAAe,QAAQ,CAAC,EAAE,MAAK,MAAQA,sBAAK,eAAe,EAAE,GAAG,gBAAgB,GAAG,OAAO,IAAI,eAAe,OAAO,oBAAoB,GAAI;AACnM;ACJO,MAAM,SAASC,aAAAA,WAAW,SAASG,QAAO,OAAO,KAAK;AACzD,SAAQD,kBAAAA,KAAM,SAAS,EAAE,WAAW,wCAAwC,SAAS,MAAM,IAAI,UAAU,CAACH,kBAAAA,IAAK,SAAS,EAAE,WAAW,gBAAgB,KAAU,MAAM,YAAY,OAAO,IAAI,GAAG,MAAK,CAAE,GAAGA,kBAAAA,IAAK,OAAO,EAAE,WAAW,gRAA+Q,CAAE,CAAC,EAAC,CAAE;AAC3f,CAAC;"}

package/dist/index.html

@@ -22,7 +22,7 @@
     <meta name="twitter:image" content="https://cf-ipfs.com/ipfs/bafkreigrmclndf2jpbolaq22535q2sw5t44uad3az3dpvkzrnt4lpjt63e">
     <meta name="twitter:title" content="Connect">
     <meta name="twitter:description" content="Navigate your organisation’s toughest operational challenges and steer your contributors to success with Connect. A navigation, collaboration and reporting tool for decentralised and open organisation.">
-    <script type="module" crossorigin src="/assets/index-m_tcHrvQ.js"></script>
+    <script type="module" crossorigin src="/assets/index-DK-Td17X.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-DOrl22sv.css">
   </head>
 

package/lib/package.copy.json

@@ -1,7 +1,7 @@
 {
     "name": "@powerhousedao/connect",
     "productName": "Powerhouse-Connect",
-    "version": "4.1.0-dev.103",
+    "version": "4.1.0-dev.105",
     "description": "Powerhouse Connect",
     "main": "dist/index.html",
     "type": "module",

package/lib/src/components/root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../src/components/root.tsx"],"names":[],"mappings":"AAKA,wBAAgB,IAAI,4CAoBnB"}
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../src/components/root.tsx"],"names":[],"mappings":"AAIA,wBAAgB,IAAI,4CAiBnB"}

package/lib/src/components/root.js

@@ -1,9 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ModalsContainer } from "@powerhousedao/connect/components/modal/modals-container";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Sidebar } from "@powerhousedao/connect/components/sidebar";
 import { Suspense } from "react";
 import { Outlet } from "react-router-dom";
 export function Root() {
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "h-screen", children: _jsx("div", { className: `flex h-screen items-stretch overflow-auto`, role: "presentation", tabIndex: 0, children: _jsxs(Suspense, { name: "Root", children: [_jsx(Sidebar, {}), _jsx("div", { className: "relative flex-1 overflow-auto", children: _jsx(Outlet, {}) })] }) }) }), _jsx(ModalsContainer, {})] }));
+    return (_jsx("div", { className: "h-screen", children: _jsx("div", { className: `flex h-screen items-stretch overflow-auto`, role: "presentation", tabIndex: 0, children: _jsxs(Suspense, { name: "Root", children: [_jsx(Sidebar, {}), _jsx("div", { className: "relative flex-1 overflow-auto", children: _jsx(Outlet, {}) })] }) }) }));
 }
 //# sourceMappingURL=root.js.map

package/lib/src/components/root.js.map

@@ -1 +1 @@
-{"version":3,"file":"root.js","sourceRoot":"","sources":["../../../src/components/root.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0DAA0D,CAAC;AAC3F,OAAO,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,UAAU,IAAI;IAClB,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,UAAU,YACvB,cACE,SAAS,EAAE,2CAA2C,EACtD,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAE,CAAC,YAEX,MAAC,QAAQ,IAAC,IAAI,EAAC,MAAM,aACnB,KAAC,OAAO,KAAG,EACX,cAAK,SAAS,EAAC,+BAA+B,YAC5C,KAAC,MAAM,KAAG,GACN,IACG,GACP,GACF,EACN,KAAC,eAAe,KAAG,IAClB,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"root.js","sourceRoot":"","sources":["../../../src/components/root.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,UAAU,IAAI;IAClB,OAAO,CACL,cAAK,SAAS,EAAC,UAAU,YACvB,cACE,SAAS,EAAE,2CAA2C,EACtD,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAE,CAAC,YAEX,MAAC,QAAQ,IAAC,IAAI,EAAC,MAAM,aACnB,KAAC,OAAO,KAAG,EACX,cAAK,SAAS,EAAC,+BAA+B,YAC5C,KAAC,MAAM,KAAG,GACN,IACG,GACP,GACF,CACP,CAAC;AACJ,CAAC"}