@fragments-sdk/ui 0.9.0 → 0.9.2

package/dist/components/Sidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Sidebar/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Sidebar.module.scss';\nimport { Tooltip } from '../Tooltip';\nimport { Skeleton } from '../Skeleton';\nimport { Collapsible } from '../Collapsible';\nimport { ScrollArea } from '../ScrollArea';\nimport { useFocusTrap } from '../../utils/a11y';\n\n// ============================================\n// Types\n// ============================================\n\n/** Collapse behavior mode */\nexport type SidebarCollapsible = 'icon' | 'offcanvas' | 'none';\n\nexport interface SidebarProviderProps {\n  children: React.ReactNode;\n  /** Icon-only mode (desktop) - controlled */\n  collapsed?: boolean;\n  /** Initial collapsed state (uncontrolled) */\n  defaultCollapsed?: boolean;\n  /** Callback when collapsed state changes */\n  onCollapsedChange?: (collapsed: boolean) => void;\n  /** Mobile drawer state - controlled */\n  open?: boolean;\n  /** Initial open state (uncontrolled) */\n  defaultOpen?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Width of expanded sidebar */\n  width?: string;\n  /** Width when collapsed */\n  collapsedWidth?: string;\n  /** Sidebar position */\n  position?: 'left' | 'right';\n  /** Collapse behavior: 'icon' (default), 'offcanvas', or 'none' */\n  collapsible?: SidebarCollapsible;\n  /** Enable Cmd/Ctrl+B keyboard shortcut to toggle sidebar */\n  enableKeyboardShortcut?: boolean;\n}\n\nexport interface SidebarProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n  /** Icon-only mode (desktop) - controlled */\n  collapsed?: boolean;\n  /** Initial collapsed state (uncontrolled) */\n  defaultCollapsed?: boolean;\n  /** Callback when collapsed state changes */\n  onCollapsedChange?: (collapsed: boolean) => void;\n  /** Mobile drawer state - controlled */\n  open?: boolean;\n  /** Initial open state (uncontrolled) */\n  defaultOpen?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Width of expanded sidebar */\n  width?: string;\n  /** Width when collapsed */\n  collapsedWidth?: string;\n  /** Sidebar position */\n  position?: 'left' | 'right';\n  /** Collapse behavior: 'icon' (default), 'offcanvas', or 'none' */\n  collapsible?: SidebarCollapsible;\n}\n\nexport interface SidebarHeaderProps {\n  children: React.ReactNode;\n  /** Content to show when sidebar is collapsed (e.g., just logo icon) */\n  collapsedContent?: React.ReactNode;\n  className?: string;\n}\n\nexport interface SidebarNavProps {\n  children: React.ReactNode;\n  /** Accessible label for navigation */\n  'aria-label'?: string;\n  className?: string;\n}\n\nexport interface SidebarSectionProps {\n  children: React.ReactNode;\n  /** Optional section label */\n  label?: string;\n  /** Action element to display in the section header (e.g., \"Add\" button) */\n  action?: React.ReactNode;\n  /** Enable collapsible behavior */\n  collapsible?: boolean;\n  /** Default expanded state (only applies when collapsible is true) */\n  defaultOpen?: boolean;\n  className?: string;\n}\n\nexport interface SidebarSectionActionProps {\n  children: React.ReactNode;\n  /** Click handler */\n  onClick?: () => void;\n  /** Accessible label */\n  'aria-label'?: string;\n  className?: string;\n}\n\nexport interface SidebarItemProps {\n  children: React.ReactNode;\n  /** Icon element (required for collapsed mode visibility) */\n  icon?: React.ReactNode;\n  /** Whether item is currently active/selected */\n  active?: boolean;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Badge content (e.g., notification count) */\n  badge?: React.ReactNode;\n  /** Renders as anchor if provided */\n  href?: string;\n  /** Click handler (renders as button) */\n  onClick?: () => void;\n  /** Whether this item has a submenu */\n  hasSubmenu?: boolean;\n  /** Whether submenu is expanded (controlled) */\n  expanded?: boolean;\n  /** Initial expanded state (uncontrolled) */\n  defaultExpanded?: boolean;\n  /** Callback when expanded state changes */\n  onExpandedChange?: (expanded: boolean) => void;\n  /**\n   * Render as child element (polymorphic). When true, clones the single child\n   * and merges sidebar item props. Useful for rendering as Next.js Link, etc.\n   */\n  asChild?: boolean;\n  className?: string;\n}\n\nexport interface SidebarSubItemProps {\n  children: React.ReactNode;\n  /** Whether item is currently active/selected */\n  active?: boolean;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Renders as anchor if provided */\n  href?: string;\n  /** Click handler (renders as button) */\n  onClick?: () => void;\n  className?: string;\n}\n\nexport interface SidebarFooterProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface SidebarTriggerProps {\n  /** Custom trigger element (uses render prop pattern) */\n  children?: React.ReactNode;\n  /** Accessible label */\n  'aria-label'?: string;\n  className?: string;\n}\n\nexport interface SidebarOverlayProps {\n  className?: string;\n}\n\nexport interface SidebarCollapseToggleProps {\n  /** Accessible label */\n  'aria-label'?: string;\n  className?: string;\n}\n\nexport interface SidebarRailProps {\n  className?: string;\n}\n\nexport interface SidebarMenuSkeletonProps {\n  /** Number of skeleton items to render */\n  count?: number;\n  /** Show icons in skeleton items */\n  showIcon?: boolean;\n  className?: string;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction MenuIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\" />\n    </svg>\n  );\n}\n\nfunction CloseIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z\" />\n    </svg>\n  );\n}\n\nfunction CollapsePanelIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM40,56H80V200H40ZM216,200H96V56H216V200Z\" />\n    </svg>\n  );\n}\n\nfunction ChevronRightIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface SidebarContextValue {\n  collapsed: boolean;\n  setCollapsed: (collapsed: boolean) => void;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  isMobile: boolean;\n  position: 'left' | 'right';\n  width: string;\n  collapsedWidth: string;\n  collapsible: SidebarCollapsible;\n  hasIcons: boolean;\n  toggleSidebar: () => void;\n  sidebarId: string;\n}\n\nconst SidebarContext = React.createContext<SidebarContextValue | null>(null);\n\n/**\n * Hook to access sidebar state and controls.\n * Returns safe defaults if used outside a SidebarProvider/Sidebar.\n */\nfunction useSidebar() {\n  const context = React.useContext(SidebarContext);\n  if (!context) {\n    // Return safe defaults when used outside provider\n    return {\n      collapsed: false,\n      setCollapsed: () => {},\n      open: false,\n      setOpen: () => {},\n      isMobile: false,\n      position: 'left' as const,\n      width: '240px',\n      collapsedWidth: '56px',\n      collapsible: 'icon' as SidebarCollapsible,\n      hasIcons: true,\n      toggleSidebar: () => {},\n      sidebarId: 'sidebar',\n      state: 'expanded' as 'expanded' | 'collapsed' | 'open' | 'closed',\n    };\n  }\n  return {\n    ...context,\n    state: context.isMobile\n      ? (context.open ? 'open' : 'closed')\n      : (context.collapsed ? 'collapsed' : 'expanded'),\n  };\n}\n\n/**\n * @deprecated Use `useSidebar` instead. This will be removed in a future version.\n */\nfunction useSidebarContext() {\n  const context = React.useContext(SidebarContext);\n  if (!context) {\n    throw new Error('Sidebar compound components must be used within a Sidebar');\n  }\n  return context;\n}\n\n// ============================================\n// Hooks\n// ============================================\n\nfunction useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState(false);\n\n  React.useEffect(() => {\n    const mq = window.matchMedia('(max-width: 767px)');\n    setIsMobile(mq.matches);\n    const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches);\n    mq.addEventListener('change', handler);\n    return () => mq.removeEventListener('change', handler);\n  }, []);\n\n  return isMobile;\n}\n\nfunction useControllableState<T>(\n  controlledValue: T | undefined,\n  defaultValue: T,\n  onChange?: (value: T) => void\n): [T, (value: T) => void] {\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : uncontrolledValue;\n\n  const setValue = React.useCallback(\n    (newValue: T) => {\n      if (!isControlled) {\n        setUncontrolledValue(newValue);\n      }\n      onChange?.(newValue);\n    },\n    [isControlled, onChange]\n  );\n\n  return [value, setValue];\n}\n\nfunction hasSidebarItemIcons(children: React.ReactNode): boolean {\n  let found = false;\n\n  const visit = (nodes: React.ReactNode) => {\n    React.Children.forEach(nodes, child => {\n      if (found || !React.isValidElement(child)) return;\n\n      if (child.type === SidebarItem) {\n        const props = child.props as SidebarItemProps;\n        if (props.icon) {\n          found = true;\n          return;\n        }\n      }\n\n      const childProps = child.props as { children?: React.ReactNode };\n      if (childProps?.children) {\n        visit(childProps.children);\n      }\n    });\n  };\n\n  visit(children);\n  return found;\n}\n\n// ============================================\n// Components\n// ============================================\n\n/**\n * SidebarProvider - Wrap your app layout to provide sidebar state to children.\n * This enables external triggers and keyboard shortcuts.\n */\nfunction SidebarProvider({\n  children,\n  collapsed: controlledCollapsed,\n  defaultCollapsed = false,\n  onCollapsedChange,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  width = '240px',\n  collapsedWidth = '56px',\n  position = 'left',\n  collapsible = 'icon',\n  enableKeyboardShortcut = true,\n}: SidebarProviderProps) {\n  const isMobile = useIsMobile();\n  const sidebarId = React.useId();\n\n  const [collapsed, setCollapsed] = useControllableState(\n    controlledCollapsed,\n    defaultCollapsed,\n    onCollapsedChange\n  );\n\n  const [open, setOpen] = useControllableState(\n    controlledOpen,\n    defaultOpen,\n    onOpenChange\n  );\n\n  const toggleSidebar = React.useCallback(() => {\n    if (collapsible === 'none') return;\n    if (isMobile) {\n      setOpen(!open);\n    } else {\n      setCollapsed(!collapsed);\n    }\n  }, [isMobile, open, collapsed, setOpen, setCollapsed, collapsible]);\n\n  // Handle Cmd/Ctrl+B keyboard shortcut\n  React.useEffect(() => {\n    if (!enableKeyboardShortcut || collapsible === 'none') return;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && e.key === 'b') {\n        e.preventDefault();\n        toggleSidebar();\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [enableKeyboardShortcut, toggleSidebar, collapsible]);\n\n  // Handle escape key for mobile drawer\n  React.useEffect(() => {\n    if (!isMobile || !open) return;\n\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        setOpen(false);\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape);\n    return () => document.removeEventListener('keydown', handleEscape);\n  }, [isMobile, open, setOpen]);\n\n  // Lock body scroll when mobile drawer is open\n  React.useEffect(() => {\n    if (!isMobile) return;\n\n    if (open) {\n      document.body.style.overflow = 'hidden';\n    } else {\n      document.body.style.overflow = '';\n    }\n\n    return () => {\n      document.body.style.overflow = '';\n    };\n  }, [isMobile, open]);\n\n  const contextValue: SidebarContextValue = {\n    collapsed,\n    setCollapsed,\n    open,\n    setOpen,\n    isMobile,\n    position,\n    width,\n    collapsedWidth,\n    collapsible,\n    hasIcons: true,\n    toggleSidebar,\n    sidebarId,\n  };\n\n  return (\n    <SidebarContext.Provider value={contextValue}>\n      {children}\n    </SidebarContext.Provider>\n  );\n}\n\nfunction SidebarRoot({\n  children,\n  collapsed: controlledCollapsed,\n  defaultCollapsed = false,\n  onCollapsedChange,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  width = '240px',\n  collapsedWidth = '56px',\n  position = 'left',\n  collapsible = 'icon',\n  className,\n  style: styleProp,\n  'aria-label': ariaLabel,\n  ...htmlProps\n}: SidebarProps) {\n  // Check if we're inside a SidebarProvider\n  const existingContext = React.useContext(SidebarContext);\n  const isMobile = useIsMobile();\n\n  const [internalCollapsed, setInternalCollapsed] = useControllableState(\n    controlledCollapsed,\n    defaultCollapsed,\n    onCollapsedChange\n  );\n\n  const [internalOpen, setInternalOpen] = useControllableState(\n    controlledOpen,\n    defaultOpen,\n    onOpenChange\n  );\n\n  // Use existing context values if inside a provider, otherwise use internal state\n  const collapsed = existingContext ? existingContext.collapsed : internalCollapsed;\n  const setCollapsed = existingContext ? existingContext.setCollapsed : setInternalCollapsed;\n  const open = existingContext ? existingContext.open : internalOpen;\n  const setOpen = existingContext ? existingContext.setOpen : setInternalOpen;\n  const resolvedPosition = existingContext ? existingContext.position : position;\n  const resolvedWidth = existingContext ? existingContext.width : width;\n  const resolvedCollapsedWidth = existingContext ? existingContext.collapsedWidth : collapsedWidth;\n  const resolvedCollapsible = existingContext ? existingContext.collapsible : collapsible;\n  const hasIcons = React.useMemo(() => hasSidebarItemIcons(children), [children]);\n  const shouldCollapseToZero = !isMobile && resolvedCollapsible === 'icon' && collapsed && !hasIcons;\n  const isOffcanvasCollapsed = !isMobile && resolvedCollapsible === 'offcanvas' && collapsed;\n  const effectiveCollapsedWidth = (shouldCollapseToZero || isOffcanvasCollapsed) ? '0px' : resolvedCollapsedWidth;\n  const sidebarId = React.useId();\n  const resolvedSidebarId = existingContext ? existingContext.sidebarId : sidebarId;\n  const sidebarRef = React.useRef<HTMLElement>(null);\n\n  useFocusTrap(sidebarRef, isMobile && open);\n\n  const toggleSidebar = React.useCallback(() => {\n    if (resolvedCollapsible === 'none') return;\n    if (isMobile) {\n      setOpen(!open);\n    } else {\n      setCollapsed(!collapsed);\n    }\n  }, [isMobile, open, collapsed, setOpen, setCollapsed, resolvedCollapsible]);\n\n  // Handle escape key for mobile drawer (only if no provider)\n  React.useEffect(() => {\n    if (existingContext) return; // Provider handles this\n    if (!isMobile || !open) return;\n\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        setOpen(false);\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape);\n    return () => document.removeEventListener('keydown', handleEscape);\n  }, [existingContext, isMobile, open, setOpen]);\n\n  // Lock body scroll when mobile drawer is open (only if no provider)\n  React.useEffect(() => {\n    if (existingContext) return; // Provider handles this\n    if (!isMobile) return;\n\n    if (open) {\n      document.body.style.overflow = 'hidden';\n    } else {\n      document.body.style.overflow = '';\n    }\n\n    return () => {\n      document.body.style.overflow = '';\n    };\n  }, [existingContext, isMobile, open]);\n\n  const contextValue: SidebarContextValue = {\n    ...(existingContext || {\n      collapsed,\n      setCollapsed,\n      open,\n      setOpen,\n      isMobile,\n      position: resolvedPosition,\n      width: resolvedWidth,\n      collapsedWidth: resolvedCollapsedWidth,\n      collapsible: resolvedCollapsible,\n      hasIcons,\n      toggleSidebar,\n      sidebarId: resolvedSidebarId,\n    }),\n    hasIcons,\n  };\n\n  const isCollapsedForStyle = resolvedCollapsible === 'icon' && collapsed;\n\n  const classes = [\n    styles.root,\n    isMobile && styles.mobile,\n    !isMobile && isCollapsedForStyle && styles.collapsed,\n    !isMobile && isCollapsedForStyle && shouldCollapseToZero && styles.collapsedNoIcons,\n    isOffcanvasCollapsed && styles.offcanvasCollapsed,\n    resolvedPosition === 'right' && styles.positionRight,\n    className,\n  ].filter(Boolean).join(' ');\n\n  const style: React.CSSProperties = {\n    '--sidebar-width': resolvedWidth,\n    '--sidebar-collapsed-width': resolvedCollapsedWidth,\n    '--sidebar-effective-collapsed-width': effectiveCollapsedWidth,\n    ...styleProp,\n  } as React.CSSProperties;\n\n  const content = (\n    <aside\n      ref={sidebarRef}\n      id={resolvedSidebarId}\n      {...htmlProps}\n      className={classes}\n      style={style}\n      role={isMobile ? 'dialog' : undefined}\n      aria-modal={isMobile && open ? true : undefined}\n      aria-hidden={isMobile && !open ? true : undefined}\n      aria-label={isMobile ? (ariaLabel || 'Sidebar navigation') : ariaLabel}\n      data-state={isMobile ? (open ? 'open' : 'closed') : (collapsed ? 'collapsed' : 'expanded')}\n      data-position={resolvedPosition}\n      data-collapsible={resolvedCollapsible}\n      data-icon-collapse={resolvedCollapsible === 'icon' ? (hasIcons ? 'icons' : 'none') : undefined}\n    >\n      {children}\n    </aside>\n  );\n\n  return (\n    <SidebarContext.Provider value={contextValue}>\n      {content}\n    </SidebarContext.Provider>\n  );\n}\n\nfunction SidebarHeader({ children, collapsedContent, className }: SidebarHeaderProps) {\n  const { collapsed, isMobile } = useSidebarContext();\n  const isCollapsed = collapsed && !isMobile;\n  const classes = [styles.header, className].filter(Boolean).join(' ');\n\n  // Show collapsed content when sidebar is collapsed (and we have it), otherwise show children\n  const content = isCollapsed && collapsedContent ? collapsedContent : children;\n\n  return <div className={classes}>{content}</div>;\n}\n\nfunction SidebarNav({ children, 'aria-label': ariaLabel = 'Main navigation', className }: SidebarNavProps) {\n  const classes = [styles.nav, className].filter(Boolean).join(' ');\n  return (\n    <nav className={classes} aria-label={ariaLabel}>\n      <ScrollArea orientation=\"vertical\" showFades className={styles.navScrollArea}>\n        {children}\n      </ScrollArea>\n    </nav>\n  );\n}\n\nfunction SidebarSection({\n  children,\n  label,\n  action,\n  collapsible: isCollapsibleProp = false,\n  defaultOpen = true,\n  className\n}: SidebarSectionProps) {\n  const { collapsed, isMobile } = useSidebarContext();\n\n  const classes = [\n    styles.section,\n    className\n  ].filter(Boolean).join(' ');\n\n  const showLabel = label && (!collapsed || isMobile);\n  const showAction = action && (!collapsed || isMobile);\n  const isCollapsible = isCollapsibleProp && showLabel;\n\n  // Non-collapsible section\n  if (!isCollapsible) {\n    return (\n      <div className={classes} role=\"group\" aria-label={label}>\n        {(showLabel || showAction) && (\n          <div className={styles.sectionHeader}>\n            {showLabel && <div className={styles.sectionLabel}>{label}</div>}\n            {showAction && <div className={styles.sectionActionWrapper}>{action}</div>}\n          </div>\n        )}\n        <ul className={styles.sectionList}>\n          {children}\n        </ul>\n      </div>\n    );\n  }\n\n  // Collapsible section using Collapsible component\n  return (\n    <div className={classes} role=\"group\" aria-label={label}>\n      <Collapsible defaultOpen={defaultOpen} className={styles.sectionCollapsible}>\n        <div className={styles.sectionHeader}>\n          <Collapsible.Trigger\n            className={styles.sectionTrigger}\n            chevronPosition=\"end\"\n          >\n            <span className={styles.sectionLabel}>{label}</span>\n          </Collapsible.Trigger>\n          {showAction && <div className={styles.sectionActionWrapper}>{action}</div>}\n        </div>\n        <Collapsible.Content className={styles.sectionContent}>\n          <ul className={styles.sectionList}>\n            {children}\n          </ul>\n        </Collapsible.Content>\n      </Collapsible>\n    </div>\n  );\n}\n\nfunction SidebarSectionAction({\n  children,\n  onClick,\n  'aria-label': ariaLabel,\n  className,\n}: SidebarSectionActionProps) {\n  const classes = [styles.sectionAction, className].filter(Boolean).join(' ');\n\n  return (\n    <button\n      type=\"button\"\n      className={classes}\n      onClick={onClick}\n      aria-label={ariaLabel}\n    >\n      {children}\n    </button>\n  );\n}\n\nfunction SidebarItem({\n  children,\n  icon,\n  active = false,\n  disabled = false,\n  badge,\n  href,\n  onClick,\n  hasSubmenu = false,\n  expanded: controlledExpanded,\n  defaultExpanded = false,\n  onExpandedChange,\n  asChild = false,\n  className,\n}: SidebarItemProps) {\n  const { collapsed, isMobile } = useSidebarContext();\n  const [expanded, setExpanded] = useControllableState(\n    controlledExpanded,\n    defaultExpanded,\n    onExpandedChange\n  );\n\n  const isCollapsed = collapsed && !isMobile;\n  const showLabel = !isCollapsed;\n\n  const classes = [\n    styles.item,\n    active && styles.itemActive,\n    disabled && styles.itemDisabled,\n    hasSubmenu && styles.itemHasSubmenu,\n    expanded && styles.itemExpanded,\n    className,\n  ].filter(Boolean).join(' ');\n\n  const handleClick = (e: React.MouseEvent) => {\n    if (disabled) {\n      e.preventDefault();\n      return;\n    }\n    if (hasSubmenu) {\n      e.preventDefault();\n      setExpanded(!expanded);\n    }\n    onClick?.();\n  };\n\n  // Extract text content from children for aria-label when collapsed\n  // For asChild, try to extract from the child's children prop\n  let labelText: string | undefined;\n  if (asChild && React.isValidElement(children)) {\n    const childProps = children.props as { children?: React.ReactNode };\n    labelText = typeof childProps.children === 'string' ? childProps.children : undefined;\n  } else {\n    labelText = typeof children === 'string' ? children : undefined;\n  }\n\n  const itemContent = (\n    <>\n      {icon && <span className={styles.itemIcon}>{icon}</span>}\n      {showLabel && <span className={styles.itemLabel}>{asChild && React.isValidElement(children) ? (children.props as { children?: React.ReactNode }).children : children}</span>}\n      {showLabel && badge && <span className={styles.itemBadge}>{badge}</span>}\n      {showLabel && hasSubmenu && (\n        <span className={styles.itemChevron}>\n          <ChevronRightIcon />\n        </span>\n      )}\n    </>\n  );\n\n  const itemProps = {\n    className: classes,\n    onClick: handleClick,\n    'aria-current': active ? 'page' as const : undefined,\n    'aria-disabled': disabled || undefined,\n    'aria-expanded': hasSubmenu ? expanded : undefined,\n    'aria-label': isCollapsed ? labelText : undefined,\n    tabIndex: disabled ? -1 : 0,\n  };\n\n  let itemElement: React.ReactElement;\n\n  if (asChild && React.isValidElement(children)) {\n    // Clone the child element and merge props\n    itemElement = React.cloneElement(children, {\n      ...itemProps,\n      // Merge classNames\n      className: [classes, (children.props as { className?: string }).className].filter(Boolean).join(' '),\n      children: itemContent,\n    } as React.HTMLAttributes<HTMLElement>);\n  } else if (href) {\n    itemElement = (\n      <a {...itemProps} href={href}>\n        {itemContent}\n      </a>\n    );\n  } else {\n    itemElement = (\n      <button {...itemProps} type=\"button\">\n        {itemContent}\n      </button>\n    );\n  }\n\n  // Wrap in tooltip when collapsed\n  const wrappedItem = isCollapsed ? (\n    <Tooltip content={labelText || children} side=\"right\" delay={100}>\n      {itemElement}\n    </Tooltip>\n  ) : (\n    itemElement\n  );\n\n  const wrapperClasses = [\n    styles.itemWrapper,\n    expanded && styles.itemExpanded,\n  ].filter(Boolean).join(' ');\n\n  return <li className={wrapperClasses}>{wrappedItem}</li>;\n}\n\nfunction SidebarSubItem({\n  children,\n  active = false,\n  disabled = false,\n  href,\n  onClick,\n  className,\n}: SidebarSubItemProps) {\n  const { collapsed, isMobile } = useSidebarContext();\n\n  // Don't render sub-items when collapsed (unless mobile)\n  if (collapsed && !isMobile) {\n    return null;\n  }\n\n  const classes = [\n    styles.subItem,\n    active && styles.subItemActive,\n    disabled && styles.subItemDisabled,\n    className,\n  ].filter(Boolean).join(' ');\n\n  const handleClick = (e: React.MouseEvent) => {\n    if (disabled) {\n      e.preventDefault();\n      return;\n    }\n    onClick?.();\n  };\n\n  const itemProps = {\n    className: classes,\n    onClick: handleClick,\n    'aria-current': active ? 'page' as const : undefined,\n    'aria-disabled': disabled,\n    tabIndex: disabled ? -1 : 0,\n  };\n\n  const itemElement = href ? (\n    <a {...itemProps} href={href}>\n      {children}\n    </a>\n  ) : (\n    <button {...itemProps} type=\"button\">\n      {children}\n    </button>\n  );\n\n  return <li className={styles.subItemWrapper}>{itemElement}</li>;\n}\n\nfunction SidebarSubmenu({ children }: { children: React.ReactNode }) {\n  return (\n    <li className={styles.submenuWrapper}>\n      <ul className={styles.submenu}>\n        {children}\n      </ul>\n    </li>\n  );\n}\n\nfunction SidebarFooter({ children, className }: SidebarFooterProps) {\n  const classes = [styles.footer, className].filter(Boolean).join(' ');\n  return <div className={classes}>{children}</div>;\n}\n\nfunction SidebarTrigger({ children, 'aria-label': ariaLabel = 'Toggle navigation', className }: SidebarTriggerProps) {\n  const { open, setOpen, isMobile, sidebarId } = useSidebarContext();\n\n  // Only render trigger on mobile\n  if (!isMobile) {\n    return null;\n  }\n\n  const classes = [styles.trigger, className].filter(Boolean).join(' ');\n\n  return (\n    <button\n      type=\"button\"\n      className={classes}\n      onClick={() => setOpen(!open)}\n      aria-label={ariaLabel}\n      aria-expanded={open}\n      aria-controls={sidebarId}\n    >\n      {children || (open ? <CloseIcon /> : <MenuIcon />)}\n    </button>\n  );\n}\n\nfunction SidebarOverlay({ className }: SidebarOverlayProps) {\n  const { open, setOpen, isMobile } = useSidebarContext();\n\n  // Only render overlay on mobile when open\n  if (!isMobile || !open) {\n    return null;\n  }\n\n  const classes = [styles.overlay, className].filter(Boolean).join(' ');\n\n  return (\n    <div\n      className={classes}\n      onClick={() => setOpen(false)}\n      aria-hidden=\"true\"\n      data-state={open ? 'open' : 'closed'}\n    />\n  );\n}\n\nfunction SidebarCollapseToggle({ 'aria-label': ariaLabel, className }: SidebarCollapseToggleProps) {\n  const { collapsed, setCollapsed, isMobile, collapsible, hasIcons } = useSidebarContext();\n\n  // Don't show on mobile or when collapsing is disabled\n  if (isMobile || collapsible === 'none') {\n    return null;\n  }\n\n  const shouldFloat = collapsed && (\n    (collapsible === 'icon' && !hasIcons) ||\n    collapsible === 'offcanvas'\n  );\n  const classes = [\n    styles.collapseToggle,\n    shouldFloat && styles.collapseToggleFloating,\n    className,\n  ].filter(Boolean).join(' ');\n  const label = ariaLabel || (collapsed ? 'Expand sidebar' : 'Collapse sidebar');\n\n  return (\n    <button\n      type=\"button\"\n      className={classes}\n      onClick={() => setCollapsed(!collapsed)}\n      aria-label={label}\n    >\n      <CollapsePanelIcon />\n    </button>\n  );\n}\n\nfunction SidebarRail({ className }: SidebarRailProps) {\n  const { collapsed, setCollapsed, isMobile, collapsible } = useSidebarContext();\n\n  // Don't show on mobile or when collapsing is disabled\n  if (isMobile || collapsible === 'none') {\n    return null;\n  }\n\n  const classes = [\n    styles.rail,\n    collapsed && styles.railCollapsed,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <button\n      type=\"button\"\n      className={classes}\n      onClick={() => setCollapsed(!collapsed)}\n      aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n      title={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n    />\n  );\n}\n\nfunction SidebarMenuSkeleton({\n  count = 5,\n  showIcon = true,\n  className,\n}: SidebarMenuSkeletonProps) {\n  const { collapsed, isMobile } = useSidebarContext();\n  const isCollapsed = collapsed && !isMobile;\n\n  const classes = [styles.menuSkeleton, className].filter(Boolean).join(' ');\n  const labelWidths = ['64%', '72%', '68%', '79%', '74%', '66%', '83%', '70%'];\n\n  return (\n    <div className={classes} aria-hidden=\"true\">\n      {Array.from({ length: count }).map((_, i) => (\n        <div key={i} className={styles.skeletonItem}>\n          {showIcon && <Skeleton variant=\"avatar\" size=\"sm\" />}\n          {!isCollapsed && (\n            <Skeleton\n              variant=\"text\"\n              className={styles.skeletonLabel}\n              width={labelWidths[i % labelWidths.length]}\n            />\n          )}\n        </div>\n      ))}\n    </div>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Header: SidebarHeader,\n  Nav: SidebarNav,\n  Section: SidebarSection,\n  SectionAction: SidebarSectionAction,\n  Item: SidebarItem,\n  SubItem: SidebarSubItem,\n  Submenu: SidebarSubmenu,\n  Footer: SidebarFooter,\n  Trigger: SidebarTrigger,\n  Overlay: SidebarOverlay,\n  CollapseToggle: SidebarCollapseToggle,\n  Rail: SidebarRail,\n  MenuSkeleton: SidebarMenuSkeleton,\n});\n\n// Re-export individual components\nexport {\n  SidebarProvider,\n  SidebarRoot,\n  SidebarHeader,\n  SidebarNav,\n  SidebarSection,\n  SidebarSectionAction,\n  SidebarItem,\n  SidebarSubItem,\n  SidebarSubmenu,\n  SidebarFooter,\n  SidebarTrigger,\n  SidebarOverlay,\n  SidebarCollapseToggle,\n  SidebarRail,\n  SidebarMenuSkeleton,\n};\n\n// Export hooks\nexport { useSidebar };\n\n// Export context hook for backwards compatibility (deprecated)\nexport { useSidebarContext };\n"],"names":[],"mappings":"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"}

package/dist/components/Skeleton/Skeleton.module.scss.cjs

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const skeleton = "_skeleton_1qpb2_9";
+const skeletonPulse = "_skeleton-pulse_1qpb2_1";
+const fill = "_fill_1qpb2_20";
+const text = "_text_1qpb2_25";
+const heading = "_heading_1qpb2_31";
+const avatar = "_avatar_1qpb2_37";
+const avatarSm = "_avatar-sm_1qpb2_41";
+const avatarMd = "_avatar-md_1qpb2_46";
+const avatarLg = "_avatar-lg_1qpb2_51";
+const button = "_button_1qpb2_56";
+const buttonSm = "_button-sm_1qpb2_60";
+const buttonMd = "_button-md_1qpb2_65";
+const buttonLg = "_button-lg_1qpb2_70";
+const input = "_input_1qpb2_75";
+const radiusNone = "_radius-none_1qpb2_81";
+const radiusSm = "_radius-sm_1qpb2_85";
+const radiusMd = "_radius-md_1qpb2_89";
+const radiusLg = "_radius-lg_1qpb2_93";
+const radiusFull = "_radius-full_1qpb2_97";
+const textContainer = "_textContainer_1qpb2_101";
+const gapSm = "_gap-sm_1qpb2_107";
+const gapMd = "_gap-md_1qpb2_111";
+const textLine = "_textLine_1qpb2_115";
+const styles = {
+  skeleton,
+  skeletonPulse,
+  "static": "_static_1qpb2_16",
+  fill,
+  text,
+  heading,
+  avatar,
+  avatarSm,
+  avatarMd,
+  avatarLg,
+  button,
+  buttonSm,
+  buttonMd,
+  buttonLg,
+  input,
+  radiusNone,
+  radiusSm,
+  radiusMd,
+  radiusLg,
+  radiusFull,
+  textContainer,
+  gapSm,
+  gapMd,
+  textLine
+};
+exports.avatar = avatar;
+exports.avatarLg = avatarLg;
+exports.avatarMd = avatarMd;
+exports.avatarSm = avatarSm;
+exports.button = button;
+exports.buttonLg = buttonLg;
+exports.buttonMd = buttonMd;
+exports.buttonSm = buttonSm;
+exports.default = styles;
+exports.fill = fill;
+exports.gapMd = gapMd;
+exports.gapSm = gapSm;
+exports.heading = heading;
+exports.input = input;
+exports.radiusFull = radiusFull;
+exports.radiusLg = radiusLg;
+exports.radiusMd = radiusMd;
+exports.radiusNone = radiusNone;
+exports.radiusSm = radiusSm;
+exports.skeleton = skeleton;
+exports.skeletonPulse = skeletonPulse;
+exports.text = text;
+exports.textContainer = textContainer;
+exports.textLine = textLine;
+//# sourceMappingURL=Skeleton.module.scss.cjs.map

package/dist/components/Skeleton/Skeleton.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Skeleton/Skeleton.module.scss.js

@@ -0,0 +1,76 @@
+const skeleton = "_skeleton_1qpb2_9";
+const skeletonPulse = "_skeleton-pulse_1qpb2_1";
+const fill = "_fill_1qpb2_20";
+const text = "_text_1qpb2_25";
+const heading = "_heading_1qpb2_31";
+const avatar = "_avatar_1qpb2_37";
+const avatarSm = "_avatar-sm_1qpb2_41";
+const avatarMd = "_avatar-md_1qpb2_46";
+const avatarLg = "_avatar-lg_1qpb2_51";
+const button = "_button_1qpb2_56";
+const buttonSm = "_button-sm_1qpb2_60";
+const buttonMd = "_button-md_1qpb2_65";
+const buttonLg = "_button-lg_1qpb2_70";
+const input = "_input_1qpb2_75";
+const radiusNone = "_radius-none_1qpb2_81";
+const radiusSm = "_radius-sm_1qpb2_85";
+const radiusMd = "_radius-md_1qpb2_89";
+const radiusLg = "_radius-lg_1qpb2_93";
+const radiusFull = "_radius-full_1qpb2_97";
+const textContainer = "_textContainer_1qpb2_101";
+const gapSm = "_gap-sm_1qpb2_107";
+const gapMd = "_gap-md_1qpb2_111";
+const textLine = "_textLine_1qpb2_115";
+const styles = {
+  skeleton,
+  skeletonPulse,
+  "static": "_static_1qpb2_16",
+  fill,
+  text,
+  heading,
+  avatar,
+  avatarSm,
+  avatarMd,
+  avatarLg,
+  button,
+  buttonSm,
+  buttonMd,
+  buttonLg,
+  input,
+  radiusNone,
+  radiusSm,
+  radiusMd,
+  radiusLg,
+  radiusFull,
+  textContainer,
+  gapSm,
+  gapMd,
+  textLine
+};
+export {
+  avatar,
+  avatarLg,
+  avatarMd,
+  avatarSm,
+  button,
+  buttonLg,
+  buttonMd,
+  buttonSm,
+  styles as default,
+  fill,
+  gapMd,
+  gapSm,
+  heading,
+  input,
+  radiusFull,
+  radiusLg,
+  radiusMd,
+  radiusNone,
+  radiusSm,
+  skeleton,
+  skeletonPulse,
+  text,
+  textContainer,
+  textLine
+};
+//# sourceMappingURL=Skeleton.module.scss.js.map

package/dist/components/Skeleton/Skeleton.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Skeleton/index.cjs

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const Skeleton_module = require("./Skeleton.module.scss.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const SkeletonBase = React__namespace.forwardRef(
+  function SkeletonBase2({
+    variant = "rect",
+    size = "md",
+    width,
+    height,
+    fill = false,
+    radius,
+    static: isStatic = false,
+    className
+  }, ref) {
+    const classes = [
+      Skeleton_module.default.skeleton,
+      Skeleton_module.default[variant],
+      variant === "avatar" && Skeleton_module.default[`avatar-${size}`],
+      variant === "button" && Skeleton_module.default[`button-${size}`],
+      fill && Skeleton_module.default.fill,
+      radius && Skeleton_module.default[`radius-${radius}`],
+      isStatic && Skeleton_module.default.static,
+      className
+    ].filter(Boolean).join(" ");
+    const style = {};
+    if (width !== void 0) {
+      style.width = typeof width === "number" ? `${width}px` : width;
+    }
+    if (height !== void 0) {
+      style.height = typeof height === "number" ? `${height}px` : height;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: classes,
+        style: Object.keys(style).length > 0 ? style : void 0,
+        "aria-hidden": "true"
+      }
+    );
+  }
+);
+function SkeletonText({
+  lines = 3,
+  lastLineWidth = 80,
+  gap = "sm",
+  className
+}) {
+  const containerClasses = [
+    Skeleton_module.default.textContainer,
+    Skeleton_module.default[`gap-${gap}`],
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: containerClasses, "aria-hidden": "true", children: Array.from({ length: lines }, (_, i) => {
+    const isLast = i === lines - 1;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: Skeleton_module.default.textLine,
+        style: isLast && lines > 1 ? { width: `${lastLineWidth}%` } : void 0
+      },
+      i
+    );
+  }) });
+}
+function SkeletonCircle({
+  size = "md",
+  className
+}) {
+  if (typeof size === "number") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      SkeletonBase,
+      {
+        variant: "rect",
+        width: size,
+        height: size,
+        radius: "full",
+        className
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { variant: "avatar", size, className });
+}
+const Skeleton = Object.assign(SkeletonBase, {
+  Text: SkeletonText,
+  Circle: SkeletonCircle
+});
+exports.Skeleton = Skeleton;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Skeleton/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Skeleton/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './Skeleton.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport type SkeletonVariant =\n  | 'text'      // Single line of text, height: 1em\n  | 'heading'   // Heading text, height: 1.5em\n  | 'avatar'    // Circular, uses size prop\n  | 'button'    // Button shape, uses size prop\n  | 'input'     // Form input height\n  | 'rect';     // Rectangle, requires explicit dimensions or fill\n\nexport type SkeletonSize = 'sm' | 'md' | 'lg';\n\nexport interface SkeletonProps {\n  /**\n   * Semantic variant that auto-sizes based on design tokens.\n   * @default 'rect'\n   */\n  variant?: SkeletonVariant;\n  /**\n   * Size variant for avatar/button. Ignored for text/heading/input.\n   * @default 'md'\n   */\n  size?: SkeletonSize;\n  /**\n   * Width in pixels or CSS value. Auto-determined for most variants.\n   */\n  width?: number | string;\n  /**\n   * Height in pixels or CSS value. Auto-determined for semantic variants.\n   */\n  height?: number | string;\n  /**\n   * Fill parent container (100% width and height).\n   * Useful when parent has explicit dimensions.\n   */\n  fill?: boolean;\n  /**\n   * Border radius override. Auto-determined for most variants.\n   */\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /**\n   * Disable animation for reduced motion preference.\n   * @default false\n   */\n  static?: boolean;\n  /** Additional class name */\n  className?: string;\n}\n\nexport interface SkeletonTextProps {\n  /** Number of text lines to render */\n  lines?: number;\n  /**\n   * Width of last line as percentage.\n   * Creates natural paragraph appearance.\n   * @default 80\n   */\n  lastLineWidth?: number;\n  /** Gap between lines. Uses spacing tokens. */\n  gap?: 'sm' | 'md';\n  /** Additional class name */\n  className?: string;\n}\n\n// ============================================\n// Component\n// ============================================\n\nconst SkeletonBase = React.forwardRef<HTMLDivElement, SkeletonProps>(\n  function SkeletonBase(\n    {\n      variant = 'rect',\n      size = 'md',\n      width,\n      height,\n      fill = false,\n      radius,\n      static: isStatic = false,\n      className,\n    },\n    ref\n  ) {\n    const classes = [\n      styles.skeleton,\n      styles[variant],\n      variant === 'avatar' && styles[`avatar-${size}`],\n      variant === 'button' && styles[`button-${size}`],\n      fill && styles.fill,\n      radius && styles[`radius-${radius}`],\n      isStatic && styles.static,\n      className,\n    ].filter(Boolean).join(' ');\n\n    const style: React.CSSProperties = {};\n\n    if (width !== undefined) {\n      style.width = typeof width === 'number' ? `${width}px` : width;\n    }\n    if (height !== undefined) {\n      style.height = typeof height === 'number' ? `${height}px` : height;\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={classes}\n        style={Object.keys(style).length > 0 ? style : undefined}\n        aria-hidden=\"true\"\n      />\n    );\n  }\n);\n\n// ============================================\n// Skeleton.Text - Multi-line text skeleton\n// ============================================\n\nfunction SkeletonText({\n  lines = 3,\n  lastLineWidth = 80,\n  gap = 'sm',\n  className,\n}: SkeletonTextProps) {\n  const containerClasses = [\n    styles.textContainer,\n    styles[`gap-${gap}`],\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div className={containerClasses} aria-hidden=\"true\">\n      {Array.from({ length: lines }, (_, i) => {\n        const isLast = i === lines - 1;\n        return (\n          <div\n            key={i}\n            className={styles.textLine}\n            style={isLast && lines > 1 ? { width: `${lastLineWidth}%` } : undefined}\n          />\n        );\n      })}\n    </div>\n  );\n}\n\n// ============================================\n// Skeleton.Circle - Shorthand for avatar variant\n// ============================================\n\nfunction SkeletonCircle({\n  size = 'md',\n  className,\n}: {\n  size?: SkeletonSize | number;\n  className?: string;\n}) {\n  if (typeof size === 'number') {\n    return (\n      <SkeletonBase\n        variant=\"rect\"\n        width={size}\n        height={size}\n        radius=\"full\"\n        className={className}\n      />\n    );\n  }\n  return <SkeletonBase variant=\"avatar\" size={size} className={className} />;\n}\n\n// ============================================\n// Compound Component\n// ============================================\n\nexport const Skeleton = Object.assign(SkeletonBase, {\n  Text: SkeletonText,\n  Circle: SkeletonCircle,\n});\n"],"names":["React","SkeletonBase","styles","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAyEA,MAAM,eAAeA,iBAAM;AAAA,EACzB,SAASC,cACP;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,QAAQ,WAAW;AAAA,IACnB;AAAA,EAAA,GAEF,KACA;AACA,UAAM,UAAU;AAAA,MACdC,gBAAAA,QAAO;AAAA,MACPA,gBAAAA,QAAO,OAAO;AAAA,MACd,YAAY,YAAYA,gBAAAA,QAAO,UAAU,IAAI,EAAE;AAAA,MAC/C,YAAY,YAAYA,gBAAAA,QAAO,UAAU,IAAI,EAAE;AAAA,MAC/C,QAAQA,gBAAAA,QAAO;AAAA,MACf,UAAUA,gBAAAA,QAAO,UAAU,MAAM,EAAE;AAAA,MACnC,YAAYA,gBAAAA,QAAO;AAAA,MACnB;AAAA,IAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,UAAM,QAA6B,CAAA;AAEnC,QAAI,UAAU,QAAW;AACvB,YAAM,QAAQ,OAAO,UAAU,WAAW,GAAG,KAAK,OAAO;AAAA,IAC3D;AACA,QAAI,WAAW,QAAW;AACxB,YAAM,SAAS,OAAO,WAAW,WAAW,GAAG,MAAM,OAAO;AAAA,IAC9D;AAEA,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,QACX,OAAO,OAAO,KAAK,KAAK,EAAE,SAAS,IAAI,QAAQ;AAAA,QAC/C,eAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlB;AACF;AAMA,SAAS,aAAa;AAAA,EACpB,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN;AACF,GAAsB;AACpB,QAAM,mBAAmB;AAAA,IACvBD,gBAAAA,QAAO;AAAA,IACPA,gBAAAA,QAAO,OAAO,GAAG,EAAE;AAAA,IACnB;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,SACEC,2BAAAA,IAAC,OAAA,EAAI,WAAW,kBAAkB,eAAY,QAC3C,UAAA,MAAM,KAAK,EAAE,QAAQ,MAAA,GAAS,CAAC,GAAG,MAAM;AACvC,UAAM,SAAS,MAAM,QAAQ;AAC7B,WACEA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWD,gBAAAA,QAAO;AAAA,QAClB,OAAO,UAAU,QAAQ,IAAI,EAAE,OAAO,GAAG,aAAa,QAAQ;AAAA,MAAA;AAAA,MAFzD;AAAA,IAAA;AAAA,EAKX,CAAC,EAAA,CACH;AAEJ;AAMA,SAAS,eAAe;AAAA,EACtB,OAAO;AAAA,EACP;AACF,GAGG;AACD,MAAI,OAAO,SAAS,UAAU;AAC5B,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,QAAO;AAAA,QACP;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACA,SAAOA,2BAAAA,IAAC,cAAA,EAAa,SAAQ,UAAS,MAAY,WAAsB;AAC1E;AAMO,MAAM,WAAW,OAAO,OAAO,cAAc;AAAA,EAClD,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;;"}

package/dist/components/Skeleton/index.d.ts

@@ -0,0 +1,64 @@
+import * as React from 'react';
+export type SkeletonVariant = 'text' | 'heading' | 'avatar' | 'button' | 'input' | 'rect';
+export type SkeletonSize = 'sm' | 'md' | 'lg';
+export interface SkeletonProps {
+    /**
+     * Semantic variant that auto-sizes based on design tokens.
+     * @default 'rect'
+     */
+    variant?: SkeletonVariant;
+    /**
+     * Size variant for avatar/button. Ignored for text/heading/input.
+     * @default 'md'
+     */
+    size?: SkeletonSize;
+    /**
+     * Width in pixels or CSS value. Auto-determined for most variants.
+     */
+    width?: number | string;
+    /**
+     * Height in pixels or CSS value. Auto-determined for semantic variants.
+     */
+    height?: number | string;
+    /**
+     * Fill parent container (100% width and height).
+     * Useful when parent has explicit dimensions.
+     */
+    fill?: boolean;
+    /**
+     * Border radius override. Auto-determined for most variants.
+     */
+    radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    /**
+     * Disable animation for reduced motion preference.
+     * @default false
+     */
+    static?: boolean;
+    /** Additional class name */
+    className?: string;
+}
+export interface SkeletonTextProps {
+    /** Number of text lines to render */
+    lines?: number;
+    /**
+     * Width of last line as percentage.
+     * Creates natural paragraph appearance.
+     * @default 80
+     */
+    lastLineWidth?: number;
+    /** Gap between lines. Uses spacing tokens. */
+    gap?: 'sm' | 'md';
+    /** Additional class name */
+    className?: string;
+}
+declare function SkeletonText({ lines, lastLineWidth, gap, className, }: SkeletonTextProps): import("react/jsx-runtime").JSX.Element;
+declare function SkeletonCircle({ size, className, }: {
+    size?: SkeletonSize | number;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>> & {
+    Text: typeof SkeletonText;
+    Circle: typeof SkeletonCircle;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,eAAe,GACvB,MAAM,GACN,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,MAAM,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuDD,iBAAS,YAAY,CAAC,EACpB,KAAS,EACT,aAAkB,EAClB,GAAU,EACV,SAAS,GACV,EAAE,iBAAiB,2CAqBnB;AAMD,iBAAS,cAAc,CAAC,EACtB,IAAW,EACX,SAAS,GACV,EAAE;IACD,IAAI,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAaA;AAMD,eAAO,MAAM,QAAQ;;;CAGnB,CAAC"}

package/dist/components/Skeleton/index.js

@@ -0,0 +1,91 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import styles from "./Skeleton.module.scss.js";
+const SkeletonBase = React.forwardRef(
+  function SkeletonBase2({
+    variant = "rect",
+    size = "md",
+    width,
+    height,
+    fill = false,
+    radius,
+    static: isStatic = false,
+    className
+  }, ref) {
+    const classes = [
+      styles.skeleton,
+      styles[variant],
+      variant === "avatar" && styles[`avatar-${size}`],
+      variant === "button" && styles[`button-${size}`],
+      fill && styles.fill,
+      radius && styles[`radius-${radius}`],
+      isStatic && styles.static,
+      className
+    ].filter(Boolean).join(" ");
+    const style = {};
+    if (width !== void 0) {
+      style.width = typeof width === "number" ? `${width}px` : width;
+    }
+    if (height !== void 0) {
+      style.height = typeof height === "number" ? `${height}px` : height;
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: classes,
+        style: Object.keys(style).length > 0 ? style : void 0,
+        "aria-hidden": "true"
+      }
+    );
+  }
+);
+function SkeletonText({
+  lines = 3,
+  lastLineWidth = 80,
+  gap = "sm",
+  className
+}) {
+  const containerClasses = [
+    styles.textContainer,
+    styles[`gap-${gap}`],
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("div", { className: containerClasses, "aria-hidden": "true", children: Array.from({ length: lines }, (_, i) => {
+    const isLast = i === lines - 1;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: styles.textLine,
+        style: isLast && lines > 1 ? { width: `${lastLineWidth}%` } : void 0
+      },
+      i
+    );
+  }) });
+}
+function SkeletonCircle({
+  size = "md",
+  className
+}) {
+  if (typeof size === "number") {
+    return /* @__PURE__ */ jsx(
+      SkeletonBase,
+      {
+        variant: "rect",
+        width: size,
+        height: size,
+        radius: "full",
+        className
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(SkeletonBase, { variant: "avatar", size, className });
+}
+const Skeleton = Object.assign(SkeletonBase, {
+  Text: SkeletonText,
+  Circle: SkeletonCircle
+});
+export {
+  Skeleton
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Skeleton/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './Skeleton.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport type SkeletonVariant =\n  | 'text'      // Single line of text, height: 1em\n  | 'heading'   // Heading text, height: 1.5em\n  | 'avatar'    // Circular, uses size prop\n  | 'button'    // Button shape, uses size prop\n  | 'input'     // Form input height\n  | 'rect';     // Rectangle, requires explicit dimensions or fill\n\nexport type SkeletonSize = 'sm' | 'md' | 'lg';\n\nexport interface SkeletonProps {\n  /**\n   * Semantic variant that auto-sizes based on design tokens.\n   * @default 'rect'\n   */\n  variant?: SkeletonVariant;\n  /**\n   * Size variant for avatar/button. Ignored for text/heading/input.\n   * @default 'md'\n   */\n  size?: SkeletonSize;\n  /**\n   * Width in pixels or CSS value. Auto-determined for most variants.\n   */\n  width?: number | string;\n  /**\n   * Height in pixels or CSS value. Auto-determined for semantic variants.\n   */\n  height?: number | string;\n  /**\n   * Fill parent container (100% width and height).\n   * Useful when parent has explicit dimensions.\n   */\n  fill?: boolean;\n  /**\n   * Border radius override. Auto-determined for most variants.\n   */\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /**\n   * Disable animation for reduced motion preference.\n   * @default false\n   */\n  static?: boolean;\n  /** Additional class name */\n  className?: string;\n}\n\nexport interface SkeletonTextProps {\n  /** Number of text lines to render */\n  lines?: number;\n  /**\n   * Width of last line as percentage.\n   * Creates natural paragraph appearance.\n   * @default 80\n   */\n  lastLineWidth?: number;\n  /** Gap between lines. Uses spacing tokens. */\n  gap?: 'sm' | 'md';\n  /** Additional class name */\n  className?: string;\n}\n\n// ============================================\n// Component\n// ============================================\n\nconst SkeletonBase = React.forwardRef<HTMLDivElement, SkeletonProps>(\n  function SkeletonBase(\n    {\n      variant = 'rect',\n      size = 'md',\n      width,\n      height,\n      fill = false,\n      radius,\n      static: isStatic = false,\n      className,\n    },\n    ref\n  ) {\n    const classes = [\n      styles.skeleton,\n      styles[variant],\n      variant === 'avatar' && styles[`avatar-${size}`],\n      variant === 'button' && styles[`button-${size}`],\n      fill && styles.fill,\n      radius && styles[`radius-${radius}`],\n      isStatic && styles.static,\n      className,\n    ].filter(Boolean).join(' ');\n\n    const style: React.CSSProperties = {};\n\n    if (width !== undefined) {\n      style.width = typeof width === 'number' ? `${width}px` : width;\n    }\n    if (height !== undefined) {\n      style.height = typeof height === 'number' ? `${height}px` : height;\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={classes}\n        style={Object.keys(style).length > 0 ? style : undefined}\n        aria-hidden=\"true\"\n      />\n    );\n  }\n);\n\n// ============================================\n// Skeleton.Text - Multi-line text skeleton\n// ============================================\n\nfunction SkeletonText({\n  lines = 3,\n  lastLineWidth = 80,\n  gap = 'sm',\n  className,\n}: SkeletonTextProps) {\n  const containerClasses = [\n    styles.textContainer,\n    styles[`gap-${gap}`],\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div className={containerClasses} aria-hidden=\"true\">\n      {Array.from({ length: lines }, (_, i) => {\n        const isLast = i === lines - 1;\n        return (\n          <div\n            key={i}\n            className={styles.textLine}\n            style={isLast && lines > 1 ? { width: `${lastLineWidth}%` } : undefined}\n          />\n        );\n      })}\n    </div>\n  );\n}\n\n// ============================================\n// Skeleton.Circle - Shorthand for avatar variant\n// ============================================\n\nfunction SkeletonCircle({\n  size = 'md',\n  className,\n}: {\n  size?: SkeletonSize | number;\n  className?: string;\n}) {\n  if (typeof size === 'number') {\n    return (\n      <SkeletonBase\n        variant=\"rect\"\n        width={size}\n        height={size}\n        radius=\"full\"\n        className={className}\n      />\n    );\n  }\n  return <SkeletonBase variant=\"avatar\" size={size} className={className} />;\n}\n\n// ============================================\n// Compound Component\n// ============================================\n\nexport const Skeleton = Object.assign(SkeletonBase, {\n  Text: SkeletonText,\n  Circle: SkeletonCircle,\n});\n"],"names":["SkeletonBase"],"mappings":";;;AAyEA,MAAM,eAAe,MAAM;AAAA,EACzB,SAASA,cACP;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,QAAQ,WAAW;AAAA,IACnB;AAAA,EAAA,GAEF,KACA;AACA,UAAM,UAAU;AAAA,MACd,OAAO;AAAA,MACP,OAAO,OAAO;AAAA,MACd,YAAY,YAAY,OAAO,UAAU,IAAI,EAAE;AAAA,MAC/C,YAAY,YAAY,OAAO,UAAU,IAAI,EAAE;AAAA,MAC/C,QAAQ,OAAO;AAAA,MACf,UAAU,OAAO,UAAU,MAAM,EAAE;AAAA,MACnC,YAAY,OAAO;AAAA,MACnB;AAAA,IAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,UAAM,QAA6B,CAAA;AAEnC,QAAI,UAAU,QAAW;AACvB,YAAM,QAAQ,OAAO,UAAU,WAAW,GAAG,KAAK,OAAO;AAAA,IAC3D;AACA,QAAI,WAAW,QAAW;AACxB,YAAM,SAAS,OAAO,WAAW,WAAW,GAAG,MAAM,OAAO;AAAA,IAC9D;AAEA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,QACX,OAAO,OAAO,KAAK,KAAK,EAAE,SAAS,IAAI,QAAQ;AAAA,QAC/C,eAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlB;AACF;AAMA,SAAS,aAAa;AAAA,EACpB,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN;AACF,GAAsB;AACpB,QAAM,mBAAmB;AAAA,IACvB,OAAO;AAAA,IACP,OAAO,OAAO,GAAG,EAAE;AAAA,IACnB;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,SACE,oBAAC,OAAA,EAAI,WAAW,kBAAkB,eAAY,QAC3C,UAAA,MAAM,KAAK,EAAE,QAAQ,MAAA,GAAS,CAAC,GAAG,MAAM;AACvC,UAAM,SAAS,MAAM,QAAQ;AAC7B,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAW,OAAO;AAAA,QAClB,OAAO,UAAU,QAAQ,IAAI,EAAE,OAAO,GAAG,aAAa,QAAQ;AAAA,MAAA;AAAA,MAFzD;AAAA,IAAA;AAAA,EAKX,CAAC,EAAA,CACH;AAEJ;AAMA,SAAS,eAAe;AAAA,EACtB,OAAO;AAAA,EACP;AACF,GAGG;AACD,MAAI,OAAO,SAAS,UAAU;AAC5B,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,QAAO;AAAA,QACP;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACA,SAAO,oBAAC,cAAA,EAAa,SAAQ,UAAS,MAAY,WAAsB;AAC1E;AAMO,MAAM,WAAW,OAAO,OAAO,cAAc;AAAA,EAClD,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;"}

package/dist/components/Slider/Slider.module.scss.cjs

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const wrapper = "_wrapper_955fp_1";
+const header = "_header_955fp_6";
+const label = "_label_955fp_13";
+const value = "_value_955fp_20";
+const root = "_root_955fp_28";
+const control = "_control_955fp_32";
+const track = "_track_955fp_38";
+const indicator = "_indicator_955fp_51";
+const thumb = "_thumb_955fp_58";
+const styles = {
+  wrapper,
+  header,
+  label,
+  value,
+  root,
+  control,
+  track,
+  indicator,
+  thumb
+};
+exports.control = control;
+exports.default = styles;
+exports.header = header;
+exports.indicator = indicator;
+exports.label = label;
+exports.root = root;
+exports.thumb = thumb;
+exports.track = track;
+exports.value = value;
+exports.wrapper = wrapper;
+//# sourceMappingURL=Slider.module.scss.cjs.map

package/dist/components/Slider/Slider.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Slider/Slider.module.scss.js

@@ -0,0 +1,33 @@
+const wrapper = "_wrapper_955fp_1";
+const header = "_header_955fp_6";
+const label = "_label_955fp_13";
+const value = "_value_955fp_20";
+const root = "_root_955fp_28";
+const control = "_control_955fp_32";
+const track = "_track_955fp_38";
+const indicator = "_indicator_955fp_51";
+const thumb = "_thumb_955fp_58";
+const styles = {
+  wrapper,
+  header,
+  label,
+  value,
+  root,
+  control,
+  track,
+  indicator,
+  thumb
+};
+export {
+  control,
+  styles as default,
+  header,
+  indicator,
+  label,
+  root,
+  thumb,
+  track,
+  value,
+  wrapper
+};
+//# sourceMappingURL=Slider.module.scss.js.map

package/dist/components/Slider/Slider.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}