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

package/dist/src/ui/components/text-input/text-input.stories.d.ts

@@ -0,0 +1,167 @@
+import { StorybookControlCategory } from "@powerhousedao/design-system";
+import type { StoryObj } from "@storybook/react";
+/**
+ * The `TextInput` component provides a standard text input field with various features.
+ * It supports labels, descriptions, validation states, and text transformations.
+ *
+ * > **Note:** This component does not have built-in validation. If you need built-in validation
+ * > you can use the [StringField](?path=/docs/document-engineering-scalars-string-field--readme)
+ * > component.
+ */
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("@powerhousedao/design-system").TextInputProps & import("react").RefAttributes<HTMLInputElement>>;
+    parameters: {
+        layout: string;
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+    };
+    tags: string[];
+    argTypes: {
+        diffMode: {
+            control: "select";
+            description: string;
+            options: string[];
+            table: {
+                category: StorybookControlCategory;
+            };
+        };
+        baseValue: {
+            control: "text";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        viewMode: {
+            control: "select";
+            description: string;
+            options: string[];
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        pattern: {
+            control: "text";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        maxLength: {
+            control: "number";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        minLength: {
+            control: "number";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        lowercase: {
+            control: "boolean";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        uppercase: {
+            control: "boolean";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        trim: {
+            control: "boolean";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        spellCheck: {
+            control: "boolean";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        autoComplete: {
+            control: "boolean";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        placeholder: {
+            control: "text";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithValue: Story;
+export declare const WithDescription: Story;
+export declare const Required: Story;
+export declare const Disabled: Story;
+export declare const WithErrors: Story;
+export declare const WithWarnings: Story;
+//# sourceMappingURL=text-input.stories.d.ts.map

package/dist/src/ui/components/text-input/text-input.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input.stories.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/text-input/text-input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,wBAAwB,EACzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD;;;;;;;GAOG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC"}

package/dist/src/ui/components/text-input/text-input.stories.js

@@ -0,0 +1,109 @@
+import { getDefaultArgTypes, getValidationArgTypes, PrebuiltArgTypes, StorybookControlCategory, } from "@powerhousedao/design-system";
+import { TextInput } from "./text-input.js";
+/**
+ * The `TextInput` component provides a standard text input field with various features.
+ * It supports labels, descriptions, validation states, and text transformations.
+ *
+ * > **Note:** This component does not have built-in validation. If you need built-in validation
+ * > you can use the [StringField](?path=/docs/document-engineering-scalars-string-field--readme)
+ * > component.
+ */
+const meta = {
+    title: "UI/Text Input",
+    component: TextInput,
+    parameters: {
+        layout: "centered",
+        chromatic: {
+            disableSnapshot: true,
+        },
+    },
+    tags: ["autodocs"],
+    argTypes: {
+        ...getDefaultArgTypes({
+            enabledArgTypes: {
+                id: false,
+            },
+            valueControlType: "text",
+            valueType: "string",
+        }),
+        ...PrebuiltArgTypes.placeholder,
+        ...PrebuiltArgTypes.autoComplete,
+        ...PrebuiltArgTypes.spellCheck,
+        ...PrebuiltArgTypes.trim,
+        ...PrebuiltArgTypes.uppercase,
+        ...PrebuiltArgTypes.lowercase,
+        ...getValidationArgTypes({
+            enabledArgTypes: {
+                validators: false,
+                showErrorOnBlur: false,
+                showErrorOnChange: false,
+            },
+        }),
+        ...PrebuiltArgTypes.minLength,
+        ...PrebuiltArgTypes.maxLength,
+        ...PrebuiltArgTypes.pattern,
+        ...PrebuiltArgTypes.viewMode,
+        ...PrebuiltArgTypes.baseValue,
+        diffMode: {
+            control: "select",
+            description: "The mode of the input field",
+            options: ["sentences"],
+            table: {
+                category: StorybookControlCategory.DIFF,
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        label: "Username",
+        placeholder: "Enter your username",
+    },
+};
+export const WithValue = {
+    args: {
+        label: "Username",
+        defaultValue: "jhon.doe",
+        placeholder: "Enter your username",
+    },
+};
+export const WithDescription = {
+    args: {
+        label: "Username",
+        description: "Must be at least 3 characters long",
+        placeholder: "Enter your username",
+    },
+};
+export const Required = {
+    args: {
+        label: "Username",
+        required: true,
+        placeholder: "Enter your username",
+    },
+};
+export const Disabled = {
+    args: {
+        label: "Username",
+        disabled: true,
+        defaultValue: "jhon.doe",
+        placeholder: "Enter your username",
+    },
+};
+export const WithErrors = {
+    args: {
+        label: "Username",
+        defaultValue: "invalid-username",
+        errors: ["Please enter a valid username"],
+        placeholder: "Enter your username",
+    },
+};
+export const WithWarnings = {
+    args: {
+        label: "Username",
+        defaultValue: "no",
+        warnings: ["Username must be at least 3 characters long"],
+        placeholder: "Enter your username",
+    },
+};
+//# sourceMappingURL=text-input.stories.js.map

package/dist/src/ui/components/text-input/text-input.stories.js.map

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

package/dist/src/ui/components/tooltip/tooltip.d.ts

@@ -1,11 +1,11 @@
-import { Provider, Root, type TooltipContentProps, type TooltipProps as TooltipPrimitiveProps, Trigger } from "@radix-ui/react-tooltip";
-import * as React from "react";
+import type { TooltipContentProps, TooltipProps as TooltipPrimitiveProps } from "@radix-ui/react-tooltip";
+import { Provider, Root, Trigger } from "@radix-ui/react-tooltip";
 interface TooltipProps extends TooltipPrimitiveProps, Omit<TooltipContentProps, "content"> {
     content: React.ReactNode;
     className?: string;
     triggerAsChild?: boolean;
 }
-declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const TooltipContent: import("react").ForwardRefExoticComponent<TooltipContentProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const Tooltip: React.FC<TooltipProps>;
 export { Tooltip, TooltipContent, Provider as TooltipProvider, Root as TooltipRoot, Trigger as TooltipTrigger, type TooltipProps, };
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/src/ui/components/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,QAAQ,EACR,IAAI,EACJ,KAAK,mBAAmB,EACxB,KAAK,YAAY,IAAI,qBAAqB,EAC1C,OAAO,EACR,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,YACR,SAAQ,qBAAqB,EAC3B,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC;IACtC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,cAAc,4FA6BlB,CAAC;AAEH,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA6BnC,CAAC;AAEF,OAAO,EACL,OAAO,EACP,cAAc,EACd,QAAQ,IAAI,eAAe,EAC3B,IAAI,IAAI,WAAW,EACnB,OAAO,IAAI,cAAc,EACzB,KAAK,YAAY,GAClB,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,mBAAmB,EACnB,YAAY,IAAI,qBAAqB,EACtC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAGL,QAAQ,EACR,IAAI,EACJ,OAAO,EACR,MAAM,yBAAyB,CAAC;AAGjC,UAAU,YACR,SAAQ,qBAAqB,EAC3B,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC;IACtC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,cAAc,gHA6BlB,CAAC;AAEH,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA6BnC,CAAC;AAEF,OAAO,EACL,OAAO,EACP,cAAc,EACd,QAAQ,IAAI,eAAe,EAC3B,IAAI,IAAI,WAAW,EACnB,OAAO,IAAI,cAAc,EACzB,KAAK,YAAY,GAClB,CAAC"}

package/dist/src/ui/components/tooltip/tooltip.js

@@ -1,9 +1,8 @@
-"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "#powerhouse";
+import { cn } from "@powerhousedao/design-system";
 import { Content, Portal, Provider, Root, Trigger, } from "@radix-ui/react-tooltip";
-import * as React from "react";
-const TooltipContent = React.forwardRef(({ children, className, ...props }, ref) => {
+import { forwardRef } from "react";
+const TooltipContent = forwardRef(({ children, className, ...props }, ref) => {
     return (_jsx(Content, { ref: ref, ...props, className: cn(
         // Base styles
         "z-50 overflow-hidden rounded-md text-sm", 

package/dist/src/ui/components/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../../src/ui/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,IAAI,EAGJ,OAAO,GACR,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3C,OAAO,CACL,KAAC,OAAO,IACN,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,EAAE;QACX,cAAc;QACd,yCAAyC;QACzC,kBAAkB;QAClB,yGAAyG;QACzG,mBAAmB;QACnB,uBAAuB;QACvB,aAAa;QACb,qEAAqE,EACrE,2EAA2E;QAC3E,qCAAqC;QACrC,8CAA8C,EAC9C,8CAA8C,EAC9C,8CAA8C,EAC9C,8CAA8C,EAC9C,SAAS,CACV,YAEA,QAAQ,GACD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,OAAO,GAA2B,CAAC,EACvC,OAAO,EACP,QAAQ,EACR,cAAc,GAAG,KAAK,EACtB,aAAa,GAAG,CAAC,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE3D,OAAO,CACL,MAAC,IAAI,IACH,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,aAEV,KAAC,OAAO,IACN,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,YAE1C,QAAQ,GACD,EACV,KAAC,MAAM,cACL,KAAC,cAAc,IAAC,UAAU,EAAE,CAAC,KAAM,IAAI,YACpC,OAAO,GACO,GACV,IACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,OAAO,EACP,cAAc,EACd,QAAQ,IAAI,eAAe,EAC3B,IAAI,IAAI,WAAW,EACnB,OAAO,IAAI,cAAc,GAE1B,CAAC"}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../../src/ui/components/tooltip/tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,8BAA8B,CAAC;AAKlD,OAAO,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,OAAO,GACR,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAUnC,MAAM,cAAc,GAAG,UAAU,CAG/B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3C,OAAO,CACL,KAAC,OAAO,IACN,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,EAAE;QACX,cAAc;QACd,yCAAyC;QACzC,kBAAkB;QAClB,yGAAyG;QACzG,mBAAmB;QACnB,uBAAuB;QACvB,aAAa;QACb,qEAAqE,EACrE,2EAA2E;QAC3E,qCAAqC;QACrC,8CAA8C,EAC9C,8CAA8C,EAC9C,8CAA8C,EAC9C,8CAA8C,EAC9C,SAAS,CACV,YAEA,QAAQ,GACD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,OAAO,GAA2B,CAAC,EACvC,OAAO,EACP,QAAQ,EACR,cAAc,GAAG,KAAK,EACtB,aAAa,GAAG,CAAC,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE3D,OAAO,CACL,MAAC,IAAI,IACH,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,aAEV,KAAC,OAAO,IACN,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,YAE1C,QAAQ,GACD,EACV,KAAC,MAAM,cACL,KAAC,cAAc,IAAC,UAAU,EAAE,CAAC,KAAM,IAAI,YACpC,OAAO,GACO,GACV,IACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,OAAO,EACP,cAAc,EACd,QAAQ,IAAI,eAAe,EAC3B,IAAI,IAAI,WAAW,EACnB,OAAO,IAAI,cAAc,GAE1B,CAAC"}

package/dist/src/ui/components/tooltip/tooltip.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Tooltip } from "./tooltip.js";
+declare const meta: Meta<typeof Tooltip>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const CustomStyle: Story;
+export declare const DefaultOpen: Story;
+export declare const Alignments: Story;
+export declare const DifferentSides: Story;
+//# sourceMappingURL=tooltip.stories.d.ts.map

package/dist/src/ui/components/tooltip/tooltip.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.stories.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/tooltip/tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAmB,MAAM,cAAc,CAAC;AAExD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CA6D9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAsB5B,CAAC"}

package/dist/src/ui/components/tooltip/tooltip.stories.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tooltip, TooltipProvider } from "./tooltip.js";
+const meta = {
+    title: "UI/Tooltip",
+    component: Tooltip,
+    parameters: {
+        layout: "centered",
+        chromatic: {
+            disableSnapshot: true,
+        },
+        docs: {
+            description: {
+                component: `A tooltip is a popup that displays informative text when users hover over an element.
+        Tooltips must be wrapped in a TooltipProvider component to function properly. The provider is
+        responsible for managing tooltip state and positioning.`,
+            },
+        },
+    },
+    tags: ["autodocs"],
+    decorators: [
+        (Story) => (_jsx(TooltipProvider, { children: _jsx(Story, {}) })),
+    ],
+    argTypes: {
+        content: {
+            description: "The content to display in the tooltip",
+            control: "text",
+        },
+        children: {
+            description: "The trigger element for the tooltip",
+            control: false,
+        },
+        defaultOpen: {
+            description: "The initial open state of the tooltip",
+            control: "boolean",
+        },
+        open: {
+            description: "Controlled open state of the tooltip",
+            control: "boolean",
+        },
+        onOpenChange: {
+            description: "Event handler called when the open state changes",
+            control: false,
+        },
+        className: {
+            description: "Additional CSS/Tailwind classes to apply to the tooltip content",
+            control: "text",
+        },
+        align: {
+            description: "The alignment of the tooltip content",
+            control: "select",
+            options: ["center", "start", "end"],
+        },
+        side: {
+            description: "The side of the trigger that the tooltip should align to",
+            control: "select",
+            options: ["top", "right", "bottom", "left"],
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        content: "This is a tooltip",
+        children: _jsx("button", { children: "Hover me" }),
+    },
+};
+export const CustomStyle = {
+    args: {
+        content: "Custom styled tooltip",
+        children: _jsx("button", { children: "Hover for custom tooltip" }),
+        className: "bg-blue-500 text-white dark:bg-blue-600 dark:text-white",
+    },
+};
+export const DefaultOpen = {
+    args: {
+        content: "This tooltip starts open",
+        children: _jsx("button", { children: "Already showing tooltip" }),
+        defaultOpen: true,
+    },
+};
+export const Alignments = {
+    render: () => (_jsxs("div", { children: [_jsx("div", { className: "mb-8 text-center text-lg font-medium", children: "Tooltip alignments" }), _jsxs("div", { className: "flex items-center justify-center gap-32", children: [_jsx(Tooltip, { content: "Start aligned", align: "start", children: _jsx("button", { children: "Start" }) }), _jsx(Tooltip, { content: "Center aligned", align: "center", children: _jsx("button", { children: "Center" }) }), _jsx(Tooltip, { content: "End aligned", align: "end", children: _jsx("button", { children: "End" }) })] })] })),
+};
+export const DifferentSides = {
+    render: () => (_jsxs("div", { children: [_jsx("div", { className: "mb-8 text-center text-lg font-medium", children: "Tooltip side positions" }), _jsxs("div", { className: "flex items-center justify-center gap-32", children: [_jsx(Tooltip, { content: "Above", side: "top", children: _jsx("button", { children: "Top" }) }), _jsx(Tooltip, { content: "Right side", side: "right", children: _jsx("button", { children: "Right" }) }), _jsx(Tooltip, { content: "Below", side: "bottom", children: _jsx("button", { children: "Bottom" }) }), _jsx(Tooltip, { content: "Left side", side: "left", children: _jsx("button", { children: "Left" }) })] })] })),
+};
+//# sourceMappingURL=tooltip.stories.js.map

package/dist/src/ui/components/tooltip/tooltip.stories.js.map

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

package/dist/src/ui/components/tooltip/tooltip.test.d.ts

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

package/dist/src/ui/components/tooltip/tooltip.test.d.ts.map

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

package/dist/src/ui/components/tooltip/tooltip.test.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fireEvent, render, screen, waitFor } from "@testing-library/react";
+import { userEvent } from "@testing-library/user-event";
+import { describe, expect, it } from "vitest";
+import { Tooltip, TooltipProvider } from "@powerhousedao/design-system";
+const TooltipTest = ({ content = "Test tooltip", children = "Hover me", ...props }) => (_jsx(TooltipProvider, { children: _jsx(Tooltip, { content: content, ...props, children: children }) }));
+describe("Tooltip", () => {
+    it("should render trigger element", () => {
+        render(_jsx(TooltipTest, {}));
+        expect(screen.getByRole("button")).toBeInTheDocument();
+    });
+    it("should show tooltip on hover", async () => {
+        const onOpenChange = vi.fn();
+        render(_jsx(TooltipTest, { onOpenChange: onOpenChange }));
+        const trigger = screen.getByText("Hover me");
+        const user = userEvent.setup();
+        await user.hover(trigger);
+        // Wait for the tooltip to be visible by role
+        const tooltip = await waitFor(() => screen.getAllByText("Test tooltip"));
+        expect(tooltip[0]).toBeInTheDocument();
+    });
+    it("should hide tooltip when mouse leaves", async () => {
+        render(_jsx(TooltipTest, {}));
+        const trigger = screen.getByRole("button");
+        fireEvent.mouseEnter(trigger);
+        fireEvent.mouseLeave(trigger);
+        await waitFor(() => {
+            expect(screen.queryByRole("tooltip")).not.toBeInTheDocument();
+        });
+    });
+    it("should render with custom content", () => {
+        render(_jsx(TooltipTest, { content: _jsx("div", { children: "Custom tooltip" }), open: true }));
+        expect(screen.getByRole("tooltip")).toBeInTheDocument();
+    });
+    it("should render with custom trigger element", () => {
+        render(_jsx(TooltipTest, { children: _jsx("span", { children: "Custom trigger" }) }));
+        expect(screen.getByText("Custom trigger")).toBeInTheDocument();
+    });
+    it("should be controlled with open prop", () => {
+        render(_jsx(TooltipTest, { open: true }));
+        expect(screen.getByRole("tooltip")).toBeInTheDocument();
+    });
+    it("should apply custom className to tooltip content", () => {
+        // custom class for testing purposes
+        render(_jsx(TooltipTest, { className: "custom-class", open: true }));
+        const tooltip = screen.getAllByText("Test tooltip");
+        expect(tooltip[0]).toHaveClass("custom-class");
+    });
+    it("should render with different alignments", () => {
+        render(_jsx(TooltipTest, { align: "start", open: true }));
+        const tooltip = screen.getAllByText("Test tooltip");
+        expect(tooltip[0]).toHaveAttribute("data-align", "start");
+    });
+    it("should render on different sides", () => {
+        render(_jsx(TooltipTest, { side: "right", open: true }));
+        const tooltip = screen.getAllByText("Test tooltip");
+        expect(tooltip[0]).toHaveAttribute("data-side", "right");
+    });
+});
+//# sourceMappingURL=tooltip.test.js.map

package/dist/src/ui/components/tooltip/tooltip.test.js.map

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

package/dist/src/ui/components/value-transformer/index.d.ts

@@ -1,3 +1,2 @@
 export * from "./value-transformer.js";
-export { default } from "./value-transformer.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/ui/components/value-transformer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/value-transformer/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/value-transformer/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/src/ui/components/value-transformer/index.js

@@ -1,3 +1,2 @@
 export * from "./value-transformer.js";
-export { default } from "./value-transformer.js";
 //# sourceMappingURL=index.js.map

package/dist/src/ui/components/value-transformer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/value-transformer/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/value-transformer/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/src/ui/components/value-transformer/value-transformer.d.ts

@@ -58,6 +58,6 @@ interface ValueTransformerProps {
  *   <Input />
  * </ValueTransformer>
  */
-declare function ValueTransformer({ transformers, children }: ValueTransformerProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-export default ValueTransformer;
+export declare function ValueTransformer({ transformers, children, }: ValueTransformerProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export {};
 //# sourceMappingURL=value-transformer.d.ts.map

package/dist/src/ui/components/value-transformer/value-transformer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"value-transformer.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/value-transformer/value-transformer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,MAAM,MAAM,gBAAgB,GAAG,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE/D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,WAAW,EAAE,gBAAgB,CAAC;IAC9B,OAAO,CAAC,EAAE;QACR;;;WAGG;QACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;QAC7B;;;WAGG;QACH,EAAE,CAAC,EAAE,OAAO,CAAC;KACd,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,iBAAiB,EAAE,GAAG,gBAAgB,EAAE,CAAC;AAEvE,UAAU,qBAAqB;IAC7B,YAAY,EAAE,eAAe,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B;AAoDD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,iBAAS,gBAAgB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,qBAAqB,sEA0F1E;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"value-transformer.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/value-transformer/value-transformer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAGzC,MAAM,MAAM,gBAAgB,GAAG,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE/D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,WAAW,EAAE,gBAAgB,CAAC;IAC9B,OAAO,CAAC,EAAE;QACR;;;WAGG;QACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;QAC7B;;;WAGG;QACH,EAAE,CAAC,EAAE,OAAO,CAAC;KACd,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,iBAAiB,EAAE,GAAG,gBAAgB,EAAE,CAAC;AAEvE,UAAU,qBAAqB;IAC7B,YAAY,EAAE,eAAe,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B;AAkDD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,YAAY,EACZ,QAAQ,GACT,EAAE,qBAAqB,0EA0FvB"}

package/dist/src/ui/components/value-transformer/value-transformer.js

@@ -1,14 +1,12 @@
+import { deepEqual } from "@powerhousedao/design-system";
 import React, { useEffect } from "react";
 import { useFormContext } from "react-hook-form";
-import { deepEqual } from "../../lib/index.js";
 // Workaround to set the value of an input element
 // following react core team recommendation
 // https://github.com/facebook/react/issues/10135
 function setNativeValue(element, value) {
-    // eslint-disable-next-line @typescript-eslint/unbound-method
     const valueSetter = Object.getOwnPropertyDescriptor(element, "value")?.set;
     const prototype = Object.getPrototypeOf(element);
-    // eslint-disable-next-line @typescript-eslint/unbound-method
     const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, "value")?.set;
     if (valueSetter && valueSetter !== prototypeValueSetter) {
         prototypeValueSetter?.call(element, value);
@@ -73,7 +71,7 @@ function _applyTransformers(transformers, value, filter = "blur") {
  *   <Input />
  * </ValueTransformer>
  */
-function ValueTransformer({ transformers, children }) {
+export function ValueTransformer({ transformers, children, }) {
     const formContext = useFormContext();
     const setValue = formContext?.setValue;
     useEffect(() => {
@@ -94,8 +92,8 @@ function ValueTransformer({ transformers, children }) {
             }
         }
     }, [transformers, setValue]);
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
     return React.cloneElement(children, {
+        // @ts-expect-error - React.HTMLAttributes is not typed
         ...children.props,
         onChange: (event) => {
             // apply transformers on change
@@ -138,5 +136,4 @@ function ValueTransformer({ transformers, children }) {
         },
     });
 }
-export default ValueTransformer;
 //# sourceMappingURL=value-transformer.js.map

package/dist/src/ui/components/value-transformer/value-transformer.js.map

@@ -1 +1 @@
-{"version":3,"file":"value-transformer.js","sourceRoot":"","sources":["../../../../../src/ui/components/value-transformer/value-transformer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"value-transformer.js","sourceRoot":"","sources":["../../../../../src/ui/components/value-transformer/value-transformer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAgCjD,kDAAkD;AAClD,2CAA2C;AAC3C,iDAAiD;AACjD,SAAS,cAAc,CAAC,OAAyB,EAAE,KAAU;IAC3D,MAAM,WAAW,GAAG,MAAM,CAAC,wBAAwB,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,GAAG,CAAC;IAC3E,MAAM,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC,OAAO,CAAqB,CAAC;IACrE,MAAM,oBAAoB,GAAG,MAAM,CAAC,wBAAwB,CAC1D,SAAS,EACT,OAAO,CACR,EAAE,GAAG,CAAC;IAEP,IAAI,WAAW,IAAI,WAAW,KAAK,oBAAoB,EAAE,CAAC;QACxD,oBAAoB,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAC7C,CAAC;SAAM,CAAC;QACN,WAAW,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACpC,CAAC;AACH,CAAC;AAED,kCAAkC;AAClC,SAAS,kBAAkB,CACzB,YAA6B,EAC7B,KAAc,EACd,SAAqC,MAAM;IAE3C,OAAO,YAAY,CAAC,MAAM,CAAU,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE;QACzD,IAAI,OAAO,WAAW,KAAK,UAAU,EAAE,CAAC;YACtC,IAAI,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,KAAK,EAAE,CAAC;gBAC1C,iDAAiD;gBACjD,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC;QAED,6BAA6B;QAC7B,IACE,CAAC,WAAW,CAAC,OAAO,EAAE,OAAO,IAAI,MAAM,CAAC,KAAK,MAAM;YACnD,MAAM,KAAK,KAAK,EAChB,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC;QACD,4BAA4B;QAC5B,IAAI,WAAW,CAAC,OAAO,EAAE,EAAE,KAAK,SAAS,IAAI,WAAW,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC;YACpE,OAAO,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACxC,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,KAAK,CAAC,CAAC;AACZ,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,YAAY,EACZ,QAAQ,GACc;IACtB,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,QAAQ,GAAG,WAAW,EAAE,QAAQ,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,sEAAsE;QACtE,0CAA0C;QAC1C,MAAM,KAAK,GAAI,QAAQ,CAAC,KAA4B,CAAC,KAAK,CAAC;QAC3D,MAAM,gBAAgB,GAAG,kBAAkB,CAAC,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QAExE,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;YACxC,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;gBACnC,QAAQ,CAAE,QAAQ,CAAC,KAA0B,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;YACxE,CAAC;iBAAM,CAAC;gBACN,qEAAqE;gBACrE,6DAA6D;gBAC5D,QAAQ,CAAC,KAAgD,CAAC,QAAQ,EAAE,CAAC;oBACpE,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE;iBACG,CAAC,CAAC;YAC5C,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7B,OAAO,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;QAClC,uDAAuD;QACvD,GAAG,QAAQ,CAAC,KAAK;QACjB,QAAQ,EAAE,CAAC,KAA0C,EAAE,EAAE;YACvD,+BAA+B;YAC/B,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,YAAY,EACZ,KAAK,CAAC,MAAM,CAAC,KAAK,EAClB,QAAQ,CACT,CAAC;YAEF,IAAI,gBAAgB,KAAK,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,QAAQ,EAAE,CAAC;gBACxD,QAAQ,CAAE,QAAQ,CAAC,KAA0B,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;gBACtE,cAAc,CAAC,KAAK,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;YACjD,CAAC;YAED,6BAA6B;YAC5B,QAAQ,CAAC,KAAgD,CAAC,QAAQ,EAAE,CACnE,KAAK,CACN,CAAC;QACJ,CAAC;QACD,6BAA6B;QAC7B,MAAM,EAAE,CAAC,KAAyC,EAAE,EAAE;YACpD,2BAA2B;YAC1B,QAAQ,CAAC,KAAgD,CAAC,MAAM,EAAE,CACjE,KAAK,CACN,CAAC;YAEF,yBAAyB;YACzB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAC5B,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,YAAY,EACZ,MAAM,CAAC,KAAK,EACZ,MAAM,CACP,CAAC;YAEF,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC/C,gDAAgD;gBAChD,cAAc,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;gBACzC,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;gBAC3D,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YACpC,CAAC;QACH,CAAC;QACD,SAAS,EAAE,CAAC,KAA4C,EAAE,EAAE;YAC1D,8BAA8B;YAC7B,QAAQ,CAAC,KAAgD,CAAC,SAAS,EAAE,CACpE,KAAK,CACN,CAAC;YAEF,yBAAyB;YACzB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBAC1B,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAC;gBAChD,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,YAAY,EACZ,MAAM,CAAC,KAAK,EACZ,SAAS,CACV,CAAC;gBAEF,gDAAgD;gBAChD,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;oBAC/C,cAAc,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;oBACzC,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;oBAC3D,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;gBACpC,CAAC;YACH,CAAC;QACH,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}

package/dist/src/ui/components/value-transformer/value-transformer.test.d.ts

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

package/dist/src/ui/components/value-transformer/value-transformer.test.d.ts.map

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