npm - @powerhousedao/design-system - Versions diffs - 4.1.0-dev.9 → 4.1.0-dev.91 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1468) hide show

package/README.md CHANGED Viewed

@@ -2,33 +2,63 @@
 This repository contains base and scoped (project) components, utilities, and hooks for the powerhouse org.
+## Installation & Setup
+After installing the package, you'll need to load the Inter font family for proper styling.
+### Font Loading (Required)
+The design system uses the **Inter** font family. Choose one of the following approaches:
+#### Option 1: HTML Link Tags (Recommended)
+Add these tags to your HTML `<head>` for optimal performance:
+```html
+<head>
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet" />
+</head>
+```
+#### Option 2: CSS Import (Fallback)
+Alternatively, import the font in your CSS file:
+```css
+@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
+```
+**Note:** HTML link tags are preferred for better performance (preconnect support, earlier parsing, non-blocking).
 ### How to run this project:
--   Clone this repo: `git clone https://github.com/powerhouse-inc/design-system.git`
--   Install dependencies: `yarn install`
--   Run Storybook: `yarn storybook`
+- Clone this repo: `git clone https://github.com/powerhouse-inc/design-system.git`
+- Install dependencies: `yarn install`
+- Run Storybook: `yarn storybook`
 ### Project structure:
--   `src`: Contains all the code related to the library.
--   `src/assets`: Contains various assets such as icons, images, etc.
--   `src/powerhouse`: Base components, hooks, and utilities.
--   `src/connect`: Components, hooks, and utilities specific to the `connect` app.
--   `.github/workflows`: CI/CD configuration (github actions).
--   `.storybook`: Storybook configuration.
+- `src`: Contains all the code related to the library.
+- `src/assets`: Contains various assets such as icons, images, etc.
+- `src/powerhouse`: Base components, hooks, and utilities.
+- `src/connect`: Components, hooks, and utilities specific to the `connect` app.
+- `.github/workflows`: CI/CD configuration (github actions).
+- `.storybook`: Storybook configuration.
 ### Adding new code:
 The first step is to determine where to place your new component. Consider whether you are building a base component or a scoped component:
--   For base components, place your new files inside `src/powerhouse/<components | hooks>`
--   For scoped components, place your new files in the corresponding scope, e.g., `src/connect`, `src/any-other-scope-or-app`, etc.
+- For base components, place your new files inside `src/powerhouse/<components | hooks>`
+- For scoped components, place your new files in the corresponding scope, e.g., `src/connect`, `src/any-other-scope-or-app`, etc.
 Once you are clear about where to place your component files, you can start coding. You should follow this basic structure for your components:
--   `your-component.tsx`: Component base code.
--   `your-component.stories.tsx`: Stories for your component.
--   `your-component.test.tsx`: Tests for your component.
+- `your-component.tsx`: Component base code.
+- `your-component.stories.tsx`: Stories for your component.
+- `your-component.test.tsx`: Tests for your component.
 After creating your component, ensure that it looks good in Storybook and that all its tests pass.
@@ -46,14 +76,14 @@ The commit message should be structured as follows:
 where **type** can be any of the following options:
--   `feat`: (new feature for the user, not a new feature for build script). _Correlates with `PATCH` in Semantic Versioning_
--   `fix`: (bug fix for the user, not a fix to a build script). _Correlates with `MINOR` in Semantic Versioning_
--   `docs`: (changes to the documentation)
--   `style`: (formatting, missing semi colons, etc; no production code change)
--   `refactor`: (refactoring production code)
--   `test`: (adding missing tests, refactoring tests; no production code change)
--   `chore`: (updating project related code (scripts, build, etc.); no production code change)
--   `BREAKING CHANGE` or appends a `!` after the type/scope: Introduces a breaking API change. _Correlating with `MAJOR` in Semantic Versioning_
+- `feat`: (new feature for the user, not a new feature for build script). _Correlates with `PATCH` in Semantic Versioning_
+- `fix`: (bug fix for the user, not a fix to a build script). _Correlates with `MINOR` in Semantic Versioning_
+- `docs`: (changes to the documentation)
+- `style`: (formatting, missing semi colons, etc; no production code change)
+- `refactor`: (refactoring production code)
+- `test`: (adding missing tests, refactoring tests; no production code change)
+- `chore`: (updating project related code (scripts, build, etc.); no production code change)
+- `BREAKING CHANGE` or appends a `!` after the type/scope: Introduces a breaking API change. _Correlating with `MAJOR` in Semantic Versioning_
 **scope** is used to link your commit to a specific section of the codebase (FeatureA, FeatureB, etc.). Keep in mind that this is not required.
@@ -69,5 +99,3 @@ chore!: drop support for Node 6
 > Keep in mind that every time you create a new commit, a pre-commit process is executed to validate that your commit message is valid.
 You can find more info about this topic here: https://www.conventionalcommits.org/en/v1.0.0/

package/dist/setupTests.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import "@testing-library/jest-dom";
2	+ //# sourceMappingURL=setupTests.d.ts.map

package/dist/setupTests.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"setupTests.d.ts","sourceRoot":"","sources":["../setupTests.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/dist/setupTests.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import "@testing-library/jest-dom";
2	+ //# sourceMappingURL=setupTests.js.map

package/dist/setupTests.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../setupTests.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/dist/src/connect/components/account-popover/account-popover-login.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { type FC } from "react";
+import type { FC } from "react";
 export interface AccountPopoverLoginProps {
     onLogin: (() => void) | undefined;
 }

package/dist/src/connect/components/account-popover/account-popover-login.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"account-popover-login.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover-login.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,~~KAAK~~,EAAE,~~EAAY,~~MAAM,OAAO,CAAC;~~AAG1C~~,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACnC;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAuC5D,CAAC"}
1	+ {"version":3,"file":"account-popover-login.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover-login.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACnC;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAuC5D,CAAC"}

package/dist/src/connect/components/account-popover/account-popover-login.js CHANGED Viewed

@@ -1,5 +1,5 @@
 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 { twMerge } from "tailwind-merge";
 export const AccountPopoverLogin = ({ onLogin, }) => {

package/dist/src/connect/components/account-popover/account-popover-login.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"account-popover-login.js","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover-login.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,~~aAAa~~,CAAC;~~AACnC~~,OAAO,~~EAAW~~,QAAQ,EAAE,MAAM,OAAO,CAAC;~~AAC1C~~,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAMzC,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAChE,OAAO,GACR,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,UAAU,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC;IAEzC,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CACxB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,cAAc,GAAG,CAC1D,CAAC,CAAC,CAAC,CACF,qCAAoB,CACrB,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO,EAAE,CAAC;YACZ,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,KAAK,aAClB,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,oEAAoE,YACjF,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,EAAE,GAAI,GACjC,GACF,EACN,iBACE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC7C,SAAS,EAAE,OAAO,CAChB,4IAA4I,EAC5I,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAC9C,EACD,IAAI,EAAC,QAAQ,YAEZ,OAAO,GACD,IACL,CACP,CAAC;AACJ,CAAC,CAAC"}
1	+ {"version":3,"file":"account-popover-login.js","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover-login.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAMzC,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAChE,OAAO,GACR,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,UAAU,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC;IAEzC,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CACxB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,cAAc,GAAG,CAC1D,CAAC,CAAC,CAAC,CACF,qCAAoB,CACrB,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO,EAAE,CAAC;YACZ,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,KAAK,aAClB,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,oEAAoE,YACjF,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,EAAE,GAAI,GACjC,GACF,EACN,iBACE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC7C,SAAS,EAAE,OAAO,CAChB,4IAA4I,EAC5I,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAC9C,EACD,IAAI,EAAC,QAAQ,YAEZ,OAAO,GACD,IACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/connect/components/account-popover/account-popover-user.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Icon } from "#powerhouse";
+import { Icon, PowerhouseButton } from "@powerhousedao/design-system";
 import { useCallback, useState } from "react";
 import { twMerge } from "tailwind-merge";
 // short eth address
@@ -16,7 +16,7 @@ export const AccountPopoverUser = ({ address, onDisconnect, etherscanUrl, userna
             console.error("Failed to copy address:", err);
         }
     }, []);
-    return (_jsxs("div", { className: "flex flex-col divide-y divide-gray-200 text-gray-900", children: [_jsxs("div", { className: "px-3 py-2", children: [username && _jsx("div", { className: "text-sm font-medium", children: username }), _jsx("div", { className: "mt-1 flex items-center gap-2", children: _jsx(Button, { size: "small", color: "light", onClick: copyToClipboard.bind(null, address), className: "w-full cursor-pointer bg-transparent p-0 active:opacity-70", type: "button", children: _jsxs("div", { className: "relative flex w-full items-center gap-1", children: [_jsxs("div", { className: `flex items-center gap-1 transition-opacity duration-150 ${isCopied ? "opacity-0" : "opacity-100"}`, children: [_jsx("span", { className: "text-xs", children: shortAddress(address) }), _jsx(Icon, { name: "FilesEarmark", color: "#9EA0A1", size: 14 })] }), _jsx("div", { className: `absolute left-0 text-xs transition-opacity duration-150 ${isCopied ? "opacity-100" : "opacity-0"}`, children: "Copied to clipboard!" })] }) }) })] }), etherscanUrl && (_jsx("div", { className: "px-3 py-2", children: _jsxs("a", { href: etherscanUrl, target: "_blank", rel: "noopener noreferrer", className: "flex items-center gap-2 text-sm text-gray-900 hover:text-gray-600", children: [_jsx(Icon, { name: "Ethscan", size: 14 }), "View on Etherscan"] }) })), _jsx("div", { className: "px-3 py-2", children: _jsxs("button", { onClick: onDisconnect, className: twMerge("flex w-full items-center gap-2 text-sm text-red-900", onDisconnect
+    return (_jsxs("div", { className: "flex flex-col divide-y divide-gray-200 text-gray-900", children: [_jsxs("div", { className: "px-3 py-2", children: [username && _jsx("div", { className: "text-sm font-medium", children: username }), _jsx("div", { className: "mt-1 flex items-center gap-2", children: _jsx(PowerhouseButton, { size: "small", color: "light", onClick: copyToClipboard.bind(null, address), className: "w-full cursor-pointer bg-transparent p-0 active:opacity-70", type: "button", children: _jsxs("div", { className: "relative flex w-full items-center gap-1", children: [_jsxs("div", { className: `flex items-center gap-1 transition-opacity duration-150 ${isCopied ? "opacity-0" : "opacity-100"}`, children: [_jsx("span", { className: "text-xs", children: shortAddress(address) }), _jsx(Icon, { name: "FilesEarmark", color: "#9EA0A1", size: 14 })] }), _jsx("div", { className: `absolute left-0 text-xs transition-opacity duration-150 ${isCopied ? "opacity-100" : "opacity-0"}`, children: "Copied to clipboard!" })] }) }) })] }), etherscanUrl && (_jsx("div", { className: "px-3 py-2", children: _jsxs("a", { href: etherscanUrl, target: "_blank", rel: "noopener noreferrer", className: "flex items-center gap-2 text-sm text-gray-900 hover:text-gray-600", children: [_jsx(Icon, { name: "Ethscan", size: 14 }), "View on Etherscan"] }) })), _jsx("div", { className: "px-3 py-2", children: _jsxs("button", { onClick: onDisconnect, className: twMerge("flex w-full items-center gap-2 text-sm text-red-900", onDisconnect
                         ? "cursor-pointer hover:text-red-700"
                         : "pointer-events-none cursor-wait"), type: "button", children: [_jsx(Icon, { name: "Disconnect", size: 14, color: "#EA4335" }), "Disconnect"] }) })] }));
 };

package/dist/src/connect/components/account-popover/account-popover-user.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"account-popover-user.js","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover-user.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,~~MAAM~~,EAAE,~~IAAI~~,EAAE,MAAM,~~aAAa~~,CAAC;~~AAE3C~~,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AASzC,oBAAoB;AACpB,MAAM,YAAY,GAAG,CAAC,OAAsB,EAAE,EAAE,CAC9C,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAElD,MAAM,CAAC,MAAM,kBAAkB,GAAgC,CAAC,EAC9D,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,QAAQ,GAAG,EAAE,GACW,EAAE,EAAE;IAC5B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,eAAe,GAAG,WAAW,CAAC,KAAK,EAAE,IAAY,EAAE,EAAE;QACzD,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YAC1C,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QAC7C,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,GAAG,CAAC,CAAC;QAChD,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aACnE,eAAK,SAAS,EAAC,WAAW,aACvB,QAAQ,IAAI,cAAK,SAAS,EAAC,qBAAqB,YAAE,QAAQ,GAAO,EAClE,cAAK,SAAS,EAAC,8BAA8B,YAC3C,KAAC,~~MAAM~~,~~IACL~~,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,EAC5C,SAAS,EAAC,4DAA4D,EACtE,IAAI,EAAC,QAAQ,YAEb,eAAK,SAAS,EAAC,yCAAyC,aACtD,eACE,SAAS,EAAE,2DAA2D,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,EAAE,aAE9G,eAAM,SAAS,EAAC,SAAS,YAAE,YAAY,CAAC,OAAO,CAAC,GAAQ,EACxD,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,GAAI,IAClD,EACN,cACE,SAAS,EAAE,2DAA2D,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EAAE,qCAG1G,IACF,~~GACC~~,~~GACL~~,IACF,EACL,YAAY,IAAI,CACf,cAAK,SAAS,EAAC,WAAW,YACxB,aACE,IAAI,EAAE,YAAY,EAClB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,mEAAmE,aAE7E,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,GAAI,yBAE/B,GACA,CACP,EACD,cAAK,SAAS,EAAC,WAAW,YACxB,kBACE,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,OAAO,CAChB,qDAAqD,EACrD,YAAY;wBACV,CAAC,CAAC,mCAAmC;wBACrC,CAAC,CAAC,iCAAiC,CACtC,EACD,IAAI,EAAC,QAAQ,aAEb,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,GAAG,kBAE7C,GACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}
1	+ {"version":3,"file":"account-popover-user.js","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover-user.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AASzC,oBAAoB;AACpB,MAAM,YAAY,GAAG,CAAC,OAAsB,EAAE,EAAE,CAC9C,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAElD,MAAM,CAAC,MAAM,kBAAkB,GAAgC,CAAC,EAC9D,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,QAAQ,GAAG,EAAE,GACW,EAAE,EAAE;IAC5B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,eAAe,GAAG,WAAW,CAAC,KAAK,EAAE,IAAY,EAAE,EAAE;QACzD,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YAC1C,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QAC7C,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,GAAG,CAAC,CAAC;QAChD,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aACnE,eAAK,SAAS,EAAC,WAAW,aACvB,QAAQ,IAAI,cAAK,SAAS,EAAC,qBAAqB,YAAE,QAAQ,GAAO,EAClE,cAAK,SAAS,EAAC,8BAA8B,YAC3C,KAAC,gBAAgB,IACf,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,EAC5C,SAAS,EAAC,4DAA4D,EACtE,IAAI,EAAC,QAAQ,YAEb,eAAK,SAAS,EAAC,yCAAyC,aACtD,eACE,SAAS,EAAE,2DAA2D,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,EAAE,aAE9G,eAAM,SAAS,EAAC,SAAS,YAAE,YAAY,CAAC,OAAO,CAAC,GAAQ,EACxD,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,GAAI,IAClD,EACN,cACE,SAAS,EAAE,2DAA2D,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EAAE,qCAG1G,IACF,GACW,GACf,IACF,EACL,YAAY,IAAI,CACf,cAAK,SAAS,EAAC,WAAW,YACxB,aACE,IAAI,EAAE,YAAY,EAClB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,mEAAmE,aAE7E,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,GAAI,yBAE/B,GACA,CACP,EACD,cAAK,SAAS,EAAC,WAAW,YACxB,kBACE,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,OAAO,CAChB,qDAAqD,EACrD,YAAY;wBACV,CAAC,CAAC,mCAAmC;wBACrC,CAAC,CAAC,iCAAiC,CACtC,EACD,IAAI,EAAC,QAAQ,aAEb,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,GAAG,kBAE7C,GACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/connect/components/account-popover/account-popover.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"account-popover.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover.tsx"],"names":[],"mappings":"~~AACA~~,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,GAAI,uBAAuB,mBAAmB,4CAiBxE,CAAC"}
1	+ {"version":3,"file":"account-popover.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,GAAI,uBAAuB,mBAAmB,4CAiBxE,CAAC"}

package/dist/src/connect/components/account-popover/account-popover.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Popover, PopoverContent, PopoverTrigger } from "#ui";
+import { Popover, PopoverContent, PopoverTrigger, } from "@powerhousedao/design-system";
 export const AccountPopover = ({ children, content }) => {
     return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": "Open Account", className: "cursor-pointer", children: children }) }), _jsx(PopoverContent, { className: "w-52 p-0", align: "start", children: content })] }));
 };

package/dist/src/connect/components/account-popover/account-popover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"account-popover.js","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover.tsx"],"names":[],"mappings":";AAAA,OAAO,~~EAAE~~,OAAO,~~EAAE~~,cAAc,~~EAAE~~,cAAc,~~EAAE~~,MAAM,~~KAAK~~,CAAC;~~AAQ9D~~,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAuB,EAAE,EAAE;IAC3E,OAAO,CACL,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,iBACE,IAAI,EAAC,QAAQ,gBACF,cAAc,EACzB,SAAS,EAAC,gBAAgB,YAEzB,QAAQ,GACF,GACM,EACjB,KAAC,cAAc,IAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAC,OAAO,YAC/C,OAAO,GACO,IACT,CACX,CAAC;AACJ,CAAC,CAAC"}
1	+ {"version":3,"file":"account-popover.js","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,8BAA8B,CAAC;AAQtC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAuB,EAAE,EAAE;IAC3E,OAAO,CACL,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,iBACE,IAAI,EAAC,QAAQ,gBACF,cAAc,EACzB,SAAS,EAAC,gBAAgB,YAEzB,QAAQ,GACF,GACM,EACjB,KAAC,cAAc,IAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAC,OAAO,YAC/C,OAAO,GACO,IACT,CACX,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/connect/components/account-popover/account-popover.stories.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import type { StoryObj } from "@storybook/react";
+import { AccountPopover } from "./account-popover.js";
+declare const meta: {
+    title: string;
+    component: ({ children, content }: import("@powerhousedao/design-system").AccountPopoverProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof AccountPopover>;
+export declare const LoggedOut: Story;
+export declare const LoggedIn: Story;
+//# sourceMappingURL=account-popover.stories.d.ts.map

package/dist/src/connect/components/account-popover/account-popover.stories.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"account-popover.stories.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,QAAA,MAAM,IAAI;;;;;;CAM6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAIF,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAC"}

package/dist/src/connect/components/account-popover/account-popover.stories.js ADDED Viewed

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from "@powerhousedao/design-system";
+import { AccountPopoverLogin } from "./account-popover-login.js";
+import { AccountPopoverUser } from "./account-popover-user.js";
+import { AccountPopover } from "./account-popover.js";
+const meta = {
+    title: "Connect/Components/AccountPopover",
+    component: AccountPopover,
+    parameters: {
+        layout: "centered",
+    },
+};
+export default meta;
+export const LoggedOut = {
+    args: {
+        children: (_jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-gray-300 px-4 py-2", children: [_jsx(Icon, { name: "Settings", className: "text-gray-600" }), _jsx("span", { className: "text-sm font-medium", children: "Connect" })] })),
+        content: (_jsx(AccountPopoverLogin, { onLogin: () => console.log("Login clicked") })),
+    },
+};
+const address = "0x418CF32C411DC2F1BE7DE1D35FD98B1DA0719";
+export const LoggedIn = {
+    args: {
+        children: (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "h-8 w-8 rounded-full bg-gray-200" }), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "text-sm font-medium", children: "Willow.eth" }), _jsx("span", { className: "text-xs text-gray-500", children: `${address.slice(0, 6)}...${address.slice(-4)}` })] })] })),
+        content: (_jsx(AccountPopoverUser, { address: address, onDisconnect: () => console.log("Disconnect clicked"), etherscanUrl: `https://etherscan.io/address/${address}` })),
+    },
+};
+//# sourceMappingURL=account-popover.stories.js.map

package/dist/src/connect/components/account-popover/account-popover.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"account-popover.stories.js","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAEpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,mCAAmC;IAC1C,SAAS,EAAE,cAAc;IACzB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACoC,CAAC;AAExC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,QAAQ,EAAE,CACR,eAAK,SAAS,EAAC,qEAAqE,aAClF,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,SAAS,EAAC,eAAe,GAAG,EAClD,eAAM,SAAS,EAAC,qBAAqB,wBAAe,IAChD,CACP;QACD,OAAO,EAAE,CACP,KAAC,mBAAmB,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,GAAI,CACrE;KACF;CACF,CAAC;AAEF,MAAM,OAAO,GAAG,yCAAyC,CAAC;AAE1D,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,QAAQ,EAAE,CACR,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,kCAAkC,GAAG,EACpD,eAAK,SAAS,EAAC,eAAe,aAC5B,eAAM,SAAS,EAAC,qBAAqB,2BAAkB,EACvD,eAAM,SAAS,EAAC,uBAAuB,YAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,GAAQ,IAC5F,IACF,CACP;QACD,OAAO,EAAE,CACP,KAAC,kBAAkB,IACjB,OAAO,EAAE,OAAwB,EACjC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,EACrD,YAAY,EAAE,gCAAgC,OAAO,EAAE,GACvD,CACH;KACF;CACF,CAAC"}

package/dist/src/connect/components/animated-loader/animated-loader.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { type Size } from "#powerhouse";
-import { type ComponentPropsWithoutRef } from "react";
+import type { Size } from "@powerhousedao/design-system";
+import type { ComponentPropsWithoutRef } from "react";
 type Props = ComponentPropsWithoutRef<"video"> & {
     readonly size?: Size;
 };

package/dist/src/connect/components/animated-loader/animated-loader.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"animated-loader.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/animated-loader/animated-loader.tsx"],"names":[],"mappings":"AACA,OAAO,~~EAAiB,~~KAAK,IAAI,EAAE,MAAM,~~aAAa~~,CAAC;~~AACvD~~,OAAO,EAAE,~~KAAK,~~wBAAwB,~~EAAsB~~,MAAM,OAAO,CAAC;~~AAE1E~~,KAAK,KAAK,GAAG,wBAAwB,CAAC,OAAO,CAAC,GAAG;IAC/C,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC;CACtB,CAAC;AACF,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,2CA6B1C"}
1	+ {"version":3,"file":"animated-loader.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/animated-loader/animated-loader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,KAAK,EAAE,wBAAwB,EAAiB,MAAM,OAAO,CAAC;AAErE,KAAK,KAAK,GAAG,wBAAwB,CAAC,OAAO,CAAC,GAAG;IAC/C,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC;CACtB,CAAC;AACF,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,2CA6B1C"}

package/dist/src/connect/components/animated-loader/animated-loader.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import ConnectLoaderVideo from "#assets/connect-loader.mp4";
-import { getDimensions } from "#powerhouse";
+import ConnectLoaderVideo from "@powerhousedao/design-system/assets/connect-loader.mp4";
+import { getDimensions } from "@powerhousedao/design-system";
 export function AnimatedLoader(props) {
     const { style, size = 100, ...delegatedProps } = props;
     const dimensions = getDimensions(size);

package/dist/src/connect/components/animated-loader/animated-loader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"animated-loader.js","sourceRoot":"","sources":["../../../../../src/connect/components/animated-loader/animated-loader.tsx"],"names":[],"mappings":";AAAA,OAAO,kBAAkB,MAAM,~~4BAA4B~~,CAAC;~~AAC5D~~,OAAO,EAAE,aAAa,~~EAAa~~,MAAM,~~aAAa~~,CAAC;~~AAMvD~~,MAAM,UAAU,cAAc,CAAC,KAAY;IACzC,MAAM,EAAE,KAAK,EAAE,IAAI,GAAG,GAAG,EAAE,GAAG,cAAc,EAAE,GAAG,KAAK,CAAC;IAEvD,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEvC,MAAM,MAAM,GAAkB;QAC5B,SAAS,EAAE,SAAS;QACpB,aAAa,EAAE,MAAM;QACrB,GAAG,UAAU;QACb,GAAG,KAAK;KACT,CAAC;IAEF,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAEpD,OAAO,CACL,gBACE,QAAQ,QACR,MAAM,EAAE,MAAM,EACd,IAAI,QACJ,KAAK,QACL,WAAW,QACX,KAAK,EAAE,KAAK,KACR,cAAc,EAClB,KAAK,EAAE,MAAM,YAEb,iBAAQ,GAAG,EAAE,kBAAkB,EAAE,IAAI,EAAC,WAAW,GAAG,GAC9C,CACT,CAAC;AACJ,CAAC"}
1	+ {"version":3,"file":"animated-loader.js","sourceRoot":"","sources":["../../../../../src/connect/components/animated-loader/animated-loader.tsx"],"names":[],"mappings":";AAAA,OAAO,kBAAkB,MAAM,wDAAwD,CAAC;AAExF,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAM7D,MAAM,UAAU,cAAc,CAAC,KAAY;IACzC,MAAM,EAAE,KAAK,EAAE,IAAI,GAAG,GAAG,EAAE,GAAG,cAAc,EAAE,GAAG,KAAK,CAAC;IAEvD,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEvC,MAAM,MAAM,GAAkB;QAC5B,SAAS,EAAE,SAAS;QACpB,aAAa,EAAE,MAAM;QACrB,GAAG,UAAU;QACb,GAAG,KAAK;KACT,CAAC;IAEF,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAEpD,OAAO,CACL,gBACE,QAAQ,QACR,MAAM,EAAE,MAAM,EACd,IAAI,QACJ,KAAK,QACL,WAAW,QACX,KAAK,EAAE,KAAK,KACR,cAAc,EAClB,KAAK,EAAE,MAAM,YAEb,iBAAQ,GAAG,EAAE,kBAAkB,EAAE,IAAI,EAAC,WAAW,GAAG,GAC9C,CACT,CAAC;AACJ,CAAC"}

package/dist/src/connect/components/animated-loader/animated-loader.stories.d.ts ADDED Viewed

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

package/dist/src/connect/components/animated-loader/animated-loader.stories.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"animated-loader.stories.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/animated-loader/animated-loader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC"}

package/dist/src/connect/components/animated-loader/animated-loader.stories.js ADDED Viewed

@@ -0,0 +1,18 @@
+import { AnimatedLoader } from "./animated-loader.js";
+const meta = {
+    title: "Connect/Components/Animated Loader",
+    component: AnimatedLoader,
+};
+export default meta;
+export const Default = {};
+export const Small = {
+    args: {
+        size: 50,
+    },
+};
+export const Tiny = {
+    args: {
+        size: 10,
+    },
+};
+//# sourceMappingURL=animated-loader.stories.js.map

package/dist/src/connect/components/animated-loader/animated-loader.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"animated-loader.stories.js","sourceRoot":"","sources":["../../../../../src/connect/components/animated-loader/animated-loader.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,oCAAoC;IAC3C,SAAS,EAAE,cAAc;CAC1B,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,IAAI,EAAE,EAAE;KACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,IAAI,EAAE;QACJ,IAAI,EAAE,EAAE;KACT;CACF,CAAC"}

package/dist/src/connect/components/breadcrumbs/breadcrumbs.d.ts CHANGED Viewed

@@ -1,17 +1,7 @@
-export type BreadcrumbNode = {
-    id: string;
-    name: string;
-};
-export type BreadcrumbsProps<T extends boolean = boolean> = {
-    breadcrumbs: BreadcrumbNode[];
-    onBreadcrumbSelected: (node: BreadcrumbNode) => void;
-    createEnabled?: T;
-    onCreate: T extends true ? (name: string, parentFolder: string | undefined) => void : never;
-};
-export declare function Breadcrumbs(props: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Breadcrumbs(): import("react/jsx-runtime").JSX.Element;
 export type BreadcrumbProps = {
-    node: BreadcrumbNode;
-    onClick: (node: BreadcrumbNode) => void;
+    name: string;
+    onClick: () => void;
 };
 export declare function Breadcrumb(props: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/src/connect/components/breadcrumbs/breadcrumbs.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"~~AAIA~~,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,IAAI;IAC1D,WAAW,EAAE,cAAc,EAAE,CAAC;IAC9B,oBAAoB,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACrD,aAAa,CAAC,EAAE,CAAC,CAAC;IAClB,QAAQ,EAAE,CAAC,SAAS,IAAI,GACpB,CAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,GACxD,KAAK,CAAC;CACX,CAAC;AAEF,wBAAgB,WAAW,~~CAAC,KAAK,EAAE,gBAAgB,2CAmDlD~~;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,~~cAAc~~,CAAC;~~IACrB~~,OAAO,EAAE,~~CAAC~~,IAAI,~~EAAE,cAAc,KAAK,IAAI,~~CAAC;~~CACzC~~,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAYhD"}
1	+ {"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAYA,wBAAgB,WAAW,4CA0E1B;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAYhD"}

package/dist/src/connect/components/breadcrumbs/breadcrumbs.js CHANGED Viewed

@@ -1,28 +1,41 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { NodeInput } from "#connect";
-import { Icon } from "#powerhouse";
-import { Fragment, useCallback, useState } from "react";
-export function Breadcrumbs(props) {
-    const { breadcrumbs, createEnabled, onBreadcrumbSelected } = props;
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon, NodeInput } from "@powerhousedao/design-system";
+import { addFolder, setSelectedDrive, setSelectedNode, useSelectedDriveId, useSelectedDriveSafe, useSelectedNodePath, useUserPermissions, } from "@powerhousedao/reactor-browser";
+import { Fragment, useState } from "react";
+export function Breadcrumbs() {
+    const { isAllowedToCreateDocuments } = useUserPermissions();
+    const [selectedDrive] = useSelectedDriveSafe();
+    const selectedDriveId = useSelectedDriveId();
+    const selectedNodePath = useSelectedNodePath();
     const [isCreating, setIsCreating] = useState(false);
-    const onCreate = props.createEnabled ? props.onCreate : undefined;
     function onAddNew() {
         setIsCreating(true);
     }
-    const onSubmit = useCallback((name) => {
-        if (!createEnabled || !onCreate)
+    function onSubmit(name) {
+        if (!isAllowedToCreateDocuments || !selectedDriveId)
             return;
-        onCreate(name, breadcrumbs.at(-1)?.id);
-        setIsCreating(false);
-    }, [breadcrumbs, createEnabled, onCreate]);
-    const onCancel = useCallback(() => {
+        addFolder(selectedDriveId, name, selectedNodePath.at(-1)?.id)
+            .then((node) => {
+            setSelectedNode(node);
+        })
+            .catch((error) => {
+            console.error(error);
+        })
+            .finally(() => {
+            setIsCreating(false);
+        });
+    }
+    function onCancel() {
         setIsCreating(false);
-    }, []);
-    return (_jsxs("div", { className: "flex h-9 flex-row items-center gap-2 p-6 text-gray-500", children: [breadcrumbs.map((node) => (_jsxs(Fragment, { children: [_jsx(Breadcrumb, { node: node, onClick: onBreadcrumbSelected }), _jsx("span", { children: "/" })] }, node.id))), createEnabled &&
+    }
+    const hasSelectedDrive = !!selectedDrive;
+    const hasNodePath = !!selectedNodePath.length;
+    return (_jsxs("div", { className: "flex h-9 flex-row items-center gap-2 p-6 text-gray-500", children: [hasSelectedDrive && (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { name: selectedDrive.state.global.name, onClick: () => setSelectedDrive(selectedDrive) }), _jsx("span", { children: "/" })] })), hasNodePath &&
+                selectedNodePath.map((node) => (_jsxs(Fragment, { children: [_jsx(Breadcrumb, { name: node.name, onClick: () => setSelectedNode(node) }), _jsx("span", { children: "/" })] }, node.id))), isAllowedToCreateDocuments &&
                 (isCreating ? (_jsx(NodeInput, { className: "text-gray-800", defaultValue: "New Folder", onCancel: onCancel, onSubmit: onSubmit, placeholder: "New Folder" })) : (_jsxs("button", { type: "button", className: "ml-1 flex items-center justify-center gap-2 rounded-md bg-gray-50 px-2 py-1.5 transition-colors hover:bg-gray-200 hover:text-gray-800", onClick: onAddNew, children: [_jsx(Icon, { name: "Plus", size: 14 }), "Add new"] })))] }));
 }
 export function Breadcrumb(props) {
-    const { node, onClick } = props;
-    return (_jsx("div", { className: "transition-colors last-of-type:text-gray-800 hover:text-gray-800", onClick: () => onClick(node), role: "button", children: node.name }));
+    const { name, onClick } = props;
+    return (_jsx("div", { className: "transition-colors last-of-type:text-gray-800 hover:text-gray-800", onClick: onClick, role: "button", children: name }));
 }
 //# sourceMappingURL=breadcrumbs.js.map

package/dist/src/connect/components/breadcrumbs/breadcrumbs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../../../../src/connect/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,~~UAAU~~,CAAC;~~AACrC~~,OAAO,~~EAAE~~,~~IAAI~~,~~EAAE~~,MAAM,~~aAAa~~,CAAC;~~AACnC~~,OAAO,EAAE,QAAQ,EAAE,~~WAAW,EAAE,~~QAAQ,EAAE,MAAM,OAAO,CAAC;~~AAgBxD~~,MAAM,UAAU,WAAW~~,CAAC,KAAuB~~;~~IACjD~~,MAAM,EAAE,~~WAAW~~,EAAE,~~aAAa~~,~~EAAE~~,~~oBAAoB,~~EAAE,~~GAAG,KAAK,~~CAAC;~~IACnE~~,MAAM,CAAC,~~UAAU,EAAE,~~aAAa,CAAC,GAAG,~~QAAQ~~,CAAC,~~KAAK~~,~~CAAC~~,CAAC;~~IACpD~~,MAAM,~~QAAQ~~,GAAG,~~KAAK~~,CAAC,~~aAAa~~,CAAC,~~CAAC~~,~~CAAC~~,~~KAAK~~,CAAC,QAAQ,CAAC,~~CAAC~~,CAAC,~~SAAS,~~CAAC;~~IAElE~~,SAAS,QAAQ;QACf,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAED,~~MAAM~~,QAAQ,~~GAAG,WAAW,CAC1B,~~CAAC,IAAY~~,EAAE,EAAE~~;~~QACf~~,IAAI,CAAC,~~aAAa~~,IAAI,CAAC,~~QAAQ~~;YAAE,OAAO;~~QACxC~~,~~QAAQ~~,CAAC,IAAI,EAAE,~~WAAW~~,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;~~QACvC~~,~~aAAa~~,CAAC,~~KAAK~~,CAAC,CAAC;~~IACvB~~,CAAC,~~EACD~~,CAAC,~~WAAW~~,EAAE,~~aAAa,~~EAAE,~~QAAQ~~,CAAC,~~CACvC~~,CAAC~~;IAEF~~,~~MAAM~~,~~QAAQ~~,~~GAAG~~,~~WAAW~~,CAAC,GAAG,EAAE;~~QAChC~~,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,~~EAAE~~,~~EAAE~~,CAAC,CAAC;~~IAEP~~,OAAO,CACL,eAAK,SAAS,EAAC,wDAAwD,aACpE,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,~~CACzB~~,MAAC,QAAQ,eACP,KAAC,UAAU,~~IAAC~~,IAAI,EAAE,IAAI,~~EAAE~~,OAAO,EAAE,~~oBAAoB~~,~~GAAI~~,~~EACzD~~,+BAAc,~~KAFD~~,IAAI,CAAC,EAAE,~~CAGX~~,CACZ,CAAC,~~EACD~~,~~aAAa~~;~~gBACZ~~,CAAC,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,SAAS,IACR,SAAS,EAAC,eAAe,EACzB,YAAY,EAAC,YAAY,EACzB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAC,YAAY,GACxB,CACH,CAAC,CAAC,CAAC,CACF,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,uIAAuI,EACjJ,OAAO,EAAE,QAAQ,aAEjB,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,GAAI,eAEvB,CACV,CAAC,IACA,CACP,CAAC;AACJ,CAAC;AAOD,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEhC,OAAO,CACL,cACE,SAAS,EAAC,kEAAkE,EAC5E,OAAO,EAAE,~~GAAG,EAAE,CAAC,~~OAAO,~~CAAC~~,IAAI,~~CAAC,EAC5B,IAAI,~~EAAC,QAAQ,YAEZ,IAAI,~~CAAC~~,~~IAAI,GACN,~~CACP,CAAC;AACJ,CAAC"}
1	+ {"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../../../../src/connect/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"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"}

package/dist/src/connect/components/breadcrumbs/useBreadcrumbs.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
-import { type BreadcrumbNode } from "#connect";
+import type { Node } from "document-drive";
 interface UseBreadcrumbsProps {
-    selectedNodePath: BreadcrumbNode[];
-    setSelectedNode: (id: string | undefined) => void;
+    selectedNodePath: Node[];
+    setSelectedNode: (node: Node | string | undefined) => void;
 }
 export declare function useBreadcrumbs({ selectedNodePath, setSelectedNode, }: UseBreadcrumbsProps): {
-    breadcrumbs: BreadcrumbNode[];
-    onBreadcrumbSelected: (breadcrumb: BreadcrumbNode) => void;
+    breadcrumbs: Node[];
+    onBreadcrumbSelected: (breadcrumb: Node) => void;
 };
 export {};
 //# sourceMappingURL=useBreadcrumbs.d.ts.map

package/dist/src/connect/components/breadcrumbs/useBreadcrumbs.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/breadcrumbs/useBreadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,~~KAAK~~,~~cAAc,~~EAAE,MAAM,~~UAAU~~,CAAC;~~AAG/C~~,UAAU,mBAAmB;IAC3B,gBAAgB,EAAE,~~cAAc~~,EAAE,CAAC;~~IACnC~~,eAAe,EAAE,CAAC,~~EAAE~~,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;~~CACnD~~;AAED,wBAAgB,cAAc,CAAC,EAC7B,gBAAgB,EAChB,eAAe,GAChB,EAAE,mBAAmB;;uCAEL,~~cAAc~~;~~EAU9B~~"}
1	+ {"version":3,"file":"useBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/breadcrumbs/useBreadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAG3C,UAAU,mBAAmB;IAC3B,gBAAgB,EAAE,IAAI,EAAE,CAAC;IACzB,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAC5D;AAED,wBAAgB,cAAc,CAAC,EAC7B,gBAAgB,EAChB,eAAe,GAChB,EAAE,mBAAmB;;uCAEL,IAAI;EAUpB"}

package/dist/src/connect/components/breadcrumbs/useBreadcrumbs.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { useCallback } from "react";
 export function useBreadcrumbs({ selectedNodePath, setSelectedNode, }) {
     const onBreadcrumbSelected = useCallback((breadcrumb) => {
-        setSelectedNode(breadcrumb.id);
+        setSelectedNode(breadcrumb);
     }, [setSelectedNode]);
     return {
         breadcrumbs: selectedNodePath,

package/dist/src/connect/components/breadcrumbs/useBreadcrumbs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useBreadcrumbs.js","sourceRoot":"","sources":["../../../../../src/connect/components/breadcrumbs/useBreadcrumbs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAOpC,MAAM,UAAU,cAAc,CAAC,EAC7B,gBAAgB,EAChB,eAAe,GACK;IACpB,MAAM,oBAAoB,GAAG,WAAW,CACtC,CAAC,~~UAA0B~~,EAAE,EAAE;~~QAC7B~~,eAAe,CAAC,UAAU,CAAC,~~EAAE,~~CAAC~~,CAAC~~;~~IACjC~~,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,OAAO;QACL,WAAW,EAAE,gBAAgB;QAC7B,oBAAoB;KACrB,CAAC;AACJ,CAAC"}
1	+ {"version":3,"file":"useBreadcrumbs.js","sourceRoot":"","sources":["../../../../../src/connect/components/breadcrumbs/useBreadcrumbs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAOpC,MAAM,UAAU,cAAc,CAAC,EAC7B,gBAAgB,EAChB,eAAe,GACK;IACpB,MAAM,oBAAoB,GAAG,WAAW,CACtC,CAAC,UAAgB,EAAE,EAAE;QACnB,eAAe,CAAC,UAAU,CAAC,CAAC;IAC9B,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,OAAO;QACL,WAAW,EAAE,gBAAgB;QAC7B,oBAAoB;KACrB,CAAC;AACJ,CAAC"}

package/dist/src/connect/components/combobox/combobox.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+import type { ComponentPropsWithoutRef, ReactNode } from "react";
 import Select from "react-select";
 type SelectProps = ComponentPropsWithoutRef<typeof Select>;
 type Props = Omit<SelectProps, "components" | "styles" | "theme"> & {

package/dist/src/connect/components/combobox/combobox.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/combobox/combobox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,~~KAAK,~~wBAAwB,EAAE,~~KAAK,~~SAAS,EAAE,MAAM,OAAO,CAAC;~~AACtE~~,OAAO,~~MAKN~~,MAAM,cAAc,CAAC;~~AAEtB~~,KAAK,WAAW,GAAG,wBAAwB,CAAC,OAAO,MAAM,CAAC,CAAC;AAE3D,KAAK,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,QAAQ,GAAG,OAAO,CAAC,GAAG;IAClE,QAAQ,CAAC,kBAAkB,CAAC,EAAE;QAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;CACH,CAAC;AA2CF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,2CA2GpC"}
1	+ {"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/combobox/combobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjE,OAAO,MAAsB,MAAM,cAAc,CAAC;AAElD,KAAK,WAAW,GAAG,wBAAwB,CAAC,OAAO,MAAM,CAAC,CAAC;AAE3D,KAAK,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,QAAQ,GAAG,OAAO,CAAC,GAAG;IAClE,QAAQ,CAAC,kBAAkB,CAAC,EAAE;QAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;CACH,CAAC;AA2CF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,2CA2GpC"}

package/dist/src/connect/components/combobox/combobox.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from "#powerhouse";
-import Select, { components, } from "react-select";
+import { Icon } from "@powerhousedao/design-system";
+import Select, { components } from "react-select";
 function DropdownIndicator(props) {
     return (_jsx(components.DropdownIndicator, { ...props, children: _jsx(Icon, { name: "ChevronDown", size: 16 }) }));
 }

package/dist/src/connect/components/combobox/combobox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"combobox.js","sourceRoot":"","sources":["../../../../../src/connect/components/combobox/combobox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,~~aAAa~~,CAAC;~~AAEnC~~,OAAO,MAAM,EAAE,~~EAIb~~,UAAU,~~GACX~~,MAAM,cAAc,CAAC;~~AAWtB~~,SAAS,iBAAiB,CAAC,KAA6B;IACtD,OAAO,CACL,KAAC,UAAU,CAAC,iBAAiB,OAAK,KAAK,YACrC,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,EAAE,GAAI,GACR,CAChC,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,KAA0B;IAChD,OAAO,CACL,KAAC,UAAU,CAAC,cAAc,OAAK,KAAK,YAClC,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,GACL,CAC7B,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CACf,KAGC;IAED,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE1C,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,OAAO,CAAC;IAE9C,OAAO,CACL,MAAC,UAAU,CAAC,QAAQ,OAAK,IAAI,aAC1B,KAAK,CAAC,QAAQ,EACd,gBAAgB,CAAC,CAAC,CAAC,CAClB,iBACE,SAAS,EAAC,oCAAoC,EAC9C,OAAO,EAAE,OAAO,YAEf,KAAK,GACC,CACV,CAAC,CAAC,CAAC,IAAI,IACY,CACvB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAY;IACnC,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,MAAM,CAAC;IACjD,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC9C,OAAO,CACL,KAAC,MAAM,OACD,IAAI,EACR,UAAU,EAAE;YACV,iBAAiB;YACjB,cAAc;YACd,QAAQ,EAAE,CAAC,aAAa,EAAE,EAAE,CAC1B,QAAQ,CAAC,EAAE,GAAG,aAAa,EAAE,GAAG,kBAAkB,EAAE,CAAC;SACxD,EACD,MAAM,EAAE;YACN,iBAAiB,EAAE,GAAG,EAAE;gBACtB,OAAO;oBACL,KAAK,EAAE,oBAAoB;oBAC3B,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,aAAa;oBACzB,KAAK,EAAE,qBAAqB;oBAC5B,OAAO,EAAE,CAAC;oBACV,SAAS,EAAE,YAAY;iBACxB,CAAC;YACJ,CAAC;YACD,cAAc,EAAE,CAAC,UAAU,EAAE,EAAE;gBAC7B,OAAO;oBACL,GAAG,UAAU;oBACb,KAAK,EAAE,qBAAqB;iBAC7B,CAAC;YACJ,CAAC;YACD,SAAS,EAAE,CAAC,UAAU,EAAE,EAAE;gBACxB,OAAO;oBACL,GAAG,UAAU;oBACb,WAAW,EAAE,qBAAqB;oBAClC,QAAQ,EAAE,EAAE;iBACb,CAAC;YACJ,CAAC;YACD,WAAW,EAAE,CAAC,UAAU,EAAE,EAAE;gBAC1B,OAAO;oBACL,GAAG,UAAU;oBACb,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBAAqB;iBAC9D,CAAC;YACJ,CAAC;YACD,OAAO,EAAE,GAAG,EAAE;gBACZ,OAAO;oBACL,KAAK,EAAE,SAAS;oBAChB,UAAU,EAAE,QAAQ;oBACpB,MAAM,EAAE,SAAS;oBACjB,OAAO,EAAE,MAAM;oBACf,QAAQ,EAAE,MAAM;oBAChB,cAAc,EAAE,eAAe;oBAC/B,SAAS,EAAE,EAAE;oBACb,OAAO,EAAE,cAAc;oBACvB,QAAQ,EAAE,UAAU;oBACpB,UAAU,EAAE,WAAW;oBACvB,eAAe,EAAE,oBAAoB;oBACrC,WAAW,EAAE,OAAO;wBAClB,CAAC,CAAC,sBAAsB;wBACxB,CAAC,CAAC,uBAAuB;oBAC3B,WAAW,EAAE,OAAO;oBACpB,WAAW,EAAE,CAAC;oBACd,YAAY,EAAE,KAAK;oBACnB,SAAS,EAAE,YAAY;iBACxB,CAAC;YACJ,CAAC;YACD,MAAM,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE;gBAC5B,OAAO;oBACL,GAAG,UAAU;oBACb,eAAe,EAAE,KAAK,CAAC,UAAU;wBAC/B,CAAC,CAAC,uBAAuB;wBACzB,CAAC,CAAC,oBAAoB;oBACxB,KAAK,EAAE,uBAAuB;oBAC9B,QAAQ,EAAE;wBACR,eAAe,EAAE,uBAAuB;qBACzC;iBACF,CAAC;YACJ,CAAC;YACD,QAAQ,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;gBACzB,GAAG,UAAU;gBACb,OAAO,EAAE,CAAC;gBACV,YAAY,EAAE,KAAK;aACpB,CAAC;SACH,EACD,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACjB,GAAG,KAAK;YACR,MAAM,EAAE;gBACN,GAAG,KAAK,CAAC,MAAM;gBACf,OAAO,EAAE,wBAAwB;gBACjC,SAAS,EAAE,uBAAuB;gBAClC,SAAS,EAAE,wBAAwB;gBACnC,SAAS,EAAE,wBAAwB;gBACnC,MAAM,EAAE,sBAAsB;gBAC9B,WAAW,EAAE,sBAAsB;gBACnC,QAAQ,EAAE,oBAAoB;gBAC9B,QAAQ,EAAE,sBAAsB;gBAChC,SAAS,EAAE,uBAAuB;gBAClC,SAAS,EAAE,uBAAuB;gBAClC,SAAS,EAAE,uBAAuB;gBAClC,SAAS,EAAE,uBAAuB;gBAClC,SAAS,EAAE,uBAAuB;gBAClC,SAAS,EAAE,uBAAuB;gBAClC,SAAS,EAAE,uBAAuB;gBAClC,SAAS,EAAE,uBAAuB;gBAClC,SAAS,EAAE,uBAAuB;aACnC;SACF,CAAC,GACF,CACH,CAAC;AACJ,CAAC"}
1	+ {"version":3,"file":"combobox.js","sourceRoot":"","sources":["../../../../../src/connect/components/combobox/combobox.tsx"],"names":[],"mappings":"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"}

package/dist/src/connect/components/combobox/combobox.stories.d.ts ADDED Viewed

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

package/dist/src/connect/components/combobox/combobox.stories.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"combobox.stories.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/combobox/combobox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,QAAA,MAAM,IAAI;;;CAGuB,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA6CnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAW/B,CAAC"}