@powerhousedao/design-system 1.0.0-alpha.13 → 1.0.0-alpha.130

package/README.md

@@ -5,7 +5,7 @@ This repository contains base and scoped (project) components, utilities, and ho
 ### How to run this project:
 
 -   Clone this repo: `git clone https://github.com/powerhouse-inc/design-system.git`
--   Install the dependencies: `yarn install`
+-   Install dependencies: `yarn install`
 -   Run Storybook: `yarn storybook`
 
 ### Project structure:

package/dist/ccip-DBJ_p4cZ.js

@@ -0,0 +1,158 @@
+import { B as p, g as m, s as y, d as w, i as k, c as O, a as E, e as L, H as h, b as x } from "./index-CXJKEp__.js";
+class M extends p {
+  constructor({ callbackSelector: s, cause: e, data: n, extraData: c, sender: u, urls: t }) {
+    var i;
+    super(e.shortMessage || "An error occurred while fetching for an offchain result.", {
+      cause: e,
+      metaMessages: [
+        ...e.metaMessages || [],
+        (i = e.metaMessages) != null && i.length ? "" : [],
+        "Offchain Gateway Call:",
+        t && [
+          "  Gateway URL(s):",
+          ...t.map((f) => `    ${m(f)}`)
+        ],
+        `  Sender: ${u}`,
+        `  Data: ${n}`,
+        `  Callback selector: ${s}`,
+        `  Extra data: ${c}`
+      ].flat()
+    }), Object.defineProperty(this, "name", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: "OffchainLookupError"
+    });
+  }
+}
+class R extends p {
+  constructor({ result: s, url: e }) {
+    super("Offchain gateway response is malformed. Response data must be a hex value.", {
+      metaMessages: [
+        `Gateway URL: ${m(e)}`,
+        `Response: ${y(s)}`
+      ]
+    }), Object.defineProperty(this, "name", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: "OffchainLookupResponseMalformedError"
+    });
+  }
+}
+class $ extends p {
+  constructor({ sender: s, to: e }) {
+    super("Reverted sender address does not match target contract address (`to`).", {
+      metaMessages: [
+        `Contract address: ${e}`,
+        `OffchainLookup sender address: ${s}`
+      ]
+    }), Object.defineProperty(this, "name", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: "OffchainLookupSenderMismatchError"
+    });
+  }
+}
+const j = "0x556f1830", S = {
+  name: "OffchainLookup",
+  type: "error",
+  inputs: [
+    {
+      name: "sender",
+      type: "address"
+    },
+    {
+      name: "urls",
+      type: "string[]"
+    },
+    {
+      name: "callData",
+      type: "bytes"
+    },
+    {
+      name: "callbackFunction",
+      type: "bytes4"
+    },
+    {
+      name: "extraData",
+      type: "bytes"
+    }
+  ]
+};
+async function v(o, { blockNumber: s, blockTag: e, data: n, to: c }) {
+  const { args: u } = w({
+    data: n,
+    abi: [S]
+  }), [t, i, f, a, r] = u, { ccipRead: d } = o, b = d && typeof (d == null ? void 0 : d.request) == "function" ? d.request : q;
+  try {
+    if (!k(c, t))
+      throw new $({ sender: t, to: c });
+    const l = await b({ data: f, sender: t, urls: i }), { data: g } = await O(o, {
+      blockNumber: s,
+      blockTag: e,
+      data: E([
+        a,
+        L([{ type: "bytes" }, { type: "bytes" }], [l, r])
+      ]),
+      to: c
+    });
+    return g;
+  } catch (l) {
+    throw new M({
+      callbackSelector: a,
+      cause: l,
+      data: n,
+      extraData: r,
+      sender: t,
+      urls: i
+    });
+  }
+}
+async function q({ data: o, sender: s, urls: e }) {
+  var c;
+  let n = new Error("An unknown error occurred.");
+  for (let u = 0; u < e.length; u++) {
+    const t = e[u], i = t.includes("{data}") ? "GET" : "POST", f = i === "POST" ? { data: o, sender: s } : void 0;
+    try {
+      const a = await fetch(t.replace("{sender}", s).replace("{data}", o), {
+        body: JSON.stringify(f),
+        method: i
+      });
+      let r;
+      if ((c = a.headers.get("Content-Type")) != null && c.startsWith("application/json") ? r = (await a.json()).data : r = await a.text(), !a.ok) {
+        n = new h({
+          body: f,
+          details: r != null && r.error ? y(r.error) : a.statusText,
+          headers: a.headers,
+          status: a.status,
+          url: t
+        });
+        continue;
+      }
+      if (!x(r)) {
+        n = new R({
+          result: r,
+          url: t
+        });
+        continue;
+      }
+      return r;
+    } catch (a) {
+      n = new h({
+        body: f,
+        details: a.message,
+        url: t
+      });
+    }
+  }
+  throw n;
+}
+export {
+  q as ccipRequest,
+  v as offchainLookup,
+  S as offchainLookupAbiItem,
+  j as offchainLookupSignature
+};
+//# sourceMappingURL=ccip-DBJ_p4cZ.js.map

package/dist/ccip-DBJ_p4cZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ccip-DBJ_p4cZ.js","sources":["../node_modules/.pnpm/viem@2.16.1_typescript@5.3.3/node_modules/viem/_esm/errors/ccip.js","../node_modules/.pnpm/viem@2.16.1_typescript@5.3.3/node_modules/viem/_esm/utils/ccip.js"],"sourcesContent":["import { stringify } from '../utils/stringify.js';\nimport { BaseError } from './base.js';\nimport { getUrl } from './utils.js';\nexport class OffchainLookupError extends BaseError {\n    constructor({ callbackSelector, cause, data, extraData, sender, urls, }) {\n        super(cause.shortMessage ||\n            'An error occurred while fetching for an offchain result.', {\n            cause,\n            metaMessages: [\n                ...(cause.metaMessages || []),\n                cause.metaMessages?.length ? '' : [],\n                'Offchain Gateway Call:',\n                urls && [\n                    '  Gateway URL(s):',\n                    ...urls.map((url) => `    ${getUrl(url)}`),\n                ],\n                `  Sender: ${sender}`,\n                `  Data: ${data}`,\n                `  Callback selector: ${callbackSelector}`,\n                `  Extra data: ${extraData}`,\n            ].flat(),\n        });\n        Object.defineProperty(this, \"name\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 'OffchainLookupError'\n        });\n    }\n}\nexport class OffchainLookupResponseMalformedError extends BaseError {\n    constructor({ result, url }) {\n        super('Offchain gateway response is malformed. Response data must be a hex value.', {\n            metaMessages: [\n                `Gateway URL: ${getUrl(url)}`,\n                `Response: ${stringify(result)}`,\n            ],\n        });\n        Object.defineProperty(this, \"name\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 'OffchainLookupResponseMalformedError'\n        });\n    }\n}\nexport class OffchainLookupSenderMismatchError extends BaseError {\n    constructor({ sender, to }) {\n        super('Reverted sender address does not match target contract address (`to`).', {\n            metaMessages: [\n                `Contract address: ${to}`,\n                `OffchainLookup sender address: ${sender}`,\n            ],\n        });\n        Object.defineProperty(this, \"name\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 'OffchainLookupSenderMismatchError'\n        });\n    }\n}\n//# sourceMappingURL=ccip.js.map","import { call } from '../actions/public/call.js';\nimport { OffchainLookupError, OffchainLookupResponseMalformedError, OffchainLookupSenderMismatchError, } from '../errors/ccip.js';\nimport { HttpRequestError, } from '../errors/request.js';\nimport { decodeErrorResult } from './abi/decodeErrorResult.js';\nimport { encodeAbiParameters } from './abi/encodeAbiParameters.js';\nimport { isAddressEqual } from './address/isAddressEqual.js';\nimport { concat } from './data/concat.js';\nimport { isHex } from './data/isHex.js';\nimport { stringify } from './stringify.js';\nexport const offchainLookupSignature = '0x556f1830';\nexport const offchainLookupAbiItem = {\n    name: 'OffchainLookup',\n    type: 'error',\n    inputs: [\n        {\n            name: 'sender',\n            type: 'address',\n        },\n        {\n            name: 'urls',\n            type: 'string[]',\n        },\n        {\n            name: 'callData',\n            type: 'bytes',\n        },\n        {\n            name: 'callbackFunction',\n            type: 'bytes4',\n        },\n        {\n            name: 'extraData',\n            type: 'bytes',\n        },\n    ],\n};\nexport async function offchainLookup(client, { blockNumber, blockTag, data, to, }) {\n    const { args } = decodeErrorResult({\n        data,\n        abi: [offchainLookupAbiItem],\n    });\n    const [sender, urls, callData, callbackSelector, extraData] = args;\n    const { ccipRead } = client;\n    const ccipRequest_ = ccipRead && typeof ccipRead?.request === 'function'\n        ? ccipRead.request\n        : ccipRequest;\n    try {\n        if (!isAddressEqual(to, sender))\n            throw new OffchainLookupSenderMismatchError({ sender, to });\n        const result = await ccipRequest_({ data: callData, sender, urls });\n        const { data: data_ } = await call(client, {\n            blockNumber,\n            blockTag,\n            data: concat([\n                callbackSelector,\n                encodeAbiParameters([{ type: 'bytes' }, { type: 'bytes' }], [result, extraData]),\n            ]),\n            to,\n        });\n        return data_;\n    }\n    catch (err) {\n        throw new OffchainLookupError({\n            callbackSelector,\n            cause: err,\n            data,\n            extraData,\n            sender,\n            urls,\n        });\n    }\n}\nexport async function ccipRequest({ data, sender, urls, }) {\n    let error = new Error('An unknown error occurred.');\n    for (let i = 0; i < urls.length; i++) {\n        const url = urls[i];\n        const method = url.includes('{data}') ? 'GET' : 'POST';\n        const body = method === 'POST' ? { data, sender } : undefined;\n        try {\n            const response = await fetch(url.replace('{sender}', sender).replace('{data}', data), {\n                body: JSON.stringify(body),\n                method,\n            });\n            let result;\n            if (response.headers.get('Content-Type')?.startsWith('application/json')) {\n                result = (await response.json()).data;\n            }\n            else {\n                result = (await response.text());\n            }\n            if (!response.ok) {\n                error = new HttpRequestError({\n                    body,\n                    details: result?.error\n                        ? stringify(result.error)\n                        : response.statusText,\n                    headers: response.headers,\n                    status: response.status,\n                    url,\n                });\n                continue;\n            }\n            if (!isHex(result)) {\n                error = new OffchainLookupResponseMalformedError({\n                    result,\n                    url,\n                });\n                continue;\n            }\n            return result;\n        }\n        catch (err) {\n            error = new HttpRequestError({\n                body,\n                details: err.message,\n                url,\n            });\n        }\n    }\n    throw error;\n}\n//# sourceMappingURL=ccip.js.map"],"names":["OffchainLookupError","BaseError","callbackSelector","cause","data","extraData","sender","urls","_a","url","getUrl","OffchainLookupResponseMalformedError","result","stringify","OffchainLookupSenderMismatchError","to","offchainLookupSignature","offchainLookupAbiItem","offchainLookup","client","blockNumber","blockTag","args","decodeErrorResult","callData","ccipRead","ccipRequest_","ccipRequest","isAddressEqual","data_","call","concat","encodeAbiParameters","err","error","i","method","body","response","HttpRequestError","isHex"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/connect/components/breadcrumbs/add-new-item-input.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { PressEvent } from 'react-aria-components';
+export interface AddNewItemInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'onSubmit'> {
+    onCancel: () => void;
+    onSubmit: (value: string, event?: PressEvent) => void;
+    'aria-label'?: string;
+}
+export declare const AddNewItemInput: React.FC<AddNewItemInputProps>;

package/dist/connect/components/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { DivProps } from '../../../powerhouse';
+export type BreadcrumbsProps = DivProps & {
+    filterPath: string;
+    onItemClick?: (event: React.MouseEvent<HTMLDivElement>, filterPath: string) => void;
+    onAddNewItem: (basePath: string, option: 'new-folder') => void;
+    onSubmitInput: (basepath: string, label: string) => void;
+    onCancelInput: (basePath: string) => void;
+    isAllowedToCreateDocuments?: boolean;
+};
+/**
+ * The `Breadcrumbs` component displays the current path (provided by the filterPath prop).
+ * It also allows the user to add a new folder to the current path.
+ */
+export declare function Breadcrumbs(props: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+export type BreadcrumbProps = {
+    onClick?: (event: React.MouseEvent<HTMLDivElement>, filterPath: string) => void;
+    filterPath: string;
+    className?: string;
+    isAllowedToCreateDocuments?: boolean;
+};
+export declare function Breadcrumb(props: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;

package/dist/connect/components/breadcrumbs/index.d.ts

@@ -0,0 +1 @@
+export * from './breadcrumbs';

package/dist/connect/components/combobox/combobox.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import Select from 'react-select';
+type SelectProps = ComponentPropsWithoutRef<typeof Select>;
+type Props = Omit<SelectProps, 'components' | 'styles' | 'theme'> & {
+    addItemButtonProps?: {
+        label?: ReactNode;
+        onClick?: () => void;
+    };
+};
+export declare function Combobox(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/connect/components/combobox/index.d.ts

@@ -0,0 +1 @@
+export * from './combobox';

package/dist/connect/components/date-time-input/date-time-local-input.d.ts

@@ -0,0 +1,3 @@
+import { ComponentPropsWithRef } from 'react';
+export type DateTimeLocalInputProps = Omit<ComponentPropsWithRef<'input'>, 'type'>;
+export declare const DateTimeLocalInput: import("react").ForwardRefExoticComponent<Omit<DateTimeLocalInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/connect/components/date-time-input/index.d.ts

@@ -0,0 +1 @@
+export * from './date-time-local-input';

package/dist/connect/components/disclosure/disclosure.d.ts

@@ -0,0 +1,9 @@
+import { DivProps } from '../../../powerhouse';
+import { ReactNode } from 'react';
+type DisclosureProps = DivProps & {
+    title: ReactNode;
+    isOpen: boolean;
+    onOpenChange: () => void;
+};
+export declare function Disclosure(props: DisclosureProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/connect/components/disclosure/index.d.ts

@@ -0,0 +1 @@
+export * from './disclosure';

package/dist/connect/components/divider/divider.d.ts

@@ -0,0 +1,2 @@
+import { DivProps } from '../../../powerhouse';
+export declare function Divider(props: DivProps): import("react/jsx-runtime").JSX.Element;

package/dist/connect/components/divider/index.d.ts

@@ -0,0 +1 @@
+export * from './divider';

package/dist/connect/components/drive-view/drive-view.d.ts

@@ -1,25 +1,21 @@
-/// <reference types="react" />
-import { DropItem } from '@/powerhouse/hooks';
-import type { DragEndEvent, DragStartEvent, DropEvent } from 'react-aria';
-import { ConnectTreeViewItemProps, DefaultOptionId, ItemType, TreeItem } from '..';
-export type DriveType = 'public' | 'local' | 'cloud';
-export interface DriveTreeItem<T extends string = DefaultOptionId> extends TreeItem<T> {
-    type: ItemType.LocalDrive | ItemType.NetworkDrive | ItemType.PublicDrive;
-}
-export type OnItemOptionsClickHandler<T extends string = DefaultOptionId> = (item: TreeItem<T>, option: T, drive: DriveTreeItem<T>) => void;
-export interface DriveViewProps<T extends string = DefaultOptionId> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onDragEnd' | 'onDragStart'> {
+import { AddDriveInput, AddPublicDriveInput, ConnectTreeViewItemProps, ConnectTreeViewProps, DriveType } from '../..';
+export interface DriveViewProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onDragEnd' | 'onDragStart'> {
     type: DriveType;
     name: string;
-    drives: DriveTreeItem<T>[];
-    defaultItemOptions?: ConnectTreeViewItemProps<T>['defaultOptions'];
-    onDropEvent?: (item: DropItem<TreeItem<T>>, target: TreeItem<T>, event: DropEvent, drive: DriveTreeItem<T>) => void;
-    onItemClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>, item: TreeItem<T>, drive: DriveTreeItem<T>) => void;
-    onSubmitInput?: (item: TreeItem, drive: DriveTreeItem<T>) => void;
-    onCancelInput?: (item: TreeItem, drive: DriveTreeItem<T>) => void;
-    onItemOptionsClick?: OnItemOptionsClickHandler<T>;
+    defaultItemOptions?: ConnectTreeViewItemProps['defaultOptions'];
+    drivePath?: string;
     disableHighlightStyles?: boolean;
-    onDropActivate?: (drive: DriveTreeItem<T>, dropTargetItem: TreeItem) => void;
-    onDragStart?: (drive: DriveTreeItem<T>, dragItem: TreeItem, event: DragStartEvent) => void;
-    onDragEnd?: (drive: DriveTreeItem<T>, dragItem: TreeItem, event: DragEndEvent) => void;
+    isAllowedToCreateDocuments?: boolean;
+    onDropEvent?: ConnectTreeViewProps['onDropEvent'];
+    onItemClick?: ConnectTreeViewProps['onItemClick'];
+    onSubmitInput?: ConnectTreeViewProps['onSubmitInput'];
+    onCancelInput?: ConnectTreeViewProps['onCancelInput'];
+    onItemOptionsClick?: ConnectTreeViewProps['onItemOptionsClick'];
+    onDropActivate?: ConnectTreeViewProps['onDropActivate'];
+    onDragStart?: ConnectTreeViewProps['onDragStart'];
+    onDragEnd?: ConnectTreeViewProps['onDragEnd'];
+    onCreateDrive?: (drive: AddDriveInput | AddPublicDriveInput) => void;
+    disableAddDrives?: boolean;
+    displaySyncFolderIcons?: boolean;
 }
-export declare function DriveView<T extends string = DefaultOptionId>(props: DriveViewProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DriveView(props: DriveViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/connect/components/drive-view/index.d.ts

@@ -1 +1,2 @@
 export * from './drive-view';
+export * from './utils';

package/dist/connect/components/drive-view/mocks.d.ts

@@ -0,0 +1 @@
+export declare const mockCustomDriveIcon = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxuczp4b2RtPSJodHRwOi8vd3d3LmNvcmVsLmNvbS9jb3JlbGRyYXcvb2RtLzIwMDMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjUwMCAyNTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNTAwIDI1MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO30KCS5zdDF7ZmlsbDojMjEzMTQ3O30KCS5zdDJ7ZmlsbDojMTJBQUZGO30KCS5zdDN7ZmlsbDojOURDQ0VEO30KCS5zdDR7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGcgaWQ9IkxheWVyX3gwMDIwXzEiPgoJPGcgaWQ9Il8yNDA1NTg4NDc3MjMyIj4KCQk8cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMjUwMCIgaGVpZ2h0PSIyNTAwIj48L3JlY3Q+CgkJPGc+CgkJCTxnPgoJCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTIyNiw3NjB2OTgwYzAsNjMsMzMsMTIwLDg4LDE1Mmw4NDksNDkwYzU0LDMxLDEyMSwzMSwxNzUsMGw4NDktNDkwYzU0LTMxLDg4LTg5LDg4LTE1MlY3NjAgICAgICBjMC02My0zMy0xMjAtODgtMTUybC04NDktNDkwYy01NC0zMS0xMjEtMzEtMTc1LDBMMzE0LDYwOGMtNTQsMzEtODcsODktODcsMTUySDIyNnoiPjwvcGF0aD4KCQkJCTxnPgoJCQkJCTxnPgoJCQkJCQk8Zz4KCQkJCQkJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xNDM1LDE0NDBsLTEyMSwzMzJjLTMsOS0zLDE5LDAsMjlsMjA4LDU3MWwyNDEtMTM5bC0yODktNzkzQzE0NjcsMTQyMiwxNDQyLDE0MjIsMTQzNSwxNDQweiI+PC9wYXRoPgoJCQkJCQk8L2c+CgkJCQkJCTxnPgoJCQkJCQkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTE2NzgsODgyYy03LTE4LTMyLTE4LTM5LDBsLTEyMSwzMzJjLTMsOS0zLDE5LDAsMjlsMzQxLDkzNWwyNDEtMTM5TDE2NzgsODgzVjg4MnoiPjwvcGF0aD4KCQkJCQkJPC9nPgoJCQkJCTwvZz4KCQkJCTwvZz4KCQkJCTxnPgoJCQkJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0xMjUwLDE1NWM2LDAsMTIsMiwxNyw1bDkxOCw1MzBjMTEsNiwxNywxOCwxNywzMHYxMDYwYzAsMTItNywyNC0xNywzMGwtOTE4LDUzMGMtNSwzLTExLDUtMTcsNSAgICAgICBzLTEyLTItMTctNWwtOTE4LTUzMGMtMTEtNi0xNy0xOC0xNy0zMFY3MTljMC0xMiw3LTI0LDE3LTMwbDkxOC01MzBjNS0zLDExLTUsMTctNWwwLDBWMTU1eiBNMTI1MCwwYy0zMywwLTY1LDgtOTUsMjVMMjM3LDU1NSAgICAgICBjLTU5LDM0LTk1LDk2LTk1LDE2NHYxMDYwYzAsNjgsMzYsMTMwLDk1LDE2NGw5MTgsNTMwYzI5LDE3LDYyLDI1LDk1LDI1czY1LTgsOTUtMjVsOTE4LTUzMGM1OS0zNCw5NS05Niw5NS0xNjRWNzE5ICAgICAgIGMwLTY4LTM2LTEzMC05NS0xNjRMMTM0NCwyNWMtMjktMTctNjItMjUtOTUtMjVsMCwwSDEyNTB6Ij48L3BhdGg+CgkJCQk8L2c+CgkJCQk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjY0MiwyMTc5IDcyNywxOTQ3IDg5NywyMDg4IDczOCwyMjM0ICAgICAiPjwvcG9seWdvbj4KCQkJCTxnPgoJCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xMTcyLDY0NEg5MzljLTE3LDAtMzMsMTEtMzksMjdMNDAxLDIwMzlsMjQxLDEzOWw1NTAtMTUwN2M1LTE0LTUtMjgtMTktMjhMMTE3Miw2NDR6Ij48L3BhdGg+CgkJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE1ODAsNjQ0aC0yMzNjLTE3LDAtMzMsMTEtMzksMjdMNzM4LDIyMzNsMjQxLDEzOWw2MjAtMTcwMWM1LTE0LTUtMjgtMTktMjhWNjQ0eiI+PC9wYXRoPgoJCQkJPC9nPgoJCQk8L2c+CgkJPC9nPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=";

package/dist/connect/components/drive-view/utils.d.ts

@@ -0,0 +1,5 @@
+import { DriveTreeItem, TreeItem } from '../..';
+export declare function getIsDrive(item: TreeItem): item is DriveTreeItem;
+export declare function getIsLocalDrive(item: TreeItem): item is DriveTreeItem;
+export declare function getIsPublicDrive(item: TreeItem): item is DriveTreeItem;
+export declare function getIsCloudDrive(item: TreeItem): item is DriveTreeItem;

package/dist/connect/components/dropdown-menu/dropdown-menu.d.ts

@@ -1,11 +1,12 @@
-import { DropdownMenuProps } from '@/powerhouse';
-export interface ConnectDropdownMenuItem<T extends string = string> {
-    id: T;
-    icon?: string;
+/// <reference types="react" />
+import { ControlledDropdownMenuProps } from '../../../powerhouse';
+export interface ConnectDropdownMenuItem {
+    id: string;
+    icon?: React.JSX.Element;
     label: string;
     className?: string;
 }
-export interface ConnectDropdownMenuProps<T extends string = string> extends Omit<DropdownMenuProps<T>, 'items'> {
-    items: ConnectDropdownMenuItem<T>[];
+export interface ConnectDropdownMenuProps extends Omit<ControlledDropdownMenuProps, 'items'> {
+    items: ConnectDropdownMenuItem[];
 }
-export declare function ConnectDropdownMenu<T extends string = string>(props: ConnectDropdownMenuProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ConnectDropdownMenu(props: ConnectDropdownMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/connect/components/ens-avatar/ens-avatar.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+type Props = {
+    address: `0x${string}`;
+    chainId?: number;
+    size?: CSSProperties['width'];
+};
+export declare function ENSAvatar(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/connect/components/ens-avatar/index.d.ts

@@ -0,0 +1 @@
+export * from './ens-avatar';

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

@@ -0,0 +1,29 @@
+import { ConnectDropdownMenuProps, TreeItem } from '../..';
+import { DivProps, TreeViewInputProps, UseDraggableTargetProps } from '../../../powerhouse';
+import React from 'react';
+declare const iconMap: {
+    legal: string;
+    global: string;
+    profile: string;
+    budget: string;
+    template: string;
+};
+export type FileItemIconType = keyof typeof iconMap;
+export interface FileItemProps extends Omit<DivProps, 'onDragStart' | 'onDragEnd'> {
+    title: string;
+    subTitle?: string;
+    mode?: 'write' | 'read';
+    icon?: FileItemIconType;
+    customIcon?: React.ReactNode;
+    itemOptions?: ConnectDropdownMenuProps['items'];
+    isAllowedToCreateDocuments?: boolean;
+    onOptionsClick: ConnectDropdownMenuProps['onItemClick'];
+    onSubmitInput?: TreeViewInputProps['onSubmitInput'];
+    onCancelInput?: TreeViewInputProps['onCancelInput'];
+    item: TreeItem;
+    onDragStart?: UseDraggableTargetProps<TreeItem>['onDragStart'];
+    onDragEnd?: UseDraggableTargetProps<TreeItem>['onDragEnd'];
+    displaySyncIcon?: boolean;
+}
+export declare const FileItem: React.FC<FileItemProps>;
+export {};

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

@@ -0,0 +1 @@
+export * from './file-item';

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

@@ -0,0 +1,19 @@
+import { ConnectDropdownMenuProps, TreeItem } from '../..';
+import { DivProps, UseDraggableTargetProps } from '../../../powerhouse';
+import { TreeViewInputProps } from '../../../powerhouse/components/tree-view-input';
+import React from 'react';
+export interface FolderItemProps extends Omit<DivProps, 'onDragEnd' | 'onDragStart' | 'onDropEvent'> {
+    title: string;
+    itemOptions?: ConnectDropdownMenuProps['items'];
+    onOptionsClick: ConnectDropdownMenuProps['onItemClick'];
+    mode?: 'write' | 'read';
+    onSubmitInput: TreeViewInputProps['onSubmitInput'];
+    onCancelInput: TreeViewInputProps['onCancelInput'];
+    item: TreeItem;
+    onDragStart?: UseDraggableTargetProps<TreeItem>['onDragStart'];
+    onDragEnd?: UseDraggableTargetProps<TreeItem>['onDragEnd'];
+    onDropEvent?: UseDraggableTargetProps<TreeItem>['onDropEvent'];
+    isAllowedToCreateDocuments?: boolean;
+    displaySyncIcon?: boolean;
+}
+export declare const FolderItem: React.FC<FolderItemProps>;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export * from './folder-item';

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

@@ -0,0 +1,18 @@
+import { AddDriveInput } from '../..';
+interface PublicDriveDetails extends AddDriveInput {
+    id: string;
+    driveName: string;
+    sharingType: 'PUBLIC' | 'SHARED';
+    location: 'SWITCHBOARD';
+    availableOffline: boolean;
+}
+export type AddPublicDriveInput = PublicDriveDetails & {
+    url: string;
+};
+type AddPublicDriveFormProps = {
+    sharingType?: 'PUBLIC' | 'SHARED';
+    onSubmit: (data: AddPublicDriveInput) => void;
+    onCancel: () => void;
+};
+export declare function AddPublicDriveForm(props: AddPublicDriveFormProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/connect/components/form/create-drive-form.d.ts

@@ -0,0 +1,17 @@
+import { DriveLocation, SharingType } from '../..';
+import { SubmitHandler } from 'react-hook-form';
+export type Inputs = {
+    driveName: string;
+    sharingType: SharingType;
+    availableOffline: boolean;
+    location: DriveLocation;
+};
+type CreateDriveFormProps = {
+    location: DriveLocation;
+    onSubmit: CreateDriveFormSubmitHandler;
+    onCancel: () => void;
+};
+type CreateDriveFormSubmitHandler = SubmitHandler<Inputs>;
+export type AddDriveInput = Inputs;
+export declare function CreateDriveForm(props: CreateDriveFormProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/connect/components/form/drive-settings-form.d.ts

@@ -0,0 +1,17 @@
+import { DriveLocation, SharingType } from '../..';
+import { SubmitHandler } from 'react-hook-form';
+type Inputs = {
+    driveName: string;
+    sharingType: SharingType;
+    availableOffline: boolean;
+    driveIcon?: string;
+};
+type DriveSettingsFormProps = Inputs & {
+    location: DriveLocation;
+    onSubmit: DriveSettingsFormSubmitHandler;
+    onCancel: () => void;
+    onDeleteDrive: () => void;
+};
+export type DriveSettingsFormSubmitHandler = SubmitHandler<Inputs>;
+export declare function DriveSettingsForm(props: DriveSettingsFormProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/connect/components/form/index.d.ts

@@ -0,0 +1,4 @@
+export * from './add-public-drive-form';
+export * from './create-drive-form';
+export * from './drive-settings-form';
+export * from './inputs';

package/dist/connect/components/form/inputs/available-offline-toggle.d.ts

@@ -0,0 +1,5 @@
+import { Toggle } from '../../..';
+import { ComponentPropsWithRef } from 'react';
+type AvailableOfflineToggleProps = Omit<ComponentPropsWithRef<typeof Toggle>, 'id'>;
+export declare const AvailableOfflineToggle: import("react").ForwardRefExoticComponent<Omit<AvailableOfflineToggleProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/connect/components/form/inputs/delete-drive.d.ts

@@ -0,0 +1,6 @@
+export type DeleteDriveProps = {
+    driveName: string;
+    onDeleteDrive: () => void;
+    onCancel: () => void;
+};
+export declare function DeleteDrive(props: DeleteDriveProps): import("react/jsx-runtime").JSX.Element;

package/dist/connect/components/form/inputs/drive-name-input.d.ts

@@ -0,0 +1,7 @@
+import { FormInput } from '../../..';
+import { ComponentPropsWithRef } from 'react';
+type DriveNameInputProps = Omit<ComponentPropsWithRef<typeof FormInput>, 'icon' | 'id'> & {
+    icon?: React.JSX.Element;
+};
+export declare const DriveNameInput: import("react").ForwardRefExoticComponent<Omit<DriveNameInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/connect/components/form/inputs/drive-name.d.ts

@@ -0,0 +1,5 @@
+type DriveNameProps = {
+    driveName: string;
+};
+export declare function DriveName(props: DriveNameProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/connect/components/form/inputs/index.d.ts

@@ -0,0 +1,7 @@
+export * from './available-offline-toggle';
+export * from './delete-drive';
+export * from './drive-name';
+export * from './drive-name-input';
+export * from './label';
+export * from './location-info';
+export * from './sharing-type-form-input';

package/dist/connect/components/form/inputs/label.d.ts

@@ -0,0 +1,4 @@
+import { ComponentPropsWithoutRef } from 'react';
+type LabelProps = ComponentPropsWithoutRef<'label'>;
+export declare function Label(props: LabelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/connect/components/form/inputs/location-info.d.ts

@@ -0,0 +1,7 @@
+import { DriveLocation } from '../../..';
+import { DivProps } from '../../../../powerhouse';
+type LocationInfoProps = DivProps & {
+    location: DriveLocation;
+};
+export declare function LocationInfo(props: LocationInfoProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/connect/components/form/inputs/sharing-type-form-input.d.ts

@@ -0,0 +1,12 @@
+import { Select, SharingType } from '../../..';
+import { ComponentPropsWithRef } from 'react';
+import { Control } from 'react-hook-form';
+type SharingTypeFormInputProps<T extends {
+    sharingType: SharingType;
+}> = Omit<ComponentPropsWithRef<typeof Select>, 'id' | 'items' | 'value' | 'onChange'> & {
+    control: Control<T>;
+};
+export declare function SharingTypeFormInput<T extends {
+    sharingType: SharingType;
+}>(props: SharingTypeFormInputProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/connect/components/form-input/form-input.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithRef } from 'react';
+type InputProps = ComponentPropsWithRef<'input'>;
+type FormInputProps = Omit<InputProps, 'className'> & {
+    icon: React.JSX.Element;
+    errorMessage?: string;
+    isTouched?: boolean;
+    isDirty?: boolean;
+    type?: 'text' | 'password' | 'email' | 'url';
+    inputClassName?: string;
+    containerClassName?: string;
+    errorMessageClassName?: string;
+    hideErrors?: boolean;
+};
+export declare const FormInput: import("react").ForwardRefExoticComponent<Omit<FormInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/connect/components/form-input/index.d.ts

@@ -0,0 +1 @@
+export * from './form-input';

package/dist/connect/components/image-input/default-drive-icon.d.ts

@@ -0,0 +1 @@
+export declare const defaultDriveIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuODgxMzQgOC42NTY0NFYxOC4zMjUxSDBWNy4wOTMzNkMwIDYuMTkzMjYgMS4wMzQ3NCA1LjY4MDAzIDEuNzU3NDggNi4yMjEzNEwxMC42OTM4IDEyLjkxMkMxMC45Njk4IDEzLjExNzkgMTEuMTMxMyAxMy40NDA5IDExLjEzMTMgMTMuNzg0VjE4LjMyMzVIOS4yNDk5MlYxNC4xNzRMMS44ODEzNCA4LjY1NjQ0WiIgZmlsbD0iIzQwNDQ0NiIvPgo8cGF0aCBkPSJNMjIuMDYwNSAxOC4zMjUxVjguNjU1OTlMMTQuNDYxNiAxNC4xNzM4VjE4LjMyNTFIMTIuNTIxNVYxMy43ODU0QzEyLjUyMTUgMTMuNDQyMiAxMi42ODggMTMuMTE5MyAxMi45NzI2IDEyLjkxMzNMMjIuMTg4MiA2LjIyMjMzQzIyLjkzMzUgNS42Nzk0NCAyNC4wMDA2IDYuMTkyNjkgMjQuMDAwNiA3LjA5MjgzVjE4LjMyNTFIMjIuMDYwNVoiIGZpbGw9IiM0MDQ0NDYiLz4KPC9zdmc+Cg==";

package/dist/connect/components/image-input/image-input.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithRef } from 'react';
+import { Control, FieldValues, Path } from 'react-hook-form';
+type Props<TFieldValues extends FieldValues> = Omit<ComponentPropsWithRef<'input'>, 'type' | 'name' | 'value'> & {
+    name: Path<TFieldValues>;
+    control: Control<TFieldValues>;
+};
+export declare function ImageInput<TFieldValues extends FieldValues>(props: Props<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/connect/components/image-input/index.d.ts

@@ -0,0 +1 @@
+export * from './image-input';

package/dist/connect/components/index.d.ts

@@ -1,8 +1,21 @@
+export * from './breadcrumbs';
+export * from './combobox';
+export * from './date-time-input';
+export * from './disclosure';
+export * from './divider';
 export * from './drive-view';
 export * from './dropdown-menu';
+export * from './file-item';
+export * from './folder-item';
+export * from './form';
+export * from './form-input';
 export * from './modal';
+export * from './revision-history';
 export * from './search-bar';
+export * from './select';
 export * from './sidebar';
+export * from './toast';
+export * from './toggle';
+export * from './tooltip';
 export * from './tree-view';
-export * from './tree-view-input';
 export * from './tree-view-item';