@fragments-sdk/ui 0.14.0 → 0.15.1

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 extends React.HTMLAttributes<HTMLDivElement> {\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}\n\nexport interface SkeletonTextProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\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}\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      ...htmlProps\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        {...htmlProps}\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  ...htmlProps\n}: SkeletonTextProps) {\n  const containerClasses = [\n    styles.textContainer,\n    styles[`gap-${gap}`],\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div {...htmlProps} 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":";;;;;;;;;;;;;;;;;;;;;;AAqEA,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,IACA,GAAG;AAAA,EAAA,GAEL,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,QACC,GAAG;AAAA,QACJ,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;AAAA,EACA,GAAG;AACL,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,wCACG,OAAA,EAAK,GAAG,WAAW,WAAW,kBAAkB,eAAY,QAC1D,UAAA,MAAM,KAAK,EAAE,QAAQ,SAAS,CAAC,GAAG,YAAY;AAC7C,UAAM,SAAS,YAAY,QAAQ;AACnC,WACEC,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 extends React.HTMLAttributes<HTMLDivElement> {\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}\n\nexport interface SkeletonTextProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\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}\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      ...htmlProps\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        {...htmlProps}\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  ...htmlProps\n}: SkeletonTextProps) {\n  const containerClasses = [\n    styles.textContainer,\n    styles[`gap-${gap}`],\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div {...htmlProps} 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":";;;AAqEA,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,IACA,GAAG;AAAA,EAAA,GAEL,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,QACC,GAAG;AAAA,QACJ,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;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,mBAAmB;AAAA,IACvB,OAAO;AAAA,IACP,OAAO,OAAO,GAAG,EAAE;AAAA,IACnB;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,6BACG,OAAA,EAAK,GAAG,WAAW,WAAW,kBAAkB,eAAY,QAC1D,UAAA,MAAM,KAAK,EAAE,QAAQ,SAAS,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  /** Show a value bubble above the thumb while dragging */\n  showValueOnDrag?: 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      showValueOnDrag = 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 [isDragging, setIsDragging] = React.useState(false);\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    const handleDragStart = () => {\n      if (!disabled && showValueOnDrag) {\n        setIsDragging(true);\n      }\n    };\n\n    React.useEffect(() => {\n      if (!isDragging) return;\n\n      const handlePointerEnd = () => setIsDragging(false);\n      window.addEventListener('pointerup', handlePointerEnd);\n      window.addEventListener('pointercancel', handlePointerEnd);\n\n      return () => {\n        window.removeEventListener('pointerup', handlePointerEnd);\n        window.removeEventListener('pointercancel', handlePointerEnd);\n      };\n    }, [isDragging]);\n\n    React.useEffect(() => {\n      if (disabled && isDragging) {\n        setIsDragging(false);\n      }\n    }, [disabled, isDragging]);\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          onPointerDownCapture={handleDragStart}\n        >\n          <BaseSlider.Control className={styles.control}>\n            <BaseSlider.Track className={styles.track}>\n              <BaseSlider.Indicator className={styles.indicator} />\n              <BaseSlider.Thumb\n                className={styles.thumb}\n              >\n                {showValueOnDrag && isDragging && (\n                  <span className={styles.dragValueBubble} aria-hidden=\"true\">\n                    {displayValue}\n                    {valueSuffix}\n                  </span>\n                )}\n              </BaseSlider.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":"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"}

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  /** Show a value bubble above the thumb while dragging */\n  showValueOnDrag?: 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      showValueOnDrag = 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 [isDragging, setIsDragging] = React.useState(false);\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    const handleDragStart = () => {\n      if (!disabled && showValueOnDrag) {\n        setIsDragging(true);\n      }\n    };\n\n    React.useEffect(() => {\n      if (!isDragging) return;\n\n      const handlePointerEnd = () => setIsDragging(false);\n      window.addEventListener('pointerup', handlePointerEnd);\n      window.addEventListener('pointercancel', handlePointerEnd);\n\n      return () => {\n        window.removeEventListener('pointerup', handlePointerEnd);\n        window.removeEventListener('pointercancel', handlePointerEnd);\n      };\n    }, [isDragging]);\n\n    React.useEffect(() => {\n      if (disabled && isDragging) {\n        setIsDragging(false);\n      }\n    }, [disabled, isDragging]);\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          onPointerDownCapture={handleDragStart}\n        >\n          <BaseSlider.Control className={styles.control}>\n            <BaseSlider.Track className={styles.track}>\n              <BaseSlider.Indicator className={styles.indicator} />\n              <BaseSlider.Thumb\n                className={styles.thumb}\n              >\n                {showValueOnDrag && isDragging && (\n                  <span className={styles.dragValueBubble} aria-hidden=\"true\">\n                    {displayValue}\n                    {valueSuffix}\n                  </span>\n                )}\n              </BaseSlider.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":"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"}

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 GapScale = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;\ntype Gap = GapToken | GapScale;\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 extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'style' | 'className'> {\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 GapScale {\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      ...htmlProps\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\n        {...htmlProps}\n        ref={ref as React.Ref<never>}\n        className={classes}\n        style={mergedStyle}\n      >\n        {content}\n      </Component>\n    );\n  }\n);\n\n// Map gap prop values to space variable numbers\nfunction gapToSpace(gap: GapToken): string {\n  const map: Record<GapToken, 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":";;;;;;;;;;;;;;;;;;;;;;AAqEA,SAAS,sBACP,WACkC;AAClC,SAAO,OAAO,cAAc,YAAY,cAAc;AACxD;AAEA,SAAS,gBAAgB,KAA8C;AACrE,SAAO,OAAO,QAAQ,YAAY,QAAQ;AAC5C;AAEA,SAAS,aAAa,KAAyC;AAC7D,SAAO,OAAO,QAAQ;AACxB;AAEA,MAAM,YAAYA,iBAAM;AAAA,EACtB,SAASC,OACP;AAAA,IACE;AAAA,IACA,YAAY;AAAA,IACZ,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,IAAI,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,KACA;AACA,QAAI;AACJ,QAAI;AACJ,QAAI;AAGJ,QAAI,sBAAsB,SAAS,GAAG;AACpC,uBAAiBC,aAAAA,QAAO;AACxB,YAAM,OAA+B,CAAA;AACrC,UAAI,UAAU,KAAM,MAAK,uBAAuB,IAAI,UAAU;AAC9D,UAAI,UAAU,GAAI,MAAK,0BAA0B,IAAI,UAAU;AAC/D,UAAI,UAAU,GAAI,MAAK,0BAA0B,IAAI,UAAU;AAC/D,UAAI,UAAU,GAAI,MAAK,0BAA0B,IAAI,UAAU;AAC/D,UAAI,UAAU,GAAI,MAAK,0BAA0B,IAAI,UAAU;AAC/D,oBAAc;AAAA,IAChB,OAAO;AACL,uBAAiBA,aAAAA,QAAO,SAAS;AAAA,IACnC;AAGA,QAAI,gBAAgB,GAAG,GAAG;AACxB,iBAAWA,aAAAA,QAAO;AAClB,YAAM,UAAkC,CAAA;AACxC,UAAI,IAAI,QAAQ,IAAI,SAAS,OAAQ,SAAQ,iBAAiB,IAAI,mBAAmB,WAAW,IAAI,IAAI,CAAC;AACzG,UAAI,IAAI,MAAM,IAAI,OAAO,OAAQ,SAAQ,oBAAoB,IAAI,mBAAmB,WAAW,IAAI,EAAE,CAAC;AACtG,UAAI,IAAI,MAAM,IAAI,OAAO,OAAQ,SAAQ,oBAAoB,IAAI,mBAAmB,WAAW,IAAI,EAAE,CAAC;AACtG,UAAI,IAAI,MAAM,IAAI,OAAO,OAAQ,SAAQ,oBAAoB,IAAI,mBAAmB,WAAW,IAAI,EAAE,CAAC;AACtG,UAAI,IAAI,MAAM,IAAI,OAAO,OAAQ,SAAQ,oBAAoB,IAAI,mBAAmB,WAAW,IAAI,EAAE,CAAC;AACtG,oBAAc,EAAE,GAAG,aAAa,GAAG,QAAA;AAAA,IACrC,WAAW,aAAa,GAAG,GAAG;AAE5B,iBAAW;AACX,oBAAc,EAAE,GAAG,aAAa,KAAK,mBAAmB,GAAG,IAAA;AAAA,IAC7D,OAAO;AACL,iBAAW,QAAQ,UAAUA,aAAAA,QAAO,OAAO,GAAG,EAAE;AAAA,IAClD;AAEA,UAAM,UAAU;AAAA,MACdA,aAAAA,QAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,SAASA,aAAAA,QAAO,SAAS,KAAK,EAAE;AAAA,MAChC,WAAWA,aAAAA,QAAO,WAAW,OAAO,EAAE;AAAA,MACtC,QAAQA,aAAAA,QAAO;AAAA,MACf;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,UAAM,cAAc,cAAc,EAAE,GAAG,aAAa,GAAG,UAAU;AAGjE,QAAI,UAA2B;AAC/B,QAAI,WAAW;AACb,YAAM,gBAAgBF,iBAAM,SAAS,QAAQ,QAAQ,EAAE,OAAO,OAAO;AACrE,UAAI,cAAc,SAAS,GAAG;AAC5B,cAAM,cAAc,sBAAsB,SAAS,IAAK,UAAU,QAAQ,WAAY;AACtF,cAAM,cAAc,cAAc,OAChCG,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD,aAAAA,QAAO;AAAA,YAClB,oBAAkB,gBAAgB,QAAQ,aAAa;AAAA,YACvD,MAAK;AAAA,UAAA;AAAA,QAAA,IAEL;AAEJ,cAAM,QAA2B,CAAA;AACjC,sBAAc,QAAQ,CAAC,OAAO,QAAQ;AACpC,gBAAM,KAAK,KAAK;AAChB,cAAI,MAAM,cAAc,SAAS,GAAG;AAClC,kBAAM,WAAWF,iBAAM,eAAe,KAAK,KAAK,MAAM,OAAO,OAAO,MAAM,MAAM,OAAO,GAAG;AAC1F,kBAAM;AAAA,6CACHA,iBAAM,UAAN,EAAwC,UAAA,eAApB,OAAO,QAAQ,EAAiB;AAAA,YAAA;AAAA,UAEzD;AAAA,QACF,CAAC;AACD,kBAAU;AAAA,MACZ;AAAA,IACF;AAEA,WACEG,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,WAAW;AAAA,QACX,OAAO;AAAA,QAEN,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAGA,SAAS,WAAW,KAAuB;AACzC,QAAM,MAAgC;AAAA,IACpC,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA;AAEN,SAAO,IAAI,GAAG;AAChB;AAEO,MAAM,QAAQ,OAAO,OAAO,WAAW;AAAA,EAC5C,MAAM;AACR,CAAC;;"}

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 GapScale = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;\ntype Gap = GapToken | GapScale;\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 extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'style' | 'className'> {\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 GapScale {\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      ...htmlProps\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\n        {...htmlProps}\n        ref={ref as React.Ref<never>}\n        className={classes}\n        style={mergedStyle}\n      >\n        {content}\n      </Component>\n    );\n  }\n);\n\n// Map gap prop values to space variable numbers\nfunction gapToSpace(gap: GapToken): string {\n  const map: Record<GapToken, 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  'aria-label': ariaLabel,\n  ...htmlProps\n}: TableOfContentsProps) {\n  const classes = [styles.root, className].filter(Boolean).join(' ');\n\n  return (\n    <nav {...htmlProps} aria-label={ariaLabel ?? label} className={classes}>\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  href: _href,\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    onClick?.(e);\n    if (e.defaultPrevented) return;\n\n    e.preventDefault();\n    const el = document.getElementById(id);\n    if (el) {\n      el.scrollIntoView({ behavior: 'smooth' });\n      window.history.replaceState(null, '', `#${id}`);\n    }\n  };\n\n  return (\n    <li className={styles.item}>\n      <a\n        {...htmlProps}\n        href={`#${id}`}\n        className={linkClasses}\n        onClick={handleClick}\n        aria-current={active ? 'location' : undefined}\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","jsxs","jsx","Text"],"mappings":";;;;;AAkCA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAAyB;AACvB,QAAM,UAAU,CAACA,uBAAAA,QAAO,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEjE,SACEC,gCAAC,SAAK,GAAG,WAAW,cAAY,aAAa,OAAO,WAAW,SAC5D,UAAA;AAAA,IAAA,CAAC,aACAC,2BAAAA,IAACC,MAAAA,MAAA,EAAK,IAAG,KAAI,SAAQ,iBAAgB,WAAWH,uBAAAA,QAAO,OACpD,UAAA,MAAA,CACH;AAAA,IAEFE,2BAAAA,IAAC,MAAA,EAAG,WAAWF,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,MAAM;AAAA,EACN,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,uCAAU;AACV,QAAI,EAAE,iBAAkB;AAExB,MAAE,eAAA;AACF,UAAM,KAAK,SAAS,eAAe,EAAE;AACrC,QAAI,IAAI;AACN,SAAG,eAAe,EAAE,UAAU,SAAA,CAAU;AACxC,aAAO,QAAQ,aAAa,MAAM,IAAI,IAAI,EAAE,EAAE;AAAA,IAChD;AAAA,EACF;AAEA,SACEE,2BAAAA,IAAC,MAAA,EAAG,WAAWF,uBAAAA,QAAO,MACpB,UAAAE,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAM,IAAI,EAAE;AAAA,MACZ,WAAW;AAAA,MACX,SAAS;AAAA,MACT,gBAAc,SAAS,aAAa;AAAA,MAEnC;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  'aria-label': ariaLabel,\n  ...htmlProps\n}: TableOfContentsProps) {\n  const classes = [styles.root, className].filter(Boolean).join(' ');\n\n  return (\n    <nav {...htmlProps} aria-label={ariaLabel ?? label} className={classes}>\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  href: _href,\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    onClick?.(e);\n    if (e.defaultPrevented) return;\n\n    e.preventDefault();\n    const el = document.getElementById(id);\n    if (el) {\n      el.scrollIntoView({ behavior: 'smooth' });\n      window.history.replaceState(null, '', `#${id}`);\n    }\n  };\n\n  return (\n    <li className={styles.item}>\n      <a\n        {...htmlProps}\n        href={`#${id}`}\n        className={linkClasses}\n        onClick={handleClick}\n        aria-current={active ? 'location' : undefined}\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,cAAc;AAAA,EACd,GAAG;AACL,GAAyB;AACvB,QAAM,UAAU,CAAC,OAAO,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEjE,SACE,qBAAC,SAAK,GAAG,WAAW,cAAY,aAAa,OAAO,WAAW,SAC5D,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,MAAM;AAAA,EACN,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,uCAAU;AACV,QAAI,EAAE,iBAAkB;AAExB,MAAE,eAAA;AACF,UAAM,KAAK,SAAS,eAAe,EAAE;AACrC,QAAI,IAAI;AACN,SAAG,eAAe,EAAE,UAAU,SAAA,CAAU;AACxC,aAAO,QAAQ,aAAa,MAAM,IAAI,IAAI,EAAE,EAAE;AAAA,IAChD;AAAA,EACF;AAEA,SACE,oBAAC,MAAA,EAAG,WAAW,OAAO,MACpB,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAM,IAAI,EAAE;AAAA,MACZ,WAAW;AAAA,MACX,SAAS;AAAA,MACT,gBAAc,SAAS,aAAa;AAAA,MAEnC;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  /** Tab list visual style (default for Tabs.List).\n   * @default \"underline\" */\n  variant?: 'underline' | 'pills';\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  variant = 'underline',\n  className,\n  ...htmlProps\n}: TabsProps) {\n  const classes = [styles.root, className].filter(Boolean).join(' ');\n\n  return (\n    <TabsVariantContext.Provider value={variant}>\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    </TabsVariantContext.Provider>\n  );\n}\n\nfunction TabsList({\n  children,\n  variant,\n  className,\n  ...htmlProps\n}: TabsListProps) {\n  const rootVariant = React.useContext(TabsVariantContext);\n  const resolvedVariant = variant ?? rootVariant;\n  const variantClass = resolvedVariant === 'pills' ? styles.listPills : styles.listUnderline;\n  const classes = [styles.list, variantClass, className].filter(Boolean).join(' ');\n\n  return (\n    <TabsVariantContext.Provider value={resolvedVariant}>\n      <BaseTabs.List {...htmlProps} className={classes}>\n        {children}\n        {resolvedVariant === '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":";;;;;;;;;;;;;;;;;;;;;;;AA0DA,MAAM,qBAAqBA,iBAAM,cAAqC,WAAW;AAMjF,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GAAc;AACZ,QAAM,UAAU,CAACC,YAAAA,QAAO,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEjE,SACEC,2BAAAA,IAAC,mBAAmB,UAAnB,EAA4B,OAAO,SAClC,UAAAA,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,GAEL;AAEJ;AAEA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,cAAcH,iBAAM,WAAW,kBAAkB;AACvD,QAAM,kBAAkB,WAAW;AACnC,QAAM,eAAe,oBAAoB,UAAUC,YAAAA,QAAO,YAAYA,YAAAA,QAAO;AAC7E,QAAM,UAAU,CAACA,oBAAO,MAAM,cAAc,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE/E,SACEC,2BAAAA,IAAC,mBAAmB,UAAnB,EAA4B,OAAO,iBAClC,UAAAE,2BAAAA,KAACD,KAAAA,KAAS,MAAT,EAAe,GAAG,WAAW,WAAW,SACtC,UAAA;AAAA,IAAA;AAAA,IACA,oBAAoB,eAAeD,2BAAAA,IAACC,KAAAA,KAAS,WAAT,EAAmB,WAAWF,YAAAA,QAAO,UAAA,CAAW;AAAA,EAAA,EAAA,CACvF,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;;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","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  /** Tab list visual style (default for Tabs.List).\n   * @default \"underline\" */\n  variant?: 'underline' | 'pills';\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  variant = 'underline',\n  className,\n  ...htmlProps\n}: TabsProps) {\n  const classes = [styles.root, className].filter(Boolean).join(' ');\n\n  return (\n    <TabsVariantContext.Provider value={variant}>\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    </TabsVariantContext.Provider>\n  );\n}\n\nfunction TabsList({\n  children,\n  variant,\n  className,\n  ...htmlProps\n}: TabsListProps) {\n  const rootVariant = React.useContext(TabsVariantContext);\n  const resolvedVariant = variant ?? rootVariant;\n  const variantClass = resolvedVariant === 'pills' ? styles.listPills : styles.listUnderline;\n  const classes = [styles.list, variantClass, className].filter(Boolean).join(' ');\n\n  return (\n    <TabsVariantContext.Provider value={resolvedVariant}>\n      <BaseTabs.List {...htmlProps} className={classes}>\n        {children}\n        {resolvedVariant === '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":["BaseTabs"],"mappings":";;;;AA0DA,MAAM,qBAAqB,MAAM,cAAqC,WAAW;AAMjF,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GAAc;AACZ,QAAM,UAAU,CAAC,OAAO,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEjE,SACE,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,SAClC,UAAA;AAAA,IAACA,OAAS;AAAA,IAAT;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MAEV;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,cAAc,MAAM,WAAW,kBAAkB;AACvD,QAAM,kBAAkB,WAAW;AACnC,QAAM,eAAe,oBAAoB,UAAU,OAAO,YAAY,OAAO;AAC7E,QAAM,UAAU,CAAC,OAAO,MAAM,cAAc,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE/E,SACE,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,iBAClC,UAAA,qBAACA,OAAS,MAAT,EAAe,GAAG,WAAW,WAAW,SACtC,UAAA;AAAA,IAAA;AAAA,IACA,oBAAoB,eAAe,oBAACA,OAAS,WAAT,EAAmB,WAAW,OAAO,UAAA,CAAW;AAAA,EAAA,EAAA,CACvF,EAAA,CACF;AAEJ;AAEA,SAAS,IAAI;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAa;AACX,QAAM,UAAU,MAAM,WAAW,kBAAkB;AACnD,QAAM,eAAe,YAAY,UAAU,OAAO,WAAW,OAAO;AACpE,QAAM,UAAU,CAAC,OAAO,KAAK,cAAc,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE9E,SACE,oBAACA,OAAS,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,IACd,OAAO;AAAA,IACP,SAAS,OAAO;AAAA,IAChB;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,SACE,oBAACA,OAAS,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;"}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Text/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './Text.module.scss';\n\n/**\n * Typography component for rendering text with consistent styling.\n * @see https://usefragments.com/components/text\n */\nexport interface TextProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'> {\n  children: React.ReactNode;\n  /** HTML element to render.\n   * @default \"span\" */\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'div' | 'strong' | 'em' | 'small' | 'mark' | 'del' | 'ins' | 'sub' | 'sup' | 'time' | 'address' | 'blockquote' | 'cite' | 'code' | 'abbr';\n  /** Preset text variant */\n  variant?: 'section-label';\n  /** Font size. `\"md\"` is an alias for `\"base\"`.\n   * @see https://usefragments.com/components/text#sizes */\n  size?: '2xs' | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';\n  /** Font weight.\n   * @default \"normal\" */\n  weight?: 'normal' | 'medium' | 'semibold' | 'bold';\n  /** Text color. `\"muted\"` is an alias for `\"tertiary\"`.\n   * @default \"primary\" */\n  color?: 'primary' | 'secondary' | 'tertiary' | 'muted';\n  /** Font family.\n   * @default \"sans\" */\n  font?: 'sans' | 'mono';\n  /** Truncate text with ellipsis when it overflows */\n  truncate?: boolean;\n  /** Number of lines before truncating (requires truncate=true) */\n  lineClamp?: number;\n}\n\nconst TextRoot = React.forwardRef<HTMLElement, TextProps>(\n  function Text(\n    {\n      children,\n      as: Component = 'span',\n      variant,\n      size,\n      weight,\n      color,\n      font = 'sans',\n      truncate,\n      lineClamp,\n      className,\n      style,\n      ...htmlProps\n    },\n    ref\n  ) {\n    const classes = [\n      styles.text,\n      variant && styles[`variant-${variant}`],\n      size && styles[`size-${size}`],\n      weight && styles[`weight-${weight}`],\n      color && styles[`color-${color}`],\n      font === 'mono' && styles.mono,\n      truncate && styles.truncate,\n      lineClamp && styles.lineClamp,\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const lineClampStyle = lineClamp\n      ? { '--fui-line-clamp': lineClamp, ...style } as React.CSSProperties\n      : style;\n\n    return (\n      <Component ref={ref as React.Ref<never>} className={classes} style={lineClampStyle} {...htmlProps}>\n        {children}\n      </Component>\n    );\n  }\n);\n\nexport const Text = Object.assign(TextRoot, {\n  Root: TextRoot,\n});\n"],"names":["React","Text","styles","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAM,WAAWA,iBAAM;AAAA,EACrB,SAASC,MACP;AAAA,IACE;AAAA,IACA,IAAI,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,KACA;AACA,UAAM,UAAU;AAAA,MACdC,YAAAA,QAAO;AAAA,MACP,WAAWA,YAAAA,QAAO,WAAW,OAAO,EAAE;AAAA,MACtC,QAAQA,YAAAA,QAAO,QAAQ,IAAI,EAAE;AAAA,MAC7B,UAAUA,YAAAA,QAAO,UAAU,MAAM,EAAE;AAAA,MACnC,SAASA,YAAAA,QAAO,SAAS,KAAK,EAAE;AAAA,MAChC,SAAS,UAAUA,YAAAA,QAAO;AAAA,MAC1B,YAAYA,YAAAA,QAAO;AAAA,MACnB,aAAaA,YAAAA,QAAO;AAAA,MACpB;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,UAAM,iBAAiB,YACnB,EAAE,oBAAoB,WAAW,GAAG,UACpC;AAEJ,WACEC,+BAAC,aAAU,KAA8B,WAAW,SAAS,OAAO,gBAAiB,GAAG,WACrF,SAAA,CACH;AAAA,EAEJ;AACF;AAEO,MAAM,OAAO,OAAO,OAAO,UAAU;AAAA,EAC1C,MAAM;AACR,CAAC;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Text/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './Text.module.scss';\n\n/**\n * Typography component for rendering text with consistent styling.\n * @see https://usefragments.com/components/text\n */\nexport interface TextProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'> {\n  children: React.ReactNode;\n  /** HTML element to render.\n   * @default \"span\" */\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'div' | 'strong' | 'em' | 'small' | 'mark' | 'del' | 'ins' | 'sub' | 'sup' | 'time' | 'address' | 'blockquote' | 'cite' | 'code' | 'abbr';\n  /** Preset text variant */\n  variant?: 'section-label';\n  /** Font size. `\"md\"` is an alias for `\"base\"`.\n   * @see https://usefragments.com/components/text#sizes */\n  size?: '2xs' | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';\n  /** Font weight.\n   * @default \"normal\" */\n  weight?: 'normal' | 'medium' | 'semibold' | 'bold';\n  /** Text color. `\"muted\"` is an alias for `\"tertiary\"`.\n   * @default \"primary\" */\n  color?: 'primary' | 'secondary' | 'tertiary' | 'muted';\n  /** Font family.\n   * @default \"sans\" */\n  font?: 'sans' | 'mono';\n  /** Truncate text with ellipsis when it overflows */\n  truncate?: boolean;\n  /** Number of lines before truncating (requires truncate=true) */\n  lineClamp?: number;\n}\n\nconst TextRoot = React.forwardRef<HTMLElement, TextProps>(\n  function Text(\n    {\n      children,\n      as: Component = 'span',\n      variant,\n      size,\n      weight,\n      color,\n      font = 'sans',\n      truncate,\n      lineClamp,\n      className,\n      style,\n      ...htmlProps\n    },\n    ref\n  ) {\n    const classes = [\n      styles.text,\n      variant && styles[`variant-${variant}`],\n      size && styles[`size-${size}`],\n      weight && styles[`weight-${weight}`],\n      color && styles[`color-${color}`],\n      font === 'mono' && styles.mono,\n      truncate && styles.truncate,\n      lineClamp && styles.lineClamp,\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const lineClampStyle = lineClamp\n      ? { '--fui-line-clamp': lineClamp, ...style } as React.CSSProperties\n      : style;\n\n    return (\n      <Component ref={ref as React.Ref<never>} className={classes} style={lineClampStyle} {...htmlProps}>\n        {children}\n      </Component>\n    );\n  }\n);\n\nexport const Text = Object.assign(TextRoot, {\n  Root: TextRoot,\n});\n"],"names":["Text"],"mappings":";;;AAgCA,MAAM,WAAW,MAAM;AAAA,EACrB,SAASA,MACP;AAAA,IACE;AAAA,IACA,IAAI,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,KACA;AACA,UAAM,UAAU;AAAA,MACd,OAAO;AAAA,MACP,WAAW,OAAO,WAAW,OAAO,EAAE;AAAA,MACtC,QAAQ,OAAO,QAAQ,IAAI,EAAE;AAAA,MAC7B,UAAU,OAAO,UAAU,MAAM,EAAE;AAAA,MACnC,SAAS,OAAO,SAAS,KAAK,EAAE;AAAA,MAChC,SAAS,UAAU,OAAO;AAAA,MAC1B,YAAY,OAAO;AAAA,MACnB,aAAa,OAAO;AAAA,MACpB;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,UAAM,iBAAiB,YACnB,EAAE,oBAAoB,WAAW,GAAG,UACpC;AAEJ,WACE,oBAAC,aAAU,KAA8B,WAAW,SAAS,OAAO,gBAAiB,GAAG,WACrF,SAAA,CACH;AAAA,EAEJ;AACF;AAEO,MAAM,OAAO,OAAO,OAAO,UAAU;AAAA,EAC1C,MAAM;AACR,CAAC;"}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Textarea/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './Textarea.module.scss';\n\nexport interface TextareaProps extends Omit<\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n  'onChange' | 'onBlur' | 'className' | 'style'\n> {\n  /** Controlled value */\n  value?: string;\n  /** Default value for uncontrolled usage */\n  defaultValue?: string;\n  /** Placeholder text */\n  placeholder?: string;\n  /** Number of visible text rows */\n  rows?: number;\n  /** Minimum number of rows (for auto-resize) */\n  minRows?: number;\n  /** Maximum number of rows (for auto-resize) */\n  maxRows?: number;\n  /** Allow user to resize the textarea */\n  resize?: 'none' | 'vertical' | 'horizontal' | 'both';\n  /** Disabled state */\n  disabled?: boolean;\n  /** Error state */\n  error?: boolean;\n  /** Label text above the textarea */\n  label?: string;\n  /** Helper text below the textarea */\n  helperText?: string;\n  /** Called when value changes */\n  onChange?: (value: string) => void;\n  /** Alias for onChange (value-first callback) */\n  onValueChange?: (value: string) => void;\n  /** Called when textarea loses focus */\n  onBlur?: () => void;\n  /** Form field name */\n  name?: string;\n  /** Maximum character length */\n  maxLength?: number;\n  /** Required field */\n  required?: boolean;\n  /** Accessible label for no-visible-label usage */\n  'aria-label'?: string;\n  /** Accessible labelled-by relationship */\n  'aria-labelledby'?: string;\n  /** Accessible described-by relationship */\n  'aria-describedby'?: string;\n  /** Props applied to the wrapper element */\n  rootProps?: React.HTMLAttributes<HTMLDivElement>;\n  /** Wrapper class name */\n  className?: string;\n  /** Wrapper styles */\n  style?: React.CSSProperties;\n}\n\nfunction mergeAriaIds(...ids: Array<string | undefined>): string | undefined {\n  const merged = ids.filter(Boolean).join(' ').trim();\n  return merged.length > 0 ? merged : undefined;\n}\n\nconst TextareaRoot = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  function Textarea(\n    {\n      value,\n      defaultValue,\n      placeholder,\n      rows = 3,\n      minRows,\n      maxRows,\n      resize = 'vertical',\n      disabled = false,\n      error = false,\n      label,\n      helperText,\n      onChange,\n      onValueChange,\n      onBlur,\n      rootProps,\n      className,\n      style: wrapperStyle,\n      ...textareaProps\n    },\n    ref\n  ) {\n    const generatedId = React.useId();\n    const {\n      id,\n      name,\n      maxLength,\n      required = false,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      ...nativeTextareaProps\n    } = textareaProps;\n    const textareaId = id || generatedId;\n    const labelId = label ? `${textareaId}-label` : undefined;\n    const helperId = `${textareaId}-helper`;\n\n    const textareaClasses = [\n      styles.textarea,\n      error && styles.error,\n      styles[`resize-${resize}`],\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const helperClasses = [styles.helper, error && styles.helperError]\n      .filter(Boolean)\n      .join(' ');\n\n    // Calculate min/max height based on rows\n    const textareaInlineStyle: React.CSSProperties = {};\n    if (minRows) {\n      textareaInlineStyle.minHeight = `calc(${minRows} * 1.5em + 1.5rem)`;\n    }\n    if (maxRows) {\n      textareaInlineStyle.maxHeight = `calc(${maxRows} * 1.5em + 1.5rem)`;\n    }\n\n    return (\n      <div\n        {...rootProps}\n        className={[styles.wrapper, rootProps?.className, className].filter(Boolean).join(' ')}\n        style={{ ...(rootProps?.style ?? {}), ...(wrapperStyle ?? {}) }}\n      >\n        {label && (\n          <label id={labelId} htmlFor={textareaId} className={styles.label}>\n            {label}\n            {required && <span className={styles.required}>*</span>}\n          </label>\n        )}\n        <textarea\n          ref={ref}\n          id={textareaId}\n          value={value}\n          defaultValue={defaultValue}\n          placeholder={placeholder}\n          rows={rows}\n          {...nativeTextareaProps}\n          name={name}\n          maxLength={maxLength}\n          disabled={disabled}\n          required={required}\n          aria-label={ariaLabel}\n          aria-labelledby={mergeAriaIds(ariaLabelledBy, labelId)}\n          aria-invalid={error || undefined}\n          aria-describedby={mergeAriaIds(\n            ariaDescribedBy,\n            helperText ? helperId : undefined\n          )}\n          onChange={(e) => {\n            onChange?.(e.target.value);\n            onValueChange?.(e.target.value);\n          }}\n          onBlur={() => onBlur?.()}\n          className={textareaClasses}\n          style={Object.keys(textareaInlineStyle).length > 0 ? textareaInlineStyle : undefined}\n        />\n        {helperText && (\n          <span id={helperId} className={helperClasses}>\n            {helperText}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nexport const Textarea = Object.assign(TextareaRoot, {\n  Root: TextareaRoot,\n});\n"],"names":["React","Textarea","styles","jsxs","jsx"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Textarea/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './Textarea.module.scss';\n\nexport interface TextareaProps extends Omit<\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n  'onChange' | 'onBlur' | 'className' | 'style'\n> {\n  /** Controlled value */\n  value?: string;\n  /** Default value for uncontrolled usage */\n  defaultValue?: string;\n  /** Placeholder text */\n  placeholder?: string;\n  /** Number of visible text rows */\n  rows?: number;\n  /** Minimum number of rows (for auto-resize) */\n  minRows?: number;\n  /** Maximum number of rows (for auto-resize) */\n  maxRows?: number;\n  /** Allow user to resize the textarea */\n  resize?: 'none' | 'vertical' | 'horizontal' | 'both';\n  /** Disabled state */\n  disabled?: boolean;\n  /** Error state */\n  error?: boolean;\n  /** Label text above the textarea */\n  label?: string;\n  /** Helper text below the textarea */\n  helperText?: string;\n  /** Called when value changes */\n  onChange?: (value: string) => void;\n  /** Alias for onChange (value-first callback) */\n  onValueChange?: (value: string) => void;\n  /** Called when textarea loses focus */\n  onBlur?: () => void;\n  /** Form field name */\n  name?: string;\n  /** Maximum character length */\n  maxLength?: number;\n  /** Required field */\n  required?: boolean;\n  /** Accessible label for no-visible-label usage */\n  'aria-label'?: string;\n  /** Accessible labelled-by relationship */\n  'aria-labelledby'?: string;\n  /** Accessible described-by relationship */\n  'aria-describedby'?: string;\n  /** Props applied to the wrapper element */\n  rootProps?: React.HTMLAttributes<HTMLDivElement>;\n  /** Wrapper class name */\n  className?: string;\n  /** Wrapper styles */\n  style?: React.CSSProperties;\n}\n\nfunction mergeAriaIds(...ids: Array<string | undefined>): string | undefined {\n  const merged = ids.filter(Boolean).join(' ').trim();\n  return merged.length > 0 ? merged : undefined;\n}\n\nconst TextareaRoot = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  function Textarea(\n    {\n      value,\n      defaultValue,\n      placeholder,\n      rows = 3,\n      minRows,\n      maxRows,\n      resize = 'vertical',\n      disabled = false,\n      error = false,\n      label,\n      helperText,\n      onChange,\n      onValueChange,\n      onBlur,\n      rootProps,\n      className,\n      style: wrapperStyle,\n      ...textareaProps\n    },\n    ref\n  ) {\n    const generatedId = React.useId();\n    const {\n      id,\n      name,\n      maxLength,\n      required = false,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      ...nativeTextareaProps\n    } = textareaProps;\n    const textareaId = id || generatedId;\n    const labelId = label ? `${textareaId}-label` : undefined;\n    const helperId = `${textareaId}-helper`;\n\n    const textareaClasses = [\n      styles.textarea,\n      error && styles.error,\n      styles[`resize-${resize}`],\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const helperClasses = [styles.helper, error && styles.helperError]\n      .filter(Boolean)\n      .join(' ');\n\n    // Calculate min/max height based on rows\n    const textareaInlineStyle: React.CSSProperties = {};\n    if (minRows) {\n      textareaInlineStyle.minHeight = `calc(${minRows} * 1.5em + 1.5rem)`;\n    }\n    if (maxRows) {\n      textareaInlineStyle.maxHeight = `calc(${maxRows} * 1.5em + 1.5rem)`;\n    }\n\n    return (\n      <div\n        {...rootProps}\n        className={[styles.wrapper, rootProps?.className, className].filter(Boolean).join(' ')}\n        style={{ ...(rootProps?.style ?? {}), ...(wrapperStyle ?? {}) }}\n      >\n        {label && (\n          <label id={labelId} htmlFor={textareaId} className={styles.label}>\n            {label}\n            {required && <span className={styles.required}>*</span>}\n          </label>\n        )}\n        <textarea\n          ref={ref}\n          id={textareaId}\n          value={value}\n          defaultValue={defaultValue}\n          placeholder={placeholder}\n          rows={rows}\n          {...nativeTextareaProps}\n          name={name}\n          maxLength={maxLength}\n          disabled={disabled}\n          required={required}\n          aria-label={ariaLabel}\n          aria-labelledby={mergeAriaIds(ariaLabelledBy, labelId)}\n          aria-invalid={error || undefined}\n          aria-describedby={mergeAriaIds(\n            ariaDescribedBy,\n            helperText ? helperId : undefined\n          )}\n          onChange={(e) => {\n            onChange?.(e.target.value);\n            onValueChange?.(e.target.value);\n          }}\n          onBlur={() => onBlur?.()}\n          className={textareaClasses}\n          style={Object.keys(textareaInlineStyle).length > 0 ? textareaInlineStyle : undefined}\n        />\n        {helperText && (\n          <span id={helperId} className={helperClasses}>\n            {helperText}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nexport const Textarea = Object.assign(TextareaRoot, {\n  Root: TextareaRoot,\n});\n"],"names":["Textarea"],"mappings":";;;AAuDA,SAAS,gBAAgB,KAAoD;AAC3E,QAAM,SAAS,IAAI,OAAO,OAAO,EAAE,KAAK,GAAG,EAAE,KAAA;AAC7C,SAAO,OAAO,SAAS,IAAI,SAAS;AACtC;AAEA,MAAM,eAAe,MAAM;AAAA,EACzB,SAASA,UACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,GAEL,KACA;AACA,UAAM,cAAc,MAAM,MAAA;AAC1B,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,GAAG;AAAA,IAAA,IACD;AACJ,UAAM,aAAa,MAAM;AACzB,UAAM,UAAU,QAAQ,GAAG,UAAU,WAAW;AAChD,UAAM,WAAW,GAAG,UAAU;AAE9B,UAAM,kBAAkB;AAAA,MACtB,OAAO;AAAA,MACP,SAAS,OAAO;AAAA,MAChB,OAAO,UAAU,MAAM,EAAE;AAAA,IAAA,EAExB,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,UAAM,gBAAgB,CAAC,OAAO,QAAQ,SAAS,OAAO,WAAW,EAC9D,OAAO,OAAO,EACd,KAAK,GAAG;AAGX,UAAM,sBAA2C,CAAA;AACjD,QAAI,SAAS;AACX,0BAAoB,YAAY,QAAQ,OAAO;AAAA,IACjD;AACA,QAAI,SAAS;AACX,0BAAoB,YAAY,QAAQ,OAAO;AAAA,IACjD;AAEA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,WAAW,CAAC,OAAO,SAAS,uCAAW,WAAW,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,QACrF,OAAO,EAAE,IAAI,uCAAW,UAAS,CAAA,GAAK,GAAI,gBAAgB,GAAC;AAAA,QAE1D,UAAA;AAAA,UAAA,SACC,qBAAC,WAAM,IAAI,SAAS,SAAS,YAAY,WAAW,OAAO,OACxD,UAAA;AAAA,YAAA;AAAA,YACA,YAAY,oBAAC,QAAA,EAAK,WAAW,OAAO,UAAU,UAAA,IAAA,CAAC;AAAA,UAAA,GAClD;AAAA,UAEF;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA,IAAI;AAAA,cACJ;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACC,GAAG;AAAA,cACJ;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,cAAY;AAAA,cACZ,mBAAiB,aAAa,gBAAgB,OAAO;AAAA,cACrD,gBAAc,SAAS;AAAA,cACvB,oBAAkB;AAAA,gBAChB;AAAA,gBACA,aAAa,WAAW;AAAA,cAAA;AAAA,cAE1B,UAAU,CAAC,MAAM;AACf,qDAAW,EAAE,OAAO;AACpB,+DAAgB,EAAE,OAAO;AAAA,cAC3B;AAAA,cACA,QAAQ,MAAM;AAAA,cACd,WAAW;AAAA,cACX,OAAO,OAAO,KAAK,mBAAmB,EAAE,SAAS,IAAI,sBAAsB;AAAA,YAAA;AAAA,UAAA;AAAA,UAE5E,cACC,oBAAC,QAAA,EAAK,IAAI,UAAU,WAAW,eAC5B,UAAA,WAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AAEO,MAAM,WAAW,OAAO,OAAO,cAAc;AAAA,EAClD,MAAM;AACR,CAAC;"}

package/dist/components/Theme/ThemeToggle.module.scss.cjs.map

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

package/dist/components/Theme/ThemeToggle.module.scss.js.map

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Theme/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './ThemeToggle.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport type ThemeMode = 'light' | 'dark' | 'system';\n\nexport interface ThemeProviderProps {\n  children: React.ReactNode;\n  /** Default theme mode for uncontrolled usage */\n  defaultMode?: ThemeMode;\n  /**\n   * @deprecated Use `defaultMode` instead. This alias will be removed in v1.0.\n   */\n  defaultTheme?: ThemeMode;\n  /** Controlled theme mode */\n  mode?: ThemeMode;\n  /** Callback when mode changes */\n  onModeChange?: (mode: ThemeMode) => void;\n  /** localStorage key for persistence (default: 'fui-theme') */\n  storageKey?: string;\n  /** How to apply theme to DOM */\n  attribute?: 'data-theme' | 'class';\n}\n\nexport interface UseThemeReturn {\n  /** Current theme mode setting */\n  mode: ThemeMode;\n  /** Set the theme mode */\n  setMode: (mode: ThemeMode) => void;\n  /** Resolved mode (never 'system', always 'light' or 'dark') */\n  resolvedMode: 'light' | 'dark';\n  /** System preference detected from prefers-color-scheme */\n  systemPreference: 'light' | 'dark';\n  /** Toggle between light and dark (skips system) */\n  toggleMode: () => void;\n}\n\nexport interface ThemeToggleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Size of the toggle button */\n  size?: 'sm' | 'md' | 'lg';\n  /** Whether to include system mode option (default: false) */\n  showSystem?: boolean;\n  /** Controlled value for custom usage (bypasses theme context) */\n  value?: 'light' | 'dark';\n  /** Callback when value changes (for controlled usage) */\n  onValueChange?: (value: 'light' | 'dark') => void;\n  /** Accessible label for the group */\n  'aria-label'?: string;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface ThemeContextValue {\n  mode: ThemeMode;\n  setMode: (mode: ThemeMode) => void;\n  resolvedMode: 'light' | 'dark';\n  systemPreference: 'light' | 'dark';\n  toggleMode: () => void;\n}\n\nconst ThemeContext = React.createContext<ThemeContextValue | null>(null);\n\n// ============================================\n// Hooks\n// ============================================\n\n/**\n * Hook to detect system color scheme preference\n */\nfunction useSystemPreference(): 'light' | 'dark' {\n  const [preference, setPreference] = React.useState<'light' | 'dark'>('light');\n\n  React.useEffect(() => {\n    // Check if window is available (SSR safety)\n    if (typeof window === 'undefined') return;\n\n    const mq = window.matchMedia('(prefers-color-scheme: dark)');\n    setPreference(mq.matches ? 'dark' : 'light');\n\n    const handler = (e: MediaQueryListEvent) => {\n      setPreference(e.matches ? 'dark' : 'light');\n    };\n\n    mq.addEventListener('change', handler);\n    return () => mq.removeEventListener('change', handler);\n  }, []);\n\n  return preference;\n}\n\n/**\n * Hook to access theme context\n */\nfunction useTheme(): UseThemeReturn {\n  const context = React.useContext(ThemeContext);\n\n  if (!context) {\n    // Return safe defaults when used outside provider\n    return {\n      mode: 'system',\n      setMode: () => {},\n      resolvedMode: 'light',\n      systemPreference: 'light',\n      toggleMode: () => {},\n    };\n  }\n\n  return context;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction SunIcon({ size = 20 }: { size?: number }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M120,40V16a8,8,0,0,1,16,0V40a8,8,0,0,1-16,0Zm72,88a64,64,0,1,1-64-64A64.07,64.07,0,0,1,192,128Zm-16,0a48,48,0,1,0-48,48A48.05,48.05,0,0,0,176,128ZM58.34,69.66A8,8,0,0,0,69.66,58.34l-16-16A8,8,0,0,0,42.34,53.66Zm0,116.68-16,16a8,8,0,0,0,11.32,11.32l16-16a8,8,0,0,0-11.32-11.32ZM192,72a8,8,0,0,0,5.66-2.34l16-16a8,8,0,0,0-11.32-11.32l-16,16A8,8,0,0,0,192,72Zm5.66,114.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32-11.32ZM48,128a8,8,0,0,0-8-8H16a8,8,0,0,0,0,16H40A8,8,0,0,0,48,128Zm80,80a8,8,0,0,0-8,8v24a8,8,0,0,0,16,0V216A8,8,0,0,0,128,208Zm112-88H216a8,8,0,0,0,0,16h24a8,8,0,0,0,0-16Z\" />\n    </svg>\n  );\n}\n\nfunction MoonIcon({ size = 20 }: { size?: number }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M233.54,142.23a8,8,0,0,0-8-2,88.08,88.08,0,0,1-109.8-109.8,8,8,0,0,0-10-10,104.84,104.84,0,0,0-52.91,37A104,104,0,0,0,136,224a103.09,103.09,0,0,0,62.52-20.88,104.84,104.84,0,0,0,37-52.91A8,8,0,0,0,233.54,142.23ZM188.9,190.34A88,88,0,0,1,65.66,67.11a89,89,0,0,1,31.4-26A106,106,0,0,0,96,56,104.11,104.11,0,0,0,200,160a106,106,0,0,0,14.92-1.06A89,89,0,0,1,188.9,190.34Z\" />\n    </svg>\n  );\n}\n\nfunction MonitorIcon({ size = 20 }: { size?: number }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M208,40H48A24,24,0,0,0,24,64V176a24,24,0,0,0,24,24H208a24,24,0,0,0,24-24V64A24,24,0,0,0,208,40Zm8,136a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V64a8,8,0,0,1,8-8H208a8,8,0,0,1,8,8Zm-48,48a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,224Z\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Components\n// ============================================\n\n/**\n * ThemeProvider - Provides theme context to children\n * SSR-safe: initializes from localStorage in useEffect\n */\nfunction ThemeProvider({\n  children,\n  defaultMode,\n  defaultTheme,\n  mode: controlledMode,\n  onModeChange,\n  storageKey = 'fui-theme',\n  attribute = 'data-theme',\n}: ThemeProviderProps) {\n  const systemPreference = useSystemPreference();\n\n  // Warn on deprecated prop usage (dev only)\n  if (process.env.NODE_ENV !== 'production' && defaultTheme !== undefined) {\n    console.warn(\n      '[Fragments] ThemeProvider: `defaultTheme` is deprecated. Use `defaultMode` instead. ' +\n      '`defaultTheme` will be removed in v1.0.'\n    );\n  }\n\n  // Resolve default: defaultMode takes precedence, then defaultTheme, then 'system'\n  const resolvedDefault = defaultMode ?? defaultTheme ?? 'system';\n\n  // Initialize with resolvedDefault, then hydrate from localStorage in useEffect\n  const [internalMode, setInternalMode] = React.useState<ThemeMode>(resolvedDefault);\n  const [mounted, setMounted] = React.useState(false);\n\n  // Determine if controlled\n  const isControlled = controlledMode !== undefined;\n  const mode = isControlled ? controlledMode : internalMode;\n\n  // Calculate resolved mode\n  const resolvedMode: 'light' | 'dark' = mode === 'system' ? systemPreference : mode;\n\n  // Hydrate from localStorage on mount (SSR-safe)\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    if (!isControlled && storageKey) {\n      const stored = localStorage.getItem(storageKey) as ThemeMode | null;\n      if (stored && ['light', 'dark', 'system'].includes(stored)) {\n        setInternalMode(stored);\n      }\n    }\n    setMounted(true);\n  }, [isControlled, storageKey]);\n\n  // Apply theme to DOM — skip until mounted so we don't overwrite\n  // the inline script that prevents flash on initial page load\n  React.useEffect(() => {\n    if (typeof document === 'undefined' || !mounted) return;\n\n    const root = document.documentElement;\n\n    if (attribute === 'data-theme') {\n      root.setAttribute('data-theme', resolvedMode);\n    } else if (attribute === 'class') {\n      root.classList.remove('light', 'dark');\n      root.classList.add(resolvedMode);\n    }\n  }, [resolvedMode, attribute, mounted]);\n\n  // Persist to localStorage when mode changes\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || !storageKey || !mounted) return;\n    localStorage.setItem(storageKey, mode);\n  }, [mode, storageKey, mounted]);\n\n  const setMode = React.useCallback((newMode: ThemeMode) => {\n    if (!isControlled) {\n      setInternalMode(newMode);\n    }\n    onModeChange?.(newMode);\n  }, [isControlled, onModeChange]);\n\n  const toggleMode = React.useCallback(() => {\n    const next = resolvedMode === 'light' ? 'dark' : 'light';\n    setMode(next);\n  }, [resolvedMode, setMode]);\n\n  const contextValue: ThemeContextValue = {\n    mode,\n    setMode,\n    resolvedMode,\n    systemPreference,\n    toggleMode,\n  };\n\n  return (\n    <ThemeContext.Provider value={contextValue}>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\n/**\n * ThemeToggle - Fragmented button group to toggle between light and dark themes\n *\n * Can be used in two modes:\n * 1. Uncontrolled (default): Uses ThemeProvider context to get/set theme\n * 2. Controlled: Pass `value` and `onValueChange` props for custom behavior\n */\nfunction ThemeToggle({\n  size = 'md',\n  showSystem = false,\n  value: controlledValue,\n  onValueChange,\n  'aria-label': ariaLabel,\n  className,\n  ...htmlProps\n}: ThemeToggleProps) {\n  const { mode: contextMode, setMode: setContextMode } = useTheme();\n\n  // Use controlled value if provided, otherwise use context\n  const isControlled = controlledValue !== undefined;\n  const currentMode = isControlled ? controlledValue : contextMode;\n\n  const handleModeChange = (newMode: 'light' | 'dark') => {\n    if (isControlled) {\n      onValueChange?.(newMode);\n    } else {\n      setContextMode(newMode);\n    }\n  };\n\n  const groupClasses = [\n    styles.toggleGroup,\n    styles[`size${size.charAt(0).toUpperCase() + size.slice(1)}`],\n    className,\n  ].filter(Boolean).join(' ');\n\n  const getButtonClasses = (buttonMode: ThemeMode) => {\n    return [\n      styles.toggleButton,\n      currentMode === buttonMode && styles.toggleButtonActive,\n    ].filter(Boolean).join(' ');\n  };\n\n  const label = ariaLabel || 'Theme toggle';\n\n  return (\n    <div\n      {...htmlProps}\n      className={groupClasses}\n      role=\"group\"\n      aria-label={label}\n    >\n      <button\n        type=\"button\"\n        className={getButtonClasses('light')}\n        onClick={() => handleModeChange('light')}\n        aria-pressed={currentMode === 'light'}\n        aria-label=\"Light mode\"\n      >\n        <SunIcon />\n      </button>\n      <button\n        type=\"button\"\n        className={getButtonClasses('dark')}\n        onClick={() => handleModeChange('dark')}\n        aria-pressed={currentMode === 'dark'}\n        aria-label=\"Dark mode\"\n      >\n        <MoonIcon />\n      </button>\n      {showSystem && !isControlled && (\n        <button\n          type=\"button\"\n          className={getButtonClasses('system')}\n          onClick={() => setContextMode('system')}\n          aria-pressed={contextMode === 'system'}\n          aria-label=\"System preference\"\n        >\n          <MonitorIcon />\n        </button>\n      )}\n    </div>\n  );\n}\n\n// ============================================\n// Exports\n// ============================================\n\nexport const Theme = Object.assign(ThemeProvider, {\n  Root: ThemeProvider,\n  Provider: ThemeProvider,\n  Toggle: ThemeToggle,\n  useTheme,\n});\n\nexport { ThemeProvider, ThemeToggle, useTheme };\n\n// ============================================\n// configureTheme — JS-only seed configuration\n// ============================================\n\n/**\n * Neutral palette for surfaces, text, and borders.\n * - `stone`: Cool gray (balanced, professional) — default\n * - `ice`: Cool blue-tinted grays (crisp, technical)\n * - `earth`: Warm brown-tinted grays (natural, grounded)\n * - `sand`: Warm tan-tinted grays (organic, approachable)\n * - `fire`: Warm red-tinted grays (bold, energetic)\n *\n * Preview palettes at https://usefragments.com/themes\n */\nexport type NeutralPalette = 'stone' | 'ice' | 'earth' | 'sand' | 'fire';\n/** Spacing density: `compact` (tight), `default` (balanced), `relaxed` (spacious) */\nexport type DensityPreset = 'compact' | 'default' | 'relaxed';\n/** Border radius style: `sharp` (0), `subtle` (2px), `default` (4px), `rounded` (8px), `pill` (9999px) */\nexport type RadiusStyle = 'sharp' | 'subtle' | 'default' | 'rounded' | 'pill';\n\nexport interface ConfigureThemeOptions {\n  /** Brand/accent color as hex */\n  brand?: string;\n  /** Neutral palette name */\n  neutral?: NeutralPalette;\n  /** Spacing density preset */\n  density?: DensityPreset;\n  /** Border radius style */\n  radiusStyle?: RadiusStyle;\n  /** Danger/error color as hex */\n  danger?: string;\n  /** Success color as hex */\n  success?: string;\n  /** Warning color as hex */\n  warning?: string;\n  /** Info color as hex */\n  info?: string;\n}\n\n// -- Radius presets (match _radius.scss) --\n\nconst RADIUS_PRESETS: Record<RadiusStyle, Record<string, string>> = {\n  sharp:   { sm: '0',        md: '0',        lg: '0',        xl: '0' },\n  subtle:  { sm: '0.125rem', md: '0.25rem',  lg: '0.375rem', xl: '0.5rem' },\n  default: { sm: '0.25rem',  md: '0.429rem', lg: '0.571rem', xl: '0.857rem' },\n  rounded: { sm: '0.375rem', md: '0.5rem',   lg: '0.75rem',  xl: '1rem' },\n  pill:    { sm: '0.5rem',   md: '0.75rem',  lg: '1rem',     xl: '1.5rem' },\n};\n\n// -- Density presets (match _density.scss) --\n\ninterface DensityConfig {\n  baseUnit: number;\n  baseFontSize: number;\n  buttonHeights: [number, number, number]; // sm, md, lg\n  inputHeights: [number, number, number]; // sm, default, lg\n}\n\nconst DENSITY_CONFIGS: Record<DensityPreset, DensityConfig> = {\n  compact:  { baseUnit: 6,  baseFontSize: 14, buttonHeights: [24, 30, 36], inputHeights: [24, 32, 36] },\n  default:  { baseUnit: 7,  baseFontSize: 14, buttonHeights: [28, 36, 44], inputHeights: [28, 40, 44] },\n  relaxed:  { baseUnit: 8,  baseFontSize: 14, buttonHeights: [32, 40, 48], inputHeights: [32, 44, 48] },\n};\n\nfunction pxToRem(px: number, baseFontSize: number): string {\n  return `${px / baseFontSize}rem`;\n}\n\nfunction hexToRgb(hex: string): [number, number, number] | null {\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n  if (!result) return null;\n  return [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)];\n}\n\nfunction adjustLightness(hex: string, amount: number): string {\n  const rgb = hexToRgb(hex);\n  if (!rgb) return hex;\n  const [r, g, b] = rgb;\n  const adjust = (v: number) => Math.max(0, Math.min(255, Math.round(v + amount)));\n  return `#${adjust(r).toString(16).padStart(2, '0')}${adjust(g).toString(16).padStart(2, '0')}${adjust(b).toString(16).padStart(2, '0')}`;\n}\n\nfunction setVar(el: HTMLElement, name: string, value: string) {\n  el.style.setProperty(name, value);\n}\n\n/**\n * Configure theme seeds at runtime via JS. Sets CSS custom properties on\n * `:root` without requiring SCSS. Call this once at app startup.\n *\n * Note: For full control over all 120+ tokens, use the SCSS `@use...with()`\n * approach. `configureTheme` covers the most commonly customized tokens.\n *\n * @example\n * ```ts\n * import { configureTheme } from '@fragments-sdk/ui';\n *\n * configureTheme({\n *   brand: '#6366f1',\n *   neutral: 'ice',\n *   density: 'compact',\n *   radiusStyle: 'rounded',\n * });\n * ```\n */\nexport function configureTheme(options: ConfigureThemeOptions): void {\n  if (typeof document === 'undefined') return;\n\n  const root = document.documentElement;\n\n  // -- Brand / Accent --\n  if (options.brand) {\n    setVar(root, '--fui-color-accent', options.brand);\n    setVar(root, '--fui-color-accent-hover', adjustLightness(options.brand, -20));\n    setVar(root, '--fui-color-accent-active', adjustLightness(options.brand, -40));\n    setVar(root, '--fui-focus-ring-color', `${options.brand}66`); // 40% alpha\n  }\n\n  // -- Semantic colors --\n  if (options.danger) {\n    setVar(root, '--fui-color-danger', options.danger);\n    setVar(root, '--fui-color-danger-hover', adjustLightness(options.danger, -20));\n  }\n  if (options.success) setVar(root, '--fui-color-success', options.success);\n  if (options.warning) setVar(root, '--fui-color-warning', options.warning);\n  if (options.info) setVar(root, '--fui-color-info', options.info);\n\n  // -- Radius --\n  if (options.radiusStyle) {\n    const r = RADIUS_PRESETS[options.radiusStyle];\n    if (r) {\n      setVar(root, '--fui-radius-sm', r.sm);\n      setVar(root, '--fui-radius-md', r.md);\n      setVar(root, '--fui-radius-lg', r.lg);\n      setVar(root, '--fui-radius-xl', r.xl);\n    }\n  }\n\n  // -- Density --\n  if (options.density) {\n    const d = DENSITY_CONFIGS[options.density];\n    if (d) {\n      const unitRem = d.baseUnit / d.baseFontSize;\n\n      // Spacing scale\n      setVar(root, '--fui-space-1', `${unitRem}rem`);\n      setVar(root, '--fui-space-2', `${unitRem * 2}rem`);\n      setVar(root, '--fui-space-3', `${unitRem * 3}rem`);\n      setVar(root, '--fui-space-4', `${unitRem * 4}rem`);\n      setVar(root, '--fui-space-5', `${unitRem * 5}rem`);\n      setVar(root, '--fui-space-6', `${unitRem * 6}rem`);\n      setVar(root, '--fui-space-8', `${unitRem * 8}rem`);\n      setVar(root, '--fui-space-10', `${unitRem * 10}rem`);\n      setVar(root, '--fui-space-12', `${unitRem * 12}rem`);\n\n      // Component heights\n      setVar(root, '--fui-button-height-sm', pxToRem(d.buttonHeights[0], d.baseFontSize));\n      setVar(root, '--fui-button-height-md', pxToRem(d.buttonHeights[1], d.baseFontSize));\n      setVar(root, '--fui-button-height-lg', pxToRem(d.buttonHeights[2], d.baseFontSize));\n      setVar(root, '--fui-input-height-sm', pxToRem(d.inputHeights[0], d.baseFontSize));\n      setVar(root, '--fui-input-height', pxToRem(d.inputHeights[1], d.baseFontSize));\n      setVar(root, '--fui-input-height-lg', pxToRem(d.inputHeights[2], d.baseFontSize));\n\n      // Base unit\n      setVar(root, '--fui-base-unit', `${d.baseUnit}px`);\n    }\n  }\n}\n"],"names":["React","jsx","styles","jsxs"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Theme/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './ThemeToggle.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport type ThemeMode = 'light' | 'dark' | 'system';\n\nexport interface ThemeProviderProps {\n  children: React.ReactNode;\n  /** Default theme mode for uncontrolled usage */\n  defaultMode?: ThemeMode;\n  /**\n   * @deprecated Use `defaultMode` instead. This alias will be removed in v1.0.\n   */\n  defaultTheme?: ThemeMode;\n  /** Controlled theme mode */\n  mode?: ThemeMode;\n  /** Callback when mode changes */\n  onModeChange?: (mode: ThemeMode) => void;\n  /** localStorage key for persistence (default: 'fui-theme') */\n  storageKey?: string;\n  /** How to apply theme to DOM */\n  attribute?: 'data-theme' | 'class';\n}\n\nexport interface UseThemeReturn {\n  /** Current theme mode setting */\n  mode: ThemeMode;\n  /** Set the theme mode */\n  setMode: (mode: ThemeMode) => void;\n  /** Resolved mode (never 'system', always 'light' or 'dark') */\n  resolvedMode: 'light' | 'dark';\n  /** System preference detected from prefers-color-scheme */\n  systemPreference: 'light' | 'dark';\n  /** Toggle between light and dark (skips system) */\n  toggleMode: () => void;\n}\n\nexport interface ThemeToggleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Size of the toggle button */\n  size?: 'sm' | 'md' | 'lg';\n  /** Whether to include system mode option (default: false) */\n  showSystem?: boolean;\n  /** Controlled value for custom usage (bypasses theme context) */\n  value?: 'light' | 'dark';\n  /** Callback when value changes (for controlled usage) */\n  onValueChange?: (value: 'light' | 'dark') => void;\n  /** Accessible label for the group */\n  'aria-label'?: string;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface ThemeContextValue {\n  mode: ThemeMode;\n  setMode: (mode: ThemeMode) => void;\n  resolvedMode: 'light' | 'dark';\n  systemPreference: 'light' | 'dark';\n  toggleMode: () => void;\n}\n\nconst ThemeContext = React.createContext<ThemeContextValue | null>(null);\n\n// ============================================\n// Hooks\n// ============================================\n\n/**\n * Hook to detect system color scheme preference\n */\nfunction useSystemPreference(): 'light' | 'dark' {\n  const [preference, setPreference] = React.useState<'light' | 'dark'>('light');\n\n  React.useEffect(() => {\n    // Check if window is available (SSR safety)\n    if (typeof window === 'undefined') return;\n\n    const mq = window.matchMedia('(prefers-color-scheme: dark)');\n    setPreference(mq.matches ? 'dark' : 'light');\n\n    const handler = (e: MediaQueryListEvent) => {\n      setPreference(e.matches ? 'dark' : 'light');\n    };\n\n    mq.addEventListener('change', handler);\n    return () => mq.removeEventListener('change', handler);\n  }, []);\n\n  return preference;\n}\n\n/**\n * Hook to access theme context\n */\nfunction useTheme(): UseThemeReturn {\n  const context = React.useContext(ThemeContext);\n\n  if (!context) {\n    // Return safe defaults when used outside provider\n    return {\n      mode: 'system',\n      setMode: () => {},\n      resolvedMode: 'light',\n      systemPreference: 'light',\n      toggleMode: () => {},\n    };\n  }\n\n  return context;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction SunIcon({ size = 20 }: { size?: number }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M120,40V16a8,8,0,0,1,16,0V40a8,8,0,0,1-16,0Zm72,88a64,64,0,1,1-64-64A64.07,64.07,0,0,1,192,128Zm-16,0a48,48,0,1,0-48,48A48.05,48.05,0,0,0,176,128ZM58.34,69.66A8,8,0,0,0,69.66,58.34l-16-16A8,8,0,0,0,42.34,53.66Zm0,116.68-16,16a8,8,0,0,0,11.32,11.32l16-16a8,8,0,0,0-11.32-11.32ZM192,72a8,8,0,0,0,5.66-2.34l16-16a8,8,0,0,0-11.32-11.32l-16,16A8,8,0,0,0,192,72Zm5.66,114.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32-11.32ZM48,128a8,8,0,0,0-8-8H16a8,8,0,0,0,0,16H40A8,8,0,0,0,48,128Zm80,80a8,8,0,0,0-8,8v24a8,8,0,0,0,16,0V216A8,8,0,0,0,128,208Zm112-88H216a8,8,0,0,0,0,16h24a8,8,0,0,0,0-16Z\" />\n    </svg>\n  );\n}\n\nfunction MoonIcon({ size = 20 }: { size?: number }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M233.54,142.23a8,8,0,0,0-8-2,88.08,88.08,0,0,1-109.8-109.8,8,8,0,0,0-10-10,104.84,104.84,0,0,0-52.91,37A104,104,0,0,0,136,224a103.09,103.09,0,0,0,62.52-20.88,104.84,104.84,0,0,0,37-52.91A8,8,0,0,0,233.54,142.23ZM188.9,190.34A88,88,0,0,1,65.66,67.11a89,89,0,0,1,31.4-26A106,106,0,0,0,96,56,104.11,104.11,0,0,0,200,160a106,106,0,0,0,14.92-1.06A89,89,0,0,1,188.9,190.34Z\" />\n    </svg>\n  );\n}\n\nfunction MonitorIcon({ size = 20 }: { size?: number }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 256 256\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M208,40H48A24,24,0,0,0,24,64V176a24,24,0,0,0,24,24H208a24,24,0,0,0,24-24V64A24,24,0,0,0,208,40Zm8,136a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V64a8,8,0,0,1,8-8H208a8,8,0,0,1,8,8Zm-48,48a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,224Z\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Components\n// ============================================\n\n/**\n * ThemeProvider - Provides theme context to children\n * SSR-safe: initializes from localStorage in useEffect\n */\nfunction ThemeProvider({\n  children,\n  defaultMode,\n  defaultTheme,\n  mode: controlledMode,\n  onModeChange,\n  storageKey = 'fui-theme',\n  attribute = 'data-theme',\n}: ThemeProviderProps) {\n  const systemPreference = useSystemPreference();\n\n  // Warn on deprecated prop usage (dev only)\n  if (process.env.NODE_ENV !== 'production' && defaultTheme !== undefined) {\n    console.warn(\n      '[Fragments] ThemeProvider: `defaultTheme` is deprecated. Use `defaultMode` instead. ' +\n      '`defaultTheme` will be removed in v1.0.'\n    );\n  }\n\n  // Resolve default: defaultMode takes precedence, then defaultTheme, then 'system'\n  const resolvedDefault = defaultMode ?? defaultTheme ?? 'system';\n\n  // Initialize with resolvedDefault, then hydrate from localStorage in useEffect\n  const [internalMode, setInternalMode] = React.useState<ThemeMode>(resolvedDefault);\n  const [mounted, setMounted] = React.useState(false);\n\n  // Determine if controlled\n  const isControlled = controlledMode !== undefined;\n  const mode = isControlled ? controlledMode : internalMode;\n\n  // Calculate resolved mode\n  const resolvedMode: 'light' | 'dark' = mode === 'system' ? systemPreference : mode;\n\n  // Hydrate from localStorage on mount (SSR-safe)\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    if (!isControlled && storageKey) {\n      const stored = localStorage.getItem(storageKey) as ThemeMode | null;\n      if (stored && ['light', 'dark', 'system'].includes(stored)) {\n        setInternalMode(stored);\n      }\n    }\n    setMounted(true);\n  }, [isControlled, storageKey]);\n\n  // Apply theme to DOM — skip until mounted so we don't overwrite\n  // the inline script that prevents flash on initial page load\n  React.useEffect(() => {\n    if (typeof document === 'undefined' || !mounted) return;\n\n    const root = document.documentElement;\n\n    if (attribute === 'data-theme') {\n      root.setAttribute('data-theme', resolvedMode);\n    } else if (attribute === 'class') {\n      root.classList.remove('light', 'dark');\n      root.classList.add(resolvedMode);\n    }\n  }, [resolvedMode, attribute, mounted]);\n\n  // Persist to localStorage when mode changes\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || !storageKey || !mounted) return;\n    localStorage.setItem(storageKey, mode);\n  }, [mode, storageKey, mounted]);\n\n  const setMode = React.useCallback((newMode: ThemeMode) => {\n    if (!isControlled) {\n      setInternalMode(newMode);\n    }\n    onModeChange?.(newMode);\n  }, [isControlled, onModeChange]);\n\n  const toggleMode = React.useCallback(() => {\n    const next = resolvedMode === 'light' ? 'dark' : 'light';\n    setMode(next);\n  }, [resolvedMode, setMode]);\n\n  const contextValue: ThemeContextValue = {\n    mode,\n    setMode,\n    resolvedMode,\n    systemPreference,\n    toggleMode,\n  };\n\n  return (\n    <ThemeContext.Provider value={contextValue}>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\n/**\n * ThemeToggle - Fragmented button group to toggle between light and dark themes\n *\n * Can be used in two modes:\n * 1. Uncontrolled (default): Uses ThemeProvider context to get/set theme\n * 2. Controlled: Pass `value` and `onValueChange` props for custom behavior\n */\nfunction ThemeToggle({\n  size = 'md',\n  showSystem = false,\n  value: controlledValue,\n  onValueChange,\n  'aria-label': ariaLabel,\n  className,\n  ...htmlProps\n}: ThemeToggleProps) {\n  const { mode: contextMode, setMode: setContextMode } = useTheme();\n\n  // Use controlled value if provided, otherwise use context\n  const isControlled = controlledValue !== undefined;\n  const currentMode = isControlled ? controlledValue : contextMode;\n\n  const handleModeChange = (newMode: 'light' | 'dark') => {\n    if (isControlled) {\n      onValueChange?.(newMode);\n    } else {\n      setContextMode(newMode);\n    }\n  };\n\n  const groupClasses = [\n    styles.toggleGroup,\n    styles[`size${size.charAt(0).toUpperCase() + size.slice(1)}`],\n    className,\n  ].filter(Boolean).join(' ');\n\n  const getButtonClasses = (buttonMode: ThemeMode) => {\n    return [\n      styles.toggleButton,\n      currentMode === buttonMode && styles.toggleButtonActive,\n    ].filter(Boolean).join(' ');\n  };\n\n  const label = ariaLabel || 'Theme toggle';\n\n  return (\n    <div\n      {...htmlProps}\n      className={groupClasses}\n      role=\"group\"\n      aria-label={label}\n    >\n      <button\n        type=\"button\"\n        className={getButtonClasses('light')}\n        onClick={() => handleModeChange('light')}\n        aria-pressed={currentMode === 'light'}\n        aria-label=\"Light mode\"\n      >\n        <SunIcon />\n      </button>\n      <button\n        type=\"button\"\n        className={getButtonClasses('dark')}\n        onClick={() => handleModeChange('dark')}\n        aria-pressed={currentMode === 'dark'}\n        aria-label=\"Dark mode\"\n      >\n        <MoonIcon />\n      </button>\n      {showSystem && !isControlled && (\n        <button\n          type=\"button\"\n          className={getButtonClasses('system')}\n          onClick={() => setContextMode('system')}\n          aria-pressed={contextMode === 'system'}\n          aria-label=\"System preference\"\n        >\n          <MonitorIcon />\n        </button>\n      )}\n    </div>\n  );\n}\n\n// ============================================\n// Exports\n// ============================================\n\nexport const Theme = Object.assign(ThemeProvider, {\n  Root: ThemeProvider,\n  Provider: ThemeProvider,\n  Toggle: ThemeToggle,\n  useTheme,\n});\n\nexport { ThemeProvider, ThemeToggle, useTheme };\n\n// ============================================\n// configureTheme — JS-only seed configuration\n// ============================================\n\n/**\n * Neutral palette for surfaces, text, and borders.\n * - `stone`: Cool gray (balanced, professional) — default\n * - `ice`: Cool blue-tinted grays (crisp, technical)\n * - `earth`: Warm brown-tinted grays (natural, grounded)\n * - `sand`: Warm tan-tinted grays (organic, approachable)\n * - `fire`: Warm red-tinted grays (bold, energetic)\n *\n * Preview palettes at https://usefragments.com/themes\n */\nexport type NeutralPalette = 'stone' | 'ice' | 'earth' | 'sand' | 'fire';\n/** Spacing density: `compact` (tight), `default` (balanced), `relaxed` (spacious) */\nexport type DensityPreset = 'compact' | 'default' | 'relaxed';\n/** Border radius style: `sharp` (0), `subtle` (2px), `default` (4px), `rounded` (8px), `pill` (9999px) */\nexport type RadiusStyle = 'sharp' | 'subtle' | 'default' | 'rounded' | 'pill';\n\nexport interface ConfigureThemeOptions {\n  /** Brand/accent color as hex */\n  brand?: string;\n  /** Neutral palette name */\n  neutral?: NeutralPalette;\n  /** Spacing density preset */\n  density?: DensityPreset;\n  /** Border radius style */\n  radiusStyle?: RadiusStyle;\n  /** Danger/error color as hex */\n  danger?: string;\n  /** Success color as hex */\n  success?: string;\n  /** Warning color as hex */\n  warning?: string;\n  /** Info color as hex */\n  info?: string;\n}\n\n// -- Radius presets (match _radius.scss) --\n\nconst RADIUS_PRESETS: Record<RadiusStyle, Record<string, string>> = {\n  sharp:   { sm: '0',        md: '0',        lg: '0',        xl: '0' },\n  subtle:  { sm: '0.125rem', md: '0.25rem',  lg: '0.375rem', xl: '0.5rem' },\n  default: { sm: '0.25rem',  md: '0.429rem', lg: '0.571rem', xl: '0.857rem' },\n  rounded: { sm: '0.375rem', md: '0.5rem',   lg: '0.75rem',  xl: '1rem' },\n  pill:    { sm: '0.5rem',   md: '0.75rem',  lg: '1rem',     xl: '1.5rem' },\n};\n\n// -- Density presets (match _density.scss) --\n\ninterface DensityConfig {\n  baseUnit: number;\n  baseFontSize: number;\n  buttonHeights: [number, number, number]; // sm, md, lg\n  inputHeights: [number, number, number]; // sm, default, lg\n}\n\nconst DENSITY_CONFIGS: Record<DensityPreset, DensityConfig> = {\n  compact:  { baseUnit: 6,  baseFontSize: 14, buttonHeights: [24, 30, 36], inputHeights: [24, 32, 36] },\n  default:  { baseUnit: 7,  baseFontSize: 14, buttonHeights: [28, 36, 44], inputHeights: [28, 40, 44] },\n  relaxed:  { baseUnit: 8,  baseFontSize: 14, buttonHeights: [32, 40, 48], inputHeights: [32, 44, 48] },\n};\n\nfunction pxToRem(px: number, baseFontSize: number): string {\n  return `${px / baseFontSize}rem`;\n}\n\nfunction hexToRgb(hex: string): [number, number, number] | null {\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n  if (!result) return null;\n  return [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)];\n}\n\nfunction adjustLightness(hex: string, amount: number): string {\n  const rgb = hexToRgb(hex);\n  if (!rgb) return hex;\n  const [r, g, b] = rgb;\n  const adjust = (v: number) => Math.max(0, Math.min(255, Math.round(v + amount)));\n  return `#${adjust(r).toString(16).padStart(2, '0')}${adjust(g).toString(16).padStart(2, '0')}${adjust(b).toString(16).padStart(2, '0')}`;\n}\n\nfunction setVar(el: HTMLElement, name: string, value: string) {\n  el.style.setProperty(name, value);\n}\n\n/**\n * Configure theme seeds at runtime via JS. Sets CSS custom properties on\n * `:root` without requiring SCSS. Call this once at app startup.\n *\n * Note: For full control over all 120+ tokens, use the SCSS `@use...with()`\n * approach. `configureTheme` covers the most commonly customized tokens.\n *\n * @example\n * ```ts\n * import { configureTheme } from '@fragments-sdk/ui';\n *\n * configureTheme({\n *   brand: '#6366f1',\n *   neutral: 'ice',\n *   density: 'compact',\n *   radiusStyle: 'rounded',\n * });\n * ```\n */\nexport function configureTheme(options: ConfigureThemeOptions): void {\n  if (typeof document === 'undefined') return;\n\n  const root = document.documentElement;\n\n  // -- Brand / Accent --\n  if (options.brand) {\n    setVar(root, '--fui-color-accent', options.brand);\n    setVar(root, '--fui-color-accent-hover', adjustLightness(options.brand, -20));\n    setVar(root, '--fui-color-accent-active', adjustLightness(options.brand, -40));\n    setVar(root, '--fui-focus-ring-color', `${options.brand}66`); // 40% alpha\n  }\n\n  // -- Semantic colors --\n  if (options.danger) {\n    setVar(root, '--fui-color-danger', options.danger);\n    setVar(root, '--fui-color-danger-hover', adjustLightness(options.danger, -20));\n  }\n  if (options.success) setVar(root, '--fui-color-success', options.success);\n  if (options.warning) setVar(root, '--fui-color-warning', options.warning);\n  if (options.info) setVar(root, '--fui-color-info', options.info);\n\n  // -- Radius --\n  if (options.radiusStyle) {\n    const r = RADIUS_PRESETS[options.radiusStyle];\n    if (r) {\n      setVar(root, '--fui-radius-sm', r.sm);\n      setVar(root, '--fui-radius-md', r.md);\n      setVar(root, '--fui-radius-lg', r.lg);\n      setVar(root, '--fui-radius-xl', r.xl);\n    }\n  }\n\n  // -- Density --\n  if (options.density) {\n    const d = DENSITY_CONFIGS[options.density];\n    if (d) {\n      const unitRem = d.baseUnit / d.baseFontSize;\n\n      // Spacing scale\n      setVar(root, '--fui-space-1', `${unitRem}rem`);\n      setVar(root, '--fui-space-2', `${unitRem * 2}rem`);\n      setVar(root, '--fui-space-3', `${unitRem * 3}rem`);\n      setVar(root, '--fui-space-4', `${unitRem * 4}rem`);\n      setVar(root, '--fui-space-5', `${unitRem * 5}rem`);\n      setVar(root, '--fui-space-6', `${unitRem * 6}rem`);\n      setVar(root, '--fui-space-8', `${unitRem * 8}rem`);\n      setVar(root, '--fui-space-10', `${unitRem * 10}rem`);\n      setVar(root, '--fui-space-12', `${unitRem * 12}rem`);\n\n      // Component heights\n      setVar(root, '--fui-button-height-sm', pxToRem(d.buttonHeights[0], d.baseFontSize));\n      setVar(root, '--fui-button-height-md', pxToRem(d.buttonHeights[1], d.baseFontSize));\n      setVar(root, '--fui-button-height-lg', pxToRem(d.buttonHeights[2], d.baseFontSize));\n      setVar(root, '--fui-input-height-sm', pxToRem(d.inputHeights[0], d.baseFontSize));\n      setVar(root, '--fui-input-height', pxToRem(d.inputHeights[1], d.baseFontSize));\n      setVar(root, '--fui-input-height-lg', pxToRem(d.inputHeights[2], d.baseFontSize));\n\n      // Base unit\n      setVar(root, '--fui-base-unit', `${d.baseUnit}px`);\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/ThinkingIndicator/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './ThinkingIndicator.module.scss';\nimport { Loading } from '../Loading';\n\n// ============================================\n// Types\n// ============================================\n\nexport type ThinkingVariant = 'dots' | 'pulse' | 'spinner';\nexport type StepStatus = 'pending' | 'active' | 'complete' | 'error';\n\nexport interface ThinkingStep {\n  id: string;\n  label: string;\n  status?: StepStatus;\n}\n\nexport interface ThinkingIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Whether thinking is active */\n  active?: boolean;\n  /** Status text */\n  label?: string;\n  /** Animation style */\n  variant?: ThinkingVariant;\n  /** Show elapsed time */\n  showElapsed?: boolean;\n  /** Multi-step progress */\n  steps?: ThinkingStep[];\n}\n\nexport interface ThinkingStepsProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface ThinkingStepProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Step label */\n  label: string;\n  /** Step status */\n  status?: StepStatus;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface ThinkingIndicatorContextValue {\n  active: boolean;\n  variant: ThinkingVariant;\n}\n\nconst ThinkingIndicatorContext = React.createContext<ThinkingIndicatorContextValue | null>(null);\n\nfunction useThinkingIndicatorContext() {\n  const context = React.useContext(ThinkingIndicatorContext);\n  if (!context) {\n    throw new Error('ThinkingIndicator compound components must be used within a ThinkingIndicator');\n  }\n  return context;\n}\n\n// ============================================\n// Hooks\n// ============================================\n\nfunction useElapsedTime(active: boolean): string {\n  const [elapsed, setElapsed] = React.useState(0);\n  const startTimeRef = React.useRef<number>(Date.now());\n\n  React.useEffect(() => {\n    if (!active) {\n      setElapsed(0);\n      return;\n    }\n\n    startTimeRef.current = Date.now();\n    const interval = setInterval(() => {\n      setElapsed(Date.now() - startTimeRef.current);\n    }, 1000);\n\n    return () => clearInterval(interval);\n  }, [active]);\n\n  if (elapsed < 1000) return '';\n\n  const seconds = Math.floor(elapsed / 1000);\n  if (seconds < 60) return `${seconds}s`;\n\n  const minutes = Math.floor(seconds / 60);\n  const remainingSeconds = seconds % 60;\n  return `${minutes}m ${remainingSeconds}s`;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction CheckIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\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\nfunction ErrorIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Sub-components\n// ============================================\n\nfunction ThinkingSteps({ children, className, ...htmlProps }: ThinkingStepsProps) {\n  const classes = [styles.steps, className].filter(Boolean).join(' ');\n\n  return (\n    <div {...htmlProps} className={classes}>\n      {children}\n    </div>\n  );\n}\n\nfunction ThinkingStep({\n  label,\n  status = 'pending',\n  className,\n  ...htmlProps\n}: ThinkingStepProps) {\n  const classes = [\n    styles.step,\n    styles[`step${status.charAt(0).toUpperCase() + status.slice(1)}`],\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div {...htmlProps} className={classes}>\n      <span className={styles.stepIndicator}>\n        {status === 'complete' && <CheckIcon />}\n        {status === 'error' && <ErrorIcon />}\n        {status === 'active' && <Loading size=\"sm\" variant=\"spinner\" color=\"current\" label=\"\" />}\n        {status === 'pending' && <span className={styles.stepDot} />}\n      </span>\n      <span className={styles.stepLabel}>{label}</span>\n    </div>\n  );\n}\n\n// ============================================\n// Main Component\n// ============================================\n\nfunction ThinkingIndicatorRoot({\n  active = true,\n  label = 'Thinking...',\n  variant = 'dots',\n  showElapsed = false,\n  steps,\n  className,\n  ...htmlProps\n}: ThinkingIndicatorProps) {\n  const elapsedTime = useElapsedTime(active && showElapsed);\n\n  const contextValue: ThinkingIndicatorContextValue = {\n    active,\n    variant,\n  };\n\n  if (!active) return null;\n\n  const classes = [\n    styles.thinkingIndicator,\n    className,\n  ].filter(Boolean).join(' ');\n\n  // Map ThinkingIndicator variants to Loading variants\n  const loadingVariant = variant === 'dots' ? 'dots'\n    : variant === 'pulse' ? 'pulse'\n    : 'spinner';\n\n  return (\n    <ThinkingIndicatorContext.Provider value={contextValue}>\n      <div\n        {...htmlProps}\n        className={classes}\n        role=\"status\"\n        aria-label={label}\n        aria-live=\"polite\"\n      >\n        <div className={styles.main}>\n          <Loading size=\"sm\" variant={loadingVariant} color=\"muted\" label=\"\" />\n          <span className={styles.label}>{label}</span>\n          {showElapsed && elapsedTime && (\n            <span className={styles.elapsed}>{elapsedTime}</span>\n          )}\n        </div>\n\n        {steps && steps.length > 0 && (\n          <ThinkingSteps>\n            {steps.map((step) => (\n              <ThinkingStep\n                key={step.id}\n                label={step.label}\n                status={step.status}\n              />\n            ))}\n          </ThinkingSteps>\n        )}\n      </div>\n    </ThinkingIndicatorContext.Provider>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const ThinkingIndicator = Object.assign(ThinkingIndicatorRoot, {\n  Steps: ThinkingSteps,\n  Step: ThinkingStep,\n});\n\nexport {\n  ThinkingIndicatorRoot,\n  ThinkingSteps,\n  ThinkingStep,\n};\n\nexport { useThinkingIndicatorContext };\n"],"names":["React","jsx","jsxs","styles","Loading"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/ThinkingIndicator/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './ThinkingIndicator.module.scss';\nimport { Loading } from '../Loading';\n\n// ============================================\n// Types\n// ============================================\n\nexport type ThinkingVariant = 'dots' | 'pulse' | 'spinner';\nexport type StepStatus = 'pending' | 'active' | 'complete' | 'error';\n\nexport interface ThinkingStep {\n  id: string;\n  label: string;\n  status?: StepStatus;\n}\n\nexport interface ThinkingIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Whether thinking is active */\n  active?: boolean;\n  /** Status text */\n  label?: string;\n  /** Animation style */\n  variant?: ThinkingVariant;\n  /** Show elapsed time */\n  showElapsed?: boolean;\n  /** Multi-step progress */\n  steps?: ThinkingStep[];\n}\n\nexport interface ThinkingStepsProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface ThinkingStepProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Step label */\n  label: string;\n  /** Step status */\n  status?: StepStatus;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface ThinkingIndicatorContextValue {\n  active: boolean;\n  variant: ThinkingVariant;\n}\n\nconst ThinkingIndicatorContext = React.createContext<ThinkingIndicatorContextValue | null>(null);\n\nfunction useThinkingIndicatorContext() {\n  const context = React.useContext(ThinkingIndicatorContext);\n  if (!context) {\n    throw new Error('ThinkingIndicator compound components must be used within a ThinkingIndicator');\n  }\n  return context;\n}\n\n// ============================================\n// Hooks\n// ============================================\n\nfunction useElapsedTime(active: boolean): string {\n  const [elapsed, setElapsed] = React.useState(0);\n  const startTimeRef = React.useRef<number>(Date.now());\n\n  React.useEffect(() => {\n    if (!active) {\n      setElapsed(0);\n      return;\n    }\n\n    startTimeRef.current = Date.now();\n    const interval = setInterval(() => {\n      setElapsed(Date.now() - startTimeRef.current);\n    }, 1000);\n\n    return () => clearInterval(interval);\n  }, [active]);\n\n  if (elapsed < 1000) return '';\n\n  const seconds = Math.floor(elapsed / 1000);\n  if (seconds < 60) return `${seconds}s`;\n\n  const minutes = Math.floor(seconds / 60);\n  const remainingSeconds = seconds % 60;\n  return `${minutes}m ${remainingSeconds}s`;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction CheckIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\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\nfunction ErrorIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Sub-components\n// ============================================\n\nfunction ThinkingSteps({ children, className, ...htmlProps }: ThinkingStepsProps) {\n  const classes = [styles.steps, className].filter(Boolean).join(' ');\n\n  return (\n    <div {...htmlProps} className={classes}>\n      {children}\n    </div>\n  );\n}\n\nfunction ThinkingStep({\n  label,\n  status = 'pending',\n  className,\n  ...htmlProps\n}: ThinkingStepProps) {\n  const classes = [\n    styles.step,\n    styles[`step${status.charAt(0).toUpperCase() + status.slice(1)}`],\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div {...htmlProps} className={classes}>\n      <span className={styles.stepIndicator}>\n        {status === 'complete' && <CheckIcon />}\n        {status === 'error' && <ErrorIcon />}\n        {status === 'active' && <Loading size=\"sm\" variant=\"spinner\" color=\"current\" label=\"\" />}\n        {status === 'pending' && <span className={styles.stepDot} />}\n      </span>\n      <span className={styles.stepLabel}>{label}</span>\n    </div>\n  );\n}\n\n// ============================================\n// Main Component\n// ============================================\n\nfunction ThinkingIndicatorRoot({\n  active = true,\n  label = 'Thinking...',\n  variant = 'dots',\n  showElapsed = false,\n  steps,\n  className,\n  ...htmlProps\n}: ThinkingIndicatorProps) {\n  const elapsedTime = useElapsedTime(active && showElapsed);\n\n  const contextValue: ThinkingIndicatorContextValue = {\n    active,\n    variant,\n  };\n\n  if (!active) return null;\n\n  const classes = [\n    styles.thinkingIndicator,\n    className,\n  ].filter(Boolean).join(' ');\n\n  // Map ThinkingIndicator variants to Loading variants\n  const loadingVariant = variant === 'dots' ? 'dots'\n    : variant === 'pulse' ? 'pulse'\n    : 'spinner';\n\n  return (\n    <ThinkingIndicatorContext.Provider value={contextValue}>\n      <div\n        {...htmlProps}\n        className={classes}\n        role=\"status\"\n        aria-label={label}\n        aria-live=\"polite\"\n      >\n        <div className={styles.main}>\n          <Loading size=\"sm\" variant={loadingVariant} color=\"muted\" label=\"\" />\n          <span className={styles.label}>{label}</span>\n          {showElapsed && elapsedTime && (\n            <span className={styles.elapsed}>{elapsedTime}</span>\n          )}\n        </div>\n\n        {steps && steps.length > 0 && (\n          <ThinkingSteps>\n            {steps.map((step) => (\n              <ThinkingStep\n                key={step.id}\n                label={step.label}\n                status={step.status}\n              />\n            ))}\n          </ThinkingSteps>\n        )}\n      </div>\n    </ThinkingIndicatorContext.Provider>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const ThinkingIndicator = Object.assign(ThinkingIndicatorRoot, {\n  Steps: ThinkingSteps,\n  Step: ThinkingStep,\n});\n\nexport {\n  ThinkingIndicatorRoot,\n  ThinkingSteps,\n  ThinkingStep,\n};\n\nexport { useThinkingIndicatorContext };\n"],"names":[],"mappings":";;;;AAoDA,MAAM,2BAA2B,MAAM,cAAoD,IAAI;AAE/F,SAAS,8BAA8B;AACrC,QAAM,UAAU,MAAM,WAAW,wBAAwB;AACzD,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,+EAA+E;AAAA,EACjG;AACA,SAAO;AACT;AAMA,SAAS,eAAe,QAAyB;AAC/C,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,CAAC;AAC9C,QAAM,eAAe,MAAM,OAAe,KAAK,KAAK;AAEpD,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,QAAQ;AACX,iBAAW,CAAC;AACZ;AAAA,IACF;AAEA,iBAAa,UAAU,KAAK,IAAA;AAC5B,UAAM,WAAW,YAAY,MAAM;AACjC,iBAAW,KAAK,QAAQ,aAAa,OAAO;AAAA,IAC9C,GAAG,GAAI;AAEP,WAAO,MAAM,cAAc,QAAQ;AAAA,EACrC,GAAG,CAAC,MAAM,CAAC;AAEX,MAAI,UAAU,IAAM,QAAO;AAE3B,QAAM,UAAU,KAAK,MAAM,UAAU,GAAI;AACzC,MAAI,UAAU,GAAI,QAAO,GAAG,OAAO;AAEnC,QAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,QAAM,mBAAmB,UAAU;AACnC,SAAO,GAAG,OAAO,KAAK,gBAAgB;AACxC;AAMA,SAAS,YAAY;AACnB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,eAAY;AAAA,MAEZ,UAAA,oBAAC,YAAA,EAAS,QAAO,iBAAA,CAAiB;AAAA,IAAA;AAAA,EAAA;AAGxC;AAEA,SAAS,YAAY;AACnB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,eAAY;AAAA,MAEZ,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,IAAG,MAAK,IAAG,KAAI,IAAG,KAAI,IAAG,KAAA,CAAK;AAAA,QACpC,oBAAC,UAAK,IAAG,KAAI,IAAG,KAAI,IAAG,MAAK,IAAG,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1C;AAMA,SAAS,cAAc,EAAE,UAAU,WAAW,GAAG,aAAiC;AAChF,QAAM,UAAU,CAAC,OAAO,OAAO,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAElE,6BACG,OAAA,EAAK,GAAG,WAAW,WAAW,SAC5B,UACH;AAEJ;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,UAAU;AAAA,IACd,OAAO;AAAA,IACP,OAAO,OAAO,OAAO,OAAO,CAAC,EAAE,YAAA,IAAgB,OAAO,MAAM,CAAC,CAAC,EAAE;AAAA,IAChE;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,SACE,qBAAC,OAAA,EAAK,GAAG,WAAW,WAAW,SAC7B,UAAA;AAAA,IAAA,qBAAC,QAAA,EAAK,WAAW,OAAO,eACrB,UAAA;AAAA,MAAA,WAAW,kCAAe,WAAA,CAAA,CAAU;AAAA,MACpC,WAAW,WAAW,oBAAC,WAAA,CAAA,CAAU;AAAA,MACjC,WAAW,YAAY,oBAAC,SAAA,EAAQ,MAAK,MAAK,SAAQ,WAAU,OAAM,WAAU,OAAM,GAAA,CAAG;AAAA,MACrF,WAAW,aAAa,oBAAC,QAAA,EAAK,WAAW,OAAO,QAAA,CAAS;AAAA,IAAA,GAC5D;AAAA,IACA,oBAAC,QAAA,EAAK,WAAW,OAAO,WAAY,UAAA,MAAA,CAAM;AAAA,EAAA,GAC5C;AAEJ;AAMA,SAAS,sBAAsB;AAAA,EAC7B,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,QAAM,cAAc,eAAe,UAAU,WAAW;AAExD,QAAM,eAA8C;AAAA,IAClD;AAAA,IACA;AAAA,EAAA;AAGF,MAAI,CAAC,OAAQ,QAAO;AAEpB,QAAM,UAAU;AAAA,IACd,OAAO;AAAA,IACP;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAG1B,QAAM,iBAAiB,YAAY,SAAS,SACxC,YAAY,UAAU,UACtB;AAEJ,SACE,oBAAC,yBAAyB,UAAzB,EAAkC,OAAO,cACxC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,aAAU;AAAA,MAEV,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAW,OAAO,MACrB,UAAA;AAAA,UAAA,oBAAC,SAAA,EAAQ,MAAK,MAAK,SAAS,gBAAgB,OAAM,SAAQ,OAAM,GAAA,CAAG;AAAA,UACnE,oBAAC,QAAA,EAAK,WAAW,OAAO,OAAQ,UAAA,OAAM;AAAA,UACrC,eAAe,eACd,oBAAC,UAAK,WAAW,OAAO,SAAU,UAAA,YAAA,CAAY;AAAA,QAAA,GAElD;AAAA,QAEC,SAAS,MAAM,SAAS,yBACtB,eAAA,EACE,UAAA,MAAM,IAAI,CAAC,SACV;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,OAAO,KAAK;AAAA,YACZ,QAAQ,KAAK;AAAA,UAAA;AAAA,UAFR,KAAK;AAAA,QAAA,CAIb,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;AAMO,MAAM,oBAAoB,OAAO,OAAO,uBAAuB;AAAA,EACpE,OAAO;AAAA,EACP,MAAM;AACR,CAAC;"}

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

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

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

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