@fragments-sdk/ui 0.13.0 → 0.15.1

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Select/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Select as BaseSelect } from '@base-ui/react/select';\nimport styles from './Select.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport type SelectValue = string;\n\nexport interface SelectOption {\n  value: SelectValue;\n  label: string;\n  disabled?: boolean;\n}\n\n/**\n * Select dropdown for choosing from a list of options.\n * @see https://usefragments.com/components/select\n */\nexport interface SelectProps {\n  children: React.ReactNode;\n  /** Controlled selected value */\n  value?: SelectValue | null;\n  /** Default value for uncontrolled usage */\n  defaultValue?: SelectValue;\n  /** Called when selection changes */\n  onValueChange?: (value: SelectValue | null) => void;\n  /** Controlled open state */\n  open?: boolean;\n  /** Default open state */\n  defaultOpen?: boolean;\n  /** Called when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Whether the select is non-interactive */\n  disabled?: boolean;\n  /** Whether a selection is required */\n  required?: boolean;\n  /** Form field name */\n  name?: string;\n  /** Placeholder text when no value is selected */\n  placeholder?: string;\n}\n\nexport interface SelectTriggerProps extends React.HTMLAttributes<HTMLButtonElement> {\n  children?: React.ReactNode;\n  placeholder?: string;\n}\n\nexport interface SelectContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  sideOffset?: number;\n  align?: 'start' | 'center' | 'end';\n  /** Maximum number of visible options before scrolling. Shows half of the next item as a scroll hint. @default 4 */\n  maxVisibleItems?: number;\n}\n\nexport interface SelectItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  children: React.ReactNode;\n  value: SelectValue;\n  disabled?: boolean;\n}\n\nexport interface SelectGroupProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport interface SelectGroupLabelProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction ChevronDownIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"6 9 12 15 18 9\" />\n    </svg>\n  );\n}\n\nfunction CheckIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Context for Select state\n// ============================================\n\ninterface SelectContextValue {\n  placeholder?: string;\n  value?: SelectValue | null;\n  itemsRef: React.MutableRefObject<Map<SelectValue, React.ReactNode>>;\n  // Version counter to trigger re-renders when items register\n  itemsVersion: number;\n  incrementItemsVersion: () => void;\n}\n\nconst SelectContext = React.createContext<SelectContextValue>({\n  itemsRef: { current: new Map() },\n  itemsVersion: 0,\n  incrementItemsVersion: () => {},\n});\n\n// ============================================\n// Components\n// ============================================\n\nfunction SelectRoot({\n  children,\n  value,\n  defaultValue,\n  onValueChange,\n  open,\n  defaultOpen,\n  onOpenChange,\n  disabled,\n  required,\n  name,\n  placeholder,\n}: SelectProps) {\n  // Track current value for controlled and uncontrolled modes\n  const [internalValue, setInternalValue] = React.useState<SelectValue | null | undefined>(\n    value ?? defaultValue ?? null\n  );\n\n  // Registry for item children - allows trigger to render selected item's content\n  const itemsRef = React.useRef<Map<SelectValue, React.ReactNode>>(new Map());\n\n  // Version counter to trigger trigger re-render when items register\n  const [itemsVersion, setItemsVersion] = React.useState(0);\n  const incrementItemsVersion = React.useCallback(() => {\n    setItemsVersion((v) => v + 1);\n  }, []);\n\n  // Sync internal value with controlled value\n  React.useEffect(() => {\n    if (value !== undefined) {\n      setInternalValue(value);\n    }\n  }, [value]);\n\n  const handleValueChange = React.useCallback(\n    (newValue: SelectValue | null) => {\n      if (value === undefined) {\n        // Uncontrolled mode\n        setInternalValue(newValue);\n      }\n      onValueChange?.(newValue);\n    },\n    [value, onValueChange]\n  );\n\n  const contextValue = React.useMemo(\n    () => ({\n      placeholder,\n      value: value !== undefined ? value : internalValue,\n      itemsRef,\n      itemsVersion,\n      incrementItemsVersion,\n    }),\n    [placeholder, value, internalValue, itemsVersion, incrementItemsVersion]\n  );\n\n  return (\n    <SelectContext.Provider value={contextValue}>\n      <BaseSelect.Root\n        value={value}\n        defaultValue={defaultValue}\n        onValueChange={handleValueChange}\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={onOpenChange}\n        disabled={disabled}\n        required={required}\n        name={name}\n      >\n        {children}\n      </BaseSelect.Root>\n    </SelectContext.Provider>\n  );\n}\n\nfunction SelectTrigger({ children, placeholder, className, ...htmlProps }: SelectTriggerProps) {\n  const context = React.useContext(SelectContext);\n  const placeholderText = placeholder ?? context.placeholder;\n\n  const classes = [styles.trigger, className].filter(Boolean).join(' ');\n\n  // Get the selected item's children from the registry\n  // Note: itemsVersion in context ensures we re-render when items register\n  const selectedContent = context.value != null\n    ? context.itemsRef.current.get(context.value)\n    : null;\n\n  // Determine what to show in the value area\n   \n  const _version = context.itemsVersion; // Force dependency on itemsVersion for re-render\n  const displayContent = selectedContent ?? (\n    placeholderText ? <span className={styles.placeholder}>{placeholderText}</span> : null\n  );\n\n  return (\n    <BaseSelect.Trigger {...htmlProps} className={classes}>\n      {children ?? (\n        <>\n          <span className={styles.value}>{displayContent}</span>\n          <BaseSelect.Icon className={styles.icon}>\n            <ChevronDownIcon />\n          </BaseSelect.Icon>\n        </>\n      )}\n    </BaseSelect.Trigger>\n  );\n}\n\nfunction SelectContent({\n  children,\n  className,\n  sideOffset = 4,\n  align = 'start',\n  maxVisibleItems,\n  ...htmlProps\n}: SelectContentProps) {\n  const popupClasses = [styles.popup, className].filter(Boolean).join(' ');\n\n  const popupStyle = maxVisibleItems != null\n    ? { '--fui-select-max-items': maxVisibleItems + 0.5, ...htmlProps.style } as React.CSSProperties\n    : htmlProps.style;\n\n  return (\n    <BaseSelect.Portal>\n      <BaseSelect.Positioner\n        sideOffset={sideOffset}\n        align={align}\n        className={styles.positioner}\n      >\n        <BaseSelect.Popup {...htmlProps} className={popupClasses} style={popupStyle}>\n          {children}\n        </BaseSelect.Popup>\n      </BaseSelect.Positioner>\n    </BaseSelect.Portal>\n  );\n}\n\nfunction SelectItem({ children, value, disabled, className, ...htmlProps }: SelectItemProps) {\n  const { itemsRef, incrementItemsVersion } = React.useContext(SelectContext);\n  const classes = [styles.item, className].filter(Boolean).join(' ');\n\n  // Register this item's children in the registry so the trigger can display them\n  React.useEffect(() => {\n    const items = itemsRef.current;\n    items.set(value, children);\n    // Trigger re-render of trigger to show the registered content\n    incrementItemsVersion();\n    return () => {\n      items.delete(value);\n      incrementItemsVersion();\n    };\n  }, [itemsRef, incrementItemsVersion, value, children]);\n\n  return (\n    <BaseSelect.Item {...htmlProps} value={value} disabled={disabled} className={classes}>\n      <BaseSelect.ItemText>{children}</BaseSelect.ItemText>\n      <BaseSelect.ItemIndicator className={styles.itemIndicator}>\n        <CheckIcon />\n      </BaseSelect.ItemIndicator>\n    </BaseSelect.Item>\n  );\n}\n\nfunction SelectGroup({ children, className, ...htmlProps }: SelectGroupProps) {\n  const classes = [styles.group, className].filter(Boolean).join(' ');\n  return <BaseSelect.Group {...htmlProps} className={classes}>{children}</BaseSelect.Group>;\n}\n\nfunction SelectGroupLabel({ children, className, ...htmlProps }: SelectGroupLabelProps) {\n  const classes = [styles.groupLabel, className].filter(Boolean).join(' ');\n  return <BaseSelect.GroupLabel {...htmlProps} className={classes}>{children}</BaseSelect.GroupLabel>;\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Select = Object.assign(SelectRoot, {\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  Group: SelectGroup,\n  GroupLabel: SelectGroupLabel,\n});\n\n// Re-export individual components\nexport {\n  SelectRoot,\n  SelectTrigger,\n  SelectContent,\n  SelectItem,\n  SelectGroup,\n  SelectGroupLabel,\n};\n"],"names":["jsx","React","BaseSelect","styles","jsxs","Fragment"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Select/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Select as BaseSelect } from '@base-ui/react/select';\nimport styles from './Select.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport type SelectValue = string;\n\nexport interface SelectOption {\n  value: SelectValue;\n  label: string;\n  disabled?: boolean;\n}\n\n/**\n * Select dropdown for choosing from a list of options.\n * @see https://usefragments.com/components/select\n */\nexport interface SelectProps {\n  children: React.ReactNode;\n  /** Controlled selected value */\n  value?: SelectValue | null;\n  /** Default value for uncontrolled usage */\n  defaultValue?: SelectValue;\n  /** Called when selection changes */\n  onValueChange?: (value: SelectValue | null) => void;\n  /** Controlled open state */\n  open?: boolean;\n  /** Default open state */\n  defaultOpen?: boolean;\n  /** Called when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Whether the select is non-interactive */\n  disabled?: boolean;\n  /** Whether a selection is required */\n  required?: boolean;\n  /** Form field name */\n  name?: string;\n  /** Placeholder text when no value is selected */\n  placeholder?: string;\n}\n\nexport interface SelectTriggerProps extends React.HTMLAttributes<HTMLButtonElement> {\n  children?: React.ReactNode;\n  placeholder?: string;\n}\n\nexport interface SelectContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  sideOffset?: number;\n  align?: 'start' | 'center' | 'end';\n  /** Maximum number of visible options before scrolling. Shows half of the next item as a scroll hint. @default 4 */\n  maxVisibleItems?: number;\n}\n\nexport interface SelectItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  children: React.ReactNode;\n  value: SelectValue;\n  disabled?: boolean;\n}\n\nexport interface SelectGroupProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport interface SelectGroupLabelProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction ChevronDownIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"6 9 12 15 18 9\" />\n    </svg>\n  );\n}\n\nfunction CheckIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Context for Select state\n// ============================================\n\ninterface SelectContextValue {\n  placeholder?: string;\n  value?: SelectValue | null;\n  itemsRef: React.MutableRefObject<Map<SelectValue, React.ReactNode>>;\n  // Version counter to trigger re-renders when items register\n  itemsVersion: number;\n  incrementItemsVersion: () => void;\n}\n\nconst SelectContext = React.createContext<SelectContextValue>({\n  itemsRef: { current: new Map() },\n  itemsVersion: 0,\n  incrementItemsVersion: () => {},\n});\n\n// ============================================\n// Components\n// ============================================\n\nfunction SelectRoot({\n  children,\n  value,\n  defaultValue,\n  onValueChange,\n  open,\n  defaultOpen,\n  onOpenChange,\n  disabled,\n  required,\n  name,\n  placeholder,\n}: SelectProps) {\n  // Track current value for controlled and uncontrolled modes\n  const [internalValue, setInternalValue] = React.useState<SelectValue | null | undefined>(\n    value ?? defaultValue ?? null\n  );\n\n  // Registry for item children - allows trigger to render selected item's content\n  const itemsRef = React.useRef<Map<SelectValue, React.ReactNode>>(new Map());\n\n  // Version counter to trigger trigger re-render when items register\n  const [itemsVersion, setItemsVersion] = React.useState(0);\n  const incrementItemsVersion = React.useCallback(() => {\n    setItemsVersion((v) => v + 1);\n  }, []);\n\n  // Sync internal value with controlled value\n  React.useEffect(() => {\n    if (value !== undefined) {\n      setInternalValue(value);\n    }\n  }, [value]);\n\n  const handleValueChange = React.useCallback(\n    (newValue: SelectValue | null) => {\n      if (value === undefined) {\n        // Uncontrolled mode\n        setInternalValue(newValue);\n      }\n      onValueChange?.(newValue);\n    },\n    [value, onValueChange]\n  );\n\n  const contextValue = React.useMemo(\n    () => ({\n      placeholder,\n      value: value !== undefined ? value : internalValue,\n      itemsRef,\n      itemsVersion,\n      incrementItemsVersion,\n    }),\n    [placeholder, value, internalValue, itemsVersion, incrementItemsVersion]\n  );\n\n  return (\n    <SelectContext.Provider value={contextValue}>\n      <BaseSelect.Root\n        value={value}\n        defaultValue={defaultValue}\n        onValueChange={handleValueChange}\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={onOpenChange}\n        disabled={disabled}\n        required={required}\n        name={name}\n      >\n        {children}\n      </BaseSelect.Root>\n    </SelectContext.Provider>\n  );\n}\n\nfunction SelectTrigger({ children, placeholder, className, ...htmlProps }: SelectTriggerProps) {\n  const context = React.useContext(SelectContext);\n  const placeholderText = placeholder ?? context.placeholder;\n\n  const classes = [styles.trigger, className].filter(Boolean).join(' ');\n\n  // Get the selected item's children from the registry\n  // Note: itemsVersion in context ensures we re-render when items register\n  const selectedContent = context.value != null\n    ? context.itemsRef.current.get(context.value)\n    : null;\n\n  // Determine what to show in the value area\n   \n  const _version = context.itemsVersion; // Force dependency on itemsVersion for re-render\n  const displayContent = selectedContent ?? (\n    placeholderText ? <span className={styles.placeholder}>{placeholderText}</span> : null\n  );\n\n  return (\n    <BaseSelect.Trigger {...htmlProps} className={classes}>\n      {children ?? (\n        <>\n          <span className={styles.value}>{displayContent}</span>\n          <BaseSelect.Icon className={styles.icon}>\n            <ChevronDownIcon />\n          </BaseSelect.Icon>\n        </>\n      )}\n    </BaseSelect.Trigger>\n  );\n}\n\nfunction SelectContent({\n  children,\n  className,\n  sideOffset = 4,\n  align = 'start',\n  maxVisibleItems,\n  ...htmlProps\n}: SelectContentProps) {\n  const popupClasses = [styles.popup, className].filter(Boolean).join(' ');\n\n  const popupStyle = maxVisibleItems != null\n    ? { '--fui-select-max-items': maxVisibleItems + 0.5, ...htmlProps.style } as React.CSSProperties\n    : htmlProps.style;\n\n  return (\n    <BaseSelect.Portal>\n      <BaseSelect.Positioner\n        sideOffset={sideOffset}\n        align={align}\n        className={styles.positioner}\n      >\n        <BaseSelect.Popup {...htmlProps} className={popupClasses} style={popupStyle}>\n          {children}\n        </BaseSelect.Popup>\n      </BaseSelect.Positioner>\n    </BaseSelect.Portal>\n  );\n}\n\nfunction SelectItem({ children, value, disabled, className, ...htmlProps }: SelectItemProps) {\n  const { itemsRef, incrementItemsVersion } = React.useContext(SelectContext);\n  const classes = [styles.item, className].filter(Boolean).join(' ');\n\n  // Register this item's children in the registry so the trigger can display them\n  React.useEffect(() => {\n    const items = itemsRef.current;\n    items.set(value, children);\n    // Trigger re-render of trigger to show the registered content\n    incrementItemsVersion();\n    return () => {\n      items.delete(value);\n      incrementItemsVersion();\n    };\n  }, [itemsRef, incrementItemsVersion, value, children]);\n\n  return (\n    <BaseSelect.Item {...htmlProps} value={value} disabled={disabled} className={classes}>\n      <BaseSelect.ItemText>{children}</BaseSelect.ItemText>\n      <BaseSelect.ItemIndicator className={styles.itemIndicator}>\n        <CheckIcon />\n      </BaseSelect.ItemIndicator>\n    </BaseSelect.Item>\n  );\n}\n\nfunction SelectGroup({ children, className, ...htmlProps }: SelectGroupProps) {\n  const classes = [styles.group, className].filter(Boolean).join(' ');\n  return <BaseSelect.Group {...htmlProps} className={classes}>{children}</BaseSelect.Group>;\n}\n\nfunction SelectGroupLabel({ children, className, ...htmlProps }: SelectGroupLabelProps) {\n  const classes = [styles.groupLabel, className].filter(Boolean).join(' ');\n  return <BaseSelect.GroupLabel {...htmlProps} className={classes}>{children}</BaseSelect.GroupLabel>;\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Select = Object.assign(SelectRoot, {\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  Group: SelectGroup,\n  GroupLabel: SelectGroupLabel,\n});\n\n// Re-export individual components\nexport {\n  SelectRoot,\n  SelectTrigger,\n  SelectContent,\n  SelectItem,\n  SelectGroup,\n  SelectGroupLabel,\n};\n"],"names":["BaseSelect"],"mappings":"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"}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Separator/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Separator as BaseSeparator } from '@base-ui/react/separator';\nimport styles from './Separator.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface SeparatorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** Orientation of the separator */\n  orientation?: 'horizontal' | 'vertical';\n  /** Spacing around the separator */\n  spacing?: 'none' | 'sm' | 'md' | 'lg';\n  /** Softer visual appearance */\n  soft?: boolean;\n  /** Optional label text (creates a labeled divider) */\n  label?: string;\n}\n\n// ============================================\n// Spacing class map\n// ============================================\n\nconst spacingClasses = {\n  none: styles.spacingNone,\n  sm: styles.spacingSm,\n  md: styles.spacingMd,\n  lg: styles.spacingLg,\n};\n\n// ============================================\n// Component\n// ============================================\n\nconst SeparatorRoot = React.forwardRef<HTMLDivElement, SeparatorProps>(\n  function Separator(\n    {\n      orientation = 'horizontal',\n      spacing = 'none',\n      soft = false,\n      label,\n      className,\n      style,\n      ...htmlProps\n    },\n    ref\n  ) {\n    // Labeled separator (horizontal only)\n    if (label && orientation === 'horizontal') {\n      const classes = [\n        styles.separator,\n        styles.withLabel,\n        spacingClasses[spacing],\n        soft && styles.soft,\n        className,\n      ].filter(Boolean).join(' ');\n\n      return (\n        <div\n          ref={ref}\n          role=\"separator\"\n          aria-orientation=\"horizontal\"\n          className={classes}\n          style={style}\n          {...htmlProps}\n        >\n          <span className={styles.label}>{label}</span>\n        </div>\n      );\n    }\n\n    // Standard separator\n    const classes = [\n      styles.separator,\n      orientation === 'horizontal' ? styles.horizontal : styles.vertical,\n      spacingClasses[spacing],\n      soft && styles.soft,\n      className,\n    ].filter(Boolean).join(' ');\n\n    return (\n      <BaseSeparator\n        ref={ref}\n        orientation={orientation}\n        className={classes}\n        style={style}\n        {...htmlProps}\n      />\n    );\n  }\n);\n\nexport const Separator = Object.assign(SeparatorRoot, {\n  Root: SeparatorRoot,\n});\n"],"names":["styles","React","Separator","classes","jsx","BaseSeparator"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,iBAAiB;AAAA,EACrB,MAAMA,iBAAAA,QAAO;AAAA,EACb,IAAIA,iBAAAA,QAAO;AAAA,EACX,IAAIA,iBAAAA,QAAO;AAAA,EACX,IAAIA,iBAAAA,QAAO;AACb;AAMA,MAAM,gBAAgBC,iBAAM;AAAA,EAC1B,SAASC,WACP;AAAA,IACE,cAAc;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,KACA;AAEA,QAAI,SAAS,gBAAgB,cAAc;AACzC,YAAMC,WAAU;AAAA,QACdH,iBAAAA,QAAO;AAAA,QACPA,iBAAAA,QAAO;AAAA,QACP,eAAe,OAAO;AAAA,QACtB,QAAQA,iBAAAA,QAAO;AAAA,QACf;AAAA,MAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,aACEI,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL,oBAAiB;AAAA,UACjB,WAAWD;AAAAA,UACX;AAAA,UACC,GAAG;AAAA,UAEJ,UAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAWJ,iBAAAA,QAAO,OAAQ,UAAA,MAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAG5C;AAGA,UAAM,UAAU;AAAA,MACdA,iBAAAA,QAAO;AAAA,MACP,gBAAgB,eAAeA,iBAAAA,QAAO,aAAaA,iBAAAA,QAAO;AAAA,MAC1D,eAAe,OAAO;AAAA,MACtB,QAAQA,iBAAAA,QAAO;AAAA,MACf;AAAA,IAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,WACEI,2BAAAA;AAAAA,MAACC,YAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEO,MAAM,YAAY,OAAO,OAAO,eAAe;AAAA,EACpD,MAAM;AACR,CAAC;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Separator/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Separator as BaseSeparator } from '@base-ui/react/separator';\nimport styles from './Separator.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface SeparatorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** Orientation of the separator */\n  orientation?: 'horizontal' | 'vertical';\n  /** Spacing around the separator */\n  spacing?: 'none' | 'sm' | 'md' | 'lg';\n  /** Softer visual appearance */\n  soft?: boolean;\n  /** Optional label text (creates a labeled divider) */\n  label?: string;\n}\n\n// ============================================\n// Spacing class map\n// ============================================\n\nconst spacingClasses = {\n  none: styles.spacingNone,\n  sm: styles.spacingSm,\n  md: styles.spacingMd,\n  lg: styles.spacingLg,\n};\n\n// ============================================\n// Component\n// ============================================\n\nconst SeparatorRoot = React.forwardRef<HTMLDivElement, SeparatorProps>(\n  function Separator(\n    {\n      orientation = 'horizontal',\n      spacing = 'none',\n      soft = false,\n      label,\n      className,\n      style,\n      ...htmlProps\n    },\n    ref\n  ) {\n    // Labeled separator (horizontal only)\n    if (label && orientation === 'horizontal') {\n      const classes = [\n        styles.separator,\n        styles.withLabel,\n        spacingClasses[spacing],\n        soft && styles.soft,\n        className,\n      ].filter(Boolean).join(' ');\n\n      return (\n        <div\n          ref={ref}\n          role=\"separator\"\n          aria-orientation=\"horizontal\"\n          className={classes}\n          style={style}\n          {...htmlProps}\n        >\n          <span className={styles.label}>{label}</span>\n        </div>\n      );\n    }\n\n    // Standard separator\n    const classes = [\n      styles.separator,\n      orientation === 'horizontal' ? styles.horizontal : styles.vertical,\n      spacingClasses[spacing],\n      soft && styles.soft,\n      className,\n    ].filter(Boolean).join(' ');\n\n    return (\n      <BaseSeparator\n        ref={ref}\n        orientation={orientation}\n        className={classes}\n        style={style}\n        {...htmlProps}\n      />\n    );\n  }\n);\n\nexport const Separator = Object.assign(SeparatorRoot, {\n  Root: SeparatorRoot,\n});\n"],"names":["Separator","classes","BaseSeparator"],"mappings":";;;;AAyBA,MAAM,iBAAiB;AAAA,EACrB,MAAM,OAAO;AAAA,EACb,IAAI,OAAO;AAAA,EACX,IAAI,OAAO;AAAA,EACX,IAAI,OAAO;AACb;AAMA,MAAM,gBAAgB,MAAM;AAAA,EAC1B,SAASA,WACP;AAAA,IACE,cAAc;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,KACA;AAEA,QAAI,SAAS,gBAAgB,cAAc;AACzC,YAAMC,WAAU;AAAA,QACd,OAAO;AAAA,QACP,OAAO;AAAA,QACP,eAAe,OAAO;AAAA,QACtB,QAAQ,OAAO;AAAA,QACf;AAAA,MAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL,oBAAiB;AAAA,UACjB,WAAWA;AAAAA,UACX;AAAA,UACC,GAAG;AAAA,UAEJ,UAAA,oBAAC,QAAA,EAAK,WAAW,OAAO,OAAQ,UAAA,MAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAG5C;AAGA,UAAM,UAAU;AAAA,MACd,OAAO;AAAA,MACP,gBAAgB,eAAe,OAAO,aAAa,OAAO;AAAA,MAC1D,eAAe,OAAO;AAAA,MACtB,QAAQ,OAAO;AAAA,MACf;AAAA,IAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,WACE;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEO,MAAM,YAAY,OAAO,OAAO,eAAe;AAAA,EACpD,MAAM;AACR,CAAC;"}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","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';\nimport { useKeyboardShortcut } from '../../utils/keyboard-shortcuts';\n\nfunction composeEventHandlers<E extends { defaultPrevented: boolean }>(\n  userHandler: ((event: E) => void) | undefined,\n  internalHandler: (event: E) => void\n) {\n  return (event: E) => {\n    userHandler?.(event);\n    if (event.defaultPrevented) return;\n    internalHandler(event);\n  };\n}\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 extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  /** Content to show when sidebar is collapsed (e.g., just logo icon) */\n  collapsedContent?: React.ReactNode;\n}\n\nexport interface SidebarNavProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n  /** Accessible label for navigation */\n  'aria-label'?: string;\n}\n\nexport interface SidebarSectionProps extends React.HTMLAttributes<HTMLDivElement> {\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}\n\nexport interface SidebarSectionActionProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> {\n  children: React.ReactNode;\n  /** Click handler */\n  onClick?: (event?: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Accessible label */\n  'aria-label'?: string;\n}\n\nexport interface SidebarItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onClick'> {\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}\n\nexport interface SidebarSubItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onClick'> {\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}\n\nexport interface SidebarFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface SidebarTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Custom trigger element (uses render prop pattern) */\n  children?: React.ReactNode;\n  /** Accessible label */\n  'aria-label'?: string;\n}\n\nexport type SidebarOverlayProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport interface SidebarCollapseToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Accessible label */\n  'aria-label'?: string;\n}\n\nexport type SidebarRailProps = React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport interface SidebarMenuSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Number of skeleton items to render */\n  count?: number;\n  /** Show icons in skeleton items */\n  showIcon?: boolean;\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 (skips editable elements like Editor)\n  useKeyboardShortcut({\n    name: 'SIDEBAR_TOGGLE',\n    handler: toggleSidebar,\n    enabled: enableKeyboardShortcut && collapsible !== 'none',\n  });\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({\n  children,\n  collapsedContent,\n  className,\n  ...htmlProps\n}: 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 {...htmlProps} className={classes}>{content}</div>;\n}\n\nfunction SidebarNav({\n  children,\n  'aria-label': ariaLabel = 'Main navigation',\n  className,\n  ...htmlProps\n}: SidebarNavProps) {\n  const classes = [styles.nav, className].filter(Boolean).join(' ');\n  return (\n    <nav {...htmlProps} 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  ...htmlProps\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 {...htmlProps} 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 {...htmlProps} 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  ...htmlProps\n}: SidebarSectionActionProps) {\n  const classes = [styles.sectionAction, className].filter(Boolean).join(' ');\n\n  return (\n    <button\n      type=\"button\"\n      {...htmlProps}\n      className={classes}\n      onClick={(event) => onClick?.(event)}\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  ...rest\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    const childProps = children.props as {\n      className?: string;\n      onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n    };\n    itemElement = React.cloneElement(children, {\n      ...itemProps,\n      ...rest,\n      onClick: composeEventHandlers(\n        childProps.onClick,\n        (event: React.MouseEvent<HTMLElement>) => handleClick(event)\n      ),\n      // Merge classNames\n      className: [classes, childProps.className].filter(Boolean).join(' '),\n      children: itemContent,\n    } as React.HTMLAttributes<HTMLElement>);\n  } else if (href) {\n    itemElement = (\n      <a {...itemProps} {...rest} href={href}>\n        {itemContent}\n      </a>\n    );\n  } else {\n    itemElement = (\n      <button {...itemProps} {...rest} 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  ...rest\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} {...rest} href={href}>\n      {children}\n    </a>\n  ) : (\n    <button {...itemProps} {...rest} 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, ...htmlProps }: SidebarFooterProps) {\n  const classes = [styles.footer, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction SidebarTrigger({\n  children,\n  'aria-label': ariaLabel = 'Toggle navigation',\n  className,\n  onClick,\n  ...htmlProps\n}: 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      {...htmlProps}\n      type=\"button\"\n      className={classes}\n      onClick={composeEventHandlers(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, onClick, ...htmlProps }: 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      {...htmlProps}\n      className={classes}\n      onClick={composeEventHandlers(onClick, () => setOpen(false))}\n      aria-hidden=\"true\"\n      data-state={open ? 'open' : 'closed'}\n    />\n  );\n}\n\nfunction SidebarCollapseToggle({\n  'aria-label': ariaLabel,\n  className,\n  onClick,\n  ...htmlProps\n}: 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      {...htmlProps}\n      type=\"button\"\n      className={classes}\n      onClick={composeEventHandlers(onClick, () => setCollapsed(!collapsed))}\n      aria-label={label}\n    >\n      <CollapsePanelIcon />\n    </button>\n  );\n}\n\nfunction SidebarRail({\n  className,\n  onClick,\n  title,\n  'aria-label': ariaLabel,\n  ...htmlProps\n}: 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      {...htmlProps}\n      type=\"button\"\n      className={classes}\n      onClick={composeEventHandlers(onClick, () => setCollapsed(!collapsed))}\n      aria-label={ariaLabel ?? (collapsed ? 'Expand sidebar' : 'Collapse sidebar')}\n      title={title ?? (collapsed ? 'Expand sidebar' : 'Collapse sidebar')}\n    />\n  );\n}\n\nfunction SidebarMenuSkeleton({\n  count = 5,\n  showIcon = true,\n  className,\n  ...htmlProps\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 {...htmlProps} 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":["jsx","React","useKeyboardShortcut","useFocusTrap","styles","ScrollArea","jsxs","Collapsible","Fragment","Tooltip","Skeleton"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"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';\nimport { useKeyboardShortcut } from '../../utils/keyboard-shortcuts';\n\nfunction composeEventHandlers<E extends { defaultPrevented: boolean }>(\n  userHandler: ((event: E) => void) | undefined,\n  internalHandler: (event: E) => void\n) {\n  return (event: E) => {\n    userHandler?.(event);\n    if (event.defaultPrevented) return;\n    internalHandler(event);\n  };\n}\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 extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  /** Content to show when sidebar is collapsed (e.g., just logo icon) */\n  collapsedContent?: React.ReactNode;\n}\n\nexport interface SidebarNavProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n  /** Accessible label for navigation */\n  'aria-label'?: string;\n}\n\nexport interface SidebarSectionProps extends React.HTMLAttributes<HTMLDivElement> {\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}\n\nexport interface SidebarSectionActionProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> {\n  children: React.ReactNode;\n  /** Click handler */\n  onClick?: (event?: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Accessible label */\n  'aria-label'?: string;\n}\n\nexport interface SidebarItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onClick'> {\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}\n\nexport interface SidebarSubItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onClick'> {\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}\n\nexport interface SidebarFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface SidebarTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Custom trigger element (uses render prop pattern) */\n  children?: React.ReactNode;\n  /** Accessible label */\n  'aria-label'?: string;\n}\n\nexport type SidebarOverlayProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport interface SidebarCollapseToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Accessible label */\n  'aria-label'?: string;\n}\n\nexport type SidebarRailProps = React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport interface SidebarMenuSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Number of skeleton items to render */\n  count?: number;\n  /** Show icons in skeleton items */\n  showIcon?: boolean;\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 (skips editable elements like Editor)\n  useKeyboardShortcut({\n    name: 'SIDEBAR_TOGGLE',\n    handler: toggleSidebar,\n    enabled: enableKeyboardShortcut && collapsible !== 'none',\n  });\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({\n  children,\n  collapsedContent,\n  className,\n  ...htmlProps\n}: 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 {...htmlProps} className={classes}>{content}</div>;\n}\n\nfunction SidebarNav({\n  children,\n  'aria-label': ariaLabel = 'Main navigation',\n  className,\n  ...htmlProps\n}: SidebarNavProps) {\n  const classes = [styles.nav, className].filter(Boolean).join(' ');\n  return (\n    <nav {...htmlProps} 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  ...htmlProps\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 {...htmlProps} 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 {...htmlProps} 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  ...htmlProps\n}: SidebarSectionActionProps) {\n  const classes = [styles.sectionAction, className].filter(Boolean).join(' ');\n\n  return (\n    <button\n      type=\"button\"\n      {...htmlProps}\n      className={classes}\n      onClick={(event) => onClick?.(event)}\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  ...rest\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    const childProps = children.props as {\n      className?: string;\n      onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n    };\n    itemElement = React.cloneElement(children, {\n      ...itemProps,\n      ...rest,\n      onClick: composeEventHandlers(\n        childProps.onClick,\n        (event: React.MouseEvent<HTMLElement>) => handleClick(event)\n      ),\n      // Merge classNames\n      className: [classes, childProps.className].filter(Boolean).join(' '),\n      children: itemContent,\n    } as React.HTMLAttributes<HTMLElement>);\n  } else if (href) {\n    itemElement = (\n      <a {...itemProps} {...rest} href={href}>\n        {itemContent}\n      </a>\n    );\n  } else {\n    itemElement = (\n      <button {...itemProps} {...rest} 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  ...rest\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} {...rest} href={href}>\n      {children}\n    </a>\n  ) : (\n    <button {...itemProps} {...rest} 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, ...htmlProps }: SidebarFooterProps) {\n  const classes = [styles.footer, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction SidebarTrigger({\n  children,\n  'aria-label': ariaLabel = 'Toggle navigation',\n  className,\n  onClick,\n  ...htmlProps\n}: 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      {...htmlProps}\n      type=\"button\"\n      className={classes}\n      onClick={composeEventHandlers(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, onClick, ...htmlProps }: 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      {...htmlProps}\n      className={classes}\n      onClick={composeEventHandlers(onClick, () => setOpen(false))}\n      aria-hidden=\"true\"\n      data-state={open ? 'open' : 'closed'}\n    />\n  );\n}\n\nfunction SidebarCollapseToggle({\n  'aria-label': ariaLabel,\n  className,\n  onClick,\n  ...htmlProps\n}: 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      {...htmlProps}\n      type=\"button\"\n      className={classes}\n      onClick={composeEventHandlers(onClick, () => setCollapsed(!collapsed))}\n      aria-label={label}\n    >\n      <CollapsePanelIcon />\n    </button>\n  );\n}\n\nfunction SidebarRail({\n  className,\n  onClick,\n  title,\n  'aria-label': ariaLabel,\n  ...htmlProps\n}: 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      {...htmlProps}\n      type=\"button\"\n      className={classes}\n      onClick={composeEventHandlers(onClick, () => setCollapsed(!collapsed))}\n      aria-label={ariaLabel ?? (collapsed ? 'Expand sidebar' : 'Collapse sidebar')}\n      title={title ?? (collapsed ? 'Expand sidebar' : 'Collapse sidebar')}\n    />\n  );\n}\n\nfunction SidebarMenuSkeleton({\n  count = 5,\n  showIcon = true,\n  className,\n  ...htmlProps\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 {...htmlProps} 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.map

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

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

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

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

@@ -1 +0,0 @@
-{"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 }, (_, lineIdx) => {\n        const isLast = lineIdx === lines - 1;\n        return (\n          <div\n            key={`line-${lineIdx}`}\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,YAAY;AAC7C,UAAM,SAAS,YAAY,QAAQ;AACnC,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,QAAQ,OAAO;AAAA,IAAA;AAAA,EAK1B,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.js.map

@@ -1 +0,0 @@
-{"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 }, (_, lineIdx) => {\n        const isLast = lineIdx === lines - 1;\n        return (\n          <div\n            key={`line-${lineIdx}`}\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,YAAY;AAC7C,UAAM,SAAS,YAAY,QAAQ;AACnC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAW,OAAO;AAAA,QAClB,OAAO,UAAU,QAAQ,IAAI,EAAE,OAAO,GAAG,aAAa,QAAQ;AAAA,MAAA;AAAA,MAFzD,QAAQ,OAAO;AAAA,IAAA;AAAA,EAK1B,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.map

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Slider/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Field } from '@base-ui/react/field';\nimport { Slider as BaseSlider } from '@base-ui/react/slider';\nimport styles from './Slider.module.scss';\n\n/**\n * Range slider for selecting a numeric value within a defined range.\n * @see https://usefragments.com/components/slider\n */\nexport interface SliderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  /** Visible label text */\n  label?: string;\n  /** Controlled value */\n  value?: number;\n  /** Default value for uncontrolled usage */\n  defaultValue?: number;\n  /** Called when the slider value changes */\n  onChange?: (value: number) => void;\n  /** Alias for onChange (Radix convention) */\n  onValueChange?: (value: number) => void;\n  min?: number;\n  max?: number;\n  step?: number;\n  showValue?: boolean;\n  valueSuffix?: string;\n  disabled?: boolean;\n  name?: string;\n  /** Accessible label when visible label is omitted */\n  'aria-label'?: string;\n  /** Accessible labelled-by relationship */\n  'aria-labelledby'?: string;\n  /** Accessible described-by relationship */\n  'aria-describedby'?: string;\n}\n\nconst SliderRoot = React.forwardRef<HTMLDivElement, SliderProps>(\n  function Slider(\n    {\n      label,\n      value,\n      defaultValue,\n      onChange,\n      onValueChange,\n      min = 0,\n      max = 100,\n      step = 1,\n      showValue = false,\n      valueSuffix = '',\n      disabled = false,\n      className,\n      name,\n      id,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      ...htmlProps\n    },\n    ref\n  ) {\n    // For controlled component, use value; otherwise track internal state for display\n    const [internalValue, setInternalValue] = React.useState(defaultValue ?? min);\n    const displayValue = value !== undefined ? value : internalValue;\n\n    const resolvedOnChange = onChange ?? onValueChange;\n    const handleChange = (newValue: number | number[]) => {\n      const val = Array.isArray(newValue) ? newValue[0] : newValue;\n      setInternalValue(val);\n      resolvedOnChange?.(val);\n    };\n\n    return (\n      <Field.Root {...htmlProps} disabled={disabled} className={[styles.wrapper, className].filter(Boolean).join(' ')}>\n        {(label || showValue) && (\n          <div className={styles.header}>\n            {label && <Field.Label className={styles.label}>{label}</Field.Label>}\n            {showValue && (\n              <span className={styles.value}>\n                {displayValue}{valueSuffix}\n              </span>\n            )}\n          </div>\n        )}\n        <BaseSlider.Root\n          ref={ref}\n          value={value !== undefined ? [value] : undefined}\n          defaultValue={defaultValue !== undefined ? [defaultValue] : undefined}\n          onValueChange={handleChange}\n          min={min}\n          max={max}\n          step={step}\n          disabled={disabled}\n          name={name}\n          id={id}\n          aria-label={ariaLabel || (label ? undefined : 'Slider')}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n          className={styles.root}\n        >\n          <BaseSlider.Control className={styles.control}>\n            <BaseSlider.Track className={styles.track}>\n              <BaseSlider.Indicator className={styles.indicator} />\n              <BaseSlider.Thumb className={styles.thumb} />\n            </BaseSlider.Track>\n          </BaseSlider.Control>\n        </BaseSlider.Root>\n      </Field.Root>\n    );\n  }\n);\n\nexport const Slider = Object.assign(SliderRoot, {\n  Root: SliderRoot,\n});\n"],"names":["React","Slider","Field","styles","jsxs","jsx","BaseSlider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqCA,MAAM,aAAaA,iBAAM;AAAA,EACvB,SAASC,QACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,GAAG;AAAA,EAAA,GAEL,KACA;AAEA,UAAM,CAAC,eAAe,gBAAgB,IAAID,iBAAM,SAAS,gBAAgB,GAAG;AAC5E,UAAM,eAAe,UAAU,SAAY,QAAQ;AAEnD,UAAM,mBAAmB,YAAY;AACrC,UAAM,eAAe,CAAC,aAAgC;AACpD,YAAM,MAAM,MAAM,QAAQ,QAAQ,IAAI,SAAS,CAAC,IAAI;AACpD,uBAAiB,GAAG;AACpB,2DAAmB;AAAA,IACrB;AAEA,2CACGE,MAAAA,MAAM,MAAN,EAAY,GAAG,WAAW,UAAoB,WAAW,CAACC,cAAAA,QAAO,SAAS,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC1G,UAAA;AAAA,OAAA,SAAS,cACTC,gCAAC,OAAA,EAAI,WAAWD,cAAAA,QAAO,QACpB,UAAA;AAAA,QAAA,wCAAUD,MAAAA,MAAM,OAAN,EAAY,WAAWC,cAAAA,QAAO,OAAQ,UAAA,OAAM;AAAA,QACtD,aACCC,2BAAAA,KAAC,QAAA,EAAK,WAAWD,cAAAA,QAAO,OACrB,UAAA;AAAA,UAAA;AAAA,UAAc;AAAA,QAAA,EAAA,CACjB;AAAA,MAAA,GAEJ;AAAA,MAEFE,2BAAAA;AAAAA,QAACC,OAAAA,OAAW;AAAA,QAAX;AAAA,UACC;AAAA,UACA,OAAO,UAAU,SAAY,CAAC,KAAK,IAAI;AAAA,UACvC,cAAc,iBAAiB,SAAY,CAAC,YAAY,IAAI;AAAA,UAC5D,eAAe;AAAA,UACf;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,cAAY,cAAc,QAAQ,SAAY;AAAA,UAC9C,mBAAiB;AAAA,UACjB,oBAAkB;AAAA,UAClB,WAAWH,cAAAA,QAAO;AAAA,UAElB,UAAAE,2BAAAA,IAACC,OAAAA,OAAW,SAAX,EAAmB,WAAWH,cAAAA,QAAO,SACpC,UAAAC,2BAAAA,KAACE,OAAAA,OAAW,OAAX,EAAiB,WAAWH,cAAAA,QAAO,OAClC,UAAA;AAAA,YAAAE,2BAAAA,IAACC,OAAAA,OAAW,WAAX,EAAqB,WAAWH,cAAAA,QAAO,WAAW;AAAA,2CAClDG,OAAAA,OAAW,OAAX,EAAiB,WAAWH,cAAAA,QAAO,MAAA,CAAO;AAAA,UAAA,EAAA,CAC7C,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;AAEO,MAAM,SAAS,OAAO,OAAO,YAAY;AAAA,EAC9C,MAAM;AACR,CAAC;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Slider/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Field } from '@base-ui/react/field';\nimport { Slider as BaseSlider } from '@base-ui/react/slider';\nimport styles from './Slider.module.scss';\n\n/**\n * Range slider for selecting a numeric value within a defined range.\n * @see https://usefragments.com/components/slider\n */\nexport interface SliderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  /** Visible label text */\n  label?: string;\n  /** Controlled value */\n  value?: number;\n  /** Default value for uncontrolled usage */\n  defaultValue?: number;\n  /** Called when the slider value changes */\n  onChange?: (value: number) => void;\n  /** Alias for onChange (Radix convention) */\n  onValueChange?: (value: number) => void;\n  min?: number;\n  max?: number;\n  step?: number;\n  showValue?: boolean;\n  valueSuffix?: string;\n  disabled?: boolean;\n  name?: string;\n  /** Accessible label when visible label is omitted */\n  'aria-label'?: string;\n  /** Accessible labelled-by relationship */\n  'aria-labelledby'?: string;\n  /** Accessible described-by relationship */\n  'aria-describedby'?: string;\n}\n\nconst SliderRoot = React.forwardRef<HTMLDivElement, SliderProps>(\n  function Slider(\n    {\n      label,\n      value,\n      defaultValue,\n      onChange,\n      onValueChange,\n      min = 0,\n      max = 100,\n      step = 1,\n      showValue = false,\n      valueSuffix = '',\n      disabled = false,\n      className,\n      name,\n      id,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      ...htmlProps\n    },\n    ref\n  ) {\n    // For controlled component, use value; otherwise track internal state for display\n    const [internalValue, setInternalValue] = React.useState(defaultValue ?? min);\n    const displayValue = value !== undefined ? value : internalValue;\n\n    const resolvedOnChange = onChange ?? onValueChange;\n    const handleChange = (newValue: number | number[]) => {\n      const val = Array.isArray(newValue) ? newValue[0] : newValue;\n      setInternalValue(val);\n      resolvedOnChange?.(val);\n    };\n\n    return (\n      <Field.Root {...htmlProps} disabled={disabled} className={[styles.wrapper, className].filter(Boolean).join(' ')}>\n        {(label || showValue) && (\n          <div className={styles.header}>\n            {label && <Field.Label className={styles.label}>{label}</Field.Label>}\n            {showValue && (\n              <span className={styles.value}>\n                {displayValue}{valueSuffix}\n              </span>\n            )}\n          </div>\n        )}\n        <BaseSlider.Root\n          ref={ref}\n          value={value !== undefined ? [value] : undefined}\n          defaultValue={defaultValue !== undefined ? [defaultValue] : undefined}\n          onValueChange={handleChange}\n          min={min}\n          max={max}\n          step={step}\n          disabled={disabled}\n          name={name}\n          id={id}\n          aria-label={ariaLabel || (label ? undefined : 'Slider')}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n          className={styles.root}\n        >\n          <BaseSlider.Control className={styles.control}>\n            <BaseSlider.Track className={styles.track}>\n              <BaseSlider.Indicator className={styles.indicator} />\n              <BaseSlider.Thumb className={styles.thumb} />\n            </BaseSlider.Track>\n          </BaseSlider.Control>\n        </BaseSlider.Root>\n      </Field.Root>\n    );\n  }\n);\n\nexport const Slider = Object.assign(SliderRoot, {\n  Root: SliderRoot,\n});\n"],"names":["Slider","BaseSlider"],"mappings":";;;;;AAqCA,MAAM,aAAa,MAAM;AAAA,EACvB,SAASA,QACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,GAAG;AAAA,EAAA,GAEL,KACA;AAEA,UAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAS,gBAAgB,GAAG;AAC5E,UAAM,eAAe,UAAU,SAAY,QAAQ;AAEnD,UAAM,mBAAmB,YAAY;AACrC,UAAM,eAAe,CAAC,aAAgC;AACpD,YAAM,MAAM,MAAM,QAAQ,QAAQ,IAAI,SAAS,CAAC,IAAI;AACpD,uBAAiB,GAAG;AACpB,2DAAmB;AAAA,IACrB;AAEA,gCACG,MAAM,MAAN,EAAY,GAAG,WAAW,UAAoB,WAAW,CAAC,OAAO,SAAS,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC1G,UAAA;AAAA,OAAA,SAAS,cACT,qBAAC,OAAA,EAAI,WAAW,OAAO,QACpB,UAAA;AAAA,QAAA,6BAAU,MAAM,OAAN,EAAY,WAAW,OAAO,OAAQ,UAAA,OAAM;AAAA,QACtD,aACC,qBAAC,QAAA,EAAK,WAAW,OAAO,OACrB,UAAA;AAAA,UAAA;AAAA,UAAc;AAAA,QAAA,EAAA,CACjB;AAAA,MAAA,GAEJ;AAAA,MAEF;AAAA,QAACC,SAAW;AAAA,QAAX;AAAA,UACC;AAAA,UACA,OAAO,UAAU,SAAY,CAAC,KAAK,IAAI;AAAA,UACvC,cAAc,iBAAiB,SAAY,CAAC,YAAY,IAAI;AAAA,UAC5D,eAAe;AAAA,UACf;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,cAAY,cAAc,QAAQ,SAAY;AAAA,UAC9C,mBAAiB;AAAA,UACjB,oBAAkB;AAAA,UAClB,WAAW,OAAO;AAAA,UAElB,UAAA,oBAACA,SAAW,SAAX,EAAmB,WAAW,OAAO,SACpC,UAAA,qBAACA,SAAW,OAAX,EAAiB,WAAW,OAAO,OAClC,UAAA;AAAA,YAAA,oBAACA,SAAW,WAAX,EAAqB,WAAW,OAAO,WAAW;AAAA,gCAClDA,SAAW,OAAX,EAAiB,WAAW,OAAO,MAAA,CAAO;AAAA,UAAA,EAAA,CAC7C,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;AAEO,MAAM,SAAS,OAAO,OAAO,YAAY;AAAA,EAC9C,MAAM;AACR,CAAC;"}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Stack/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './Stack.module.scss';\n\ntype Direction = 'row' | 'column';\ntype GapToken = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n/** Gap accepts string tokens or numbers (1-8) mapping to the spacing scale */\ntype Gap = GapToken | number;\n\n/** Responsive value — either a single value or per-breakpoint overrides */\nexport interface ResponsiveDirection {\n  /** Default (mobile-first) */\n  base?: Direction;\n  /** ≥640px */\n  sm?: Direction;\n  /** ≥768px */\n  md?: Direction;\n  /** ≥1024px */\n  lg?: Direction;\n  /** ≥1280px */\n  xl?: Direction;\n}\n\n/** Responsive gap value */\nexport interface ResponsiveGap {\n  /** Default (mobile-first) */\n  base?: GapToken;\n  /** ≥640px */\n  sm?: GapToken;\n  /** ≥768px */\n  md?: GapToken;\n  /** ≥1024px */\n  lg?: GapToken;\n  /** ≥1280px */\n  xl?: GapToken;\n}\n\n/**\n * Flexbox layout component for vertical or horizontal stacking with consistent spacing.\n * @see https://usefragments.com/components/stack\n */\nexport interface StackProps {\n  children: React.ReactNode;\n  /**\n   * Stack direction.\n   * - A string for fixed direction: `\"row\"` or `\"column\"`\n   * - An object for responsive direction: `{ base: \"column\", md: \"row\" }`\n   */\n  direction?: Direction | ResponsiveDirection;\n  /**\n   * Gap between items.\n   * - A string for fixed gap: `\"sm\"`, `\"md\"`, etc.\n   * - An object for responsive gap: `{ base: \"sm\", md: \"lg\" }`\n   */\n  gap?: Gap | ResponsiveGap;\n  align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';\n  justify?: 'start' | 'center' | 'end' | 'between';\n  wrap?: boolean;\n  /**\n   * Render a separator between each child.\n   * - `true` renders a default 1px border line\n   * - A ReactNode renders custom content between children\n   */\n  separator?: boolean | React.ReactNode;\n  as?: 'div' | 'section' | 'nav' | 'article' | 'aside' | 'header' | 'footer' | 'main' | 'ul' | 'ol';\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nfunction isResponsiveDirection(\n  direction: StackProps['direction']\n): direction is ResponsiveDirection {\n  return typeof direction === 'object' && direction !== null;\n}\n\nfunction isResponsiveGap(gap: StackProps['gap']): gap is ResponsiveGap {\n  return typeof gap === 'object' && gap !== null;\n}\n\nfunction isNumericGap(gap: StackProps['gap']): gap is number {\n  return typeof gap === 'number';\n}\n\nconst StackRoot = React.forwardRef<HTMLElement, StackProps>(\n  function Stack(\n    {\n      children,\n      direction = 'column',\n      gap = 'md',\n      align,\n      justify,\n      wrap = false,\n      separator,\n      as: Component = 'div',\n      className,\n      style,\n    },\n    ref\n  ) {\n    let directionClass: string;\n    let gapClass: string | false;\n    let inlineStyle: React.CSSProperties | undefined;\n\n    // Handle responsive direction\n    if (isResponsiveDirection(direction)) {\n      directionClass = styles.directionResponsive;\n      const vars: Record<string, string> = {};\n      if (direction.base) vars['--fui-stack-direction'] = direction.base;\n      if (direction.sm) vars['--fui-stack-direction-sm'] = direction.sm;\n      if (direction.md) vars['--fui-stack-direction-md'] = direction.md;\n      if (direction.lg) vars['--fui-stack-direction-lg'] = direction.lg;\n      if (direction.xl) vars['--fui-stack-direction-xl'] = direction.xl;\n      inlineStyle = vars as unknown as React.CSSProperties;\n    } else {\n      directionClass = styles[direction];\n    }\n\n    // Handle responsive gap\n    if (isResponsiveGap(gap)) {\n      gapClass = styles.gapResponsive;\n      const gapVars: Record<string, string> = {};\n      if (gap.base && gap.base !== 'none') gapVars['--fui-stack-gap'] = `var(--fui-space-${gapToSpace(gap.base)})`;\n      if (gap.sm && gap.sm !== 'none') gapVars['--fui-stack-gap-sm'] = `var(--fui-space-${gapToSpace(gap.sm)})`;\n      if (gap.md && gap.md !== 'none') gapVars['--fui-stack-gap-md'] = `var(--fui-space-${gapToSpace(gap.md)})`;\n      if (gap.lg && gap.lg !== 'none') gapVars['--fui-stack-gap-lg'] = `var(--fui-space-${gapToSpace(gap.lg)})`;\n      if (gap.xl && gap.xl !== 'none') gapVars['--fui-stack-gap-xl'] = `var(--fui-space-${gapToSpace(gap.xl)})`;\n      inlineStyle = { ...inlineStyle, ...gapVars } as React.CSSProperties;\n    } else if (isNumericGap(gap)) {\n      // Numeric gap: maps to space scale tokens (e.g. gap={2} → var(--fui-space-2))\n      gapClass = false;\n      inlineStyle = { ...inlineStyle, gap: `var(--fui-space-${gap})` } as React.CSSProperties;\n    } else {\n      gapClass = gap !== 'none' && styles[`gap-${gap}`];\n    }\n\n    const classes = [\n      styles.stack,\n      directionClass,\n      gapClass,\n      align && styles[`align-${align}`],\n      justify && styles[`justify-${justify}`],\n      wrap && styles.wrap,\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const mergedStyle = inlineStyle ? { ...inlineStyle, ...style } : style;\n\n    // Interleave separator between children when provided\n    let content: React.ReactNode = children;\n    if (separator) {\n      const validChildren = React.Children.toArray(children).filter(Boolean);\n      if (validChildren.length > 1) {\n        const resolvedDir = isResponsiveDirection(direction) ? (direction.base ?? 'column') : direction;\n        const separatorEl = separator === true ? (\n          <div\n            className={styles.separator}\n            data-orientation={resolvedDir === 'row' ? 'vertical' : 'horizontal'}\n            role=\"separator\"\n          />\n        ) : separator;\n\n        const items: React.ReactNode[] = [];\n        validChildren.forEach((child, idx) => {\n          items.push(child);\n          if (idx < validChildren.length - 1) {\n            const childKey = React.isValidElement(child) && child.key != null ? child.key : `idx-${idx}`;\n            items.push(\n              <React.Fragment key={`sep-${childKey}`}>{separatorEl}</React.Fragment>\n            );\n          }\n        });\n        content = items;\n      }\n    }\n\n    return (\n      <Component ref={ref as React.Ref<never>} className={classes} style={mergedStyle}>\n        {content}\n      </Component>\n    );\n  }\n);\n\n// Map gap prop values to space variable numbers\nfunction gapToSpace(gap: Gap): string {\n  const map: Record<Gap, string> = {\n    none: '0',\n    xs: '1',\n    sm: '2',\n    md: '3',\n    lg: '4',\n    xl: '6',\n  };\n  return map[gap];\n}\n\nexport const Stack = Object.assign(StackRoot, {\n  Root: StackRoot,\n});\n"],"names":["React","Stack","styles","jsx"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Stack/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './Stack.module.scss';\n\ntype Direction = 'row' | 'column';\ntype GapToken = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n/** Gap accepts string tokens or numbers (1-8) mapping to the spacing scale */\ntype Gap = GapToken | number;\n\n/** Responsive value — either a single value or per-breakpoint overrides */\nexport interface ResponsiveDirection {\n  /** Default (mobile-first) */\n  base?: Direction;\n  /** ≥640px */\n  sm?: Direction;\n  /** ≥768px */\n  md?: Direction;\n  /** ≥1024px */\n  lg?: Direction;\n  /** ≥1280px */\n  xl?: Direction;\n}\n\n/** Responsive gap value */\nexport interface ResponsiveGap {\n  /** Default (mobile-first) */\n  base?: GapToken;\n  /** ≥640px */\n  sm?: GapToken;\n  /** ≥768px */\n  md?: GapToken;\n  /** ≥1024px */\n  lg?: GapToken;\n  /** ≥1280px */\n  xl?: GapToken;\n}\n\n/**\n * Flexbox layout component for vertical or horizontal stacking with consistent spacing.\n * @see https://usefragments.com/components/stack\n */\nexport interface StackProps {\n  children: React.ReactNode;\n  /**\n   * Stack direction.\n   * - A string for fixed direction: `\"row\"` or `\"column\"`\n   * - An object for responsive direction: `{ base: \"column\", md: \"row\" }`\n   */\n  direction?: Direction | ResponsiveDirection;\n  /**\n   * Gap between items.\n   * - A string for fixed gap: `\"sm\"`, `\"md\"`, etc.\n   * - An object for responsive gap: `{ base: \"sm\", md: \"lg\" }`\n   */\n  gap?: Gap | ResponsiveGap;\n  align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';\n  justify?: 'start' | 'center' | 'end' | 'between';\n  wrap?: boolean;\n  /**\n   * Render a separator between each child.\n   * - `true` renders a default 1px border line\n   * - A ReactNode renders custom content between children\n   */\n  separator?: boolean | React.ReactNode;\n  as?: 'div' | 'section' | 'nav' | 'article' | 'aside' | 'header' | 'footer' | 'main' | 'ul' | 'ol';\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nfunction isResponsiveDirection(\n  direction: StackProps['direction']\n): direction is ResponsiveDirection {\n  return typeof direction === 'object' && direction !== null;\n}\n\nfunction isResponsiveGap(gap: StackProps['gap']): gap is ResponsiveGap {\n  return typeof gap === 'object' && gap !== null;\n}\n\nfunction isNumericGap(gap: StackProps['gap']): gap is number {\n  return typeof gap === 'number';\n}\n\nconst StackRoot = React.forwardRef<HTMLElement, StackProps>(\n  function Stack(\n    {\n      children,\n      direction = 'column',\n      gap = 'md',\n      align,\n      justify,\n      wrap = false,\n      separator,\n      as: Component = 'div',\n      className,\n      style,\n    },\n    ref\n  ) {\n    let directionClass: string;\n    let gapClass: string | false;\n    let inlineStyle: React.CSSProperties | undefined;\n\n    // Handle responsive direction\n    if (isResponsiveDirection(direction)) {\n      directionClass = styles.directionResponsive;\n      const vars: Record<string, string> = {};\n      if (direction.base) vars['--fui-stack-direction'] = direction.base;\n      if (direction.sm) vars['--fui-stack-direction-sm'] = direction.sm;\n      if (direction.md) vars['--fui-stack-direction-md'] = direction.md;\n      if (direction.lg) vars['--fui-stack-direction-lg'] = direction.lg;\n      if (direction.xl) vars['--fui-stack-direction-xl'] = direction.xl;\n      inlineStyle = vars as unknown as React.CSSProperties;\n    } else {\n      directionClass = styles[direction];\n    }\n\n    // Handle responsive gap\n    if (isResponsiveGap(gap)) {\n      gapClass = styles.gapResponsive;\n      const gapVars: Record<string, string> = {};\n      if (gap.base && gap.base !== 'none') gapVars['--fui-stack-gap'] = `var(--fui-space-${gapToSpace(gap.base)})`;\n      if (gap.sm && gap.sm !== 'none') gapVars['--fui-stack-gap-sm'] = `var(--fui-space-${gapToSpace(gap.sm)})`;\n      if (gap.md && gap.md !== 'none') gapVars['--fui-stack-gap-md'] = `var(--fui-space-${gapToSpace(gap.md)})`;\n      if (gap.lg && gap.lg !== 'none') gapVars['--fui-stack-gap-lg'] = `var(--fui-space-${gapToSpace(gap.lg)})`;\n      if (gap.xl && gap.xl !== 'none') gapVars['--fui-stack-gap-xl'] = `var(--fui-space-${gapToSpace(gap.xl)})`;\n      inlineStyle = { ...inlineStyle, ...gapVars } as React.CSSProperties;\n    } else if (isNumericGap(gap)) {\n      // Numeric gap: maps to space scale tokens (e.g. gap={2} → var(--fui-space-2))\n      gapClass = false;\n      inlineStyle = { ...inlineStyle, gap: `var(--fui-space-${gap})` } as React.CSSProperties;\n    } else {\n      gapClass = gap !== 'none' && styles[`gap-${gap}`];\n    }\n\n    const classes = [\n      styles.stack,\n      directionClass,\n      gapClass,\n      align && styles[`align-${align}`],\n      justify && styles[`justify-${justify}`],\n      wrap && styles.wrap,\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const mergedStyle = inlineStyle ? { ...inlineStyle, ...style } : style;\n\n    // Interleave separator between children when provided\n    let content: React.ReactNode = children;\n    if (separator) {\n      const validChildren = React.Children.toArray(children).filter(Boolean);\n      if (validChildren.length > 1) {\n        const resolvedDir = isResponsiveDirection(direction) ? (direction.base ?? 'column') : direction;\n        const separatorEl = separator === true ? (\n          <div\n            className={styles.separator}\n            data-orientation={resolvedDir === 'row' ? 'vertical' : 'horizontal'}\n            role=\"separator\"\n          />\n        ) : separator;\n\n        const items: React.ReactNode[] = [];\n        validChildren.forEach((child, idx) => {\n          items.push(child);\n          if (idx < validChildren.length - 1) {\n            const childKey = React.isValidElement(child) && child.key != null ? child.key : `idx-${idx}`;\n            items.push(\n              <React.Fragment key={`sep-${childKey}`}>{separatorEl}</React.Fragment>\n            );\n          }\n        });\n        content = items;\n      }\n    }\n\n    return (\n      <Component ref={ref as React.Ref<never>} className={classes} style={mergedStyle}>\n        {content}\n      </Component>\n    );\n  }\n);\n\n// Map gap prop values to space variable numbers\nfunction gapToSpace(gap: Gap): string {\n  const map: Record<Gap, string> = {\n    none: '0',\n    xs: '1',\n    sm: '2',\n    md: '3',\n    lg: '4',\n    xl: '6',\n  };\n  return map[gap];\n}\n\nexport const Stack = Object.assign(StackRoot, {\n  Root: StackRoot,\n});\n"],"names":["Stack"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/TableOfContents/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './TableOfContents.module.scss';\nimport { Text } from '../Text';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface TableOfContentsProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n  /** Label for the nav landmark (default: \"Table of contents\") */\n  label?: string;\n  /** Title displayed above the list (default: \"On This Page\") */\n  title?: string;\n  /** Hide the title */\n  hideTitle?: boolean;\n}\n\nexport interface TableOfContentsItemProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {\n  children: React.ReactNode;\n  /** The heading ID to link to */\n  id: string;\n  /** Whether this item is currently active/visible */\n  active?: boolean;\n  /** Indent level — use for sub-headings (h3, h4, etc.) */\n  indent?: boolean;\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction TableOfContentsRoot({\n  children,\n  label = 'Table of contents',\n  title = 'On This Page',\n  hideTitle = false,\n  className,\n  ...htmlProps\n}: TableOfContentsProps) {\n  const classes = [styles.root, className].filter(Boolean).join(' ');\n\n  return (\n    <nav aria-label={label} className={classes} {...htmlProps}>\n      {!hideTitle && (\n        <Text as=\"p\" variant=\"section-label\" className={styles.title}>\n          {title}\n        </Text>\n      )}\n      <ul className={styles.list}>\n        {children}\n      </ul>\n    </nav>\n  );\n}\n\nfunction TableOfContentsItem({\n  children,\n  id,\n  active = false,\n  indent = false,\n  className,\n  onClick,\n  ...htmlProps\n}: TableOfContentsItemProps) {\n  const linkClasses = [\n    styles.link,\n    indent && styles.indent,\n    active && styles.active,\n    className,\n  ].filter(Boolean).join(' ');\n\n  const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    e.preventDefault();\n    const el = document.getElementById(id);\n    if (el) {\n      el.scrollIntoView({ behavior: 'smooth' });\n      history.replaceState(null, '', `#${id}`);\n    }\n    onClick?.(e);\n  };\n\n  return (\n    <li className={styles.item}>\n      <a\n        href={`#${id}`}\n        className={linkClasses}\n        onClick={handleClick}\n        aria-current={active ? 'true' : undefined}\n        {...htmlProps}\n      >\n        {children}\n      </a>\n    </li>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const TableOfContents = Object.assign(TableOfContentsRoot, {\n  Item: TableOfContentsItem,\n});\n\n// Re-export individual components\nexport { TableOfContentsRoot, TableOfContentsItem };\n"],"names":["styles","jsx","Text"],"mappings":";;;;;AAkCA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,QAAM,UAAU,CAACA,uBAAAA,QAAO,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEjE,yCACG,OAAA,EAAI,cAAY,OAAO,WAAW,SAAU,GAAG,WAC7C,UAAA;AAAA,IAAA,CAAC,aACAC,2BAAAA,IAACC,MAAAA,MAAA,EAAK,IAAG,KAAI,SAAQ,iBAAgB,WAAWF,uBAAAA,QAAO,OACpD,UAAA,MAAA,CACH;AAAA,IAEFC,2BAAAA,IAAC,MAAA,EAAG,WAAWD,uBAAAA,QAAO,MACnB,SAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAEA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA6B;AAC3B,QAAM,cAAc;AAAA,IAClBA,uBAAAA,QAAO;AAAA,IACP,UAAUA,uBAAAA,QAAO;AAAA,IACjB,UAAUA,uBAAAA,QAAO;AAAA,IACjB;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,QAAM,cAAc,CAAC,MAA2C;AAC9D,MAAE,eAAA;AACF,UAAM,KAAK,SAAS,eAAe,EAAE;AACrC,QAAI,IAAI;AACN,SAAG,eAAe,EAAE,UAAU,SAAA,CAAU;AACxC,cAAQ,aAAa,MAAM,IAAI,IAAI,EAAE,EAAE;AAAA,IACzC;AACA,uCAAU;AAAA,EACZ;AAEA,SACEC,2BAAAA,IAAC,MAAA,EAAG,WAAWD,uBAAAA,QAAO,MACpB,UAAAC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM,IAAI,EAAE;AAAA,MACZ,WAAW;AAAA,MACX,SAAS;AAAA,MACT,gBAAc,SAAS,SAAS;AAAA,MAC/B,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAMO,MAAM,kBAAkB,OAAO,OAAO,qBAAqB;AAAA,EAChE,MAAM;AACR,CAAC;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/TableOfContents/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './TableOfContents.module.scss';\nimport { Text } from '../Text';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface TableOfContentsProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n  /** Label for the nav landmark (default: \"Table of contents\") */\n  label?: string;\n  /** Title displayed above the list (default: \"On This Page\") */\n  title?: string;\n  /** Hide the title */\n  hideTitle?: boolean;\n}\n\nexport interface TableOfContentsItemProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {\n  children: React.ReactNode;\n  /** The heading ID to link to */\n  id: string;\n  /** Whether this item is currently active/visible */\n  active?: boolean;\n  /** Indent level — use for sub-headings (h3, h4, etc.) */\n  indent?: boolean;\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction TableOfContentsRoot({\n  children,\n  label = 'Table of contents',\n  title = 'On This Page',\n  hideTitle = false,\n  className,\n  ...htmlProps\n}: TableOfContentsProps) {\n  const classes = [styles.root, className].filter(Boolean).join(' ');\n\n  return (\n    <nav aria-label={label} className={classes} {...htmlProps}>\n      {!hideTitle && (\n        <Text as=\"p\" variant=\"section-label\" className={styles.title}>\n          {title}\n        </Text>\n      )}\n      <ul className={styles.list}>\n        {children}\n      </ul>\n    </nav>\n  );\n}\n\nfunction TableOfContentsItem({\n  children,\n  id,\n  active = false,\n  indent = false,\n  className,\n  onClick,\n  ...htmlProps\n}: TableOfContentsItemProps) {\n  const linkClasses = [\n    styles.link,\n    indent && styles.indent,\n    active && styles.active,\n    className,\n  ].filter(Boolean).join(' ');\n\n  const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    e.preventDefault();\n    const el = document.getElementById(id);\n    if (el) {\n      el.scrollIntoView({ behavior: 'smooth' });\n      history.replaceState(null, '', `#${id}`);\n    }\n    onClick?.(e);\n  };\n\n  return (\n    <li className={styles.item}>\n      <a\n        href={`#${id}`}\n        className={linkClasses}\n        onClick={handleClick}\n        aria-current={active ? 'true' : undefined}\n        {...htmlProps}\n      >\n        {children}\n      </a>\n    </li>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const TableOfContents = Object.assign(TableOfContentsRoot, {\n  Item: TableOfContentsItem,\n});\n\n// Re-export individual components\nexport { TableOfContentsRoot, TableOfContentsItem };\n"],"names":[],"mappings":";;;AAkCA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,QAAM,UAAU,CAAC,OAAO,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEjE,8BACG,OAAA,EAAI,cAAY,OAAO,WAAW,SAAU,GAAG,WAC7C,UAAA;AAAA,IAAA,CAAC,aACA,oBAAC,MAAA,EAAK,IAAG,KAAI,SAAQ,iBAAgB,WAAW,OAAO,OACpD,UAAA,MAAA,CACH;AAAA,IAEF,oBAAC,MAAA,EAAG,WAAW,OAAO,MACnB,SAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAEA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA6B;AAC3B,QAAM,cAAc;AAAA,IAClB,OAAO;AAAA,IACP,UAAU,OAAO;AAAA,IACjB,UAAU,OAAO;AAAA,IACjB;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,QAAM,cAAc,CAAC,MAA2C;AAC9D,MAAE,eAAA;AACF,UAAM,KAAK,SAAS,eAAe,EAAE;AACrC,QAAI,IAAI;AACN,SAAG,eAAe,EAAE,UAAU,SAAA,CAAU;AACxC,cAAQ,aAAa,MAAM,IAAI,IAAI,EAAE,EAAE;AAAA,IACzC;AACA,uCAAU;AAAA,EACZ;AAEA,SACE,oBAAC,MAAA,EAAG,WAAW,OAAO,MACpB,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM,IAAI,EAAE;AAAA,MACZ,WAAW;AAAA,MACX,SAAS;AAAA,MACT,gBAAc,SAAS,SAAS;AAAA,MAC/B,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAMO,MAAM,kBAAkB,OAAO,OAAO,qBAAqB;AAAA,EAChE,MAAM;AACR,CAAC;"}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Tabs/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport styles from './Tabs.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport type TabValue = string;\n\n/**\n * Tabbed navigation for switching between content panels.\n * @see https://usefragments.com/components/tabs\n */\nexport interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {\n  children: React.ReactNode;\n  /** Default active tab value (uncontrolled) */\n  defaultValue?: TabValue;\n  /** Controlled active tab value */\n  value?: TabValue;\n  /** Called when the active tab changes */\n  onValueChange?: (value: TabValue) => void;\n  /** Tab layout direction.\n   * @default \"horizontal\" */\n  orientation?: 'horizontal' | 'vertical';\n}\n\nexport interface TabsListProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  /** Tab list visual style.\n   * @default \"underline\"\n   * @see https://usefragments.com/components/tabs#variants */\n  variant?: 'underline' | 'pills';\n}\n\nexport interface TabProps {\n  children: React.ReactNode;\n  value: TabValue;\n  disabled?: boolean;\n  className?: string;\n}\n\nexport interface TabsPanelProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  value: TabValue;\n  keepMounted?: boolean;\n  flush?: boolean;\n}\n\n// ============================================\n// Context for variant\n// ============================================\n\nconst TabsVariantContext = React.createContext<'underline' | 'pills'>('underline');\n\n// ============================================\n// Components\n// ============================================\n\nfunction TabsRoot({\n  children,\n  defaultValue,\n  value,\n  onValueChange,\n  orientation = 'horizontal',\n  className,\n  ...htmlProps\n}: TabsProps) {\n  const classes = [styles.root, className].filter(Boolean).join(' ');\n\n  return (\n    <BaseTabs.Root\n      {...htmlProps}\n      defaultValue={defaultValue}\n      value={value}\n      onValueChange={onValueChange}\n      orientation={orientation}\n      className={classes}\n    >\n      {children}\n    </BaseTabs.Root>\n  );\n}\n\nfunction TabsList({\n  children,\n  variant = 'underline',\n  className,\n  ...htmlProps\n}: TabsListProps) {\n  const variantClass = variant === 'pills' ? styles.listPills : styles.listUnderline;\n  const classes = [styles.list, variantClass, className].filter(Boolean).join(' ');\n\n  return (\n    <TabsVariantContext.Provider value={variant}>\n      <BaseTabs.List {...htmlProps} className={classes}>\n        {children}\n        {variant === 'underline' && <BaseTabs.Indicator className={styles.indicator} />}\n      </BaseTabs.List>\n    </TabsVariantContext.Provider>\n  );\n}\n\nfunction Tab({\n  children,\n  value,\n  disabled,\n  className,\n}: TabProps) {\n  const variant = React.useContext(TabsVariantContext);\n  const variantClass = variant === 'pills' ? styles.tabPills : styles.tabUnderline;\n  const classes = [styles.tab, variantClass, className].filter(Boolean).join(' ');\n\n  return (\n    <BaseTabs.Tab value={value} disabled={disabled} className={classes}>\n      {children}\n    </BaseTabs.Tab>\n  );\n}\n\nfunction TabsPanel({\n  children,\n  value,\n  keepMounted = false,\n  flush = false,\n  className,\n  ...htmlProps\n}: TabsPanelProps) {\n  const classes = [\n    styles.panel,\n    flush && styles.panelFlush,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <BaseTabs.Panel {...htmlProps} value={value} keepMounted={keepMounted} className={classes}>\n      {children}\n    </BaseTabs.Panel>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Tabs = Object.assign(TabsRoot, {\n  List: TabsList,\n  Tab: Tab,\n  Panel: TabsPanel,\n});\n\n// Re-export individual components\nexport { TabsRoot, TabsList, Tab, TabsPanel };\n"],"names":["React","styles","jsx","BaseTabs","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuDA,MAAM,qBAAqBA,iBAAM,cAAqC,WAAW;AAMjF,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,GAAG;AACL,GAAc;AACZ,QAAM,UAAU,CAACC,YAAAA,QAAO,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEjE,SACEC,2BAAAA;AAAAA,IAACC,KAAAA,KAAS;AAAA,IAAT;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MAEV;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,eAAe,YAAY,UAAUF,YAAAA,QAAO,YAAYA,YAAAA,QAAO;AACrE,QAAM,UAAU,CAACA,oBAAO,MAAM,cAAc,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE/E,SACEC,2BAAAA,IAAC,mBAAmB,UAAnB,EAA4B,OAAO,SAClC,UAAAE,2BAAAA,KAACD,KAAAA,KAAS,MAAT,EAAe,GAAG,WAAW,WAAW,SACtC,UAAA;AAAA,IAAA;AAAA,IACA,YAAY,eAAeD,2BAAAA,IAACC,KAAAA,KAAS,WAAT,EAAmB,WAAWF,YAAAA,QAAO,UAAA,CAAW;AAAA,EAAA,EAAA,CAC/E,EAAA,CACF;AAEJ;AAEA,SAAS,IAAI;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAa;AACX,QAAM,UAAUD,iBAAM,WAAW,kBAAkB;AACnD,QAAM,eAAe,YAAY,UAAUC,YAAAA,QAAO,WAAWA,YAAAA,QAAO;AACpE,QAAM,UAAU,CAACA,oBAAO,KAAK,cAAc,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE9E,SACEC,2BAAAA,IAACC,UAAS,KAAT,EAAa,OAAc,UAAoB,WAAW,SACxD,UACH;AAEJ;AAEA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,QAAM,UAAU;AAAA,IACdF,YAAAA,QAAO;AAAA,IACP,SAASA,YAAAA,QAAO;AAAA,IAChB;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,SACEC,+BAACC,KAAAA,KAAS,OAAT,EAAgB,GAAG,WAAW,OAAc,aAA0B,WAAW,SAC/E,SAAA,CACH;AAEJ;AAMO,MAAM,OAAO,OAAO,OAAO,UAAU;AAAA,EAC1C,MAAM;AAAA,EACN;AAAA,EACA,OAAO;AACT,CAAC;;;;;;"}