@neynar/ui 0.1.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAStD,OAAO,EAEL,cAAc,EAGf,MAAM,yBAAyB,CAAC;AASjC,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,UAAU,GAAG,WAAW,CAAC;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,iBAAS,UAAU,wBAOlB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEG;AACH,iBAAS,eAAe,CAAC,EACvB,WAAkB,EAClB,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,WAAW,EACzB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,2CAiFA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4HG;AACH,iBAAS,OAAO,CAAC,EACf,IAAa,EACb,OAAmB,EACnB,WAAyB,EACzB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;IAC3C,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;CAC7C,2CAyFA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,2CAoBrC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,2CAuB3E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAY1E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,2CASpC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AACH,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAS1E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAS1E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CASxC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAY3E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CASzE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,2CAerD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,2CAiBxD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AACH,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAS7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AACH,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CASvE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACH,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAS3E;AAED,QAAA,MAAM,yBAAyB;;;8EAoB9B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+FG;AACH,iBAAS,iBAAiB,CAAC,EACzB,OAAe,EACf,QAAgB,EAChB,OAAmB,EACnB,IAAgB,EAChB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;CAChE,GAAG,YAAY,CAAC,OAAO,yBAAyB,CAAC,2CAoCjD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AACH,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,OAAe,EACf,WAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,2CAsBA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAiB7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACH,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CA4BA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8EG;AACH,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAa1E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAS5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgFG;AACH,iBAAS,oBAAoB,CAAC,EAC5B,OAAe,EACf,IAAW,EACX,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CAoBA;AAED,OAAO,EACL,OAAO,EACP,cAAc,EACd,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,UAAU,GACX,CAAC"}

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

@@ -0,0 +1,66 @@
+/**
+ * A skeleton component for displaying loading placeholders that improve perceived performance
+ *
+ * The Skeleton component creates animated placeholders that mimic the structure and layout
+ * of content that is being loaded. It uses a subtle pulse animation to indicate loading
+ * state and maintains layout stability during data fetching operations.
+ *
+ * Based on shadcn/ui skeleton patterns, this component is designed to be highly composable
+ * and can be shaped to match any content structure using Tailwind CSS classes.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage - simple text placeholder
+ * <Skeleton className="h-4 w-[250px]" />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Avatar skeleton - circular placeholder
+ * <Skeleton className="h-12 w-12 rounded-full" />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Card skeleton - structured content placeholder
+ * <div className="space-y-2">
+ *   <Skeleton className="h-6 w-3/4" />
+ *   <Skeleton className="h-4 w-full" />
+ *   <Skeleton className="h-4 w-5/6" />
+ * </div>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Complex layout with multiple skeletons
+ * <Card>
+ *   <CardHeader>
+ *     <div className="flex items-center gap-3">
+ *       <Skeleton className="h-10 w-10 rounded-full" />
+ *       <div className="space-y-2">
+ *         <Skeleton className="h-4 w-24" />
+ *         <Skeleton className="h-3 w-16" />
+ *       </div>
+ *     </div>
+ *   </CardHeader>
+ *   <CardContent>
+ *     <Skeleton className="h-4 w-full" />
+ *     <Skeleton className="h-4 w-4/5" />
+ *   </CardContent>
+ * </Card>
+ * ```
+ *
+ * @param className - Additional CSS classes for customizing size, shape, and appearance
+ * @param props - Standard HTML div element props
+ *
+ * @accessibility
+ * The component includes a pulse animation to indicate loading state and maintains
+ * layout stability. Consider adding aria-busy="true" or aria-label="Loading content"
+ * to parent containers for better screen reader support.
+ *
+ * @see {@link https://ui.shadcn.com/docs/components/skeleton} shadcn/ui Skeleton documentation
+ * @since 1.0.0
+ */
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };
+//# sourceMappingURL=skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/skeleton.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AACH,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQrE;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -0,0 +1,95 @@
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+/**
+ * Slider component for selecting numeric values within a range
+ *
+ * A versatile range input control built on Radix UI Slider primitives that allows users
+ * to select single or multiple values by dragging thumbs along a track. Supports both
+ * horizontal and vertical orientations, custom ranges, step intervals, and accessibility
+ * features for keyboard and touch interaction.
+ *
+ * Based on the shadcn/ui Slider component with enhanced styling and behavior.
+ *
+ * @example
+ * ```tsx
+ * // Basic single-value slider
+ * <Slider defaultValue={[33]} max={100} step={1} />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Controlled slider with state
+ * const [value, setValue] = useState([25])
+ *
+ * <Slider
+ *   value={value}
+ *   onValueChange={setValue}
+ *   max={100}
+ *   step={5}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Range slider with two thumbs
+ * <Slider
+ *   defaultValue={[25, 75]}
+ *   max={100}
+ *   step={1}
+ *   minStepsBetweenThumbs={10}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Vertical orientation
+ * <Slider
+ *   defaultValue={[50]}
+ *   max={100}
+ *   orientation="vertical"
+ *   className="h-60"
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Custom range and step
+ * <Slider
+ *   defaultValue={[500]}
+ *   min={0}
+ *   max={1000}
+ *   step={50}
+ * />
+ * ```
+ *
+ * @accessibility
+ * - Implements WAI-ARIA slider pattern with proper roles and properties
+ * - Arrow keys adjust value by step amount (Left/Down decrease, Right/Up increase)
+ * - Page Up/Page Down adjust by larger increments (10 × step)
+ * - Home/End keys jump to minimum/maximum values
+ * - Supports keyboard navigation with focus visible indicators
+ * - Touch and mouse interaction supported
+ * - Screen reader announcements for value changes
+ * - Disabled state properly communicated to assistive technologies
+ *
+ * @see {@link https://ui.shadcn.com/docs/components/slider} for design patterns
+ * @see {@link https://www.radix-ui.com/docs/primitives/components/slider} for API reference
+ *
+ * @since 1.0.0
+ */
+/**
+ * @param className - Additional CSS classes for styling customization
+ * @param defaultValue - The default value(s) of the slider (uncontrolled)
+ * @param value - The controlled value(s) of the slider
+ * @param min - The minimum value of the slider (default: 0)
+ * @param max - The maximum value of the slider (default: 100)
+ * @param step - The step interval for value changes (default: 1)
+ * @param orientation - The orientation of the slider ("horizontal" | "vertical")
+ * @param disabled - Whether the slider is disabled
+ * @param onValueChange - Callback fired when the value changes
+ * @param minStepsBetweenThumbs - Minimum steps between thumbs in range mode
+ * @param ...props - Additional props passed to the underlying Radix Slider Root
+ */
+declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Slider };
+//# sourceMappingURL=slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/components/ui/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4EG;AACH;;;;;;;;;;;;GAYG;AACH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAO,EACP,GAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CA0CnD;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

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

@@ -0,0 +1,101 @@
+import { type ToasterProps, toast } from "sonner";
+/**
+ * Toast notification container component built on Sonner
+ *
+ * An opinionated toast component that provides beautiful, accessible notifications
+ * with minimal setup. Automatically integrates with the theme system and provides
+ * consistent styling across the application. This is the recommended toast solution
+ * for @neynar/ui projects, replacing previous toast implementations.
+ *
+ * @example
+ * ```tsx
+ * // Add to your app root layout
+ * import { Toaster } from '@neynar/ui/components/ui/sonner';
+ *
+ * export default function RootLayout({ children }) {
+ *   return (
+ *     <html lang="en">
+ *       <body>
+ *         <main>{children}</main>
+ *         <Toaster />
+ *       </body>
+ *     </html>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Basic toast usage from anywhere in your app
+ * import { toast } from 'sonner';
+ *
+ * // Simple notification
+ * toast('Cast published successfully');
+ *
+ * // Success variant
+ * toast.success('Profile updated');
+ *
+ * // With description and action
+ * toast('Event created', {
+ *   description: 'Sunday, December 03, 2023 at 9:00 AM',
+ *   action: {
+ *     label: 'Undo',
+ *     onClick: () => console.log('Undo')
+ *   }
+ * });
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Promise-based toasts for async operations
+ * toast.promise(saveData(), {
+ *   loading: 'Saving changes...',
+ *   success: 'Data saved successfully!',
+ *   error: 'Failed to save changes'
+ * });
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Custom configuration
+ * <Toaster
+ *   position="top-center"
+ *   expand={true}
+ *   richColors
+ *   duration={5000}
+ *   closeButton
+ * />
+ * ```
+ *
+ * @param props - Configuration options for the toast container
+ * @param props.position - Position of toasts on screen. Options: "top-left", "top-center", "top-right", "bottom-left", "bottom-center", "bottom-right". Default: "bottom-right"
+ * @param props.hotkey - Keyboard shortcut to focus toasts. Default: ["altKey", "KeyT"]
+ * @param props.richColors - Enable enhanced colors for different toast types. Default: false
+ * @param props.expand - Expand toasts by default to show full content. Default: false
+ * @param props.duration - Default duration in milliseconds before auto-dismiss. Default: 4000
+ * @param props.gap - Spacing between toasts in pixels. Default: 14
+ * @param props.visibleToasts - Maximum number of toasts visible at once. Default: 3
+ * @param props.closeButton - Show close button on each toast. Default: false
+ * @param props.toastOptions - Default options applied to all toasts
+ * @param props.className - Additional CSS classes for the toast container
+ * @param props.style - Additional inline styles for the toast container
+ * @param props.offset - Offset from viewport edges in pixels or string
+ * @param props.dir - Text direction for toast content. Options: "ltr", "rtl", "auto". Default: "ltr"
+ * @param props.loadingIcon - Custom loading icon component
+ * @param props.icons - Custom icons for different toast types
+ *
+ * @accessibility
+ * - Toasts are announced to screen readers with appropriate ARIA attributes
+ * - Keyboard navigation support with customizable hotkey
+ * - Auto-dismiss functionality with configurable duration
+ * - Focus management for interactive elements within toasts
+ * - Respects user's prefers-reduced-motion settings
+ * - High contrast support for better visibility
+ *
+ * @see {@link https://ui.shadcn.com/docs/components/sonner} - shadcn/ui Sonner documentation
+ * @see {@link https://sonner.emilkowal.ski/} - Official Sonner documentation
+ * @since 1.0.0
+ */
+declare function Toaster({ ...props }: ToasterProps): import("react/jsx-runtime").JSX.Element;
+export { Toaster, toast };
+//# sourceMappingURL=sonner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sonner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,YAAY,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAErE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgGG;AACH,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAiB1C;AAED,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC"}

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

@@ -0,0 +1,192 @@
+import * as React from "react";
+/**
+ * Props for the Stack component
+ *
+ * @public
+ */
+export type StackProps = React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * The spacing between stack items using Tailwind CSS spacing scale
+     *
+     * Controls the gap between child elements using Tailwind's space utilities.
+     * Each value corresponds to a Tailwind spacing unit (1 = 0.25rem, 4 = 1rem, etc.)
+     *
+     * @defaultValue 4
+     * @example
+     * ```tsx
+     * // Tight spacing for compact layouts
+     * <Stack spacing={2}>
+     *   <Button>Save</Button>
+     *   <Button>Cancel</Button>
+     * </Stack>
+     *
+     * // Generous spacing for section separation
+     * <Stack spacing={8}>
+     *   <section>First section</section>
+     *   <section>Second section</section>
+     * </Stack>
+     * ```
+     */
+    spacing?: 1 | 2 | 3 | 4 | 6 | 8 | 12;
+    /**
+     * The layout direction of the stack
+     *
+     * - `"vertical"` - Arranges children in a column with vertical spacing
+     * - `"horizontal"` - Arranges children in a row with horizontal spacing
+     *
+     * @defaultValue "vertical"
+     * @example
+     * ```tsx
+     * // Vertical stack (default)
+     * <Stack>
+     *   <Card>Item 1</Card>
+     *   <Card>Item 2</Card>
+     * </Stack>
+     *
+     * // Horizontal stack for action buttons
+     * <Stack direction="horizontal">
+     *   <Button>Primary</Button>
+     *   <Button variant="outline">Secondary</Button>
+     * </Stack>
+     * ```
+     */
+    direction?: "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 API for common layout patterns without requiring custom CSS.
+ *
+ * This component is particularly useful for:
+ * - Form layouts with consistent field spacing
+ * - Button groups and action bars
+ * - Content sections with uniform gaps
+ * - Navigation lists and menus
+ * - Card layouts and content grids
+ *
+ * @example Basic vertical layout (default)
+ * ```tsx
+ * <Stack>
+ *   <Card>Profile Information</Card>
+ *   <Card>Account Settings</Card>
+ *   <Card>Privacy Controls</Card>
+ * </Stack>
+ * ```
+ *
+ * @example Horizontal action bar
+ * ```tsx
+ * <Stack direction="horizontal" spacing={3}>
+ *   <Button>Save Changes</Button>
+ *   <Button variant="outline">Cancel</Button>
+ *   <Button variant="ghost">Reset</Button>
+ * </Stack>
+ * ```
+ *
+ * @example Form sections with custom spacing
+ * ```tsx
+ * <Stack spacing={6}>
+ *   <fieldset>
+ *     <legend>Personal Information</legend>
+ *     <Stack spacing={3}>
+ *       <Input placeholder="Full Name" />
+ *       <Input placeholder="Email Address" />
+ *     </Stack>
+ *   </fieldset>
+ *   <fieldset>
+ *     <legend>Preferences</legend>
+ *     <Stack spacing={2}>
+ *       <Checkbox>Email notifications</Checkbox>
+ *       <Checkbox>Marketing updates</Checkbox>
+ *     </Stack>
+ *   </fieldset>
+ * </Stack>
+ * ```
+ *
+ * @example Responsive layout with additional styling
+ * ```tsx
+ * <Stack
+ *   spacing={4}
+ *   className="w-full max-w-md mx-auto p-6"
+ * >
+ *   <h2>User Dashboard</h2>
+ *   <Stack direction="horizontal" spacing={2} className="justify-between">
+ *     <Badge>Online</Badge>
+ *     <Button size="sm">Edit Profile</Button>
+ *   </Stack>
+ * </Stack>
+ * ```
+ *
+ * @remarks
+ * **Design Philosophy:**
+ * - Follows the principle of consistent spacing throughout the UI
+ * - Uses Tailwind's spacing scale for predictable sizing
+ * - Composable with other layout components
+ * - Maintains semantic HTML structure
+ *
+ * **Performance:**
+ * - Lightweight wrapper around flexbox CSS
+ * - No JavaScript overhead for layout calculations
+ * - Leverages Tailwind's JIT compilation for minimal CSS
+ *
+ * **Accessibility:**
+ * - Preserves natural document flow and reading order
+ * - Compatible with screen readers and keyboard navigation
+ * - Supports semantic HTML elements as children
+ * - Does not interfere with focus management
+ *
+ * @public
+ * @since 1.0.0
+ * @see {@link https://tailwindcss.com/docs/space} Tailwind CSS spacing utilities
+ */
+declare const Stack: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * The spacing between stack items using Tailwind CSS spacing scale
+     *
+     * Controls the gap between child elements using Tailwind's space utilities.
+     * Each value corresponds to a Tailwind spacing unit (1 = 0.25rem, 4 = 1rem, etc.)
+     *
+     * @defaultValue 4
+     * @example
+     * ```tsx
+     * // Tight spacing for compact layouts
+     * <Stack spacing={2}>
+     *   <Button>Save</Button>
+     *   <Button>Cancel</Button>
+     * </Stack>
+     *
+     * // Generous spacing for section separation
+     * <Stack spacing={8}>
+     *   <section>First section</section>
+     *   <section>Second section</section>
+     * </Stack>
+     * ```
+     */
+    spacing?: 1 | 2 | 3 | 4 | 6 | 8 | 12;
+    /**
+     * The layout direction of the stack
+     *
+     * - `"vertical"` - Arranges children in a column with vertical spacing
+     * - `"horizontal"` - Arranges children in a row with horizontal spacing
+     *
+     * @defaultValue "vertical"
+     * @example
+     * ```tsx
+     * // Vertical stack (default)
+     * <Stack>
+     *   <Card>Item 1</Card>
+     *   <Card>Item 2</Card>
+     * </Stack>
+     *
+     * // Horizontal stack for action buttons
+     * <Stack direction="horizontal">
+     *   <Button>Primary</Button>
+     *   <Button variant="outline">Secondary</Button>
+     * </Stack>
+     * ```
+     */
+    direction?: "vertical" | "horizontal";
+} & React.RefAttributes<HTMLDivElement>>;
+export { Stack };
+//# sourceMappingURL=stack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../src/components/ui/stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC9D;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;IAErC;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;CACvC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuFG;AACH,QAAA,MAAM,KAAK;IAzIT;;;;;;;;;;;;;;;;;;;;;OAqBG;cACO,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE;IAEpC;;;;;;;;;;;;;;;;;;;;;OAqBG;gBACS,UAAU,GAAG,YAAY;wCAwHtC,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}

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

@@ -0,0 +1,71 @@
+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;
+            };
+        };
+    };
+    tags: 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

@@ -0,0 +1 @@
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCwB,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

@@ -0,0 +1,39 @@
+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;
+            };
+        };
+    };
+    tags: 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

@@ -0,0 +1 @@
+{"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;;;;;;;;;;;;CAa0B,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"}

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

@@ -0,0 +1,48 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { Alert } from "../alert";
+declare const meta: {
+    title: string;
+    component: typeof Alert;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        className: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Interactive playground for testing Alert component with all available props and variants.
+ * Use the controls below to experiment with different configurations.
+ */
+export declare const Interactive: Story;
+/**
+ * Comprehensive showcase of all alert variants and styling patterns.
+ * Demonstrates built-in variants, custom styling, and composition patterns.
+ */
+export declare const Variants: Story;
+/**
+ * Real-world context showing alerts in typical application scenarios.
+ * Demonstrates practical usage patterns for designers and business teams.
+ */
+export declare const InContext: Story;
+//# sourceMappingURL=alert.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/stories/alert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAgC,MAAM,UAAU,CAAC;AAG/D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBoB,CAAC;AAE/B,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,KA0EtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAiFvB,CAAC"}