@powerhousedao/design-system 4.1.0-dev.56 → 4.1.0-dev.57

package/dist/src/powerhouse/components/button/button.stories.js

@@ -0,0 +1,154 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from "../index.js";
+import { PowerhouseButton } from "./index.js";
+const meta = {
+    title: "Powerhouse/Components/Button",
+    component: PowerhouseButton,
+};
+export default meta;
+const Template = {
+    args: {
+        children: "Button",
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "grid h-screen place-items-center bg-white", children: _jsx(Story, {}) })),
+    ],
+};
+export const Default = {
+    ...Template,
+};
+export const DefaultHover = {
+    ...Default,
+    parameters: {
+        pseudo: {
+            hover: true,
+        },
+    },
+};
+export const DefaultActive = {
+    ...Default,
+    parameters: {
+        pseudo: {
+            active: true,
+        },
+    },
+};
+export const DefaultDisabled = {
+    ...Default,
+    args: {
+        ...Default.args,
+        disabled: true,
+    },
+};
+export const Light = {
+    ...Template,
+    args: {
+        ...Template.args,
+        color: "light",
+    },
+};
+export const LightHover = {
+    ...Light,
+    parameters: {
+        pseudo: {
+            hover: true,
+        },
+    },
+};
+export const LightActive = {
+    ...Light,
+    parameters: {
+        pseudo: {
+            active: true,
+        },
+    },
+};
+export const LightDisabled = {
+    ...Light,
+    args: {
+        ...Light.args,
+        disabled: true,
+    },
+};
+export const Red = {
+    ...Template,
+    args: {
+        ...Template.args,
+        color: "red",
+    },
+};
+export const RedHover = {
+    ...Red,
+    parameters: {
+        pseudo: {
+            hover: true,
+        },
+    },
+};
+export const RedActive = {
+    ...Red,
+    parameters: {
+        pseudo: {
+            active: true,
+        },
+    },
+};
+export const RedDisabled = {
+    ...Red,
+    args: {
+        ...Red.args,
+        disabled: true,
+    },
+};
+export const Blue = {
+    ...Template,
+    args: {
+        ...Template.args,
+        color: "blue",
+    },
+};
+export const BlueHover = {
+    ...Blue,
+    parameters: {
+        pseudo: {
+            hover: true,
+        },
+    },
+};
+export const BlueActive = {
+    ...Blue,
+    parameters: {
+        pseudo: {
+            active: true,
+        },
+    },
+};
+export const BlueDisabled = {
+    ...Blue,
+    args: {
+        ...Blue.args,
+        disabled: true,
+    },
+};
+export const Small = {
+    ...Template,
+    args: {
+        ...Template.args,
+        size: "small",
+    },
+};
+export const WithIcon = {
+    ...Template,
+    args: {
+        ...Template.args,
+        icon: _jsx(Icon, { name: "Plus", size: 20 }),
+    },
+};
+export const SmallWithIcon = {
+    ...Small,
+    args: {
+        ...Small.args,
+        icon: _jsx(Icon, { name: "Plus", size: 16 }),
+    },
+};
+//# sourceMappingURL=button.stories.js.map

package/dist/src/powerhouse/components/button/button.stories.js.map

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

package/dist/src/powerhouse/components/dropdown-menu/dropdown-menu.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { DropdownMenu } from "./dropdown-menu.js";
+declare const meta: Meta<typeof DropdownMenu>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Uncontrolled: Story;
+export declare const Controlled: Story;
+//# sourceMappingURL=dropdown-menu.stories.d.ts.map

package/dist/src/powerhouse/components/dropdown-menu/dropdown-menu.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/powerhouse/components/dropdown-menu/dropdown-menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EACL,YAAY,EAIb,MAAM,oBAAoB,CAAC;AAE5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAGnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA+BnC,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC"}

package/dist/src/powerhouse/components/dropdown-menu/dropdown-menu.stories.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "./dropdown-menu.js";
+const meta = {
+    title: "Powerhouse/Components/DropdownMenu",
+    component: DropdownMenu,
+};
+export default meta;
+const items = [
+    {
+        id: "item-1",
+        content: "Item 1",
+    },
+    {
+        id: "item-2",
+        content: "Item 2",
+    },
+    {
+        id: "item-3",
+        content: "Item 3",
+    },
+];
+const content = (_jsx(DropdownMenuContent, { className: "w-64 cursor-pointer rounded border-2 border-blue-600 bg-white", children: items.map((item) => (_jsx(DropdownMenuItem, { className: "px-2 hover:bg-gray-200", id: item.id, children: item.content }, item.id))) }));
+export const Uncontrolled = {
+    render: function Wrapper(args) {
+        return (_jsxs(DropdownMenu, { ...args, children: [_jsx(DropdownMenuTrigger, { children: "\u2630" }), content] }));
+    },
+};
+export const Controlled = {
+    render: function Wrapper(args) {
+        const [open, setOpen] = useState(true);
+        function toggleDropdown() {
+            setOpen(!open);
+        }
+        return (_jsxs(DropdownMenu, { ...args, onOpenChange: setOpen, open: open, children: [_jsx(DropdownMenuTrigger, { onClick: toggleDropdown, children: "Toggle" }), content] }));
+    },
+};
+//# sourceMappingURL=dropdown-menu.stories.js.map

package/dist/src/powerhouse/components/dropdown-menu/dropdown-menu.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.stories.js","sourceRoot":"","sources":["../../../../../src/powerhouse/components/dropdown-menu/dropdown-menu.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,IAAI,GAA8B;IACtC,KAAK,EAAE,oCAAoC;IAC3C,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,KAAK,GAAG;IACZ;QACE,EAAE,EAAE,QAAQ;QACZ,OAAO,EAAE,QAAQ;KAClB;IACD;QACE,EAAE,EAAE,QAAQ;QACZ,OAAO,EAAE,QAAQ;KAClB;IACD;QACE,EAAE,EAAE,QAAQ;QACZ,OAAO,EAAE,QAAQ;KAClB;CACF,CAAC;AAEF,MAAM,OAAO,GAAG,CACd,KAAC,mBAAmB,IAAC,SAAS,EAAC,+DAA+D,YAC3F,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,gBAAgB,IACf,SAAS,EAAC,wBAAwB,EAClC,EAAE,EAAE,IAAI,CAAC,EAAE,YAGV,IAAI,CAAC,OAAO,IAFR,IAAI,CAAC,EAAE,CAGK,CACpB,CAAC,GACkB,CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,MAAM,EAAE,SAAS,OAAO,CAAC,IAAI;QAC3B,OAAO,CACL,MAAC,YAAY,OAAK,IAAI,aACpB,KAAC,mBAAmB,yBAAwB,EAC3C,OAAO,IACK,CAChB,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,MAAM,EAAE,SAAS,OAAO,CAAC,IAAI;QAC3B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;QACvC,SAAS,cAAc;YACrB,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC;QAED,OAAO,CACL,MAAC,YAAY,OAAK,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,aACvD,KAAC,mBAAmB,IAAC,OAAO,EAAE,cAAc,uBAEtB,EACrB,OAAO,IACK,CAChB,CAAC;IACJ,CAAC;CACF,CAAC"}

package/dist/src/powerhouse/components/icon/icon.d.ts

@@ -1,6 +1,5 @@
-import type { Color, Size } from "#powerhouse";
+import type { Color, IconName, Size } from "@powerhousedao/design-system";
 import type { ComponentPropsWithoutRef } from "react";
-import type { IconName } from "../icon-components/index.js";
 export type IconProps = ComponentPropsWithoutRef<"svg"> & {
     readonly name: IconName;
     readonly size?: Size;

package/dist/src/powerhouse/components/icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../../src/powerhouse/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAG5D,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACxD,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC;IACrB,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AACF,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAoB1E"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../../src/powerhouse/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAE1E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtD,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACxD,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC;IACrB,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AACF,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAoB1E"}

package/dist/src/powerhouse/components/icon/icon.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getDimensions } from "#powerhouse";
+import { getDimensions, iconComponents } from "@powerhousedao/design-system";
 import { Suspense } from "react";
-import { iconComponents } from "../icon-components/index.js";
 export function Icon({ name, size = 24, color, style, ...props }) {
     const dimensions = getDimensions(size);
     const _style = {

package/dist/src/powerhouse/components/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../../src/powerhouse/components/icon/icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAO7D,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAa;IACzE,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,MAAM,GAAG;QACb,KAAK;QACL,GAAG,UAAU;QACb,KAAK;KACN,CAAC;IAEF,MAAM,aAAa,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IAE3C,OAAO;IACL,6CAA6C;IAC7C,iCAAiC;IACjC,KAAC,QAAQ,IACP,QAAQ,EAAE,6BAAiB,eAAe,EAAC,KAAK,EAAE,UAAU,GAAI,EAChE,IAAI,EAAC,gBAAgB,YAErB,KAAC,aAAa,OAAK,KAAK,EAAE,KAAK,EAAE,MAAM,GAAI,GAClC,CACZ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../../src/powerhouse/components/icon/icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAOjC,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAa;IACzE,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,MAAM,GAAG;QACb,KAAK;QACL,GAAG,UAAU;QACb,KAAK;KACN,CAAC;IAEF,MAAM,aAAa,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IAE3C,OAAO;IACL,6CAA6C;IAC7C,iCAAiC;IACjC,KAAC,QAAQ,IACP,QAAQ,EAAE,6BAAiB,eAAe,EAAC,KAAK,EAAE,UAAU,GAAI,EAChE,IAAI,EAAC,gBAAgB,YAErB,KAAC,aAAa,OAAK,KAAK,EAAE,KAAK,EAAE,MAAM,GAAI,GAClC,CACZ,CAAC;AACJ,CAAC"}

package/dist/src/powerhouse/components/icon/icon.stories.d.ts

@@ -0,0 +1,16 @@
+import type { StoryObj } from "@storybook/react";
+import { Icon } from "./icon.js";
+declare const meta: {
+    title: string;
+    component: typeof Icon;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const AllIcons: Story;
+export declare const CustomColor: Story;
+export declare const CustomSize: Story;
+export declare const SingleIcon: Story;
+//# sourceMappingURL=icon.stories.d.ts.map

package/dist/src/powerhouse/components/icon/icon.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.stories.d.ts","sourceRoot":"","sources":["../../../../../src/powerhouse/components/icon/icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,QAAA,MAAM,IAAI;;;;;;CAMmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC"}

package/dist/src/powerhouse/components/icon/icon.stories.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { iconNames } from "../icon-components/index.js";
+import { Icon } from "./icon.js";
+const meta = {
+    title: "Powerhouse/Components/Icon",
+    component: Icon,
+    parameters: {
+        layout: "centered",
+    },
+};
+export default meta;
+export const AllIcons = {
+    args: {
+        name: "Circle",
+    },
+    render: () => {
+        return (_jsxs("div", { className: "bg-white p-8", children: [_jsx("h2", { className: "mb-6 text-xl font-semibold", children: "All Available Icons" }), _jsx("div", { className: "flex flex-wrap", children: iconNames.map((name) => (_jsxs("div", { className: "flex flex-col items-center gap-2 rounded-lg border border-gray-200 p-4", children: [_jsx("div", { className: "flex size-10 items-center justify-center", children: _jsx(Icon, { name: name, className: "text-gray-700" }) }), _jsx("span", { className: "text-xs text-gray-600", children: name })] }, name))) })] }));
+    },
+};
+export const CustomColor = {
+    args: {
+        name: "Circle",
+        color: "blue",
+    },
+};
+export const CustomSize = {
+    args: {
+        name: "Circle",
+        size: 48,
+    },
+};
+export const SingleIcon = {
+    args: {
+        name: "Circle",
+    },
+};
+//# sourceMappingURL=icon.stories.js.map

package/dist/src/powerhouse/components/icon/icon.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.stories.js","sourceRoot":"","sources":["../../../../../src/powerhouse/components/icon/icon.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CAC0B,CAAC;AAE9B,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;KACf;IACD,MAAM,EAAE,GAAG,EAAE;QACX,OAAO,CACL,eAAK,SAAS,EAAC,cAAc,aAC3B,aAAI,SAAS,EAAC,4BAA4B,oCAAyB,EACnE,cAAK,SAAS,EAAC,gBAAgB,YAC5B,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACvB,eAEE,SAAS,EAAC,wEAAwE,aAElF,cAAK,SAAS,EAAC,0CAA0C,YACvD,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,eAAe,GAAG,GAC1C,EACN,eAAM,SAAS,EAAC,uBAAuB,YAAE,IAAI,GAAQ,KANhD,IAAI,CAOL,CACP,CAAC,GACE,IACF,CACP,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,MAAM;KACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,EAAE;KACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;KACf;CACF,CAAC"}

package/dist/src/powerhouse/components/icon/index.d.ts

@@ -1,4 +1,2 @@
 export * from "./icon.js";
-export { type IconName } from "../icon-components/index.js";
-export { iconNames } from "../icon-components/index.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/powerhouse/components/icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/powerhouse/components/icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/powerhouse/components/icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/src/powerhouse/components/icon/index.js

@@ -1,3 +1,2 @@
 export * from "./icon.js";
-export { iconNames } from "../icon-components/index.js";
 //# sourceMappingURL=index.js.map

package/dist/src/powerhouse/components/icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/powerhouse/components/icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/powerhouse/components/icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/src/powerhouse/components/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./button/index.js";
 export * from "./dropdown-menu/index.js";
+export * from "./icon-components/index.js";
 export * from "./icon/index.js";
 export * as legacy from "./legacy/index.js";
 export * from "./modal/index.js";

package/dist/src/powerhouse/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/powerhouse/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAC;AAC5C,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/powerhouse/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAC;AAC5C,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC"}

package/dist/src/powerhouse/components/index.js

@@ -1,5 +1,6 @@
 export * from "./button/index.js";
 export * from "./dropdown-menu/index.js";
+export * from "./icon-components/index.js";
 export * from "./icon/index.js";
 export * as legacy from "./legacy/index.js";
 export * from "./modal/index.js";

package/dist/src/powerhouse/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/powerhouse/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAC;AAC5C,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/powerhouse/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAC;AAC5C,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC"}

package/dist/src/powerhouse/components/modal/modal.stories.d.ts

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

package/dist/src/powerhouse/components/modal/modal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.stories.d.ts","sourceRoot":"","sources":["../../../../../src/powerhouse/components/modal/modal.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,IAAI;;;;;;CAMoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAyGrB,CAAC"}

package/dist/src/powerhouse/components/modal/modal.stories.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useArgs } from "@storybook/preview-api";
+import { Modal } from "./index.js";
+const meta = {
+    title: "Powerhouse/Components/Modal",
+    component: Modal,
+    parameters: {
+        layout: "fullscreen",
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        open: true,
+    },
+    render: function Wrapper(args) {
+        const [, setArgs] = useArgs();
+        return (_jsxs("div", { className: "bg-white", children: [_jsx(Modal, { ...args, onOpenChange: (open) => {
+                        setArgs({ ...args, open });
+                    }, open: args.open, children: _jsx("div", { children: "lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptas lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptas lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptasloremquae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptasloremquae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptasloremquae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptasloremquae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptasloremquae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptasloremquae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptasloremquae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptasloremquae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptasloremquae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptasloremquae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptasloremquae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptasloremquae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptasloremquae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptasloremquae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptasloremquae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptaslorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptatum, quae voluptatem voluptaslorem" }) }), _jsx("button", { onClick: () => {
+                        setArgs({ ...args, open: true });
+                    }, children: "Open modal" })] }));
+    },
+};
+//# sourceMappingURL=modal.stories.js.map

package/dist/src/powerhouse/components/modal/modal.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.stories.js","sourceRoot":"","sources":["../../../../../src/powerhouse/components/modal/modal.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CAC2B,CAAC;AAE/B,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;KACX;IACD,MAAM,EAAE,SAAS,OAAO,CAAC,IAAI;QAC3B,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,OAAO,EAAe,CAAC;QAE3C,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACvB,KAAC,KAAK,OACA,IAAI,EACR,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;wBACrB,OAAO,CAAC,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;oBAC7B,CAAC,EACD,IAAI,EAAE,IAAI,CAAC,IAAI,YAEf,2kJA6EM,GACA,EACR,iBACE,OAAO,EAAE,GAAG,EAAE;wBACZ,OAAO,CAAC,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;oBACnC,CAAC,2BAGM,IACL,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}

package/dist/src/powerhouse/components/modal/modal.test.d.ts

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

package/dist/src/powerhouse/components/modal/modal.test.d.ts.map

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

package/dist/src/powerhouse/components/modal/modal.test.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fireEvent, render, screen } from "@testing-library/react";
+import { vi, it } from "vitest";
+import { Modal } from "./index.js";
+describe("Modal Component", () => {
+    it("should match snapshot", () => {
+        render(_jsx(Modal, { "data-testid": "modal", open: true, children: _jsx("div", { children: "Modal Content" }) }));
+        const modalComponent = screen.getByTestId("modal");
+        expect(modalComponent).toMatchSnapshot();
+    });
+    it("should display modal content when open", () => {
+        render(_jsx(Modal, { open: true, children: _jsx("div", { children: "Modal Content" }) }));
+        expect(screen.getByText("Modal Content")).toBeInTheDocument();
+    });
+    it("should call onClose callback when press esc", () => {
+        const onClose = vi.fn();
+        render(_jsx(Modal, { onOpenChange: onClose, open: true, children: _jsx("div", { children: "Modal Content" }) }));
+        fireEvent.keyDown(screen.getByText("Modal Content"), {
+            key: "Escape",
+            code: "Escape",
+        });
+        expect(onClose).toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=modal.test.js.map

package/dist/src/powerhouse/components/modal/modal.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.test.js","sourceRoot":"","sources":["../../../../../src/powerhouse/components/modal/modal.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,CACJ,KAAC,KAAK,mBAAa,OAAO,EAAC,IAAI,kBAC7B,0CAAwB,GAClB,CACT,CAAC;QAEF,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAEnD,MAAM,CAAC,cAAc,CAAC,CAAC,eAAe,EAAE,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,CACJ,KAAC,KAAK,IAAC,IAAI,kBACT,0CAAwB,GAClB,CACT,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACrD,MAAM,OAAO,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QACxB,MAAM,CACJ,KAAC,KAAK,IAAC,YAAY,EAAE,OAAO,EAAE,IAAI,kBAChC,0CAAwB,GAClB,CACT,CAAC;QAEF,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,EAAE;YACnD,GAAG,EAAE,QAAQ;YACb,IAAI,EAAE,QAAQ;SACf,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/src/powerhouse/components/pagination/pagination-button.d.ts

@@ -1,5 +1,5 @@
-import type { ButtonProps } from "#powerhouse";
-export interface PaginationButtonProps extends ButtonProps {
+import type { PowerhouseButtonProps } from "@powerhousedao/design-system";
+export interface PaginationButtonProps extends PowerhouseButtonProps {
     readonly active?: boolean;
 }
 export declare const PaginationButton: React.FC<PaginationButtonProps>;

package/dist/src/powerhouse/components/pagination/pagination-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination-button.d.ts","sourceRoot":"","sources":["../../../../../src/powerhouse/components/pagination/pagination-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAK/C,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAkB5D,CAAC"}
+{"version":3,"file":"pagination-button.d.ts","sourceRoot":"","sources":["../../../../../src/powerhouse/components/pagination/pagination-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAQ1E,MAAM,WAAW,qBAAsB,SAAQ,qBAAqB;IAClE,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAkB5D,CAAC"}

package/dist/src/powerhouse/components/pagination/pagination-button.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Button, mergeClassNameProps } from "#powerhouse";
+import { PowerhouseButton, mergeClassNameProps, } from "@powerhousedao/design-system";
 import { twMerge } from "tailwind-merge";
 export const PaginationButton = ({ active = false, ...props }) => {
     const className = twMerge("h-8 min-w-8 border border-solid border-gray-300 bg-white px-3 py-1 text-xs text-gray-900 hover:bg-gray-100", !active && "border-0");
-    return (_jsx(Button, { color: "light", size: "small", ...mergeClassNameProps(props, className), children: props.children }));
+    return (_jsx(PowerhouseButton, { color: "light", size: "small", ...mergeClassNameProps(props, className), children: props.children }));
 };
 //# sourceMappingURL=pagination-button.js.map

package/dist/src/powerhouse/components/pagination/pagination-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination-button.js","sourceRoot":"","sources":["../../../../../src/powerhouse/components/pagination/pagination-button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAE1D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAMzC,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,MAAM,GAAG,KAAK,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,OAAO,CACvB,4GAA4G,EAC5G,CAAC,MAAM,IAAI,UAAU,CACtB,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,KACR,mBAAmB,CAAC,KAAK,EAAE,SAAS,CAAC,YAExC,KAAK,CAAC,QAAQ,GACR,CACV,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"pagination-button.js","sourceRoot":"","sources":["../../../../../src/powerhouse/components/pagination/pagination-button.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAMzC,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,MAAM,GAAG,KAAK,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,OAAO,CACvB,4GAA4G,EAC5G,CAAC,MAAM,IAAI,UAAU,CACtB,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,IACf,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,KACR,mBAAmB,CAAC,KAAK,EAAE,SAAS,CAAC,YAExC,KAAK,CAAC,QAAQ,GACE,CACpB,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/powerhouse/components/pagination/pagination.d.ts

@@ -1,4 +1,4 @@
-import type { PageItem, UsePaginationBaseResult } from "#powerhouse";
+import type { PageItem, UsePaginationBaseResult } from "@powerhousedao/design-system";
 export type PaginationEvent = {
     event: "first" | "previous" | "next" | "last";
 };

package/dist/src/powerhouse/components/pagination/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../../src/powerhouse/components/pagination/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAIrE,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;CAC/C,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,uBAAuB,EAAE,WAAW,GAAG,aAAa,CAAC;IAClE,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACrC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmEhD,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../../src/powerhouse/components/pagination/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,QAAQ,EACR,uBAAuB,EACxB,MAAM,8BAA8B,CAAC;AAItC,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;CAC/C,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,uBAAuB,EAAE,WAAW,GAAG,aAAa,CAAC;IAClE,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACrC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmEhD,CAAC"}

package/dist/src/powerhouse/components/pagination/pagination.js

@@ -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 { PaginationButton } from "./pagination-button.js";
 export const Pagination = (props) => {
     const { pages = [], goToFirstPage, goToLastPage, goToNextPage, goToPreviousPage, goToPage, isNextPageAvailable, isPreviousPageAvailable, hiddenNextPages, firstPageLabel = "First", lastPageLabel = "Last", nextPageLabel = "Next", previousPageLabel = "Previous", } = props;

package/dist/src/powerhouse/components/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../../../src/powerhouse/components/pagination/pagination.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAoB1D,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,KAAK,EAAE,EAAE;IAC7D,MAAM,EACJ,KAAK,GAAG,EAAE,EACV,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,mBAAmB,EACnB,uBAAuB,EACvB,eAAe,EACf,cAAc,GAAG,OAAO,EACxB,aAAa,GAAG,MAAM,EACtB,aAAa,GAAG,MAAM,EACtB,iBAAiB,GAAG,UAAU,GAC/B,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,eAAK,SAAS,EAAC,cAAc,aAC1B,cAAc,CAAC,CAAC,CAAC,CAChB,KAAC,gBAAgB,IACf,QAAQ,EAAE,CAAC,uBAAuB,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,YAE7B,cAAc,GACE,CACpB,CAAC,CAAC,CAAC,IAAI,EACP,iBAAiB,CAAC,CAAC,CAAC,CACnB,MAAC,gBAAgB,IACf,QAAQ,EAAE,CAAC,uBAAuB,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,aAEjC,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,EAAE,GAAI,EAC1D,iBAAiB,IACD,CACpB,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,gBAAgB,IACf,MAAM,EAAE,IAAI,CAAC,MAAM,EAEnB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,YAElC,IAAI,CAAC,MAAM,IAHP,IAAI,CAAC,KAAK,CAIE,CACpB,CAAC,EACD,eAAe,CAAC,CAAC,CAAC,CACjB,eAAM,SAAS,EAAC,uCAAuC,oBAAW,CACnE,CAAC,CAAC,CAAC,IAAI,EACP,aAAa,CAAC,CAAC,CAAC,CACf,MAAC,gBAAgB,IACf,QAAQ,EAAE,CAAC,mBAAmB,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,aAE5B,aAAa,EACd,KAAC,IAAI,IAAC,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,EAAE,GAAI,IAC3C,CACpB,CAAC,CAAC,CAAC,IAAI,EACP,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,gBAAgB,IACf,QAAQ,EAAE,CAAC,mBAAmB,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,YAE5B,aAAa,GACG,CACpB,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../../../src/powerhouse/components/pagination/pagination.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAoB1D,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,KAAK,EAAE,EAAE;IAC7D,MAAM,EACJ,KAAK,GAAG,EAAE,EACV,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,mBAAmB,EACnB,uBAAuB,EACvB,eAAe,EACf,cAAc,GAAG,OAAO,EACxB,aAAa,GAAG,MAAM,EACtB,aAAa,GAAG,MAAM,EACtB,iBAAiB,GAAG,UAAU,GAC/B,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,eAAK,SAAS,EAAC,cAAc,aAC1B,cAAc,CAAC,CAAC,CAAC,CAChB,KAAC,gBAAgB,IACf,QAAQ,EAAE,CAAC,uBAAuB,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,YAE7B,cAAc,GACE,CACpB,CAAC,CAAC,CAAC,IAAI,EACP,iBAAiB,CAAC,CAAC,CAAC,CACnB,MAAC,gBAAgB,IACf,QAAQ,EAAE,CAAC,uBAAuB,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,aAEjC,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,EAAE,GAAI,EAC1D,iBAAiB,IACD,CACpB,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,gBAAgB,IACf,MAAM,EAAE,IAAI,CAAC,MAAM,EAEnB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,YAElC,IAAI,CAAC,MAAM,IAHP,IAAI,CAAC,KAAK,CAIE,CACpB,CAAC,EACD,eAAe,CAAC,CAAC,CAAC,CACjB,eAAM,SAAS,EAAC,uCAAuC,oBAAW,CACnE,CAAC,CAAC,CAAC,IAAI,EACP,aAAa,CAAC,CAAC,CAAC,CACf,MAAC,gBAAgB,IACf,QAAQ,EAAE,CAAC,mBAAmB,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,aAE5B,aAAa,EACd,KAAC,IAAI,IAAC,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,EAAE,GAAI,IAC3C,CACpB,CAAC,CAAC,CAAC,IAAI,EACP,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,gBAAgB,IACf,QAAQ,EAAE,CAAC,mBAAmB,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,YAE5B,aAAa,GACG,CACpB,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/powerhouse/components/pagination/pagination.stories.d.ts

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

package/dist/src/powerhouse/components/pagination/pagination.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.stories.d.ts","sourceRoot":"","sources":["../../../../../src/powerhouse/components/pagination/pagination.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAkBjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAqCrB,CAAC"}

package/dist/src/powerhouse/components/pagination/pagination.stories.js

@@ -0,0 +1,60 @@
+import { Pagination } from "./pagination.js";
+const meta = {
+    title: "Powerhouse/Components/Pagination",
+    component: Pagination,
+    argTypes: {
+        pages: { control: "object" },
+        goToFirstPage: { action: "goToFirstPage" },
+        goToLastPage: { action: "goToLastPage" },
+        goToNextPage: { action: "goToNextPage" },
+        goToPage: { action: "goToPage" },
+        goToPreviousPage: { action: "goToPreviousPage" },
+        hiddenNextPages: { control: "boolean" },
+        isNextPageAvailable: { control: "boolean" },
+        isPreviousPageAvailable: { control: "boolean" },
+        previousPageLabel: { control: "text" },
+        nextPageLabel: { control: "text" },
+        firstPageLabel: { control: "text" },
+        lastPageLabel: { control: "text" },
+    },
+};
+export default meta;
+export const Primary = {
+    args: {
+        previousPageLabel: "Previous",
+        nextPageLabel: "Next",
+        firstPageLabel: "First",
+        lastPageLabel: "Last",
+        hiddenNextPages: true,
+        isNextPageAvailable: true,
+        isPreviousPageAvailable: true,
+        pages: [
+            {
+                active: false,
+                index: 0,
+                number: 1,
+            },
+            {
+                active: false,
+                index: 1,
+                number: 2,
+            },
+            {
+                active: true,
+                index: 2,
+                number: 3,
+            },
+            {
+                active: false,
+                index: 3,
+                number: 4,
+            },
+            {
+                active: false,
+                index: 4,
+                number: 5,
+            },
+        ],
+    },
+};
+//# sourceMappingURL=pagination.stories.js.map

package/dist/src/powerhouse/components/pagination/pagination.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.stories.js","sourceRoot":"","sources":["../../../../../src/powerhouse/components/pagination/pagination.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,kCAAkC;IACzC,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC5B,aAAa,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE;QAC1C,YAAY,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE;QACxC,YAAY,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE;QACxC,QAAQ,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;QAChC,gBAAgB,EAAE,EAAE,MAAM,EAAE,kBAAkB,EAAE;QAChD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QACvC,mBAAmB,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,uBAAuB,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/C,iBAAiB,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACtC,aAAa,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAClC,cAAc,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACnC,aAAa,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KACnC;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,iBAAiB,EAAE,UAAU;QAC7B,aAAa,EAAE,MAAM;QACrB,cAAc,EAAE,OAAO;QACvB,aAAa,EAAE,MAAM;QACrB,eAAe,EAAE,IAAI;QACrB,mBAAmB,EAAE,IAAI;QACzB,uBAAuB,EAAE,IAAI;QAC7B,KAAK,EAAE;YACL;gBACE,MAAM,EAAE,KAAK;gBACb,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;aACV;YACD;gBACE,MAAM,EAAE,KAAK;gBACb,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;aACV;YACD;gBACE,MAAM,EAAE,IAAI;gBACZ,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;aACV;YACD;gBACE,MAAM,EAAE,KAAK;gBACb,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;aACV;YACD;gBACE,MAAM,EAAE,KAAK;gBACb,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;aACV;SACF;KACF;CACF,CAAC"}

package/dist/src/powerhouse/components/sidebar/sidebar.test.d.ts

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

package/dist/src/powerhouse/components/sidebar/sidebar.test.d.ts.map

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