@neynar/ui 0.1.1

package/dist/components/ui/stories/aspect-ratio.stories.d.ts

@@ -0,0 +1,53 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { AspectRatio } from "../aspect-ratio";
+declare const meta: {
+    title: string;
+    component: typeof AspectRatio;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        ratio: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+                step: number;
+            };
+            description: string;
+        };
+        className: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+    };
+    args: {
+        ratio: number;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Interactive playground to test all AspectRatio props and configurations.
+ * Use the controls panel to experiment with different aspect ratios and styling.
+ */
+export declare const Interactive: Story;
+/**
+ * Showcase of common aspect ratio variants used in modern web design.
+ * Demonstrates square, portrait, landscape, and widescreen orientations.
+ */
+export declare const Variants: Story;
+/**
+ * Real-world usage example showing AspectRatio in a responsive image gallery
+ * context that designers and business teams would encounter in production.
+ */
+export declare const InContext: Story;
+//# sourceMappingURL=aspect-ratio.stories.d.ts.map

package/dist/components/ui/stories/aspect-ratio.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/aspect-ratio.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAgDtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAiFvB,CAAC"}

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

@@ -0,0 +1,49 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { Avatar } from "../avatar";
+declare const meta: {
+    title: string;
+    component: typeof Avatar;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        className: {
+            control: {
+                type: "text";
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Interactive playground for testing all Avatar props and variants.
+ * Use the controls panel to experiment with different sizes, styles, and content.
+ */
+export declare const Interactive: Story;
+/**
+ * Comprehensive showcase of all Avatar variants and combinations.
+ * Displays different sizes, fallback types, shapes, and grouping patterns.
+ */
+export declare const Variants: Story;
+/**
+ * Real-world usage example showing Avatar in a user profile context.
+ * Demonstrates how the component integrates with other UI elements in production scenarios.
+ */
+export declare const InContext: Story;
+//# sourceMappingURL=avatar.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAA+B,MAAM,WAAW,CAAC;AAEhE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuBqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAiCzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAmJtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAwFvB,CAAC"}

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

@@ -0,0 +1,64 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { Badge } from "../badge";
+declare const meta: {
+    title: string;
+    component: typeof Badge;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        asChild: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        children: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        className: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+    };
+    args: {
+        children: string;
+        asChild: false;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Interactive playground for testing all badge props and variants.
+ * Use the controls panel to experiment with different configurations.
+ */
+export declare const Interactive: Story;
+/**
+ * Complete showcase of all available badge variants and their combinations.
+ * This demonstrates the visual hierarchy and semantic meaning of each variant.
+ */
+export declare const Variants: Story;
+/**
+ * Real-world example showing badges in a typical application context.
+ * This demonstrates how badges integrate with other UI elements in practical scenarios.
+ */
+export declare const InContext: Story;
+//# sourceMappingURL=badge.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KA+GtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KA2EvB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/breadcrumb.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EACL,UAAU,EAOX,MAAM,eAAe,CAAC;AAQvB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;CAoByB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,WAAW,EAAE,KA6JzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA0ItB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA2IvB,CAAC"}

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

@@ -0,0 +1,92 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { Button } from "../button";
+/**
+ * Button component stories for design system documentation
+ *
+ * This story file demonstrates the Button component's capabilities through three focused stories:
+ * - Interactive: Playground for testing all props and variants
+ * - Variants: Systematic showcase of all available style and size combinations
+ * - InContext: Real-world usage examples for business and design teams
+ */
+declare const meta: {
+    title: string;
+    component: typeof Button;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        asChild: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        children: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        type: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+    };
+    args: {
+        onClick: () => void;
+        children: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Interactive Playground Story
+ *
+ * Use this story to test all button props and variants through Storybook controls.
+ * Perfect for designers and developers to experiment with different combinations.
+ */
+export declare const Interactive: Story;
+/**
+ * Variants Showcase Story
+ *
+ * Systematic display of all available button variants and sizes.
+ * Helps design teams understand the full range of available options.
+ */
+export declare const Variants: Story;
+/**
+ * Real-world Context Story
+ *
+ * Demonstrates the button component in realistic UI scenarios.
+ * Helps business teams and designers understand practical usage patterns.
+ */
+export declare const InContext: Story;
+//# sourceMappingURL=button.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC;;;;;;;GAOG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,KAgBzB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,KAqEtB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,EAAE,KAuFvB,CAAC"}

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

@@ -0,0 +1,94 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { Calendar } from "../calendar";
+declare const meta: {
+    title: string;
+    component: typeof Calendar;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        mode: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        showOutsideDays: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        captionLayout: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        buttonVariant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        numberOfMonths: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+            };
+            description: string;
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        fromYear: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+        toYear: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+    };
+    args: {
+        showOutsideDays: true;
+        captionLayout: "label";
+        buttonVariant: "ghost";
+        numberOfMonths: number;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Interactive playground for testing all calendar features and configurations.
+ * Use the controls panel to experiment with different props and see real-time changes.
+ */
+export declare const Interactive: Story;
+/**
+ * Comprehensive showcase of all calendar variants and configurations.
+ * Demonstrates different selection modes, layouts, and styling options.
+ */
+export declare const Variants: Story;
+/**
+ * Real-world usage example showing the calendar in a typical application context.
+ * Demonstrates integration with forms, validation, and user workflows.
+ */
+export declare const InContext: Story;
+//# sourceMappingURL=calendar.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/calendar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+DuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KA2EzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAiGtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAiHvB,CAAC"}

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

@@ -0,0 +1,29 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { Card } from "../card";
+declare const meta: {
+    title: string;
+    component: typeof Card;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        className: {
+            control: {
+                type: "text";
+            };
+            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=card.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EACL,IAAI,EAOL,MAAM,SAAS,CAAC;AAEjB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;CAmBmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,WAAW,EAAE,KA4CzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA8FtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA+HvB,CAAC"}

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

@@ -0,0 +1,42 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { Carousel } from "../carousel";
+declare const meta: {
+    title: string;
+    component: typeof Carousel;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        orientation: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        opts: {
+            control: {
+                type: "object";
+            };
+            description: string;
+        };
+        className: {
+            control: {
+                type: "text";
+            };
+            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=carousel.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/carousel.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EACL,QAAQ,EAKT,MAAM,aAAa,CAAC;AAErB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,WAAW,EAAE,KAsCzB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAoHtB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAyHvB,CAAC"}

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

@@ -0,0 +1,51 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { ChartContainer } from "../chart";
+declare const meta: {
+    title: string;
+    component: typeof ChartContainer;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        config: {
+            control: {
+                type: "object";
+            };
+            description: string;
+        };
+        className: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        children: {
+            control: false;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Interactive playground with all chart configuration options
+ * Allows testing different props and configurations
+ */
+export declare const Interactive: Story;
+/**
+ * Showcase of all chart variants and types
+ * Demonstrates different chart configurations
+ */
+export declare const Variants: Story;
+/**
+ * Real-world usage in a dashboard context
+ * Shows how charts integrate into actual applications
+ */
+export declare const InContext: Story;
+//# sourceMappingURL=chart.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/chart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAc5D,OAAO,EACL,cAAc,EAMf,MAAM,UAAU,CAAC;AAElB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4B6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAmCnC;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KA+BzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAsHtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KA+KvB,CAAC"}

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

@@ -0,0 +1,72 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { Checkbox } from "../checkbox";
+declare const meta: {
+    title: string;
+    component: typeof Checkbox;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        checked: {
+            control: {
+                type: "radio";
+            };
+            options: (string | boolean)[];
+            description: string;
+        };
+        defaultChecked: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        required: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        name: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        value: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Interactive story with all available controls for testing different checkbox configurations.
+ * This story allows designers and developers to experiment with all checkbox props in Storybook.
+ */
+export declare const Interactive: Story;
+/**
+ * Comprehensive showcase of all checkbox variants and states.
+ * Displays all possible visual combinations to help designers understand available options.
+ */
+export declare const Variants: Story;
+/**
+ * Real-world usage example showing checkbox in realistic UI context.
+ * Demonstrates practical patterns for business and design teams.
+ */
+export declare const InContext: Story;
+//# sourceMappingURL=checkbox.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAsBzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAmEtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KA6IvB,CAAC"}

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

@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+/**
+ * The cn utility function combines class names with Tailwind CSS conflict resolution.
+ * It uses clsx for conditional class handling and tailwind-merge to ensure later classes
+ * override earlier ones when they conflict.
+ */
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+/**
+ * Interactive demonstration of the cn utility function showing class combining and conflict resolution.
+ * Explore how cn handles different class combinations and Tailwind CSS conflicts.
+ */
+export declare const Interactive: Story;
+/**
+ * Common usage patterns showing how cn is used in real component development.
+ */
+export declare const UsagePatterns: Story;
+//# sourceMappingURL=cn.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cn.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/cn.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAY5D;;;;GAIG;AACH,QAAA,MAAM,IAAI,EAAE,IAuCX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAiGtB;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KA4I3B,CAAC"}