@neynar/ui 0.1.1

package/dist/components/ui/stories/collapsible.stories.d.ts

@@ -0,0 +1,51 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { Collapsible } from "../collapsible";
+declare const meta: {
+    title: string;
+    component: typeof Collapsible;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        open: {
+            control: "boolean";
+            description: string;
+        };
+        defaultOpen: {
+            control: "boolean";
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+        onOpenChange: {
+            action: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Interactive playground for testing all collapsible props and behaviors.
+ * Use the controls panel to experiment with different configurations.
+ */
+export declare const Interactive: Story;
+/**
+ * Showcase of different collapsible variants and styling approaches.
+ * Demonstrates various visual styles and use cases.
+ */
+export declare const Variants: Story;
+/**
+ * Real-world usage example showing collapsibles in a dashboard settings context.
+ * Demonstrates how designers and business teams might use this component.
+ */
+export declare const InContext: Story;
+//# sourceMappingURL=collapsible.stories.d.ts.map

package/dist/components/ui/stories/collapsible.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/collapsible.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,WAAW,EAA0C,MAAM,gBAAgB,CAAC;AAGrF,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+B0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAqCzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAkFtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KA8EvB,CAAC"}

package/dist/components/ui/stories/colors.stories.d.ts

@@ -0,0 +1,31 @@
+import type { StoryObj } from "@storybook/react-vite";
+/**
+ * The @neynar/ui color system uses semantic color tokens that automatically adapt between light and dark themes.
+ * All colors are based on CSS custom properties and use the OKLCH color space for better color consistency and accessibility.
+ *
+ * This comprehensive reference shows all 35+ semantic color tokens with live examples, usage guidelines, and technical details.
+ */
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Complete color palette showing all semantic color tokens with live theme switching.
+ * This is the definitive reference for all available colors in the design system.
+ */
+export declare const CompleteColorReference: Story;
+/**
+ * Component usage examples demonstrating proper color application in real UI patterns.
+ */
+export declare const ComponentExamples: Story;
+//# sourceMappingURL=colors.stories.d.ts.map

package/dist/components/ui/stories/colors.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/colors.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D;;;;;GAKG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;CA8BM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,KA4SpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAmJ/B,CAAC"}

package/dist/components/ui/stories/combobox.stories.d.ts

@@ -0,0 +1,89 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { Combobox } from "../combobox";
+declare const meta: {
+    title: string;
+    component: typeof Combobox;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        options: {
+            control: {
+                type: "object";
+            };
+            description: string;
+        };
+        value: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        placeholder: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        emptyText: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        searchPlaceholder: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        className: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        buttonClassName: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        popoverClassName: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Interactive playground showcasing all combobox props and variants.
+ * Use the controls panel to experiment with different configurations.
+ */
+export declare const Interactive: Story;
+/**
+ * Systematic display of all combobox variants and states.
+ * Shows different configurations, disabled options, and styling variations.
+ */
+export declare const Variants: Story;
+/**
+ * Real-world usage examples showing combobox in practical UI contexts.
+ * Demonstrates form integration, configuration panels, and user selection flows.
+ */
+export declare const InContext: Story;
+//# sourceMappingURL=combobox.stories.d.ts.map

package/dist/components/ui/stories/combobox.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/combobox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAUvC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA8BnC;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAgBzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAyFtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAmFvB,CAAC"}

package/dist/components/ui/stories/command.stories.d.ts

@@ -0,0 +1,69 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { Command } from "../command";
+declare const meta: {
+    title: string;
+    component: typeof Command;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        className: {
+            control: "text";
+            description: string;
+        };
+        value: {
+            control: "text";
+            description: string;
+        };
+        onValueChange: {
+            action: string;
+            description: string;
+        };
+        filter: {
+            control: "boolean";
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        shouldFilter: {
+            control: "boolean";
+            description: string;
+        };
+        loop: {
+            control: "boolean";
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Interactive playground to test all Command component features and props.
+ * Experiment with different configurations, search functionality, and keyboard navigation.
+ */
+export declare const Interactive: Story;
+/**
+ * Showcase of all available component variants and configurations.
+ * Demonstrates different layouts, groupings, and feature combinations.
+ */
+export declare const Variants: Story;
+/**
+ * Real-world usage example showing Command in a practical application context.
+ * Perfect for demonstrating to designers and business teams how the component works in production.
+ */
+export declare const InContext: Story;
+//# sourceMappingURL=command.stories.d.ts.map

package/dist/components/ui/stories/command.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/command.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAmB5D,OAAO,EACL,OAAO,EASR,MAAM,YAAY,CAAC;AAGpB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAuLzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAuHtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KA2OvB,CAAC"}

package/dist/components/ui/stories/container.stories.d.ts

@@ -0,0 +1,42 @@
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+        size?: "sm" | "md" | "lg" | "xl" | "full";
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            defaultValue: string;
+        };
+        className: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        children: {
+            control: false;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Interactive: Story;
+export declare const Variants: Story;
+export declare const InContext: Story;
+//# sourceMappingURL=container.stories.d.ts.map

package/dist/components/ui/stories/container.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/container.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,WAAW,EAAE,KA6BzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA+DtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAmHvB,CAAC"}

package/dist/components/ui/stories/context-menu.stories.d.ts

@@ -0,0 +1,32 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { ContextMenu } from "../context-menu";
+declare const meta: {
+    title: string;
+    component: typeof ContextMenu;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        onOpenChange: {
+            description: string;
+            control: false;
+        };
+        modal: {
+            description: string;
+            control: "boolean";
+            defaultValue: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Interactive: Story;
+export declare const Variants: Story;
+export declare const InContext: Story;
+//# sourceMappingURL=context-menu.stories.d.ts.map

package/dist/components/ui/stories/context-menu.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/context-menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAkB5D,OAAO,EACL,WAAW,EAcZ,MAAM,iBAAiB,CAAC;AAEzB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;CAyB0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,WAAW,EAAE,KAyGzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAqGtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA0KvB,CAAC"}

package/dist/components/ui/stories/date-picker.stories.d.ts

@@ -0,0 +1,67 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { DatePicker } from "../date-picker";
+declare const meta: {
+    title: string;
+    component: typeof DatePicker;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        date: {
+            control: {
+                type: "date";
+            };
+            description: string;
+        };
+        onDateChange: {
+            action: string;
+            description: string;
+        };
+        placeholder: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        className: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+    };
+    args: {
+        placeholder: string;
+        disabled: false;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Interactive playground for testing all DatePicker props and behaviors.
+ * Use the controls panel to experiment with different configurations.
+ */
+export declare const Interactive: Story;
+/**
+ * Comprehensive showcase of all DatePicker variants and configurations.
+ * Displays different states, sizes, and styling options side by side.
+ */
+export declare const Variants: Story;
+/**
+ * Real-world usage examples showing DatePicker in typical application contexts.
+ * Demonstrates common patterns like date ranges, form integration, and validation.
+ */
+export declare const InContext: Story;
+//# sourceMappingURL=date-picker.stories.d.ts.map

package/dist/components/ui/stories/date-picker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/date-picker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI5C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KA8DzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KA4FtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KA6JvB,CAAC"}

package/dist/components/ui/stories/dialog.stories.d.ts

@@ -0,0 +1,48 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { Dialog } from "../dialog";
+declare const meta: {
+    title: string;
+    component: typeof Dialog;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        open: {
+            control: "boolean";
+            description: string;
+        };
+        onOpenChange: {
+            action: string;
+            description: string;
+        };
+        modal: {
+            control: "boolean";
+            description: string;
+            defaultValue: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Interactive playground story with all dialog props and controls
+ * Allows testing all dialog features and customization options
+ */
+export declare const Interactive: Story;
+/**
+ * Showcase of all dialog variants and common patterns
+ * Displays multiple dialog types side by side for comparison
+ */
+export declare const Variants: Story;
+/**
+ * Real-world context showing dialog in a typical application scenario
+ * Demonstrates practical usage for designers and business teams
+ */
+export declare const InContext: Story;
+//# sourceMappingURL=dialog.stories.d.ts.map

package/dist/components/ui/stories/dialog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EACL,MAAM,EAQP,MAAM,WAAW,CAAC;AAMnB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAoDzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAqKtB,CAAC;AAqCF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAqNvB,CAAC"}

package/dist/components/ui/stories/drawer.stories.d.ts

@@ -0,0 +1,33 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { Drawer } from "../drawer";
+declare const meta: {
+    title: string;
+    component: typeof Drawer;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Interactive playground for testing all drawer props and variants.
+ * Use the controls panel to experiment with different configurations.
+ */
+export declare const Interactive: Story;
+/**
+ * Systematic display of all drawer directions and configurations.
+ * Shows how the drawer behaves from different screen edges.
+ */
+export declare const Variants: Story;
+/**
+ * Real-world mobile app scenario showing drawer in context.
+ * Demonstrates a typical mobile navigation and user profile pattern.
+ */
+export declare const InContext: Story;
+//# sourceMappingURL=drawer.stories.d.ts.map

package/dist/components/ui/stories/drawer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/drawer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EACL,MAAM,EAQP,MAAM,WAAW,CAAC;AAMnB,QAAA,MAAM,IAAI;;;;;;;;;;;;CAaqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAmDzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAgHtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAoJvB,CAAC"}

package/dist/components/ui/stories/dropdown-menu.stories.d.ts

@@ -0,0 +1,31 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { DropdownMenu } from "../dropdown-menu";
+declare const meta: {
+    title: string;
+    component: typeof DropdownMenu;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Interactive playground for testing all dropdown menu features
+ */
+export declare const Interactive: Story;
+/**
+ * Showcase of all dropdown menu variants and item types
+ */
+export declare const Variants: Story;
+/**
+ * Real-world usage example in a user profile context
+ */
+export declare const InContext: Story;
+//# sourceMappingURL=dropdown-menu.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/dropdown-menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAiB5D,OAAO,EACL,YAAY,EAeb,MAAM,kBAAkB,CAAC;AAG1B,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAiB2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAsFzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAuHtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAiGvB,CAAC"}

package/dist/components/ui/stories/empty-state.stories.d.ts

@@ -0,0 +1,74 @@
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+        title: string;
+        description?: string;
+        icon?: React.ReactNode;
+        action?: {
+            label: string;
+            onClick: () => void;
+        };
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        title: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        description: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        icon: {
+            control: false;
+            description: string;
+        };
+        action: {
+            control: false;
+            description: string;
+        };
+        className: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Interactive Playground - Test all props and variations
+ *
+ * Use the controls below to test different combinations of props
+ * and see how the EmptyState component responds to various configurations.
+ */
+export declare const Interactive: Story;
+/**
+ * Variants Showcase - Display all common empty state patterns
+ *
+ * Shows the most common empty state variations that design teams
+ * typically need: basic text-only, with icon, and with action button.
+ */
+export declare const Variants: Story;
+/**
+ * Real-world Context - EmptyState in realistic application scenarios
+ *
+ * Shows how EmptyState looks and behaves in actual application contexts
+ * that business teams and designers would recognize from real products.
+ */
+export declare const InContext: Story;
+//# sourceMappingURL=empty-state.stories.d.ts.map

package/dist/components/ui/stories/empty-state.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/empty-state.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAa5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,KAezB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,KAyEtB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,EAAE,KA+EvB,CAAC"}

package/dist/components/ui/stories/hover-card.stories.d.ts

@@ -0,0 +1,35 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { HoverCard } from "../hover-card";
+declare const meta: {
+    title: string;
+    component: typeof HoverCard;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        openDelay: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+        closeDelay: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Interactive: Story;
+export declare const Variants: Story;
+export declare const InContext: Story;
+//# sourceMappingURL=hover-card.stories.d.ts.map

package/dist/components/ui/stories/hover-card.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/hover-card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D,OAAO,EAAE,SAAS,EAAsC,MAAM,eAAe,CAAC;AAE9E,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CAuBwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,WAAW,EAAE,KAmDzB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAqHtB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAgJvB,CAAC"}