@neynar/ui 0.1.1 → 0.1.2

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

@@ -129,11 +129,12 @@ declare function useSidebar(): SidebarContextProps;
  * @see {@link Sidebar} - Main sidebar component
  * @since 1.0.0
  */
-declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<"div"> & {
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: {
     defaultOpen?: boolean;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
-}): import("react/jsx-runtime").JSX.Element;
+    children?: React.ReactNode;
+} & React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 /**
  * Flexible and responsive navigation sidebar component
  *
@@ -259,11 +260,13 @@ declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: se
  * @see {@link https://ui.shadcn.com/docs/components/sidebar} - shadcn/ui Sidebar documentation
  * @since 1.0.0
  */
-declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<"div"> & {
+declare function Sidebar({ side, variant, collapsible, className, children, ...props }: {
     side?: "left" | "right";
     variant?: "sidebar" | "floating" | "inset";
     collapsible?: "offcanvas" | "icon" | "none";
-}): import("react/jsx-runtime").JSX.Element;
+    className?: string;
+    children?: React.ReactNode;
+} & React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 /**
  * Interactive button component for toggling sidebar visibility
  *
@@ -307,7 +310,10 @@ declare function Sidebar({ side, variant, collapsible, className, children, ...p
  * @see {@link SidebarProvider} - Required context provider
  * @since 1.0.0
  */
-declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarTrigger({ className, onClick, ...props }: {
+    className?: string;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+} & Omit<React.ComponentProps<typeof Button>, "onClick">): import("react/jsx-runtime").JSX.Element;
 /**
  * Interactive rail component for sidebar edge interaction
  *
@@ -340,7 +346,9 @@ declare function SidebarTrigger({ className, onClick, ...props }: React.Componen
  * @see {@link SidebarTrigger} - Alternative toggle button
  * @since 1.0.0
  */
-declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarRail({ className, ...props }: {
+    className?: string;
+} & React.ComponentProps<"button">): import("react/jsx-runtime").JSX.Element;
 /**
  * Main content container that adapts to sidebar layout
  *
@@ -392,7 +400,9 @@ declare function SidebarRail({ className, ...props }: React.ComponentProps<"butt
  * @see {@link SidebarProvider} - Required context provider
  * @since 1.0.0
  */
-declare function SidebarInset({ className, ...props }: React.ComponentProps<"main">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarInset({ className, ...props }: {
+    className?: string;
+} & React.ComponentProps<"main">): import("react/jsx-runtime").JSX.Element;
 /**
  * Input component optimized for sidebar usage
  *
@@ -435,7 +445,9 @@ declare function SidebarInset({ className, ...props }: React.ComponentProps<"mai
  * @see {@link Input} - Base input component
  * @since 1.0.0
  */
-declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarInput({ className, ...props }: {
+    className?: string;
+} & React.ComponentProps<typeof Input>): import("react/jsx-runtime").JSX.Element;
 /**
  * Header section container for sidebar content
  *
@@ -497,7 +509,9 @@ declare function SidebarInput({ className, ...props }: React.ComponentProps<type
  * @see {@link SidebarContent} - Main scrollable content area
  * @since 1.0.0
  */
-declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarHeader({ className, ...props }: {
+    className?: string;
+} & React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 /**
  * Footer section container for sidebar content
  *
@@ -550,7 +564,9 @@ declare function SidebarHeader({ className, ...props }: React.ComponentProps<"di
  * @see {@link SidebarContent} - Main content area
  * @since 1.0.0
  */
-declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarFooter({ className, ...props }: {
+    className?: string;
+} & React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 /**
  * Visual separator for organizing sidebar sections
  *
@@ -602,7 +618,9 @@ declare function SidebarFooter({ className, ...props }: React.ComponentProps<"di
  * @see {@link Separator} - Base separator component
  * @since 1.0.0
  */
-declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarSeparator({ className, ...props }: {
+    className?: string;
+} & React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
 /**
  * Scrollable main content area of the sidebar
  *
@@ -667,7 +685,9 @@ declare function SidebarSeparator({ className, ...props }: React.ComponentProps<
  * @see {@link SidebarMenu} - Menu container component
  * @since 1.0.0
  */
-declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarContent({ className, ...props }: {
+    className?: string;
+} & React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 /**
  * Container for organizing related sidebar navigation items
  *
@@ -718,7 +738,9 @@ declare function SidebarContent({ className, ...props }: React.ComponentProps<"d
  * @see {@link SidebarGroupContent} - Group content container
  * @since 1.0.0
  */
-declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroup({ className, ...props }: {
+    className?: string;
+} & React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 /**
  * Label component for sidebar groups
  *
@@ -766,9 +788,10 @@ declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div
  * @see {@link SidebarGroupAction} - Associated action button
  * @since 1.0.0
  */
-declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<"div"> & {
+declare function SidebarGroupLabel({ className, asChild, ...props }: {
+    className?: string;
     asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+} & React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 /**
  * Action button positioned within sidebar groups
  *
@@ -822,9 +845,10 @@ declare function SidebarGroupLabel({ className, asChild, ...props }: React.Compo
  * @see {@link SidebarGroupLabel} - Associated group label
  * @since 1.0.0
  */
-declare function SidebarGroupAction({ className, asChild, ...props }: React.ComponentProps<"button"> & {
+declare function SidebarGroupAction({ className, asChild, ...props }: {
+    className?: string;
     asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+} & React.ComponentProps<"button">): import("react/jsx-runtime").JSX.Element;
 /**
  * Content container for sidebar group items
  *
@@ -882,7 +906,9 @@ declare function SidebarGroupAction({ className, asChild, ...props }: React.Comp
  * @see {@link SidebarMenu} - Menu container component
  * @since 1.0.0
  */
-declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroupContent({ className, ...props }: {
+    className?: string;
+} & React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 /**
  * Navigation menu container for organizing sidebar items
  *
@@ -946,7 +972,9 @@ declare function SidebarGroupContent({ className, ...props }: React.ComponentPro
  * @see {@link SidebarMenuButton} - Interactive menu button
  * @since 1.0.0
  */
-declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenu({ className, ...props }: {
+    className?: string;
+} & React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
 /**
  * Individual menu item container for sidebar navigation
  *
@@ -1019,7 +1047,19 @@ declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">
  * @see {@link SidebarMenuBadge} - Badge indicator component
  * @since 1.0.0
  */
-declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuItem({ className, ...props }: {
+    className?: string;
+} & React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+/**
+ * SidebarMenuButton variant configuration for visual appearances and sizes
+ *
+ * @variant default - Standard menu button with subtle hover states
+ * @variant outline - Button with border background that highlights on interaction
+ *
+ * @size default - Standard button height (h-8) with text-sm
+ * @size sm - Compact button height (h-7) with text-xs for dense layouts
+ * @size lg - Large button height (h-12) with text-sm, collapses to icon padding when sidebar is collapsed
+ */
 declare const sidebarMenuButtonVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
@@ -1120,11 +1160,12 @@ declare const sidebarMenuButtonVariants: (props?: ({
  * @see {@link useSidebar} - Hook for sidebar state
  * @since 1.0.0
  */
-declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<"button"> & {
+declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: {
     asChild?: boolean;
     isActive?: boolean;
     tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): import("react/jsx-runtime").JSX.Element;
+    className?: string;
+} & VariantProps<typeof sidebarMenuButtonVariants> & React.ComponentProps<"button">): import("react/jsx-runtime").JSX.Element;
 /**
  * Secondary action button for sidebar menu items
  *
@@ -1199,10 +1240,11 @@ declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip,
  * @see {@link SidebarMenuButton} - Primary menu button
  * @since 1.0.0
  */
-declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React.ComponentProps<"button"> & {
+declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: {
+    className?: string;
     asChild?: boolean;
     showOnHover?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+} & React.ComponentProps<"button">): import("react/jsx-runtime").JSX.Element;
 /**
  * Badge indicator component for menu items
  *
@@ -1268,7 +1310,9 @@ declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }
  * @see {@link SidebarMenuButton} - Associated menu button
  * @since 1.0.0
  */
-declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuBadge({ className, ...props }: {
+    className?: string;
+} & React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 /**
  * Loading skeleton placeholder for menu items
  *
@@ -1341,9 +1385,10 @@ declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<
  * @see {@link Skeleton} - Base skeleton component
  * @since 1.0.0
  */
-declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<"div"> & {
+declare function SidebarMenuSkeleton({ className, showIcon, ...props }: {
+    className?: string;
     showIcon?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+} & React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 /**
  * Submenu container for hierarchical navigation
  *
@@ -1423,7 +1468,9 @@ declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.Co
  * @see {@link SidebarMenuItem} - Parent menu item
  * @since 1.0.0
  */
-declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSub({ className, ...props }: {
+    className?: string;
+} & React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
 /**
  * Individual item container within submenu navigation
  *
@@ -1470,7 +1517,9 @@ declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<"u
  * @see {@link SidebarMenuSubButton} - Interactive button component
  * @since 1.0.0
  */
-declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSubItem({ className, ...props }: {
+    className?: string;
+} & React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
 /**
  * Interactive button component for submenu navigation
  *
@@ -1552,10 +1601,11 @@ declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProp
  * @see {@link SidebarMenuButton} - Parent menu button
  * @since 1.0.0
  */
-declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React.ComponentProps<"a"> & {
+declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: {
     asChild?: boolean;
     size?: "sm" | "md";
     isActive?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+    className?: string;
+} & React.ComponentProps<"a">): import("react/jsx-runtime").JSX.Element;
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };
 //# sourceMappingURL=sidebar.d.ts.map

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

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

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

@@ -1,64 +1,126 @@
 /**
- * A skeleton component for displaying loading placeholders that improve perceived performance
+ * Skeleton - Animated loading placeholder that improves 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.
+ * A lightweight component that creates animated placeholders mimicking the structure
+ * and layout of content being loaded. Features a subtle pulse animation to indicate
+ * loading state while maintaining 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.
+ * Built on standard HTML div element with Tailwind CSS animations. Designed to be
+ * highly composable and can be shaped to match any content structure using className.
+ * The component uses semantic presentation role by default for optimal accessibility.
  *
  * @example
  * ```tsx
- * // Basic usage - simple text placeholder
+ * // Basic text content placeholder
  * <Skeleton className="h-4 w-[250px]" />
  * ```
  *
  * @example
  * ```tsx
- * // Avatar skeleton - circular placeholder
- * <Skeleton className="h-12 w-12 rounded-full" />
+ * // Avatar placeholder - circular skeleton
+ * <Skeleton className="h-12 w-12 rounded-full" aria-label="Loading user avatar" />
  * ```
  *
  * @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" />
+ * // Button placeholder with proper dimensions
+ * <Skeleton className="h-10 w-24 rounded-md" aria-label="Loading action button" />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Image placeholder with aspect ratio
+ * <Skeleton className="h-48 w-full rounded-lg" aria-label="Loading featured image" />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Card content structure - multiple related skeletons
+ * <div className="space-y-3" aria-busy="true" aria-label="Loading article content">
+ *   <Skeleton className="h-6 w-3/4" /> // Title
+ *   <Skeleton className="h-4 w-full" /> // First line
+ *   <Skeleton className="h-4 w-5/6" /> // Second line
+ *   <Skeleton className="h-4 w-4/5" /> // Third line
  * </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>
+ * // Complex user profile layout
+ * <Card className="p-6">
+ *   <div className="flex items-center gap-4 mb-4">
+ *     <Skeleton className="h-16 w-16 rounded-full" aria-label="Loading profile picture" />
+ *     <div className="space-y-2">
+ *       <Skeleton className="h-5 w-32" /> // Name
+ *       <Skeleton className="h-4 w-24" /> // Title
+ *       <Skeleton className="h-3 w-20" /> // Status
  *     </div>
- *   </CardHeader>
- *   <CardContent>
+ *   </div>
+ *   <div className="space-y-3">
  *     <Skeleton className="h-4 w-full" />
  *     <Skeleton className="h-4 w-4/5" />
- *   </CardContent>
+ *     <Skeleton className="h-32 w-full rounded-md" /> // Content area
+ *   </div>
  * </Card>
  * ```
  *
- * @param className - Additional CSS classes for customizing size, shape, and appearance
- * @param props - Standard HTML div element props
+ * @example
+ * ```tsx
+ * // Data table loading state
+ * <div className="space-y-2" aria-busy="true" aria-label="Loading table data">
+ *   {Array.from({ length: 5 }).map((_, index) => (
+ *     <div key={index} className="flex items-center gap-4 p-2">
+ *       <Skeleton className="h-8 w-8 rounded-full" />
+ *       <Skeleton className="h-4 w-32" />
+ *       <Skeleton className="h-4 w-24" />
+ *       <Skeleton className="h-4 w-16" />
+ *       <div className="ml-auto">
+ *         <Skeleton className="h-8 w-20 rounded-md" />
+ *       </div>
+ *     </div>
+ *   ))}
+ * </div>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Navigation menu loading
+ * <nav className="space-y-2" aria-label="Loading navigation">
+ *   {Array.from({ length: 4 }).map((_, index) => (
+ *     <div key={index} className="flex items-center gap-3 p-2">
+ *       <Skeleton className="h-5 w-5 rounded" /> // Icon
+ *       <Skeleton className="h-4 w-20" /> // Label
+ *     </div>
+ *   ))}
+ * </nav>
+ * ```
  *
  * @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.
+ * - Uses pulse animation to indicate loading state without being distracting
+ * - Maintains layout dimensions to prevent content jumping when real content loads
+ * - Supports ARIA labels for screen reader context when representing specific content
+ * - Consider wrapping multiple related skeletons in containers with aria-busy="true"
+ * - Respects prefers-reduced-motion user preference through Tailwind's animate-pulse
+ * - Use meaningful aria-label values to describe what content is being loaded
+ * - Group related skeletons with appropriate ARIA landmarks for better navigation
+ *
+ * @performance
+ * - Lightweight implementation with minimal DOM overhead
+ * - CSS-based pulse animation is GPU-accelerated and performant
+ * - No JavaScript animations or intervals for optimal battery life
+ * - Optimized for SSR and hydration without layout shifts
+ *
+ * @styling
+ * - Base classes: bg-accent animate-pulse rounded-md
+ * - Highly customizable via className prop with Tailwind utilities
+ * - Common patterns: h-4 w-[200px] (text), h-12 w-12 rounded-full (avatar)
+ * - Responsive sizing: w-full md:w-1/2 lg:w-1/3 for adaptive layouts
+ * - Shape variants: rounded-none (rectangular), rounded-full (circular), rounded-lg (images)
  *
- * @see {@link https://ui.shadcn.com/docs/components/skeleton} shadcn/ui Skeleton documentation
+ * @see {@link https://ui.shadcn.com/docs/components/skeleton} shadcn/ui Skeleton Documentation
+ * @see {@link Card} Often used within card layouts for structured content loading
+ * @see {@link Avatar} Use with Avatar components for profile loading states
+ * @see {@link Button} Match button dimensions for interactive element placeholders
  * @since 1.0.0
  */
 declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +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"}
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/skeleton.tsx"],"names":[],"mappings":"AAsBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4HG;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

@@ -1,24 +1,26 @@
 import * as React from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
 /**
- * Slider component for selecting numeric values within a range
+ * Slider - Range input control for selecting numeric values
  *
  * 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.
+ * horizontal and vertical orientations, custom ranges, step intervals, and comprehensive
+ * accessibility features for keyboard and touch interaction.
  *
- * Based on the shadcn/ui Slider component with enhanced styling and behavior.
+ * The component automatically renders the appropriate number of thumbs based on the
+ * number of values provided, supporting both single-value and multi-value range selection.
+ * Built with enhanced styling and smooth animations for an optimal user experience.
  *
  * @example
  * ```tsx
  * // Basic single-value slider
- * <Slider defaultValue={[33]} max={100} step={1} />
+ * <Slider defaultValue={[50]} max={100} step={1} />
  * ```
  *
  * @example
  * ```tsx
- * // Controlled slider with state
+ * // Controlled slider with state management
  * const [value, setValue] = useState([25])
  *
  * <Slider
@@ -31,7 +33,7 @@ import * as SliderPrimitive from "@radix-ui/react-slider";
  *
  * @example
  * ```tsx
- * // Range slider with two thumbs
+ * // Range slider with two thumbs for selecting a range
  * <Slider
  *   defaultValue={[25, 75]}
  *   max={100}
@@ -42,7 +44,7 @@ import * as SliderPrimitive from "@radix-ui/react-slider";
  *
  * @example
  * ```tsx
- * // Vertical orientation
+ * // Vertical orientation for space-constrained layouts
  * <Slider
  *   defaultValue={[50]}
  *   max={100}
@@ -53,7 +55,7 @@ import * as SliderPrimitive from "@radix-ui/react-slider";
  *
  * @example
  * ```tsx
- * // Custom range and step
+ * // Custom range and step intervals for precise control
  * <Slider
  *   defaultValue={[500]}
  *   min={0}
@@ -62,34 +64,38 @@ import * as SliderPrimitive from "@radix-ui/react-slider";
  * />
  * ```
  *
+ * @example
+ * ```tsx
+ * // Form integration with name and onValueCommit
+ * <form>
+ *   <Slider
+ *     name="volume"
+ *     defaultValue={[75]}
+ *     max={100}
+ *     onValueCommit={(value) => console.log('Final value:', value)}
+ *   />
+ * </form>
+ * ```
+ *
  * @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
+ * - Full keyboard navigation support:
+ *   - Arrow keys adjust value by step amount (Left/Down decrease, Right/Up increase)
+ *   - Page Up/Page Down adjust by larger increments (typically 10 × step)
+ *   - Shift + Arrow keys for larger adjustments
+ *   - Home/End keys jump to minimum/maximum values
+ * - Focus management with visible focus indicators and ring styling
+ * - Touch and mouse interaction fully supported with proper pointer events
+ * - Screen reader announcements for value changes and state updates
  * - Disabled state properly communicated to assistive technologies
+ * - Automatic form integration with proper name/value pairs
+ * - RTL (right-to-left) text direction support
  *
- * @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
- *
+ * @see {@link https://ui.shadcn.com/docs/components/slider} shadcn/ui Slider Documentation
+ * @see {@link https://www.radix-ui.com/docs/primitives/components/slider} Radix UI Slider API Reference
+ * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/slider/} WAI-ARIA Slider Pattern
  * @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

@@ -1 +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"}
+{"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;AA4C1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+FG;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"}