@neynar/ui 0.4.0 → 1.0.0

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

@@ -1,206 +0,0 @@
-import * as React from "react";
-/**
- * EmptyState - Displays empty or no-data states with consistent UX patterns
- *
- * A comprehensive component for handling empty states across applications. Provides
- * a standardized way to communicate when content is unavailable, data is missing,
- * or initial setup is required. Built with accessibility-first principles and
- * follows established empty state design patterns to guide users toward resolution.
- *
- * **Common Use Cases:**
- * - Search results with no matches
- * - Empty lists, tables, or dashboards
- * - Inbox or notification centers with no items
- * - Data visualization with no data
- * - Onboarding states for new users
- * - Error recovery scenarios
- *
- * **Component Structure:**
- * The component follows a top-down visual hierarchy: Icon → Title → Description → Action.
- * All elements except the title are optional, allowing for flexible implementation
- * across different contexts while maintaining visual consistency.
- *
- * @example
- * ```tsx
- * // Minimal empty state with just title
- * <EmptyState title="No notifications" />
- * ```
- *
- * @example
- * ```tsx
- * // Search results empty state
- * import { Search } from 'lucide-react';
- *
- * <EmptyState
- *   icon={<Search className="w-12 h-12" />}
- *   title="No results found"
- *   description="Try adjusting your search terms or filters"
- *   action={{
- *     label: "Clear filters",
- *     onClick: () => resetFilters()
- *   }}
- * />
- * ```
- *
- * @example
- * ```tsx
- * // Inbox empty state with call-to-action
- * import { Inbox, Plus } from 'lucide-react';
- *
- * <EmptyState
- *   icon={<Inbox className="w-16 h-16" />}
- *   title="Your inbox is empty"
- *   description="New messages and notifications will appear here"
- *   action={{
- *     label: "Compose message",
- *     onClick: () => openComposer()
- *   }}
- * />
- * ```
- *
- * @example
- * ```tsx
- * // Data dashboard empty state with custom styling
- * import { BarChart3, TrendingUp } from 'lucide-react';
- *
- * <EmptyState
- *   className="min-h-[400px] bg-gradient-to-br from-muted/20 to-muted/10 rounded-lg border border-dashed border-muted-foreground/20"
- *   icon={<BarChart3 className="w-14 h-14 opacity-60" />}
- *   title="No analytics data"
- *   description="Connect your data source or import historical data to view insights"
- *   action={{
- *     label: "Connect data source",
- *     onClick: () => showDataSourceModal()
- *   }}
- * />
- * ```
- *
- * @example
- * ```tsx
- * // File manager empty state
- * import { FolderOpen, Upload } from 'lucide-react';
- *
- * <EmptyState
- *   icon={<FolderOpen className="w-12 h-12" />}
- *   title="This folder is empty"
- *   description="Drag and drop files here or use the upload button"
- *   action={{
- *     label: "Upload files",
- *     onClick: () => triggerFileUpload()
- *   }}
- * />
- * ```
- *
- * @example
- * ```tsx
- * // Error recovery empty state
- * import { AlertTriangle, RefreshCw } from 'lucide-react';
- *
- * <EmptyState
- *   icon={<AlertTriangle className="w-12 h-12 text-destructive" />}
- *   title="Failed to load data"
- *   description="There was a problem loading your content. Please try again."
- *   action={{
- *     label: "Retry",
- *     onClick: () => refetchData()
- *   }}
- * />
- * ```
- *
- * @example
- * ```tsx
- * // Team members empty state with multiple actions
- * import { Users, UserPlus, Mail } from 'lucide-react';
- *
- * function TeamEmptyState() {
- *   return (
- *     <div className="space-y-4">
- *       <EmptyState
- *         icon={<Users className="w-16 h-16" />}
- *         title="No team members yet"
- *         description="Invite colleagues to collaborate on projects"
- *         action={{
- *           label: "Invite members",
- *           onClick: () => openInviteModal()
- *         }}
- *       />
- *       <div className="flex justify-center gap-2">
- *         <Button variant="outline" size="sm" onClick={() => importFromCsv()}>
- *           <Mail className="w-4 h-4 mr-2" />
- *           Import from CSV
- *         </Button>
- *       </div>
- *     </div>
- *   );
- * }
- * ```
- *
- * @param props - Component props extending HTMLDivElement attributes
- * @param props.title - Main heading text that describes the empty state
- * @param props.description - Optional explanatory text or guidance for users
- * @param props.icon - Optional visual element (icon, illustration, or custom React element)
- * @param props.action - Optional primary action button configuration
- * @param props.className - Additional CSS classes for custom styling
- * @param props.children - Not used; component has fixed content structure
- * @param ref - Forwarded ref to the root div element for DOM access
- *
- * @accessibility
- * - **Semantic Structure**: Uses proper heading hierarchy with h3 for screen readers
- * - **Keyboard Navigation**: Action button fully keyboard accessible with Tab/Enter/Space
- * - **Screen Readers**: Title and description are properly associated and announced
- * - **Focus Management**: Action button receives proper focus indicators (3px ring)
- * - **Landmark Navigation**: No explicit landmark roles; inherits from container context
- * - **Content Flow**: Logical reading order from icon → title → description → action
- * - **Icon Accessibility**: Decorative icons don't interfere with screen readers
- * - **Button Integration**: Inherits full Button component accessibility features
- * - **High Contrast**: Text colors meet WCAG 2.1 AA contrast requirements
- * - **Responsive Design**: Adapts to different viewport sizes maintaining readability
- *
- * @remarks
- * **Visual Design:**
- * - Default padding of py-12 px-4 provides generous whitespace
- * - Centered alignment (flex-col items-center justify-center text-center)
- * - Icon rendered with muted foreground color for subtle prominence
- * - Title uses text-lg font-semibold with foreground color for prominence
- * - Description limited to max-w-sm (24rem) for optimal readability
- * - Action button positioned with mb-6 spacing from description
- * - Responsive spacing adapts to content presence (conditional margins)
- *
- * **Performance Considerations:**
- * - Lightweight component with minimal re-renders
- * - Icon rendering optimized for various React element types
- * - Button component lazy-loaded only when action is provided
- * - No state management or effects, purely presentational
- * - Supports React 18 concurrent features
- *
- * **Customization:**
- * - All Tailwind utility classes can be overridden via className
- * - Icon styling can be customized at the element level
- * - Button inherits default variant but supports additional props via composition
- * - Container div accepts all standard HTML attributes for event handling
- * - Supports ref forwarding for programmatic DOM manipulation
- *
- * **Design System Integration:**
- * - Uses design tokens (foreground, muted-foreground, etc.) for consistent theming
- * - Follows spacing scale (mb-2, mb-4, mb-6, py-12, px-4)
- * - Typography scale integration (text-lg for title, default for description)
- * - Color system compatibility with light/dark mode switching
- * - Button component integration maintains design system consistency
- *
- * @see {@link Button} for action button styling, variants, and accessibility
- * @see {@link https://ui.patterns.build/empty-states} Empty state design patterns
- * @see {@link https://www.nngroup.com/articles/empty-state-interface-design/} Nielsen Norman Group empty state guidelines
- * @since 1.0.0
- * @deprecated Use @neynar/ui Empty component instead
- */
-declare const EmptyState: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    title: string;
-    description?: string;
-    icon?: React.ReactNode;
-    action?: {
-        label: string;
-        onClick: () => void;
-    };
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { EmptyState };
-//# sourceMappingURL=empty-state.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../src/components/ui/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6E/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiMG;AACH,QAAA,MAAM,UAAU;WAGL,MAAM;kBACC,MAAM;WACb,KAAK,CAAC,SAAS;aACb;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB;gDAoBH,CAAC;AAIH,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/ui/stack.d.ts

@@ -1,334 +0,0 @@
-import * as React from "react";
-/**
- * Spacing options for Stack component using Tailwind CSS spacing scale
- *
- * Maps to Tailwind spacing utilities:
- * - 0 = 0rem (0px) - No spacing
- * - 1 = 0.25rem (4px) - Ultra-tight spacing for dense layouts
- * - 2 = 0.5rem (8px) - Tight spacing for compact components
- * - 3 = 0.75rem (12px) - Close spacing for related items
- * - 4 = 1rem (16px) - Default spacing for general layouts
- * - 6 = 1.5rem (24px) - Loose spacing for section separation
- * - 8 = 2rem (32px) - Wide spacing for distinct content areas
- * - 12 = 3rem (48px) - Extra-wide spacing for major layout divisions
- */
-type StackSpacing = 0 | 1 | 2 | 3 | 4 | 6 | 8 | 12;
-/**
- * Layout direction options for Stack component
- *
- * - "vertical" - Flex column layout with space-y-* utilities
- * - "horizontal" - Flex row layout with space-x-* utilities
- */
-type StackDirection = "vertical" | "horizontal";
-/**
- * Stack - A flexible layout component for consistent spacing between elements
- *
- * Stack is a fundamental layout primitive that arranges child elements in either
- * vertical or horizontal direction with consistent spacing. Built on flexbox principles,
- * it provides a clean, declarative API for common layout patterns without requiring
- * custom CSS or complex flex configurations.
- *
- * **Core Features:**
- * - Consistent spacing using Tailwind's design system
- * - Flexible direction control (vertical/horizontal)
- * - Zero-config flexbox layouts with predictable behavior
- * - Composable with other UI components and layout utilities
- * - Full accessibility support with semantic HTML structure
- * - TypeScript-first with comprehensive prop validation
- *
- * **Common Use Cases:**
- * - Form layouts with consistent field spacing
- * - Button groups and action bars
- * - Content sections with uniform gaps
- * - Navigation lists and menu structures
- * - Card layouts and dashboard grids
- * - Page sections and content hierarchy
- * - Responsive component layouts
- *
- * **Design System Integration:**
- * Stack integrates seamlessly with design systems by providing consistent
- * spacing that aligns with Tailwind's spacing scale. This ensures visual
- * harmony across your application and reduces the need for custom spacing
- * utilities in most common layout scenarios.
- *
- * @example Basic vertical content layout (default behavior)
- * ```tsx
- * <Stack>
- *   <h1>Dashboard</h1>
- *   <Card>
- *     <CardHeader>Profile Information</CardHeader>
- *     <CardContent>User profile details</CardContent>
- *   </Card>
- *   <Card>
- *     <CardHeader>Account Settings</CardHeader>
- *     <CardContent>Account configuration options</CardContent>
- *   </Card>
- *   <Card>
- *     <CardHeader>Privacy Controls</CardHeader>
- *     <CardContent>Privacy and security settings</CardContent>
- *   </Card>
- * </Stack>
- * ```
- *
- * @example Horizontal action button bar
- * ```tsx
- * <Stack direction="horizontal" spacing={3} className="justify-end">
- *   <Button variant="ghost">Cancel</Button>
- *   <Button variant="outline">Save Draft</Button>
- *   <Button>Publish</Button>
- * </Stack>
- * ```
- *
- * @example Complex form layout with nested stacks
- * ```tsx
- * <form>
- *   <Stack spacing={6}>
- *     // Personal Information Section
- *     <fieldset>
- *       <legend className="text-lg font-semibold mb-4">Personal Information</legend>
- *       <Stack spacing={3}>
- *         <Stack spacing={1}>
- *           <Label htmlFor="fullName">Full Name</Label>
- *           <Input id="fullName" placeholder="Enter your full name" />
- *         </Stack>
- *         <Stack spacing={1}>
- *           <Label htmlFor="email">Email Address</Label>
- *           <Input id="email" type="email" placeholder="you@example.com" />
- *         </Stack>
- *       </Stack>
- *     </fieldset>
- *
- *     // Preferences Section
- *     <fieldset>
- *       <legend className="text-lg font-semibold mb-4">Preferences</legend>
- *       <Stack spacing={2}>
- *         <div className="flex items-center space-x-2">
- *           <Checkbox id="emailNotifications" />
- *           <Label htmlFor="emailNotifications">Email notifications</Label>
- *         </div>
- *         <div className="flex items-center space-x-2">
- *           <Checkbox id="marketingUpdates" />
- *           <Label htmlFor="marketingUpdates">Marketing updates</Label>
- *         </div>
- *       </Stack>
- *     </fieldset>
- *
- *     // Form Actions
- *     <Stack direction="horizontal" spacing={2} className="justify-end">
- *       <Button type="button" variant="outline">Reset</Button>
- *       <Button type="submit">Save Changes</Button>
- *     </Stack>
- *   </Stack>
- * </form>
- * ```
- *
- * @example Responsive navigation with adaptive direction
- * ```tsx
- * <Stack
- *   direction="horizontal"
- *   spacing={1}
- *   className="flex-col sm:flex-row overflow-x-auto sm:overflow-visible"
- * >
- *   <Button variant="ghost" className="w-full sm:w-auto">Dashboard</Button>
- *   <Button variant="ghost" className="w-full sm:w-auto">Analytics</Button>
- *   <Button variant="ghost" className="w-full sm:w-auto">Settings</Button>
- *   <Button variant="ghost" className="w-full sm:w-auto">Help</Button>
- * </Stack>
- * ```
- *
- * @example Dashboard layout with mixed content types
- * ```tsx
- * <div className="container mx-auto p-6">
- *   <Stack spacing={8}>
- *     // Page Header
- *     <Stack spacing={2}>
- *       <h1 className="text-3xl font-bold">Analytics Dashboard</h1>
- *       <p className="text-muted-foreground">Overview of your application metrics</p>
- *     </Stack>
- *
- *     // Stats Cards
- *     <Stack direction="horizontal" spacing={4} className="grid grid-cols-1 md:grid-cols-3 gap-4">
- *       <Card>
- *         <CardHeader>
- *           <CardTitle>Total Users</CardTitle>
- *         </CardHeader>
- *         <CardContent>
- *           <div className="text-2xl font-bold">2,543</div>
- *         </CardContent>
- *       </Card>
- *       <Card>
- *         <CardHeader>
- *           <CardTitle>Revenue</CardTitle>
- *         </CardHeader>
- *         <CardContent>
- *           <div className="text-2xl font-bold">$12,543</div>
- *         </CardContent>
- *       </Card>
- *       <Card>
- *         <CardHeader>
- *           <CardTitle>Growth</CardTitle>
- *         </CardHeader>
- *         <CardContent>
- *           <div className="text-2xl font-bold text-green-600">+12.5%</div>
- *         </CardContent>
- *       </Card>
- *     </Stack>
- *
- *     // Content Sections
- *     <Stack spacing={6}>
- *       <Card>
- *         <CardHeader>
- *           <CardTitle>Recent Activity</CardTitle>
- *         </CardHeader>
- *         <CardContent>Activity timeline content</CardContent>
- *       </Card>
- *       <Card>
- *         <CardHeader>
- *           <CardTitle>Performance Metrics</CardTitle>
- *         </CardHeader>
- *         <CardContent>Charts and graphs</CardContent>
- *       </Card>
- *     </Stack>
- *   </Stack>
- * </div>
- * ```
- *
- * @example Advanced usage with custom styling and semantic elements
- * ```tsx
- * <article className="prose max-w-none">
- *   <Stack spacing={6}>
- *     <header>
- *       <Stack spacing={2}>
- *         <h1>The Future of Web Development</h1>
- *         <Stack direction="horizontal" spacing={4} className="text-sm text-muted-foreground">
- *           <time dateTime="2024-01-15">January 15, 2024</time>
- *           <address className="not-italic">By Jane Developer</address>
- *           <span>5 min read</span>
- *         </Stack>
- *       </Stack>
- *     </header>
- *
- *     <main>
- *       <Stack spacing={4}>
- *         <p>Introduction paragraph with key concepts...</p>
- *         <section>
- *           <h2>Key Technologies</h2>
- *           <Stack spacing={3}>
- *             <p>Discussion of modern web technologies...</p>
- *             <ul>
- *               <li>React and component architecture</li>
- *               <li>Server-side rendering with Next.js</li>
- *               <li>Type-safe development with TypeScript</li>
- *             </ul>
- *           </Stack>
- *         </section>
- *         <section>
- *           <h2>Best Practices</h2>
- *           <p>Guidelines for effective development...</p>
- *         </section>
- *       </Stack>
- *     </main>
- *
- *     <footer>
- *       <Stack direction="horizontal" spacing={2} className="justify-between items-center">
- *         <Stack direction="horizontal" spacing={1}>
- *           <Badge variant="secondary">React</Badge>
- *           <Badge variant="secondary">TypeScript</Badge>
- *           <Badge variant="secondary">Next.js</Badge>
- *         </Stack>
- *         <Stack direction="horizontal" spacing={2}>
- *           <Button variant="outline" size="sm">Share</Button>
- *           <Button variant="outline" size="sm">Save</Button>
- *         </Stack>
- *       </Stack>
- *     </footer>
- *   </Stack>
- * </article>
- * ```
- *
- * @remarks
- * **Design Philosophy:**
- * Stack follows the principle of consistent spacing throughout the UI, using Tailwind's
- * carefully crafted spacing scale to create visual hierarchy and rhythm. The component
- * prioritizes composability, allowing complex layouts to be built from simple, predictable
- * building blocks while maintaining semantic HTML structure.
- *
- * **Technical Implementation:**
- * - Uses CSS Flexbox for reliable cross-browser layout behavior
- * - Leverages Tailwind's space-* utilities for optimal performance
- * - Applies margins only to children (not first child) for clean edge handling
- * - Compatible with Tailwind's JIT compilation for minimal bundle size
- * - Supports all standard HTML div attributes for maximum flexibility
- *
- * **Performance Considerations:**
- * - Zero JavaScript runtime overhead - pure CSS-based layout
- * - Optimized for Tailwind's purging and JIT compilation
- * - Efficient rendering with no layout calculation overhead
- * - Scales well with large numbers of child elements
- * - Memory-efficient with minimal DOM structure impact
- *
- * **Responsive Design Integration:**
- * Stack works seamlessly with Tailwind's responsive utilities. You can easily
- * create adaptive layouts that change direction, spacing, or additional styling
- * based on screen size breakpoints.
- *
- * **Common Patterns:**
- * - **Form Layouts**: Use nested stacks for sections, fields, and actions
- * - **Content Hierarchies**: Vary spacing to create visual importance levels
- * - **Component Composition**: Combine with Cards, Buttons, and other components
- * - **Responsive Grids**: Use with CSS Grid classes for complex layouts
- * - **Navigation Patterns**: Create horizontal and vertical navigation structures
- *
- * @accessibility
- * **Keyboard Navigation:**
- * - Preserves natural document flow and tab order
- * - Does not interfere with focus management of child components
- * - Maintains logical reading order for screen readers
- * - Supports all standard keyboard navigation patterns
- *
- * **Screen Reader Support:**
- * - Uses semantic HTML div element with no interference
- * - Preserves natural content structure and hierarchy
- * - Compatible with all ARIA attributes on child elements
- * - Supports landmark roles when used with semantic HTML
- * - Maintains proper heading structure and content relationships
- *
- * **ARIA Compatibility:**
- * - Accepts all ARIA attributes for enhanced accessibility
- * - Does not modify or interfere with child component ARIA properties
- * - Supports role attributes for semantic meaning
- * - Compatible with aria-label, aria-describedby, and other ARIA properties
- *
- * **Focus Management:**
- * - Transparent to focus behavior - delegates to child components
- * - Supports tabIndex for custom focus control when needed
- * - Does not trap or redirect focus automatically
- * - Maintains predictable focus flow in both directions
- *
- * @performance
- * **Bundle Impact:**
- * - Minimal JavaScript bundle size (primarily TypeScript types)
- * - CSS-only layout solution with no runtime calculations
- * - Leverages Tailwind's tree-shaking for optimal CSS output
- * - No external dependencies beyond React and utility functions
- *
- * **Runtime Performance:**
- * - Zero-cost abstraction over native flexbox
- * - No re-renders triggered by prop changes (style-based)
- * - Efficient DOM structure with single wrapper element
- * - Compatible with React's concurrent features and optimizations
- *
- * @public
- * @since 1.0.0
- * @see {@link Button} For action elements commonly used in horizontal stacks
- * @see {@link Card} For content containers commonly arranged in stacks
- * @see {@link https://tailwindcss.com/docs/space} Tailwind CSS spacing utilities
- * @see {@link https://tailwindcss.com/docs/flexbox-direction} Tailwind CSS flex direction
- * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout} MDN CSS Flexbox Guide
- */
-declare const Stack: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    spacing?: StackSpacing;
-    direction?: StackDirection;
-} & React.RefAttributes<HTMLDivElement>>;
-export { Stack };
-//# sourceMappingURL=stack.d.ts.map

package/dist/components/ui/stack.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../src/components/ui/stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;;;;;GAYG;AACH,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;AAEnD;;;;;GAKG;AACH,KAAK,cAAc,GAAG,UAAU,GAAG,YAAY,CAAC;AAwIhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiTG;AACH,QAAA,MAAM,KAAK;cAGG,YAAY;gBACV,cAAc;wCAiC5B,CAAC;AAIH,OAAO,EAAE,KAAK,EAAE,CAAC"}

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

@@ -1,70 +0,0 @@
-import type { StoryObj } from "@storybook/react-vite";
-import { Accordion } from "../accordion";
-declare const meta: {
-    title: string;
-    component: typeof Accordion;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    argTypes: {
-        type: {
-            control: {
-                type: "radio";
-            };
-            options: string[];
-            description: string;
-        };
-        collapsible: {
-            control: {
-                type: "boolean";
-            };
-            description: string;
-            if: {
-                arg: string;
-                eq: string;
-            };
-        };
-        defaultValue: {
-            control: {
-                type: "text";
-            };
-            description: string;
-        };
-        disabled: {
-            control: {
-                type: "boolean";
-            };
-            description: string;
-        };
-        orientation: {
-            control: {
-                type: "radio";
-            };
-            options: string[];
-            description: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * Interactive playground for testing all accordion props and variants.
- * Use the controls panel to experiment with different configurations.
- */
-export declare const Interactive: Story;
-/**
- * Comprehensive showcase of all accordion variants and configurations.
- * Demonstrates different types, content styles, and use cases.
- */
-export declare const Variants: Story;
-/**
- * Real-world example showing accordion in a practical application context.
- * Demonstrates how accordions work in complex UI scenarios like settings panels or FAQ sections.
- */
-export declare const InContext: Story;
-//# sourceMappingURL=accordion.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"accordion.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/accordion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EACL,SAAS,EAIV,MAAM,cAAc,CAAC;AAEtB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAkCzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KA0GtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KA2NvB,CAAC"}

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

@@ -1,38 +0,0 @@
-import type { StoryObj } from "@storybook/react-vite";
-import { AlertDialog } from "../alert-dialog";
-declare const meta: {
-    title: string;
-    component: typeof AlertDialog;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * Interactive playground for testing all AlertDialog features
- *
- * This story provides controls for testing different configurations and
- * interaction patterns with the AlertDialog component.
- */
-export declare const Interactive: Story;
-/**
- * Showcase of different AlertDialog variants and styling options
- *
- * Demonstrates various visual treatments and content patterns for different
- * use cases including destructive actions, confirmations, and custom styling.
- */
-export declare const Variants: Story;
-/**
- * Real-world usage example in a realistic application context
- *
- * Shows how AlertDialog integrates within a typical application interface
- * with realistic content and multiple interaction points.
- */
-export declare const InContext: Story;
-//# sourceMappingURL=alert-dialog.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/alert-dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAS5D,OAAO,EACL,WAAW,EASZ,MAAM,iBAAiB,CAAC;AAGzB,QAAA,MAAM,IAAI;;;;;;;;;;;CAY0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,KAuFzB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,KAuKtB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,EAAE,KA0MvB,CAAC"}