@powerhousedao/design-system 5.0.0-staging.8 → 5.0.1-staging.2

package/dist/src/connect/components/cookie-banner/cookie-banner.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, mergeClassNameProps } from "#powerhouse";
+import { PowerhouseButton, mergeClassNameProps, } from "@powerhousedao/design-system";
 import { useState } from "react";
 export const CookieBanner = (props) => {
     const { children, cookies, submitLabel, rejectLabel, onSubmit = () => { }, onReject = () => { }, ...divProps } = props;
@@ -9,6 +9,6 @@ export const CookieBanner = (props) => {
         setCookiesValue((prevState) => prevState.map((cookie) => cookie.id === id ? { ...cookie, value: checked } : cookie));
     };
     const buttonStyles = "min-w-64 h-8 text-base";
-    return (_jsxs("div", { ...mergeClassNameProps(divProps, "flex flex-col items-center"), children: [_jsx("div", { className: "text-center", children: children }), _jsx("div", { className: "my-8 flex gap-x-16 text-sm font-medium", children: cookiesValue.map((cookie, i) => (_jsxs("div", { className: "cursor-pointer", children: [_jsx("input", { checked: cookie.value, className: "mr-1 size-3 cursor-pointer rounded-sm border-2 border-gray-900 accent-gray-900 focus:outline-none", id: cookie.id, onChange: handleOnChange, type: "checkbox" }), _jsx("label", { className: "cursor-pointer select-none", htmlFor: cookie.id, children: cookie.label })] }, i))) }), _jsxs("div", { className: "flex gap-x-8", children: [_jsx(Button, { className: buttonStyles, color: "light", onClick: () => onReject(), size: "small", children: rejectLabel }, "button-reject"), _jsx(Button, { className: buttonStyles, onClick: () => onSubmit(cookiesValue), size: "small", children: submitLabel }, "button-submit")] })] }));
+    return (_jsxs("div", { ...mergeClassNameProps(divProps, "flex flex-col items-center"), children: [_jsx("div", { className: "text-center", children: children }), _jsx("div", { className: "my-8 flex gap-x-16 text-sm font-medium", children: cookiesValue.map((cookie, i) => (_jsxs("div", { className: "cursor-pointer", children: [_jsx("input", { checked: cookie.value, className: "mr-1 size-3 cursor-pointer rounded-sm border-2 border-gray-900 accent-gray-900 focus:outline-none", id: cookie.id, onChange: handleOnChange, type: "checkbox" }), _jsx("label", { className: "cursor-pointer select-none", htmlFor: cookie.id, children: cookie.label })] }, i))) }), _jsxs("div", { className: "flex gap-x-8", children: [_jsx(PowerhouseButton, { className: buttonStyles, color: "light", onClick: () => onReject(), size: "small", children: rejectLabel }, "button-reject"), _jsx(PowerhouseButton, { className: buttonStyles, onClick: () => onSubmit(cookiesValue), size: "small", children: submitLabel }, "button-submit")] })] }));
 };
 //# sourceMappingURL=cookie-banner.js.map

package/dist/src/connect/components/cookie-banner/cookie-banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"cookie-banner.js","sourceRoot":"","sources":["../../../../../src/connect/components/cookie-banner/cookie-banner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAiBjC,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,KAAK,EAAE,EAAE;IACjE,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,WAAW,EACX,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,GAAG,QAAQ,EACZ,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE1D,MAAM,cAAc,GAAG,CAAC,KAA0C,EAAE,EAAE;QACpE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;QAErC,eAAe,CAAC,CAAC,SAAS,EAAE,EAAE,CAC5B,SAAS,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CACvB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,MAAM,CAC1D,CACF,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,wBAAwB,CAAC;IAE9C,OAAO,CACL,kBAAS,mBAAmB,CAAC,QAAQ,EAAE,4BAA4B,CAAC,aAClE,cAAK,SAAS,EAAC,aAAa,YAAE,QAAQ,GAAO,EAC7C,cAAK,SAAS,EAAC,wCAAwC,YACpD,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/B,eAAK,SAAS,EAAC,gBAAgB,aAC7B,gBACE,OAAO,EAAE,MAAM,CAAC,KAAK,EACrB,SAAS,EAAC,mGAAmG,EAC7G,EAAE,EAAE,MAAM,CAAC,EAAE,EACb,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,UAAU,GACf,EACF,gBAAO,SAAS,EAAC,4BAA4B,EAAC,OAAO,EAAE,MAAM,CAAC,EAAE,YAC7D,MAAM,CAAC,KAAK,GACP,KAV2B,CAAC,CAWhC,CACP,CAAC,GACE,EACN,eAAK,SAAS,EAAC,cAAc,aAC3B,KAAC,MAAM,IACL,SAAS,EAAE,YAAY,EACvB,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,EACzB,IAAI,EAAC,OAAO,YAGX,WAAW,IAFP,eAAe,CAGb,EACT,KAAC,MAAM,IACL,SAAS,EAAE,YAAY,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,EACrC,IAAI,EAAC,OAAO,YAGX,WAAW,IAFP,eAAe,CAGb,IACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"cookie-banner.js","sourceRoot":"","sources":["../../../../../src/connect/components/cookie-banner/cookie-banner.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAiBjC,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,KAAK,EAAE,EAAE;IACjE,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,WAAW,EACX,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,GAAG,QAAQ,EACZ,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE1D,MAAM,cAAc,GAAG,CAAC,KAA0C,EAAE,EAAE;QACpE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;QAErC,eAAe,CAAC,CAAC,SAAS,EAAE,EAAE,CAC5B,SAAS,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CACvB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,MAAM,CAC1D,CACF,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,wBAAwB,CAAC;IAE9C,OAAO,CACL,kBAAS,mBAAmB,CAAC,QAAQ,EAAE,4BAA4B,CAAC,aAClE,cAAK,SAAS,EAAC,aAAa,YAAE,QAAQ,GAAO,EAC7C,cAAK,SAAS,EAAC,wCAAwC,YACpD,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/B,eAAK,SAAS,EAAC,gBAAgB,aAC7B,gBACE,OAAO,EAAE,MAAM,CAAC,KAAK,EACrB,SAAS,EAAC,mGAAmG,EAC7G,EAAE,EAAE,MAAM,CAAC,EAAE,EACb,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,UAAU,GACf,EACF,gBAAO,SAAS,EAAC,4BAA4B,EAAC,OAAO,EAAE,MAAM,CAAC,EAAE,YAC7D,MAAM,CAAC,KAAK,GACP,KAV2B,CAAC,CAWhC,CACP,CAAC,GACE,EACN,eAAK,SAAS,EAAC,cAAc,aAC3B,KAAC,gBAAgB,IACf,SAAS,EAAE,YAAY,EACvB,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,EACzB,IAAI,EAAC,OAAO,YAGX,WAAW,IAFP,eAAe,CAGH,EACnB,KAAC,gBAAgB,IACf,SAAS,EAAE,YAAY,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,EACrC,IAAI,EAAC,OAAO,YAGX,WAAW,IAFP,eAAe,CAGH,IACf,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/connect/components/cookie-banner/cookie-banner.stories.d.ts

@@ -0,0 +1,32 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./cookie-banner.js").CookieBannerProps>;
+    argTypes: {
+        submitLabel: {
+            control: {
+                type: "text";
+            };
+        };
+        rejectLabel: {
+            control: {
+                type: "text";
+            };
+        };
+        onSubmit: {
+            action: string;
+        };
+        onReject: {
+            action: string;
+        };
+        cookies: {
+            control: {
+                type: "object";
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=cookie-banner.stories.d.ts.map

package/dist/src/connect/components/cookie-banner/cookie-banner.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookie-banner.stories.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/cookie-banner/cookie-banner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CAU2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAC"}

package/dist/src/connect/components/cookie-banner/cookie-banner.stories.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CookieBanner } from "./cookie-banner.js";
+const meta = {
+    title: "Connect/Components/CookieBanner",
+    component: CookieBanner,
+    argTypes: {
+        submitLabel: { control: { type: "text" } },
+        rejectLabel: { control: { type: "text" } },
+        onSubmit: { action: "submit" },
+        onReject: { action: "reject" },
+        cookies: { control: { type: "object" } },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        submitLabel: "Accept configured cookies",
+        rejectLabel: "Reject all cookies",
+        children: (_jsxs("div", { className: "font-semibold text-gray-500", children: ["This website uses cookies for analytic purposes only. Cookies are anonymous and do not link to user data. We collect information to improve the user experience and validate UI changes. You can still use the page without cookies. For more information, please read our", " ", _jsx("span", { className: "text-gray-900", children: "cookies policy." })] })),
+        cookies: [
+            {
+                id: "functional-cookies",
+                label: "Functional cookies",
+                value: false,
+            },
+            {
+                id: "analytics-cookie",
+                label: "Analytics cookies",
+                value: true,
+            },
+        ],
+    },
+};
+//# sourceMappingURL=cookie-banner.stories.js.map

package/dist/src/connect/components/cookie-banner/cookie-banner.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookie-banner.stories.js","sourceRoot":"","sources":["../../../../../src/connect/components/cookie-banner/cookie-banner.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QAC1C,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QAC1C,QAAQ,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;QAC9B,QAAQ,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;QAC9B,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;KACzC;CACkC,CAAC;AAEtC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,WAAW,EAAE,2BAA2B;QACxC,WAAW,EAAE,oBAAoB;QACjC,QAAQ,EAAE,CACR,eAAK,SAAS,EAAC,6BAA6B,2RAIsB,GAAG,EACnE,eAAM,SAAS,EAAC,eAAe,gCAAuB,IAClD,CACP;QACD,OAAO,EAAE;YACP;gBACE,EAAE,EAAE,oBAAoB;gBACxB,KAAK,EAAE,oBAAoB;gBAC3B,KAAK,EAAE,KAAK;aACb;YACD;gBACE,EAAE,EAAE,kBAAkB;gBACtB,KAAK,EAAE,mBAAmB;gBAC1B,KAAK,EAAE,IAAI;aACZ;SACF;KACF;CACF,CAAC"}

package/dist/src/connect/components/default-editor-loader/default-editor-loader.d.ts

@@ -1,4 +1,4 @@
-import { type DivProps } from "#powerhouse";
+import type { DivProps } from "@powerhousedao/design-system";
 type DefaultEditorLoaderProps = DivProps & {
     readonly message?: string;
 };

package/dist/src/connect/components/default-editor-loader/default-editor-loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-editor-loader.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/default-editor-loader/default-editor-loader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,KAAK,wBAAwB,GAAG,QAAQ,GAAG;IACzC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAUlE"}
+{"version":3,"file":"default-editor-loader.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/default-editor-loader/default-editor-loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAG7D,KAAK,wBAAwB,GAAG,QAAQ,GAAG;IACzC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAUlE"}

package/dist/src/connect/components/default-editor-loader/default-editor-loader.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AnimatedLoader } from "#connect";
+import { AnimatedLoader } from "@powerhousedao/design-system";
 export function DefaultEditorLoader(props) {
     const { message = "Loading editor", ...divProps } = props;
     return (_jsx("div", { className: "grid h-full place-items-center", ...divProps, children: _jsxs("div", { className: "-mt-20 grid place-items-center", children: [_jsx("h3", { className: "mb-4 text-xl", children: message }), _jsx(AnimatedLoader, {})] }) }));

package/dist/src/connect/components/default-editor-loader/default-editor-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-editor-loader.js","sourceRoot":"","sources":["../../../../../src/connect/components/default-editor-loader/default-editor-loader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAO1C,MAAM,UAAU,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,OAAO,GAAG,gBAAgB,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC1D,OAAO,CACL,cAAK,SAAS,EAAC,gCAAgC,KAAK,QAAQ,YAC1D,eAAK,SAAS,EAAC,gCAAgC,aAC7C,aAAI,SAAS,EAAC,cAAc,YAAE,OAAO,GAAM,EAC3C,KAAC,cAAc,KAAG,IACd,GACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"default-editor-loader.js","sourceRoot":"","sources":["../../../../../src/connect/components/default-editor-loader/default-editor-loader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAM9D,MAAM,UAAU,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,OAAO,GAAG,gBAAgB,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC1D,OAAO,CACL,cAAK,SAAS,EAAC,gCAAgC,KAAK,QAAQ,YAC1D,eAAK,SAAS,EAAC,gCAAgC,aAC7C,aAAI,SAAS,EAAC,cAAc,YAAE,OAAO,GAAM,EAC3C,KAAC,cAAc,KAAG,IACd,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/src/connect/components/default-editor-loader/default-editor-loader.stories.d.ts

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

package/dist/src/connect/components/default-editor-loader/default-editor-loader.stories.d.ts.map

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

package/dist/src/connect/components/default-editor-loader/default-editor-loader.stories.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DefaultEditorLoader } from "./default-editor-loader.js";
+const meta = {
+    title: "Connect/Components/Default Editor Loader",
+    component: DefaultEditorLoader,
+    decorators: [
+        (Story) => (_jsx("div", { className: "mx-auto h-screen w-4/5", children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+export const Default = {};
+//# sourceMappingURL=default-editor-loader.stories.js.map

package/dist/src/connect/components/default-editor-loader/default-editor-loader.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-editor-loader.stories.js","sourceRoot":"","sources":["../../../../../src/connect/components/default-editor-loader/default-editor-loader.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,0CAA0C;IACjD,SAAS,EAAE,mBAAmB;IAC9B,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,wBAAwB,YACrC,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { type ReactNode } from "react";
+import type { ReactNode } from "react";
 type DisclosureProps = {
     title: ReactNode;
     isOpen: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"disclosure.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/disclosure/disclosure.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AACF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAqChD"}
+{"version":3,"file":"disclosure.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/disclosure/disclosure.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AACF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAqChD"}

package/dist/src/connect/components/disclosure/disclosure.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 { twJoin, twMerge } from "tailwind-merge";
 export function Disclosure(props) {
     const { title, isOpen, onOpenChange, children, containerClassName, toggleClassName, contentClassName, } = props;

package/dist/src/connect/components/disclosure/disclosure.js.map

@@ -1 +1 @@
-{"version":3,"file":"disclosure.js","sourceRoot":"","sources":["../../../../../src/connect/components/disclosure/disclosure.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAWjD,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EACJ,KAAK,EACL,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,kBAAkB,EAClB,eAAe,EACf,gBAAgB,GACjB,GAAG,KAAK,CAAC;IACV,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,CAAC,kBAAkB,CAAC,aACzC,eACE,SAAS,EAAE,OAAO,CAChB,mDAAmD,EACnD,eAAe,CAChB,EACD,OAAO,EAAE,YAAY,aAErB,aAAI,SAAS,EAAC,4BAA4B,YAAE,KAAK,GAAM,EACvD,KAAC,IAAI,IACH,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,EAC3D,IAAI,EAAE,EAAE,EACR,IAAI,EAAC,aAAa,GAClB,IACE,EACN,cACE,SAAS,EAAE,OAAO,CAChB,0EAA0E,EAC1E,MAAM,IAAI,cAAc,EACxB,gBAAgB,CACjB,YAEA,QAAQ,GACL,IACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"disclosure.js","sourceRoot":"","sources":["../../../../../src/connect/components/disclosure/disclosure.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAWjD,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EACJ,KAAK,EACL,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,kBAAkB,EAClB,eAAe,EACf,gBAAgB,GACjB,GAAG,KAAK,CAAC;IACV,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,CAAC,kBAAkB,CAAC,aACzC,eACE,SAAS,EAAE,OAAO,CAChB,mDAAmD,EACnD,eAAe,CAChB,EACD,OAAO,EAAE,YAAY,aAErB,aAAI,SAAS,EAAC,4BAA4B,YAAE,KAAK,GAAM,EACvD,KAAC,IAAI,IACH,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,EAC3D,IAAI,EAAE,EAAE,EACR,IAAI,EAAC,aAAa,GAClB,IACE,EACN,cACE,SAAS,EAAE,OAAO,CAChB,0EAA0E,EAC1E,MAAM,IAAI,cAAc,EACxB,gBAAgB,CACjB,YAEA,QAAQ,GACL,IACF,CACP,CAAC;AACJ,CAAC"}

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

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

package/dist/src/connect/components/disclosure/disclosure.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"disclosure.stories.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/disclosure/disclosure.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,QAAA,MAAM,IAAI;;;CAGyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAqBrB,CAAC"}

package/dist/src/connect/components/disclosure/disclosure.stories.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useArgs } from "@storybook/preview-api";
+import { Disclosure } from "./index.js";
+const meta = {
+    title: "Connect/Components/Disclosure",
+    component: Disclosure,
+};
+export default meta;
+export const Default = {
+    args: {
+        title: "Disclosure",
+        children: (_jsx("p", { children: "lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam" })),
+        isOpen: false,
+        onOpenChange: () => { },
+    },
+    render: function Wrapper(args) {
+        const [, setArgs] = useArgs();
+        return (_jsx("div", { className: "w-[408px] bg-white p-6", children: _jsx(Disclosure, { ...args, onOpenChange: () => setArgs({ ...args, isOpen: !args.isOpen }) }) }));
+    },
+};
+//# sourceMappingURL=disclosure.stories.js.map

package/dist/src/connect/components/disclosure/disclosure.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"disclosure.stories.js","sourceRoot":"","sources":["../../../../../src/connect/components/disclosure/disclosure.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,UAAU;CACY,CAAC;AAEpC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,QAAQ,EAAE,CACR,4FAAwE,CACzE;QACD,MAAM,EAAE,KAAK;QACb,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;KACvB;IACD,MAAM,EAAE,SAAS,OAAO,CAAC,IAAI;QAC3B,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,OAAO,EAAe,CAAC;QAE3C,OAAO,CACL,cAAK,SAAS,EAAC,wBAAwB,YACrC,KAAC,UAAU,OACL,IAAI,EACR,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,GAC9D,GACE,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}

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

@@ -1,3 +1,3 @@
-import { type DivProps } from "#powerhouse";
+import type { DivProps } from "@powerhousedao/design-system";
 export declare function Divider(props: DivProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=divider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/divider/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG5C,wBAAgB,OAAO,CAAC,KAAK,EAAE,QAAQ,2CAItC"}
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/divider/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAG7D,wBAAgB,OAAO,CAAC,KAAK,EAAE,QAAQ,2CAItC"}

package/dist/src/connect/components/document-timeline/components/h-divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"h-divider.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/document-timeline/components/h-divider.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CAuF5C,CAAC"}
+{"version":3,"file":"h-divider.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/document-timeline/components/h-divider.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CAuF5C,CAAC"}

package/dist/src/connect/components/document-timeline/components/h-divider.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tooltip } from "#connect";
-import { Icon } from "#powerhouse";
+import { ConnectTooltip, Icon } from "@powerhousedao/design-system";
 import { formatDistanceToNow } from "date-fns";
 import { useEffect, useState } from "react";
 import { twMerge } from "tailwind-merge";
@@ -35,6 +34,6 @@ export const HDivider = (props) => {
     const handleMouseLeave = () => {
         setOpen(false);
     };
-    return (_jsxs("div", { className: "relative", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [isSelected && (_jsx(Icon, { name: "TimelineCaret", color: "#4EA9FF", size: 10, className: "absolute top-[-11px] z-40" })), _jsx(Tooltip, { className: "rounded-md bg-gray-900 text-white", content: tooltipContent, open: open && hasContent, onOpenChange: setOpen, delayDuration: 0, side: "bottom", sideOffset: 5, children: _jsx("div", { className: twMerge("mx-0.5 flex h-[25px] w-1.5 cursor-pointer flex-col items-center justify-center rounded-[2px] hover:bg-blue-300", isSelected && "bg-blue-300", className), onClick: onClick, "data-title": title, "data-subtitle": subtitle, "data-timestamp": timestamp, children: _jsx("div", { className: "h-0.5 w-1 rounded-full bg-gray-500" }) }) })] }));
+    return (_jsxs("div", { className: "relative", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [isSelected && (_jsx(Icon, { name: "TimelineCaret", color: "#4EA9FF", size: 10, className: "absolute top-[-11px] z-40" })), _jsx(ConnectTooltip, { className: "rounded-md bg-gray-900 text-white", content: tooltipContent, open: open && hasContent, onOpenChange: setOpen, delayDuration: 0, side: "bottom", sideOffset: 5, children: _jsx("div", { className: twMerge("mx-0.5 flex h-[25px] w-1.5 cursor-pointer flex-col items-center justify-center rounded-[2px] hover:bg-blue-300", isSelected && "bg-blue-300", className), onClick: onClick, "data-title": title, "data-subtitle": subtitle, "data-timestamp": timestamp, children: _jsx("div", { className: "h-0.5 w-1 rounded-full bg-gray-500" }) }) })] }));
 };
 //# sourceMappingURL=h-divider.js.map

package/dist/src/connect/components/document-timeline/components/h-divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"h-divider.js","sourceRoot":"","sources":["../../../../../../src/connect/components/document-timeline/components/h-divider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"h-divider.js","sourceRoot":"","sources":["../../../../../../src/connect/components/document-timeline/components/h-divider.tsx"],"names":[],"mappings":"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"}

package/dist/src/connect/components/document-timeline/components/h-divider.stories.d.ts

@@ -0,0 +1,23 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: (props: import("./h-divider.js").HDividerProps) => import("react/jsx-runtime").JSX.Element;
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        className?: string | undefined;
+        timestampUtcMs?: string | undefined;
+        title?: string | undefined;
+        subtitle?: string | undefined;
+        onClick?: (() => void) | undefined;
+        isSelected?: boolean | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithCustomClass: Story;
+export declare const WithTimestamp: Story;
+export declare const WithAtlasDocumentTitle: Story;
+export declare const WithRatifiedDocumentTitle: Story;
+export declare const Selected: Story;
+export declare const SelectedWithRatified: Story;
+//# sourceMappingURL=h-divider.stories.d.ts.map

package/dist/src/connect/components/document-timeline/components/h-divider.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"h-divider.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/document-timeline/components/h-divider.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAUvD,QAAA,MAAM,IAAI;;;;;;;;;;;CAUuB,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAI7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAMpC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAMvC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAOlC,CAAC"}

package/dist/src/connect/components/document-timeline/components/h-divider.stories.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ConnectTooltipProvider } from "@powerhousedao/design-system";
+import { HDivider } from "./h-divider.js";
+// Get a timestamp from the past (3 months ago)
+const getPastTimestamp = () => {
+    const date = new Date();
+    date.setMonth(date.getMonth() - 3);
+    return date.toISOString();
+};
+const meta = {
+    title: "Connect/Components/DocumentTimeline/Components/HDivider",
+    component: HDivider,
+    decorators: [
+        (Story) => (_jsx(ConnectTooltipProvider, { delayDuration: 0, skipDelayDuration: 0, children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+export const Default = {
+    args: {},
+};
+export const WithCustomClass = {
+    args: {
+        className: "bg-gray-100",
+    },
+};
+export const WithTimestamp = {
+    args: {
+        timestampUtcMs: getPastTimestamp(),
+    },
+};
+export const WithAtlasDocumentTitle = {
+    args: {
+        title: "Atlas Document",
+        subtitle: "Created",
+        timestampUtcMs: getPastTimestamp(),
+    },
+};
+export const WithRatifiedDocumentTitle = {
+    args: {
+        title: "Ratified Atlas Document",
+        subtitle: "Created",
+        timestampUtcMs: getPastTimestamp(),
+    },
+};
+export const Selected = {
+    args: {
+        isSelected: true,
+        title: "Atlas Document",
+        subtitle: "Created",
+        timestampUtcMs: getPastTimestamp(),
+    },
+};
+export const SelectedWithRatified = {
+    args: {
+        isSelected: true,
+        title: "Ratified Atlas Document",
+        subtitle: "Created",
+        timestampUtcMs: getPastTimestamp(),
+    },
+};
+//# sourceMappingURL=h-divider.stories.js.map

package/dist/src/connect/components/document-timeline/components/h-divider.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"h-divider.stories.js","sourceRoot":"","sources":["../../../../../../src/connect/components/document-timeline/components/h-divider.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,+CAA+C;AAC/C,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,MAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;IACxB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC;IACnC,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC;AAC5B,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,yDAAyD;IAChE,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,KAAC,sBAAsB,IAAC,aAAa,EAAE,CAAC,EAAE,iBAAiB,EAAE,CAAC,YAC5D,KAAC,KAAK,KAAG,GACc,CAC1B;KACF;CAC8B,CAAC;AAElC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,SAAS,EAAE,aAAa;KACzB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,cAAc,EAAE,gBAAgB,EAAE;KACnC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAU;IAC3C,IAAI,EAAE;QACJ,KAAK,EAAE,gBAAgB;QACvB,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,gBAAgB,EAAE;KACnC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAU;IAC9C,IAAI,EAAE;QACJ,KAAK,EAAE,yBAAyB;QAChC,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,gBAAgB,EAAE;KACnC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,UAAU,EAAE,IAAI;QAChB,KAAK,EAAE,gBAAgB;QACvB,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,gBAAgB,EAAE;KACnC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAU;IACzC,IAAI,EAAE;QACJ,UAAU,EAAE,IAAI;QAChB,KAAK,EAAE,yBAAyB;QAChC,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,gBAAgB,EAAE;KACnC;CACF,CAAC"}

package/dist/src/connect/components/document-timeline/components/timeline-bar.d.ts

@@ -1,10 +1,6 @@
-export interface TimelineBarProps {
+import type { TimelineBarItem } from "@powerhousedao/reactor-browser";
+export interface TimelineBarProps extends Omit<TimelineBarItem, "id" | "type" | "revision" | "startDate" | "endDate"> {
     readonly className?: string;
-    addSize?: 0 | 1 | 2 | 3 | 4;
-    delSize?: 0 | 1 | 2 | 3 | 4;
-    timestampUtcMs?: string;
-    additions?: number;
-    deletions?: number;
     onClick?: () => void;
     isSelected?: boolean;
 }

package/dist/src/connect/components/document-timeline/components/timeline-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timeline-bar.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/document-timeline/components/timeline-bar.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA6BD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmGlD,CAAC"}
+{"version":3,"file":"timeline-bar.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/document-timeline/components/timeline-bar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAKtE,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,eAAe,EACf,IAAI,GAAG,MAAM,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,CACrD;IACD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA6BD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmGlD,CAAC"}

package/dist/src/connect/components/document-timeline/components/timeline-bar.js

@@ -1,8 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable react/jsx-max-depth */
-/* eslint-disable react/jsx-no-bind */
-import { Tooltip } from "#connect";
-import { Icon } from "#powerhouse";
+import { ConnectTooltip, Icon } from "@powerhousedao/design-system";
 import { format, parseISO } from "date-fns";
 import { useState } from "react";
 import { twMerge } from "tailwind-merge";
@@ -47,6 +44,6 @@ export const TimelineBar = ({ onClick, className, timestampUtcMs: timestamp, add
     const handleMouseLeave = () => {
         setOpen(false);
     };
-    return (_jsxs("div", { className: "relative", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [isSelected && (_jsx(Icon, { name: "TimelineCaret", color: "#4EA9FF", size: 10, className: "absolute left-[-2px] top-[-11px] z-40" })), noChanges ? (_jsx("div", { className: twMerge("flex h-[25px] w-1.5 cursor-pointer flex-col items-center justify-center rounded-[2px] hover:bg-blue-300", className), "data-timestamp": timestamp, onClick: onClick, children: _jsx("div", { className: "size-[3px] rounded-full bg-gray-500" }) })) : (_jsx(Tooltip, { className: "rounded-md bg-gray-900 text-white", content: tooltipContent, open: open, onOpenChange: setOpen, delayDuration: 0, side: "bottom", sideOffset: 5, children: _jsxs("div", { className: twMerge("flex h-[25px] w-1.5 cursor-pointer flex-col items-center justify-center rounded-[2px] hover:bg-blue-300", className, isSelected && "bg-blue-300"), "data-timestamp": timestamp, onClick: onClick, children: [_jsx("div", { className: "flex h-3 w-0.5 items-end", children: _jsx("div", { className: twMerge("h-3 w-0.5 rounded-t-full bg-green-600", addBarHeight) }) }), _jsx("div", { className: "flex h-3 w-0.5 items-start", children: _jsx("div", { className: twMerge("h-3 w-0.5 rounded-b-full bg-red-600", delBarHeight) }) })] }) }))] }));
+    return (_jsxs("div", { className: "relative", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [isSelected && (_jsx(Icon, { name: "TimelineCaret", color: "#4EA9FF", size: 10, className: "absolute left-[-2px] top-[-11px] z-40" })), noChanges ? (_jsx("div", { className: twMerge("flex h-[25px] w-1.5 cursor-pointer flex-col items-center justify-center rounded-[2px] hover:bg-blue-300", className), "data-timestamp": timestamp, onClick: onClick, children: _jsx("div", { className: "size-[3px] rounded-full bg-gray-500" }) })) : (_jsx(ConnectTooltip, { className: "rounded-md bg-gray-900 text-white", content: tooltipContent, open: open, onOpenChange: setOpen, delayDuration: 0, side: "bottom", sideOffset: 5, children: _jsxs("div", { className: twMerge("flex h-[25px] w-1.5 cursor-pointer flex-col items-center justify-center rounded-[2px] hover:bg-blue-300", className, isSelected && "bg-blue-300"), "data-timestamp": timestamp, onClick: onClick, children: [_jsx("div", { className: "flex h-3 w-0.5 items-end", children: _jsx("div", { className: twMerge("h-3 w-0.5 rounded-t-full bg-green-600", addBarHeight) }) }), _jsx("div", { className: "flex h-3 w-0.5 items-start", children: _jsx("div", { className: twMerge("h-3 w-0.5 rounded-b-full bg-red-600", delBarHeight) }) })] }) }))] }));
 };
 //# sourceMappingURL=timeline-bar.js.map

package/dist/src/connect/components/document-timeline/components/timeline-bar.js.map

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

package/dist/src/connect/components/document-timeline/components/timeline-bar.stories.d.ts

@@ -0,0 +1,23 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./timeline-bar.js").TimelineBarProps>;
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        readonly className?: string | undefined;
+        onClick?: (() => void) | undefined;
+        isSelected?: boolean | undefined;
+        additions?: number | undefined;
+        timestampUtcMs?: string | undefined;
+        addSize?: 0 | 1 | 2 | 3 | 4 | undefined;
+        delSize?: 0 | 1 | 2 | 3 | 4 | undefined;
+        deletions?: number | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NoChanges: Story;
+export declare const LargeAddition: Story;
+export declare const LargeDeletion: Story;
+export declare const BalancedChanges: Story;
+//# sourceMappingURL=timeline-bar.stories.d.ts.map

package/dist/src/connect/components/document-timeline/components/timeline-bar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-bar.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/document-timeline/components/timeline-bar.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAU0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC"}

package/dist/src/connect/components/document-timeline/components/timeline-bar.stories.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ConnectTooltipProvider } from "@powerhousedao/design-system";
+import { TimelineBar } from "./timeline-bar.js";
+const meta = {
+    title: "Connect/Components/DocumentTimeline/Components/TimelineBar",
+    component: TimelineBar,
+    decorators: [
+        (Story) => (_jsx(ConnectTooltipProvider, { children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+export const Default = {
+    args: {
+        addSize: 2,
+        delSize: 1,
+        timestampUtcMs: "2025-04-15T21:32:35.688Z",
+        additions: 10,
+        deletions: 10,
+    },
+};
+export const NoChanges = {
+    args: {
+        addSize: 0,
+        delSize: 0,
+        timestampUtcMs: "2025-04-15T18:30:00.000Z",
+        additions: 0,
+        deletions: 0,
+    },
+};
+export const LargeAddition = {
+    args: {
+        addSize: 4,
+        delSize: 0,
+        timestampUtcMs: "2025-04-16T10:45:22.123Z",
+        additions: 50,
+        deletions: 0,
+    },
+};
+export const LargeDeletion = {
+    args: {
+        addSize: 0,
+        delSize: 4,
+        timestampUtcMs: "2025-04-17T14:20:15.456Z",
+        additions: 0,
+        deletions: 45,
+    },
+};
+export const BalancedChanges = {
+    args: {
+        addSize: 3,
+        delSize: 3,
+        timestampUtcMs: "2025-04-18T09:15:30.789Z",
+        additions: 25,
+        deletions: 25,
+    },
+};
+//# sourceMappingURL=timeline-bar.stories.js.map

package/dist/src/connect/components/document-timeline/components/timeline-bar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-bar.stories.js","sourceRoot":"","sources":["../../../../../../src/connect/components/document-timeline/components/timeline-bar.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,4DAA4D;IACnE,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,KAAC,sBAAsB,cACrB,KAAC,KAAK,KAAG,GACc,CAC1B;KACF;CACiC,CAAC;AAErC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;QACV,cAAc,EAAE,0BAA0B;QAC1C,SAAS,EAAE,EAAE;QACb,SAAS,EAAE,EAAE;KACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;QACV,cAAc,EAAE,0BAA0B;QAC1C,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,CAAC;KACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;QACV,cAAc,EAAE,0BAA0B;QAC1C,SAAS,EAAE,EAAE;QACb,SAAS,EAAE,CAAC;KACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;QACV,cAAc,EAAE,0BAA0B;QAC1C,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,EAAE;KACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;QACV,cAAc,EAAE,0BAA0B;QAC1C,SAAS,EAAE,EAAE;QACb,SAAS,EAAE,EAAE;KACd;CACF,CAAC"}

package/dist/src/connect/components/document-timeline/document-timeline.d.ts

@@ -1,22 +1,4 @@
-import { type TimelineBarProps } from "./components/index.js";
-export type TimelineBarItem = Omit<TimelineBarProps, "className"> & {
-    id: string;
-    type: "bar";
-    revision?: number;
-    startDate?: Date;
-    endDate?: Date;
-};
-export type TimelineDividerItem = {
-    id: string;
-    type: "divider";
-    timestampUtcMs?: string;
-    title?: string;
-    subtitle?: string;
-    revision?: number;
-    startDate?: Date;
-    endDate?: Date;
-};
-export type TimelineItem = TimelineBarItem | TimelineDividerItem;
+import type { TimelineItem } from "@powerhousedao/reactor-browser";
 export interface DocumentTimelineProps {
     onItemClick?: (item: TimelineItem | null) => void;
     timeline?: Array<TimelineItem>;

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

@@ -1 +1 @@
-{"version":3,"file":"document-timeline.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/document-timeline/document-timeline.tsx"],"names":[],"mappings":"AAIA,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,WAAW,CAAC,GAAG;IAClE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,KAAK,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG,mBAAmB,CAAC;AAEjE,MAAM,WAAW,qBAAqB;IACpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;CAChC;AASD,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CA+G5D,CAAC"}
+{"version":3,"file":"document-timeline.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/document-timeline/document-timeline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAGV,YAAY,EACb,MAAM,gCAAgC,CAAC;AAIxC,MAAM,WAAW,qBAAqB;IACpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;CAChC;AASD,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CA+G5D,CAAC"}

package/dist/src/connect/components/document-timeline/document-timeline.js

@@ -1,9 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable react/jsx-max-depth */
-/* eslint-disable react/jsx-no-bind */
-import { TooltipProvider } from "#connect";
+import { ConnectTooltipProvider } from "@powerhousedao/design-system";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { HDivider, TimelineBar, } from "./components/index.js";
+import { HDivider, TimelineBar } from "./components/index.js";
 const defaultTimeLineItem = {
     id: "default",
     type: "bar",
@@ -52,6 +50,6 @@ export const DocumentTimeline = (props) => {
                 scrollContainerRef.current.scrollWidth;
         }
     }, []);
-    return (_jsx(TooltipProvider, { delayDuration: 0, skipDelayDuration: 0, children: _jsxs("div", { className: "relative h-[36px] w-full", children: [_jsx("div", { className: "absolute left-[0px] z-[20] h-[17px] w-[6px] bg-white", children: _jsx("div", { className: "mt-[11px] h-[6px] w-[6px] rounded-tl-md bg-slate-50" }) }), _jsx("div", { className: "absolute right-[0px] top-[11px] z-[20] h-[6px] w-[6px] bg-white", children: _jsx("div", { className: "h-[6px] w-[6px] rounded-tr-md bg-slate-50" }) }), _jsx("div", { className: "absolute inset-x-0 bottom-0 h-[25px] rounded-md bg-slate-50" }), _jsx("div", { className: "absolute inset-x-0 bottom-0 h-[36px]", children: _jsx("div", { ref: scrollContainerRef, className: "h-full overflow-x-auto rounded-md", children: _jsxs("div", { className: "ml-auto flex h-[36px] w-max items-end px-2 pb-0", children: [_jsx("div", { className: "flex", children: unselectedContent }), _jsx("div", { className: "flex rounded-sm bg-blue-200", children: selectedContent })] }) }) }), _jsx("div", { className: "pointer-events-none absolute bottom-0 left-0 z-10 h-[25px] w-2 rounded-l-md bg-slate-50" }), _jsx("div", { className: "pointer-events-none absolute bottom-0 right-0 z-10 h-[25px] w-2 rounded-r-md bg-slate-50" })] }) }));
+    return (_jsx(ConnectTooltipProvider, { delayDuration: 0, skipDelayDuration: 0, children: _jsxs("div", { className: "relative h-[36px] w-full", children: [_jsx("div", { className: "absolute left-[0px] z-[20] h-[17px] w-[6px] bg-white", children: _jsx("div", { className: "mt-[11px] h-[6px] w-[6px] rounded-tl-md bg-slate-50" }) }), _jsx("div", { className: "absolute right-[0px] top-[11px] z-[20] h-[6px] w-[6px] bg-white", children: _jsx("div", { className: "h-[6px] w-[6px] rounded-tr-md bg-slate-50" }) }), _jsx("div", { className: "absolute inset-x-0 bottom-0 h-[25px] rounded-md bg-slate-50" }), _jsx("div", { className: "absolute inset-x-0 bottom-0 h-[36px]", children: _jsx("div", { ref: scrollContainerRef, className: "h-full overflow-x-auto rounded-md", children: _jsxs("div", { className: "ml-auto flex h-[36px] w-max items-end px-2 pb-0", children: [_jsx("div", { className: "flex", children: unselectedContent }), _jsx("div", { className: "flex rounded-sm bg-blue-200", children: selectedContent })] }) }) }), _jsx("div", { className: "pointer-events-none absolute bottom-0 left-0 z-10 h-[25px] w-2 rounded-l-md bg-slate-50" }), _jsx("div", { className: "pointer-events-none absolute bottom-0 right-0 z-10 h-[25px] w-2 rounded-r-md bg-slate-50" })] }) }));
 };
 //# sourceMappingURL=document-timeline.js.map