jaci-ui 0.9.4 → 1.0.2

package/dist/components/radio-group/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","names":["Field","BaseRadioGroup","BaseField","BaseRadio","RadioGroup"],"sources":["../../../src/components/radio-group/radio-group.tsx"],"sourcesContent":["\"use client\";\n\nimport { RadioGroup as BaseRadioGroup } from \"@base-ui/react/radio-group\";\nimport { Radio as BaseRadio } from \"@base-ui/react/radio\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { RadioGroup as BaseRadioGroupType } from \"@base-ui/react/radio-group\";\nimport type { RadioRoot as BaseRadioRoot } from \"@base-ui/react/radio\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { radioGroup } from \"../../styled-system/recipes\";\nimport { Field } from \"../field\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport interface RadioGroupRootProps<Value = string>\n  extends Omit<BaseRadioGroupType.Props<Value>, \"children\" | \"className\"> {\n  /** Marks the group invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * A typed, accessible radio group. The hidden native input is registered with\n * Jaci Form/Base UI, so `required`, `name`, errors and SSR form submission work\n * without an additional form library.\n */\nexport function RadioGroupRoot<Value = string>({\n  children,\n  className,\n  errors,\n  invalid,\n  name,\n  ...props\n}: RadioGroupRootProps<Value>) {\n  const styles = radioGroup();\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <Field {...fieldProps}>\n      <BaseRadioGroup {...props} {...(name === undefined ? {} : { name })}>\n        {children}\n      </BaseRadioGroup>\n    </Field>\n  );\n}\n\nexport type RadioGroupLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const RadioGroupLabel = forwardRef<HTMLElement, RadioGroupLabelProps>(\n  function RadioGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseField.Label\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(radioGroup().label, className)}\n        data-slot=\"radio-group-label\"\n      />\n    );\n  },\n);\n\nexport type RadioGroupOptionProps = ComponentPropsWithoutRef<\"label\">;\n\nexport const RadioGroupOption = forwardRef<HTMLLabelElement, RadioGroupOptionProps>(\n  function RadioGroupOption({ children, className, htmlFor, ...props }, ref) {\n    return (\n      <label\n        {...props}\n        ref={ref}\n        className={cx(radioGroup().option, className)}\n        data-slot=\"radio-group-option\"\n        htmlFor={htmlFor}\n      >\n        {children}\n      </label>\n    );\n  },\n);\n\nexport type RadioGroupOptionsProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const RadioGroupOptions = forwardRef<HTMLDivElement, RadioGroupOptionsProps>(\n  function RadioGroupOptions({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(radioGroup().options, className)}\n        data-slot=\"radio-group-options\"\n      />\n    );\n  },\n);\n\nexport type RadioGroupItemProps<Value = string> = BaseRadioRoot.Props<Value>;\n\nexport const RadioGroupItem = forwardRef<HTMLSpanElement, RadioGroupItemProps>(\n  function RadioGroupItem({ className, ...props }, ref) {\n    return (\n      <BaseRadio.Root\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(radioGroup().radio, className)}\n        data-slot=\"radio-group-item\"\n      />\n    );\n  },\n);\n\nexport type RadioGroupIndicatorProps = ComponentPropsWithoutRef<typeof BaseRadio.Indicator>;\n\nexport const RadioGroupIndicator = forwardRef<HTMLSpanElement, RadioGroupIndicatorProps>(\n  function RadioGroupIndicator({ children, className, ...props }, ref) {\n    return (\n      <BaseRadio.Indicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(radioGroup().indicator, className)}\n        data-slot=\"radio-group-indicator\"\n      >\n        {children}\n      </BaseRadio.Indicator>\n    );\n  },\n);\n\nexport const RadioGroup = {\n  Root: RadioGroupRoot,\n  Label: RadioGroupLabel,\n  Options: RadioGroupOptions,\n  Option: RadioGroupOption,\n  Item: RadioGroupItem,\n  Indicator: RadioGroupIndicator,\n};\n"],"mappings":";;;;;;;;;;;;;;;;AA8BA,SAAgB,eAA+B,EAC7C,UACA,WACA,QACA,SACA,MACA,GAAG,SAC0B;CAS7B,OACE,oBAACA,SAAD;EAPA,WAAW,GAFE,WAEM,CAAC,CAAC,MAAM,SAAS;EACpC,GAAI,WAAW,KAAA,IAAY,CAAC,IAAI,EAAE,OAAO;EACzC,GAAI,YAAY,KAAA,IAAY,CAAC,IAAI,EAAE,QAAQ;EAC3C,GAAI,SAAS,KAAA,IAAY,CAAC,IAAI,EAAE,KAAK;YAKnC,oBAACC,YAAD;GAAgB,GAAI;GAAO,GAAK,SAAS,KAAA,IAAY,CAAC,IAAI,EAAE,KAAK;GAC9D;EACa,CAAA;CACX,CAAA;AAEX;AAIA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,oBAACC,MAAU,OAAX;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,WAAW,CAAC,CAAC,OAAO,SAAS;EAC5D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,UAAU,WAAW,SAAS,GAAG,SAAS,KAAK;CACzE,OACE,oBAAC,SAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,WAAW,CAAC,CAAC,QAAQ,SAAS;EAC5C,aAAU;EACD;EAER;CACI,CAAA;AAEX,CACF;AAIA,MAAa,oBAAoB,WAC/B,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,WAAW,CAAC,CAAC,SAAS,SAAS;EAC7C,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,oBAACC,MAAU,MAAX;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,WAAW,CAAC,CAAC,OAAO,SAAS;EAC5D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,sBAAsB,WACjC,SAAS,oBAAoB,EAAE,UAAU,WAAW,GAAG,SAAS,KAAK;CACnE,OACE,oBAACA,MAAU,WAAX;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,WAAW,CAAC,CAAC,WAAW,SAAS;EAChE,aAAU;EAET;CACkB,CAAA;AAEzB,CACF;AAEA,MAAaC,eAAa;CACxB,MAAM;CACN,OAAO;CACP,SAAS;CACT,QAAQ;CACR,MAAM;CACN,WAAW;AACb"}
+{"version":3,"file":"radio-group.js","names":["Field","BaseRadioGroup","BaseField","BaseRadio","RadioGroup"],"sources":["../../../src/components/radio-group/radio-group.tsx"],"sourcesContent":["\"use client\";\n\nimport { RadioGroup as BaseRadioGroup } from \"@base-ui/react/radio-group\";\nimport { Radio as BaseRadio } from \"@base-ui/react/radio\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { RadioGroup as BaseRadioGroupType } from \"@base-ui/react/radio-group\";\nimport type { RadioRoot as BaseRadioRoot } from \"@base-ui/react/radio\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { radioGroup } from \"../../styled-system/recipes\";\nimport { Field } from \"../field\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport interface RadioGroupRootProps<Value = string>\n  extends Omit<BaseRadioGroupType.Props<Value>, \"children\" | \"className\"> {\n  /** Marks the group invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * A typed, accessible radio group. The hidden native input is registered with\n * Jaci Form/Base UI, so `required`, `name`, errors and SSR form submission work\n * without an additional form library.\n */\nexport function RadioGroupRoot<Value = string>({\n  children,\n  className,\n  errors,\n  invalid,\n  name,\n  ...props\n}: RadioGroupRootProps<Value>) {\n  const styles = radioGroup();\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <Field {...fieldProps}>\n      <BaseRadioGroup {...props} {...(name === undefined ? {} : { name })}>\n        {children}\n      </BaseRadioGroup>\n    </Field>\n  );\n}\n\nexport type RadioGroupLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const RadioGroupLabel = forwardRef<HTMLElement, RadioGroupLabelProps>(\n  function RadioGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseField.Label\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(radioGroup().label, className)}\n        data-slot=\"radio-group-label\"\n      />\n    );\n  },\n);\n\nexport type RadioGroupOptionProps = ComponentPropsWithoutRef<\"label\">;\n\nexport const RadioGroupOption = forwardRef<HTMLLabelElement, RadioGroupOptionProps>(\n  function RadioGroupOption({ children, className, htmlFor, ...props }, ref) {\n    return (\n      <label\n        {...props}\n        ref={ref}\n        className={cx(radioGroup().option, className)}\n        data-slot=\"radio-group-option\"\n        htmlFor={htmlFor}\n      >\n        {children}\n      </label>\n    );\n  },\n);\n\nexport type RadioGroupOptionsProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const RadioGroupOptions = forwardRef<HTMLDivElement, RadioGroupOptionsProps>(\n  function RadioGroupOptions({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(radioGroup().options, className)}\n        data-slot=\"radio-group-options\"\n      />\n    );\n  },\n);\n\nexport type RadioGroupItemProps<Value = string> = BaseRadioRoot.Props<Value>;\n\nexport const RadioGroupItem = forwardRef<HTMLSpanElement, RadioGroupItemProps>(\n  function RadioGroupItem({ className, ...props }, ref) {\n    return (\n      <BaseRadio.Root\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(radioGroup().radio, className)}\n        data-slot=\"radio-group-item\"\n      />\n    );\n  },\n);\n\nexport type RadioGroupIndicatorProps = ComponentPropsWithoutRef<typeof BaseRadio.Indicator>;\n\nexport const RadioGroupIndicator = forwardRef<HTMLSpanElement, RadioGroupIndicatorProps>(\n  function RadioGroupIndicator({ children, className, ...props }, ref) {\n    return (\n      <BaseRadio.Indicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(radioGroup().indicator, className)}\n        data-slot=\"radio-group-indicator\"\n      >\n        {children}\n      </BaseRadio.Indicator>\n    );\n  },\n);\n\nexport const RadioGroup = {\n  Root: RadioGroupRoot,\n  Label: RadioGroupLabel,\n  Options: RadioGroupOptions,\n  Option: RadioGroupOption,\n  Item: RadioGroupItem,\n  Indicator: RadioGroupIndicator,\n};\n"],"mappings":";;;;;;;;;;;;;;;;AA8BA,SAAgB,eAA+B,EAC7C,UACA,WACA,QACA,SACA,MACA,GAAG,SAC0B;CAC7B,MAAM,SAAS,WAAW;CAC1B,MAAM,aAAa;EACjB,WAAW,GAAG,OAAO,MAAM,SAAS;EACpC,GAAI,WAAW,KAAA,IAAY,CAAC,IAAI,EAAE,OAAO;EACzC,GAAI,YAAY,KAAA,IAAY,CAAC,IAAI,EAAE,QAAQ;EAC3C,GAAI,SAAS,KAAA,IAAY,CAAC,IAAI,EAAE,KAAK;CACvC;CAEA,OACE,oBAACA,SAAD;EAAO,GAAI;EACT,UAAA,oBAACC,YAAD;GAAgB,GAAI;GAAO,GAAK,SAAS,KAAA,IAAY,CAAC,IAAI,EAAE,KAAK;GAC9D;EACa,CAAA;CACX,CAAA;AAEX;AAIA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,oBAACC,MAAU,OAAX;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,WAAW,CAAC,CAAC,OAAO,SAAS;EAC5D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,UAAU,WAAW,SAAS,GAAG,SAAS,KAAK;CACzE,OACE,oBAAC,SAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,WAAW,CAAC,CAAC,QAAQ,SAAS;EAC5C,aAAU;EACD;EAER;CACI,CAAA;AAEX,CACF;AAIA,MAAa,oBAAoB,WAC/B,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,WAAW,CAAC,CAAC,SAAS,SAAS;EAC7C,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,oBAACC,MAAU,MAAX;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,WAAW,CAAC,CAAC,OAAO,SAAS;EAC5D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,sBAAsB,WACjC,SAAS,oBAAoB,EAAE,UAAU,WAAW,GAAG,SAAS,KAAK;CACnE,OACE,oBAACA,MAAU,WAAX;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,WAAW,CAAC,CAAC,WAAW,SAAS;EAChE,aAAU;EAET;CACkB,CAAA;AAEzB,CACF;AAEA,MAAaC,eAAa;CACxB,MAAM;CACN,OAAO;CACP,SAAS;CACT,QAAQ;CACR,MAAM;CACN,WAAW;AACb"}

package/dist/components/range-slider/range-slider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"range-slider.cjs","names":["rangeSlider","BaseSlider","withRecipeClassName"],"sources":["../../../src/components/range-slider/range-slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { Slider as BaseSlider } from \"@base-ui/react/slider\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { SliderRoot as BaseSliderRoot } from \"@base-ui/react/slider\";\n\nimport { rangeSlider } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type RangeSliderSize = \"sm\" | \"md\" | \"lg\";\n\nconst RangeSliderSizeContext = createContext<RangeSliderSize>(\"md\");\n\nfunction useRangeSliderStyles() {\n  return rangeSlider({ size: useContext(RangeSliderSizeContext) });\n}\n\nexport interface RangeSliderRootProps\n  extends Omit<\n    BaseSliderRoot.Props<readonly number[]>,\n    \"children\" | \"className\" | \"defaultValue\" | \"value\" | \"onValueChange\" | \"onValueCommitted\"\n  > {\n  value?: readonly [number, number];\n  defaultValue?: readonly [number, number];\n  onValueChange?: (value: readonly [number, number]) => void;\n  onValueCommitted?: (value: readonly [number, number]) => void;\n  size?: RangeSliderSize;\n  children?: ReactNode;\n  className?: string;\n}\n\nfunction asRange(values: readonly number[], min: number, max: number): readonly [number, number] {\n  return [values[0] ?? min, values[1] ?? max];\n}\n\nexport const RangeSliderRoot = forwardRef<HTMLDivElement, RangeSliderRootProps>(\n  function RangeSliderRoot(\n    {\n      children,\n      className,\n      defaultValue,\n      max = 100,\n      min = 0,\n      onValueChange,\n      onValueCommitted,\n      size = \"md\",\n      value,\n      ...props\n    },\n    ref,\n  ) {\n    const styles = rangeSlider({ size });\n    const fallbackValue = defaultValue ?? [min, max];\n\n    return (\n      <RangeSliderSizeContext.Provider value={size}>\n        <BaseSlider.Root\n          {...props}\n          defaultValue={fallbackValue}\n          max={max}\n          min={min}\n          onValueChange={(next) => onValueChange?.(asRange(next, min, max))}\n          onValueCommitted={(next) => onValueCommitted?.(asRange(next, min, max))}\n          ref={ref}\n          value={value}\n          className={withRecipeClassName(styles.root, className)}\n          data-jaci-component=\"range-slider\"\n          data-slot=\"range-slider\"\n        >\n          {children}\n        </BaseSlider.Root>\n      </RangeSliderSizeContext.Provider>\n    );\n  },\n);\n\nexport type RangeSliderLabelProps = ComponentPropsWithoutRef<typeof BaseSlider.Label>;\nexport const RangeSliderLabel = forwardRef<HTMLDivElement, RangeSliderLabelProps>(\n  function RangeSliderLabel({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Label\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().label, className)}\n        data-slot=\"range-slider-label\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderValueProps = ComponentPropsWithoutRef<typeof BaseSlider.Value>;\nexport const RangeSliderValue = forwardRef<HTMLOutputElement, RangeSliderValueProps>(\n  function RangeSliderValue({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Value\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().value, className)}\n        data-slot=\"range-slider-value\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderControlProps = ComponentPropsWithoutRef<typeof BaseSlider.Control>;\nexport const RangeSliderControl = forwardRef<HTMLDivElement, RangeSliderControlProps>(\n  function RangeSliderControl({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Control\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().control, className)}\n        data-slot=\"range-slider-control\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderTrackProps = ComponentPropsWithoutRef<typeof BaseSlider.Track>;\nexport const RangeSliderTrack = forwardRef<HTMLDivElement, RangeSliderTrackProps>(\n  function RangeSliderTrack({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Track\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().track, className)}\n        data-slot=\"range-slider-track\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderIndicatorProps = ComponentPropsWithoutRef<typeof BaseSlider.Indicator>;\nexport const RangeSliderIndicator = forwardRef<HTMLDivElement, RangeSliderIndicatorProps>(\n  function RangeSliderIndicator({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Indicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().indicator, className)}\n        data-slot=\"range-slider-indicator\"\n      />\n    );\n  },\n);\n\nexport interface RangeSliderThumbProps extends ComponentPropsWithoutRef<typeof BaseSlider.Thumb> {\n  index: 0 | 1;\n}\n\nexport const RangeSliderThumb = forwardRef<HTMLDivElement, RangeSliderThumbProps>(\n  function RangeSliderThumb({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Thumb\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().thumb, className)}\n        data-slot=\"range-slider-thumb\"\n      />\n    );\n  },\n);\n\nexport const RangeSlider = {\n  Root: RangeSliderRoot,\n  Label: RangeSliderLabel,\n  Value: RangeSliderValue,\n  Control: RangeSliderControl,\n  Track: RangeSliderTrack,\n  Indicator: RangeSliderIndicator,\n  Thumb: RangeSliderThumb,\n};\n"],"mappings":"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"}
+{"version":3,"file":"range-slider.cjs","names":["createContext","rangeSlider","useContext","forwardRef","BaseSlider","withRecipeClassName"],"sources":["../../../src/components/range-slider/range-slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { Slider as BaseSlider } from \"@base-ui/react/slider\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { SliderRoot as BaseSliderRoot } from \"@base-ui/react/slider\";\n\nimport { rangeSlider } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type RangeSliderSize = \"sm\" | \"md\" | \"lg\";\n\nconst RangeSliderSizeContext = createContext<RangeSliderSize>(\"md\");\n\nfunction useRangeSliderStyles() {\n  return rangeSlider({ size: useContext(RangeSliderSizeContext) });\n}\n\nexport interface RangeSliderRootProps\n  extends Omit<\n    BaseSliderRoot.Props<readonly number[]>,\n    \"children\" | \"className\" | \"defaultValue\" | \"value\" | \"onValueChange\" | \"onValueCommitted\"\n  > {\n  value?: readonly [number, number];\n  defaultValue?: readonly [number, number];\n  onValueChange?: (value: readonly [number, number]) => void;\n  onValueCommitted?: (value: readonly [number, number]) => void;\n  size?: RangeSliderSize;\n  children?: ReactNode;\n  className?: string;\n}\n\nfunction asRange(values: readonly number[], min: number, max: number): readonly [number, number] {\n  return [values[0] ?? min, values[1] ?? max];\n}\n\nexport const RangeSliderRoot = forwardRef<HTMLDivElement, RangeSliderRootProps>(\n  function RangeSliderRoot(\n    {\n      children,\n      className,\n      defaultValue,\n      max = 100,\n      min = 0,\n      onValueChange,\n      onValueCommitted,\n      size = \"md\",\n      value,\n      ...props\n    },\n    ref,\n  ) {\n    const styles = rangeSlider({ size });\n    const fallbackValue = defaultValue ?? [min, max];\n\n    return (\n      <RangeSliderSizeContext.Provider value={size}>\n        <BaseSlider.Root\n          {...props}\n          defaultValue={fallbackValue}\n          max={max}\n          min={min}\n          onValueChange={(next) => onValueChange?.(asRange(next, min, max))}\n          onValueCommitted={(next) => onValueCommitted?.(asRange(next, min, max))}\n          ref={ref}\n          value={value}\n          className={withRecipeClassName(styles.root, className)}\n          data-jaci-component=\"range-slider\"\n          data-slot=\"range-slider\"\n        >\n          {children}\n        </BaseSlider.Root>\n      </RangeSliderSizeContext.Provider>\n    );\n  },\n);\n\nexport type RangeSliderLabelProps = ComponentPropsWithoutRef<typeof BaseSlider.Label>;\nexport const RangeSliderLabel = forwardRef<HTMLDivElement, RangeSliderLabelProps>(\n  function RangeSliderLabel({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Label\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().label, className)}\n        data-slot=\"range-slider-label\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderValueProps = ComponentPropsWithoutRef<typeof BaseSlider.Value>;\nexport const RangeSliderValue = forwardRef<HTMLOutputElement, RangeSliderValueProps>(\n  function RangeSliderValue({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Value\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().value, className)}\n        data-slot=\"range-slider-value\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderControlProps = ComponentPropsWithoutRef<typeof BaseSlider.Control>;\nexport const RangeSliderControl = forwardRef<HTMLDivElement, RangeSliderControlProps>(\n  function RangeSliderControl({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Control\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().control, className)}\n        data-slot=\"range-slider-control\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderTrackProps = ComponentPropsWithoutRef<typeof BaseSlider.Track>;\nexport const RangeSliderTrack = forwardRef<HTMLDivElement, RangeSliderTrackProps>(\n  function RangeSliderTrack({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Track\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().track, className)}\n        data-slot=\"range-slider-track\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderIndicatorProps = ComponentPropsWithoutRef<typeof BaseSlider.Indicator>;\nexport const RangeSliderIndicator = forwardRef<HTMLDivElement, RangeSliderIndicatorProps>(\n  function RangeSliderIndicator({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Indicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().indicator, className)}\n        data-slot=\"range-slider-indicator\"\n      />\n    );\n  },\n);\n\nexport interface RangeSliderThumbProps extends ComponentPropsWithoutRef<typeof BaseSlider.Thumb> {\n  index: 0 | 1;\n}\n\nexport const RangeSliderThumb = forwardRef<HTMLDivElement, RangeSliderThumbProps>(\n  function RangeSliderThumb({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Thumb\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().thumb, className)}\n        data-slot=\"range-slider-thumb\"\n      />\n    );\n  },\n);\n\nexport const RangeSlider = {\n  Root: RangeSliderRoot,\n  Label: RangeSliderLabel,\n  Value: RangeSliderValue,\n  Control: RangeSliderControl,\n  Track: RangeSliderTrack,\n  Indicator: RangeSliderIndicator,\n  Thumb: RangeSliderThumb,\n};\n"],"mappings":"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"}

package/dist/components/range-slider/range-slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"range-slider.js","names":["BaseSlider"],"sources":["../../../src/components/range-slider/range-slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { Slider as BaseSlider } from \"@base-ui/react/slider\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { SliderRoot as BaseSliderRoot } from \"@base-ui/react/slider\";\n\nimport { rangeSlider } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type RangeSliderSize = \"sm\" | \"md\" | \"lg\";\n\nconst RangeSliderSizeContext = createContext<RangeSliderSize>(\"md\");\n\nfunction useRangeSliderStyles() {\n  return rangeSlider({ size: useContext(RangeSliderSizeContext) });\n}\n\nexport interface RangeSliderRootProps\n  extends Omit<\n    BaseSliderRoot.Props<readonly number[]>,\n    \"children\" | \"className\" | \"defaultValue\" | \"value\" | \"onValueChange\" | \"onValueCommitted\"\n  > {\n  value?: readonly [number, number];\n  defaultValue?: readonly [number, number];\n  onValueChange?: (value: readonly [number, number]) => void;\n  onValueCommitted?: (value: readonly [number, number]) => void;\n  size?: RangeSliderSize;\n  children?: ReactNode;\n  className?: string;\n}\n\nfunction asRange(values: readonly number[], min: number, max: number): readonly [number, number] {\n  return [values[0] ?? min, values[1] ?? max];\n}\n\nexport const RangeSliderRoot = forwardRef<HTMLDivElement, RangeSliderRootProps>(\n  function RangeSliderRoot(\n    {\n      children,\n      className,\n      defaultValue,\n      max = 100,\n      min = 0,\n      onValueChange,\n      onValueCommitted,\n      size = \"md\",\n      value,\n      ...props\n    },\n    ref,\n  ) {\n    const styles = rangeSlider({ size });\n    const fallbackValue = defaultValue ?? [min, max];\n\n    return (\n      <RangeSliderSizeContext.Provider value={size}>\n        <BaseSlider.Root\n          {...props}\n          defaultValue={fallbackValue}\n          max={max}\n          min={min}\n          onValueChange={(next) => onValueChange?.(asRange(next, min, max))}\n          onValueCommitted={(next) => onValueCommitted?.(asRange(next, min, max))}\n          ref={ref}\n          value={value}\n          className={withRecipeClassName(styles.root, className)}\n          data-jaci-component=\"range-slider\"\n          data-slot=\"range-slider\"\n        >\n          {children}\n        </BaseSlider.Root>\n      </RangeSliderSizeContext.Provider>\n    );\n  },\n);\n\nexport type RangeSliderLabelProps = ComponentPropsWithoutRef<typeof BaseSlider.Label>;\nexport const RangeSliderLabel = forwardRef<HTMLDivElement, RangeSliderLabelProps>(\n  function RangeSliderLabel({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Label\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().label, className)}\n        data-slot=\"range-slider-label\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderValueProps = ComponentPropsWithoutRef<typeof BaseSlider.Value>;\nexport const RangeSliderValue = forwardRef<HTMLOutputElement, RangeSliderValueProps>(\n  function RangeSliderValue({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Value\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().value, className)}\n        data-slot=\"range-slider-value\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderControlProps = ComponentPropsWithoutRef<typeof BaseSlider.Control>;\nexport const RangeSliderControl = forwardRef<HTMLDivElement, RangeSliderControlProps>(\n  function RangeSliderControl({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Control\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().control, className)}\n        data-slot=\"range-slider-control\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderTrackProps = ComponentPropsWithoutRef<typeof BaseSlider.Track>;\nexport const RangeSliderTrack = forwardRef<HTMLDivElement, RangeSliderTrackProps>(\n  function RangeSliderTrack({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Track\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().track, className)}\n        data-slot=\"range-slider-track\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderIndicatorProps = ComponentPropsWithoutRef<typeof BaseSlider.Indicator>;\nexport const RangeSliderIndicator = forwardRef<HTMLDivElement, RangeSliderIndicatorProps>(\n  function RangeSliderIndicator({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Indicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().indicator, className)}\n        data-slot=\"range-slider-indicator\"\n      />\n    );\n  },\n);\n\nexport interface RangeSliderThumbProps extends ComponentPropsWithoutRef<typeof BaseSlider.Thumb> {\n  index: 0 | 1;\n}\n\nexport const RangeSliderThumb = forwardRef<HTMLDivElement, RangeSliderThumbProps>(\n  function RangeSliderThumb({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Thumb\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().thumb, className)}\n        data-slot=\"range-slider-thumb\"\n      />\n    );\n  },\n);\n\nexport const RangeSlider = {\n  Root: RangeSliderRoot,\n  Label: RangeSliderLabel,\n  Value: RangeSliderValue,\n  Control: RangeSliderControl,\n  Track: RangeSliderTrack,\n  Indicator: RangeSliderIndicator,\n  Thumb: RangeSliderThumb,\n};\n"],"mappings":";;;;;;;AAYA,MAAM,yBAAyB,cAA+B,IAAI;AAElE,SAAS,uBAAuB;CAC9B,OAAO,YAAY,EAAE,MAAM,WAAW,sBAAsB,EAAE,CAAC;AACjE;AAgBA,SAAS,QAAQ,QAA2B,KAAa,KAAwC;CAC/F,OAAO,CAAC,OAAO,MAAM,KAAK,OAAO,MAAM,GAAG;AAC5C;AAEA,MAAa,kBAAkB,WAC7B,SAAS,gBACP,EACE,UACA,WACA,cACA,MAAM,KACN,MAAM,GACN,eACA,kBACA,OAAO,MACP,OACA,GAAG,SAEL,KACA;CACA,MAAM,SAAS,YAAY,EAAE,KAAK,CAAC;CACnC,MAAM,gBAAgB,gBAAgB,CAAC,KAAK,GAAG;CAE/C,OACE,oBAAC,uBAAuB,UAAxB;EAAiC,OAAO;YACtC,oBAACA,OAAW,MAAZ;GACE,GAAI;GACJ,cAAc;GACT;GACA;GACL,gBAAgB,SAAS,gBAAgB,QAAQ,MAAM,KAAK,GAAG,CAAC;GAChE,mBAAmB,SAAS,mBAAmB,QAAQ,MAAM,KAAK,GAAG,CAAC;GACjE;GACE;GACP,WAAW,oBAAoB,OAAO,MAAM,SAAS;GACrD,uBAAoB;GACpB,aAAU;GAET;EACc,CAAA;CACc,CAAA;AAErC,CACF;AAGA,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,qBAAqB,CAAC,CAAC,OAAO,SAAS;EACtE,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,qBAAqB,CAAC,CAAC,OAAO,SAAS;EACtE,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;CACxD,OACE,oBAACA,OAAW,SAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,qBAAqB,CAAC,CAAC,SAAS,SAAS;EACxE,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,qBAAqB,CAAC,CAAC,OAAO,SAAS;EACtE,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAS,KAAK;CAC1D,OACE,oBAACA,OAAW,WAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,qBAAqB,CAAC,CAAC,WAAW,SAAS;EAC1E,aAAU;CACX,CAAA;AAEL,CACF;AAMA,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,qBAAqB,CAAC,CAAC,OAAO,SAAS;EACtE,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,cAAc;CACzB,MAAM;CACN,OAAO;CACP,OAAO;CACP,SAAS;CACT,OAAO;CACP,WAAW;CACX,OAAO;AACT"}
+{"version":3,"file":"range-slider.js","names":["BaseSlider"],"sources":["../../../src/components/range-slider/range-slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { Slider as BaseSlider } from \"@base-ui/react/slider\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { SliderRoot as BaseSliderRoot } from \"@base-ui/react/slider\";\n\nimport { rangeSlider } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type RangeSliderSize = \"sm\" | \"md\" | \"lg\";\n\nconst RangeSliderSizeContext = createContext<RangeSliderSize>(\"md\");\n\nfunction useRangeSliderStyles() {\n  return rangeSlider({ size: useContext(RangeSliderSizeContext) });\n}\n\nexport interface RangeSliderRootProps\n  extends Omit<\n    BaseSliderRoot.Props<readonly number[]>,\n    \"children\" | \"className\" | \"defaultValue\" | \"value\" | \"onValueChange\" | \"onValueCommitted\"\n  > {\n  value?: readonly [number, number];\n  defaultValue?: readonly [number, number];\n  onValueChange?: (value: readonly [number, number]) => void;\n  onValueCommitted?: (value: readonly [number, number]) => void;\n  size?: RangeSliderSize;\n  children?: ReactNode;\n  className?: string;\n}\n\nfunction asRange(values: readonly number[], min: number, max: number): readonly [number, number] {\n  return [values[0] ?? min, values[1] ?? max];\n}\n\nexport const RangeSliderRoot = forwardRef<HTMLDivElement, RangeSliderRootProps>(\n  function RangeSliderRoot(\n    {\n      children,\n      className,\n      defaultValue,\n      max = 100,\n      min = 0,\n      onValueChange,\n      onValueCommitted,\n      size = \"md\",\n      value,\n      ...props\n    },\n    ref,\n  ) {\n    const styles = rangeSlider({ size });\n    const fallbackValue = defaultValue ?? [min, max];\n\n    return (\n      <RangeSliderSizeContext.Provider value={size}>\n        <BaseSlider.Root\n          {...props}\n          defaultValue={fallbackValue}\n          max={max}\n          min={min}\n          onValueChange={(next) => onValueChange?.(asRange(next, min, max))}\n          onValueCommitted={(next) => onValueCommitted?.(asRange(next, min, max))}\n          ref={ref}\n          value={value}\n          className={withRecipeClassName(styles.root, className)}\n          data-jaci-component=\"range-slider\"\n          data-slot=\"range-slider\"\n        >\n          {children}\n        </BaseSlider.Root>\n      </RangeSliderSizeContext.Provider>\n    );\n  },\n);\n\nexport type RangeSliderLabelProps = ComponentPropsWithoutRef<typeof BaseSlider.Label>;\nexport const RangeSliderLabel = forwardRef<HTMLDivElement, RangeSliderLabelProps>(\n  function RangeSliderLabel({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Label\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().label, className)}\n        data-slot=\"range-slider-label\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderValueProps = ComponentPropsWithoutRef<typeof BaseSlider.Value>;\nexport const RangeSliderValue = forwardRef<HTMLOutputElement, RangeSliderValueProps>(\n  function RangeSliderValue({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Value\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().value, className)}\n        data-slot=\"range-slider-value\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderControlProps = ComponentPropsWithoutRef<typeof BaseSlider.Control>;\nexport const RangeSliderControl = forwardRef<HTMLDivElement, RangeSliderControlProps>(\n  function RangeSliderControl({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Control\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().control, className)}\n        data-slot=\"range-slider-control\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderTrackProps = ComponentPropsWithoutRef<typeof BaseSlider.Track>;\nexport const RangeSliderTrack = forwardRef<HTMLDivElement, RangeSliderTrackProps>(\n  function RangeSliderTrack({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Track\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().track, className)}\n        data-slot=\"range-slider-track\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderIndicatorProps = ComponentPropsWithoutRef<typeof BaseSlider.Indicator>;\nexport const RangeSliderIndicator = forwardRef<HTMLDivElement, RangeSliderIndicatorProps>(\n  function RangeSliderIndicator({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Indicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().indicator, className)}\n        data-slot=\"range-slider-indicator\"\n      />\n    );\n  },\n);\n\nexport interface RangeSliderThumbProps extends ComponentPropsWithoutRef<typeof BaseSlider.Thumb> {\n  index: 0 | 1;\n}\n\nexport const RangeSliderThumb = forwardRef<HTMLDivElement, RangeSliderThumbProps>(\n  function RangeSliderThumb({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Thumb\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().thumb, className)}\n        data-slot=\"range-slider-thumb\"\n      />\n    );\n  },\n);\n\nexport const RangeSlider = {\n  Root: RangeSliderRoot,\n  Label: RangeSliderLabel,\n  Value: RangeSliderValue,\n  Control: RangeSliderControl,\n  Track: RangeSliderTrack,\n  Indicator: RangeSliderIndicator,\n  Thumb: RangeSliderThumb,\n};\n"],"mappings":";;;;;;;AAYA,MAAM,yBAAyB,cAA+B,IAAI;AAElE,SAAS,uBAAuB;CAC9B,OAAO,YAAY,EAAE,MAAM,WAAW,sBAAsB,EAAE,CAAC;AACjE;AAgBA,SAAS,QAAQ,QAA2B,KAAa,KAAwC;CAC/F,OAAO,CAAC,OAAO,MAAM,KAAK,OAAO,MAAM,GAAG;AAC5C;AAEA,MAAa,kBAAkB,WAC7B,SAAS,gBACP,EACE,UACA,WACA,cACA,MAAM,KACN,MAAM,GACN,eACA,kBACA,OAAO,MACP,OACA,GAAG,SAEL,KACA;CACA,MAAM,SAAS,YAAY,EAAE,KAAK,CAAC;CACnC,MAAM,gBAAgB,gBAAgB,CAAC,KAAK,GAAG;CAE/C,OACE,oBAAC,uBAAuB,UAAxB;EAAiC,OAAO;EACtC,UAAA,oBAACA,OAAW,MAAZ;GACE,GAAI;GACJ,cAAc;GACT;GACA;GACL,gBAAgB,SAAS,gBAAgB,QAAQ,MAAM,KAAK,GAAG,CAAC;GAChE,mBAAmB,SAAS,mBAAmB,QAAQ,MAAM,KAAK,GAAG,CAAC;GACjE;GACE;GACP,WAAW,oBAAoB,OAAO,MAAM,SAAS;GACrD,uBAAoB;GACpB,aAAU;GAET;EACc,CAAA;CACc,CAAA;AAErC,CACF;AAGA,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,qBAAqB,CAAC,CAAC,OAAO,SAAS;EACtE,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,qBAAqB,CAAC,CAAC,OAAO,SAAS;EACtE,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;CACxD,OACE,oBAACA,OAAW,SAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,qBAAqB,CAAC,CAAC,SAAS,SAAS;EACxE,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,qBAAqB,CAAC,CAAC,OAAO,SAAS;EACtE,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAS,KAAK;CAC1D,OACE,oBAACA,OAAW,WAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,qBAAqB,CAAC,CAAC,WAAW,SAAS;EAC1E,aAAU;CACX,CAAA;AAEL,CACF;AAMA,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,qBAAqB,CAAC,CAAC,OAAO,SAAS;EACtE,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,cAAc;CACzB,MAAM;CACN,OAAO;CACP,OAAO;CACP,SAAS;CACT,OAAO;CACP,WAAW;CACX,OAAO;AACT"}

package/dist/components/scroll-area/scroll-area.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.cjs","names":["BaseScrollArea","withRecipeClassName","scrollArea"],"sources":["../../../src/components/scroll-area/scroll-area.tsx"],"sourcesContent":["\"use client\";\n\nimport { ScrollArea as BaseScrollArea } from \"@base-ui/react/scroll-area\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { scrollArea } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type ScrollAreaRootProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Root>;\n\nexport const ScrollAreaRoot = forwardRef<HTMLDivElement, ScrollAreaRootProps>(\n  function ScrollAreaRoot({ className, ...props }, ref) {\n    return (\n      <BaseScrollArea.Root\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().root, className)}\n        data-jaci-component=\"scroll-area\"\n        data-slot=\"scroll-area\"\n      />\n    );\n  },\n);\n\nexport type ScrollAreaViewportProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Viewport>;\n\nexport const ScrollAreaViewport = forwardRef<HTMLDivElement, ScrollAreaViewportProps>(\n  function ScrollAreaViewport({ className, ...props }, ref) {\n    return (\n      <BaseScrollArea.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().viewport, className)}\n        data-slot=\"scroll-area-viewport\"\n      />\n    );\n  },\n);\n\nexport type ScrollAreaContentProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Content>;\n\nexport const ScrollAreaContent = forwardRef<HTMLDivElement, ScrollAreaContentProps>(\n  function ScrollAreaContent({ className, ...props }, ref) {\n    return (\n      <BaseScrollArea.Content\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().content, className)}\n        data-slot=\"scroll-area-content\"\n      />\n    );\n  },\n);\n\nexport type ScrollAreaScrollbarProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Scrollbar>;\n\nexport const ScrollAreaScrollbar = forwardRef<HTMLDivElement, ScrollAreaScrollbarProps>(\n  function ScrollAreaScrollbar({ className, orientation = \"vertical\", ...props }, ref) {\n    return (\n      <BaseScrollArea.Scrollbar\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().scrollbar, className)}\n        data-orientation={orientation}\n        data-slot=\"scroll-area-scrollbar\"\n        orientation={orientation}\n      />\n    );\n  },\n);\n\nexport type ScrollAreaThumbProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Thumb>;\n\nexport const ScrollAreaThumb = forwardRef<HTMLDivElement, ScrollAreaThumbProps>(\n  function ScrollAreaThumb({ className, ...props }, ref) {\n    return (\n      <BaseScrollArea.Thumb\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().thumb, className)}\n        data-slot=\"scroll-area-thumb\"\n      />\n    );\n  },\n);\n\nexport type ScrollAreaCornerProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Corner>;\n\nexport const ScrollAreaCorner = forwardRef<HTMLDivElement, ScrollAreaCornerProps>(\n  function ScrollAreaCorner({ className, ...props }, ref) {\n    return (\n      <BaseScrollArea.Corner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().corner, className)}\n        data-slot=\"scroll-area-corner\"\n      />\n    );\n  },\n);\n\nexport const ScrollArea = {\n  Root: ScrollAreaRoot,\n  Viewport: ScrollAreaViewport,\n  Content: ScrollAreaContent,\n  Scrollbar: ScrollAreaScrollbar,\n  Thumb: ScrollAreaThumb,\n  Corner: ScrollAreaCorner,\n};\n"],"mappings":";;;;;;;AAWA,MAAa,kBAAA,GAAA,MAAA,WAAA,CACX,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,2BAAAA,WAAe,MAAhB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,WAAW,CAAC,CAAC,MAAM,SAAS;EAC3D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,sBAAA,GAAA,MAAA,WAAA,CACX,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;CACxD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,2BAAAA,WAAe,UAAhB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,WAAW,CAAC,CAAC,UAAU,SAAS;EAC/D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,qBAAA,GAAA,MAAA,WAAA,CACX,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,2BAAAA,WAAe,SAAhB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,WAAW,CAAC,CAAC,SAAS,SAAS;EAC9D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,uBAAA,GAAA,MAAA,WAAA,CACX,SAAS,oBAAoB,EAAE,WAAW,cAAc,YAAY,GAAG,SAAS,KAAK;CACnF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,2BAAAA,WAAe,WAAhB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,WAAW,CAAC,CAAC,WAAW,SAAS;EAChE,oBAAkB;EAClB,aAAU;EACG;CACd,CAAA;AAEL,CACF;AAIA,MAAa,mBAAA,GAAA,MAAA,WAAA,CACX,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,2BAAAA,WAAe,OAAhB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,WAAW,CAAC,CAAC,OAAO,SAAS;EAC5D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,oBAAA,GAAA,MAAA,WAAA,CACX,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,2BAAAA,WAAe,QAAhB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,WAAW,CAAC,CAAC,QAAQ,SAAS;EAC7D,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,aAAa;CACxB,MAAM;CACN,UAAU;CACV,SAAS;CACT,WAAW;CACX,OAAO;CACP,QAAQ;AACV"}
+{"version":3,"file":"scroll-area.cjs","names":["forwardRef","BaseScrollArea","withRecipeClassName","scrollArea"],"sources":["../../../src/components/scroll-area/scroll-area.tsx"],"sourcesContent":["\"use client\";\n\nimport { ScrollArea as BaseScrollArea } from \"@base-ui/react/scroll-area\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { scrollArea } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type ScrollAreaRootProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Root>;\n\nexport const ScrollAreaRoot = forwardRef<HTMLDivElement, ScrollAreaRootProps>(\n  function ScrollAreaRoot({ className, ...props }, ref) {\n    return (\n      <BaseScrollArea.Root\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().root, className)}\n        data-jaci-component=\"scroll-area\"\n        data-slot=\"scroll-area\"\n      />\n    );\n  },\n);\n\nexport type ScrollAreaViewportProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Viewport>;\n\nexport const ScrollAreaViewport = forwardRef<HTMLDivElement, ScrollAreaViewportProps>(\n  function ScrollAreaViewport({ className, ...props }, ref) {\n    return (\n      <BaseScrollArea.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().viewport, className)}\n        data-slot=\"scroll-area-viewport\"\n      />\n    );\n  },\n);\n\nexport type ScrollAreaContentProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Content>;\n\nexport const ScrollAreaContent = forwardRef<HTMLDivElement, ScrollAreaContentProps>(\n  function ScrollAreaContent({ className, ...props }, ref) {\n    return (\n      <BaseScrollArea.Content\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().content, className)}\n        data-slot=\"scroll-area-content\"\n      />\n    );\n  },\n);\n\nexport type ScrollAreaScrollbarProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Scrollbar>;\n\nexport const ScrollAreaScrollbar = forwardRef<HTMLDivElement, ScrollAreaScrollbarProps>(\n  function ScrollAreaScrollbar({ className, orientation = \"vertical\", ...props }, ref) {\n    return (\n      <BaseScrollArea.Scrollbar\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().scrollbar, className)}\n        data-orientation={orientation}\n        data-slot=\"scroll-area-scrollbar\"\n        orientation={orientation}\n      />\n    );\n  },\n);\n\nexport type ScrollAreaThumbProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Thumb>;\n\nexport const ScrollAreaThumb = forwardRef<HTMLDivElement, ScrollAreaThumbProps>(\n  function ScrollAreaThumb({ className, ...props }, ref) {\n    return (\n      <BaseScrollArea.Thumb\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().thumb, className)}\n        data-slot=\"scroll-area-thumb\"\n      />\n    );\n  },\n);\n\nexport type ScrollAreaCornerProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Corner>;\n\nexport const ScrollAreaCorner = forwardRef<HTMLDivElement, ScrollAreaCornerProps>(\n  function ScrollAreaCorner({ className, ...props }, ref) {\n    return (\n      <BaseScrollArea.Corner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().corner, className)}\n        data-slot=\"scroll-area-corner\"\n      />\n    );\n  },\n);\n\nexport const ScrollArea = {\n  Root: ScrollAreaRoot,\n  Viewport: ScrollAreaViewport,\n  Content: ScrollAreaContent,\n  Scrollbar: ScrollAreaScrollbar,\n  Thumb: ScrollAreaThumb,\n  Corner: ScrollAreaCorner,\n};\n"],"mappings":";;;;;;;AAWA,MAAa,kBAAA,GAAiBA,MAAAA,WAAAA,CAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,WAAe,MAAhB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,WAAW,CAAC,CAAC,MAAM,SAAS;EAC3D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,sBAAA,GAAqBH,MAAAA,WAAAA,CAChC,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;CACxD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,WAAe,UAAhB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,WAAW,CAAC,CAAC,UAAU,SAAS;EAC/D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,qBAAA,GAAoBH,MAAAA,WAAAA,CAC/B,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,WAAe,SAAhB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,WAAW,CAAC,CAAC,SAAS,SAAS;EAC9D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,uBAAA,GAAsBH,MAAAA,WAAAA,CACjC,SAAS,oBAAoB,EAAE,WAAW,cAAc,YAAY,GAAG,SAAS,KAAK;CACnF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,WAAe,WAAhB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,WAAW,CAAC,CAAC,WAAW,SAAS;EAChE,oBAAkB;EAClB,aAAU;EACG;CACd,CAAA;AAEL,CACF;AAIA,MAAa,mBAAA,GAAkBH,MAAAA,WAAAA,CAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,WAAe,OAAhB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,WAAW,CAAC,CAAC,OAAO,SAAS;EAC5D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,oBAAA,GAAmBH,MAAAA,WAAAA,CAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,WAAe,QAAhB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,WAAW,CAAC,CAAC,QAAQ,SAAS;EAC7D,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,aAAa;CACxB,MAAM;CACN,UAAU;CACV,SAAS;CACT,WAAW;CACX,OAAO;CACP,QAAQ;AACV"}

package/dist/components/select/select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.cjs","names":["select","BaseSelect","withRecipeClassName","useThemePortalProps","cx"],"sources":["../../../src/components/select/select.tsx"],"sourcesContent":["\"use client\";\n\nimport { Select as BaseSelect } from \"@base-ui/react/select\";\nimport { createContext, forwardRef, useContext, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { SelectRoot as BaseSelectRoot } from \"@base-ui/react/select\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { select } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport type SelectSize = \"sm\" | \"md\" | \"lg\";\n\nconst SelectSizeContext = createContext<SelectSize>(\"md\");\nconst SelectAuxContext = createContext<{ clear: () => void; disabled: boolean } | null>(null);\n\nfunction useSelectStyles() {\n  return select({ size: useContext(SelectSizeContext) });\n}\n\n/**\n * Groups an accessible listbox select. Use `value`/`onValueChange` for a\n * controlled selection, or `defaultValue` for an uncontrolled selection.\n *\n * `size` is shared by all visual parts so the trigger stays aligned with the\n * library's `Input` component.\n */\nexport interface SelectRootProps<Value, Multiple extends boolean | undefined = false>\n  extends BaseSelectRoot.Props<Value, Multiple> {\n  size?: SelectSize;\n  loading?: boolean;\n}\n\nexport function SelectRoot<Value = unknown, Multiple extends boolean | undefined = false>({\n  defaultValue,\n  disabled = false,\n  loading: _loading,\n  multiple,\n  onValueChange,\n  size = \"md\",\n  value: controlledValue,\n  ...props\n}: SelectRootProps<Value, Multiple>) {\n  const [uncontrolledValue, setUncontrolledValue] = useState<unknown>(\n    defaultValue ?? (multiple ? [] : null),\n  );\n  const value = controlledValue === undefined ? uncontrolledValue : controlledValue;\n  const clear = () => {\n    const nextValue = multiple ? [] : null;\n    if (controlledValue === undefined) setUncontrolledValue(nextValue);\n    onValueChange?.(nextValue as never, undefined as never);\n  };\n  return (\n    <SelectSizeContext.Provider value={size}>\n      <SelectAuxContext.Provider value={{ clear, disabled }}>\n        <BaseSelect.Root\n          {...props}\n          disabled={disabled}\n          defaultValue={undefined}\n          multiple={multiple}\n          onValueChange={(nextValue, details) => {\n            if (controlledValue === undefined) setUncontrolledValue(nextValue);\n            onValueChange?.(nextValue, details);\n          }}\n          value={value as SelectRootProps<Value, Multiple>[\"value\"]}\n        />\n      </SelectAuxContext.Provider>\n    </SelectSizeContext.Provider>\n  );\n}\n\nexport type SelectLabelProps = ComponentPropsWithoutRef<typeof BaseSelect.Label>;\n\n/** An accessible label that Base UI associates with the trigger automatically. */\nexport const SelectLabel = forwardRef<HTMLDivElement, SelectLabelProps>(function SelectLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Label\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().label, className)}\n      data-slot=\"select-label\"\n    />\n  );\n});\n\nexport type SelectTriggerProps = ComponentPropsWithoutRef<typeof BaseSelect.Trigger>;\n\n/** The button-shaped control that opens the select popup. */\nexport const SelectTrigger = forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  function SelectTrigger({ className, ...props }, ref) {\n    return (\n      <BaseSelect.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().trigger, className)}\n        data-jaci-component=\"select\"\n        data-slot=\"select-trigger\"\n      />\n    );\n  },\n);\n\nexport type SelectValueProps = ComponentPropsWithoutRef<typeof BaseSelect.Value>;\n\n/** Renders the selected item's label, or its placeholder when empty. */\nexport const SelectValue = forwardRef<HTMLSpanElement, SelectValueProps>(function SelectValue(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Value\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().value, className)}\n      data-slot=\"select-value\"\n    />\n  );\n});\n\nexport type SelectIconProps = ComponentPropsWithoutRef<typeof BaseSelect.Icon>;\n\n/** A small chevron that rotates while the popup is open. */\nexport const SelectIcon = forwardRef<HTMLSpanElement, SelectIconProps>(function SelectIcon(\n  { children = \"⌄\", className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Icon\n      {...props}\n      aria-hidden=\"true\"\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().icon, className)}\n      data-slot=\"select-icon\"\n    >\n      {children}\n    </BaseSelect.Icon>\n  );\n});\n\n/** Preserves Base UI's optional portal container and mount controls. */\nexport function SelectPortal(props: ComponentPropsWithoutRef<typeof BaseSelect.Portal>) {\n  return <BaseSelect.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type SelectPositionerProps = ComponentPropsWithoutRef<typeof BaseSelect.Positioner>;\n\nexport const SelectPositioner = forwardRef<HTMLDivElement, SelectPositionerProps>(\n  function SelectPositioner({ className, ...props }, ref) {\n    return (\n      <BaseSelect.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().positioner, className)}\n        data-slot=\"select-positioner\"\n      />\n    );\n  },\n);\n\nexport type SelectPopupProps = ComponentPropsWithoutRef<typeof BaseSelect.Popup>;\n\nexport const SelectPopup = forwardRef<HTMLDivElement, SelectPopupProps>(function SelectPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().popup, className)}\n      data-slot=\"select-popup\"\n    />\n  );\n});\n\nexport type SelectListProps = ComponentPropsWithoutRef<typeof BaseSelect.List>;\n\nexport const SelectList = forwardRef<HTMLDivElement, SelectListProps>(function SelectList(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.List\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().list, className)}\n      data-slot=\"select-list\"\n    />\n  );\n});\n\nexport type SelectItemProps = ComponentPropsWithoutRef<typeof BaseSelect.Item>;\n\nexport const SelectItem = forwardRef<HTMLElement, SelectItemProps>(function SelectItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().item, className)}\n      data-slot=\"select-item\"\n    />\n  );\n});\n\nexport type SelectItemTextProps = ComponentPropsWithoutRef<typeof BaseSelect.ItemText>;\n\nexport const SelectItemText = forwardRef<HTMLDivElement, SelectItemTextProps>(\n  function SelectItemText({ className, ...props }, ref) {\n    return (\n      <BaseSelect.ItemText\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().itemText, className)}\n        data-slot=\"select-item-text\"\n      />\n    );\n  },\n);\n\nexport type SelectItemIndicatorProps = ComponentPropsWithoutRef<typeof BaseSelect.ItemIndicator>;\n\nexport const SelectItemIndicator = forwardRef<HTMLSpanElement, SelectItemIndicatorProps>(\n  function SelectItemIndicator({ children = \"✓\", className, ...props }, ref) {\n    return (\n      <BaseSelect.ItemIndicator\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().itemIndicator, className)}\n        data-slot=\"select-item-indicator\"\n      >\n        {children}\n      </BaseSelect.ItemIndicator>\n    );\n  },\n);\n\nexport type SelectGroupProps = ComponentPropsWithoutRef<typeof BaseSelect.Group>;\n\nexport const SelectGroup = forwardRef<HTMLDivElement, SelectGroupProps>(function SelectGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().group, className)}\n      data-slot=\"select-group\"\n    />\n  );\n});\n\nexport type SelectGroupLabelProps = ComponentPropsWithoutRef<typeof BaseSelect.GroupLabel>;\n\nexport const SelectGroupLabel = forwardRef<HTMLDivElement, SelectGroupLabelProps>(\n  function SelectGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseSelect.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().groupLabel, className)}\n        data-slot=\"select-group-label\"\n      />\n    );\n  },\n);\n\n/**\n * A visual separator for groups in a listbox. It is intentionally hidden from\n * assistive technology because ARIA listboxes may only contain options or\n * option groups, not semantic separators.\n */\nexport interface SelectSeparatorProps extends ComponentPropsWithoutRef<\"div\"> {\n  orientation?: \"horizontal\" | \"vertical\";\n}\n\nexport const SelectSeparator = forwardRef<HTMLDivElement, SelectSeparatorProps>(\n  function SelectSeparator({ className, orientation = \"horizontal\", ...props }, ref) {\n    return (\n      <div\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={cx(useSelectStyles().separator, className)}\n        data-orientation={orientation}\n        data-slot=\"select-separator\"\n      />\n    );\n  },\n);\n\nexport interface SelectClearProps extends ComponentPropsWithoutRef<\"button\"> {\n  children?: ReactNode;\n}\nexport const SelectClear = forwardRef<HTMLButtonElement, SelectClearProps>(function SelectClear(\n  { children = \"×\", className, ...props },\n  ref,\n) {\n  const context = useContext(SelectAuxContext);\n  const styles = useSelectStyles();\n  return (\n    <button\n      {...props}\n      aria-label={props[\"aria-label\"] ?? \"Clear selection\"}\n      className={cx(styles.clear, className)}\n      data-slot=\"select-clear\"\n      disabled={props.disabled || context?.disabled}\n      onClick={(event) => {\n        context?.clear();\n        props.onClick?.(event);\n      }}\n      ref={ref}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  );\n});\n\nexport type SelectEmptyProps = ComponentPropsWithoutRef<\"div\">;\nexport const SelectEmpty = forwardRef<HTMLDivElement, SelectEmptyProps>(function SelectEmpty(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      className={cx(useSelectStyles().empty, className)}\n      data-slot=\"select-empty\"\n      ref={ref}\n    />\n  );\n});\nexport type SelectLoadingProps = ComponentPropsWithoutRef<\"div\">;\nexport const SelectLoading = forwardRef<HTMLDivElement, SelectLoadingProps>(function SelectLoading(\n  { children = \"Loading…\", className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      aria-live=\"polite\"\n      className={cx(useSelectStyles().loading, className)}\n      data-slot=\"select-loading\"\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n});\nexport type SelectStatusProps = ComponentPropsWithoutRef<\"div\">;\nexport const SelectStatus = forwardRef<HTMLDivElement, SelectStatusProps>(function SelectStatus(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      aria-live=\"polite\"\n      className={cx(useSelectStyles().status, className)}\n      data-slot=\"select-status\"\n      ref={ref}\n    />\n  );\n});\n\nexport const Select = {\n  Root: SelectRoot,\n  Label: SelectLabel,\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n  Icon: SelectIcon,\n  Portal: SelectPortal,\n  Positioner: SelectPositioner,\n  Popup: SelectPopup,\n  List: SelectList,\n  Item: SelectItem,\n  ItemText: SelectItemText,\n  ItemIndicator: SelectItemIndicator,\n  Group: SelectGroup,\n  GroupLabel: SelectGroupLabel,\n  Separator: SelectSeparator,\n  Clear: SelectClear,\n  Empty: SelectEmpty,\n  Loading: SelectLoading,\n  Status: SelectStatus,\n};\n"],"mappings":"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"}
+{"version":3,"file":"select.cjs","names":["createContext","select","useContext","useState","BaseSelect","forwardRef","withRecipeClassName","useThemePortalProps","cx"],"sources":["../../../src/components/select/select.tsx"],"sourcesContent":["\"use client\";\n\nimport { Select as BaseSelect } from \"@base-ui/react/select\";\nimport { createContext, forwardRef, useContext, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { SelectRoot as BaseSelectRoot } from \"@base-ui/react/select\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { select } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport type SelectSize = \"sm\" | \"md\" | \"lg\";\n\nconst SelectSizeContext = createContext<SelectSize>(\"md\");\nconst SelectAuxContext = createContext<{ clear: () => void; disabled: boolean } | null>(null);\n\nfunction useSelectStyles() {\n  return select({ size: useContext(SelectSizeContext) });\n}\n\n/**\n * Groups an accessible listbox select. Use `value`/`onValueChange` for a\n * controlled selection, or `defaultValue` for an uncontrolled selection.\n *\n * `size` is shared by all visual parts so the trigger stays aligned with the\n * library's `Input` component.\n */\nexport interface SelectRootProps<Value, Multiple extends boolean | undefined = false>\n  extends BaseSelectRoot.Props<Value, Multiple> {\n  size?: SelectSize;\n  loading?: boolean;\n}\n\nexport function SelectRoot<Value = unknown, Multiple extends boolean | undefined = false>({\n  defaultValue,\n  disabled = false,\n  loading: _loading,\n  multiple,\n  onValueChange,\n  size = \"md\",\n  value: controlledValue,\n  ...props\n}: SelectRootProps<Value, Multiple>) {\n  const [uncontrolledValue, setUncontrolledValue] = useState<unknown>(\n    defaultValue ?? (multiple ? [] : null),\n  );\n  const value = controlledValue === undefined ? uncontrolledValue : controlledValue;\n  const clear = () => {\n    const nextValue = multiple ? [] : null;\n    if (controlledValue === undefined) setUncontrolledValue(nextValue);\n    onValueChange?.(nextValue as never, undefined as never);\n  };\n  return (\n    <SelectSizeContext.Provider value={size}>\n      <SelectAuxContext.Provider value={{ clear, disabled }}>\n        <BaseSelect.Root\n          {...props}\n          disabled={disabled}\n          defaultValue={undefined}\n          multiple={multiple}\n          onValueChange={(nextValue, details) => {\n            if (controlledValue === undefined) setUncontrolledValue(nextValue);\n            onValueChange?.(nextValue, details);\n          }}\n          value={value as SelectRootProps<Value, Multiple>[\"value\"]}\n        />\n      </SelectAuxContext.Provider>\n    </SelectSizeContext.Provider>\n  );\n}\n\nexport type SelectLabelProps = ComponentPropsWithoutRef<typeof BaseSelect.Label>;\n\n/** An accessible label that Base UI associates with the trigger automatically. */\nexport const SelectLabel = forwardRef<HTMLDivElement, SelectLabelProps>(function SelectLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Label\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().label, className)}\n      data-slot=\"select-label\"\n    />\n  );\n});\n\nexport type SelectTriggerProps = ComponentPropsWithoutRef<typeof BaseSelect.Trigger>;\n\n/** The button-shaped control that opens the select popup. */\nexport const SelectTrigger = forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  function SelectTrigger({ className, ...props }, ref) {\n    return (\n      <BaseSelect.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().trigger, className)}\n        data-jaci-component=\"select\"\n        data-slot=\"select-trigger\"\n      />\n    );\n  },\n);\n\nexport type SelectValueProps = ComponentPropsWithoutRef<typeof BaseSelect.Value>;\n\n/** Renders the selected item's label, or its placeholder when empty. */\nexport const SelectValue = forwardRef<HTMLSpanElement, SelectValueProps>(function SelectValue(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Value\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().value, className)}\n      data-slot=\"select-value\"\n    />\n  );\n});\n\nexport type SelectIconProps = ComponentPropsWithoutRef<typeof BaseSelect.Icon>;\n\n/** A small chevron that rotates while the popup is open. */\nexport const SelectIcon = forwardRef<HTMLSpanElement, SelectIconProps>(function SelectIcon(\n  { children = \"⌄\", className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Icon\n      {...props}\n      aria-hidden=\"true\"\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().icon, className)}\n      data-slot=\"select-icon\"\n    >\n      {children}\n    </BaseSelect.Icon>\n  );\n});\n\n/** Preserves Base UI's optional portal container and mount controls. */\nexport function SelectPortal(props: ComponentPropsWithoutRef<typeof BaseSelect.Portal>) {\n  return <BaseSelect.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type SelectPositionerProps = ComponentPropsWithoutRef<typeof BaseSelect.Positioner>;\n\nexport const SelectPositioner = forwardRef<HTMLDivElement, SelectPositionerProps>(\n  function SelectPositioner({ className, ...props }, ref) {\n    return (\n      <BaseSelect.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().positioner, className)}\n        data-slot=\"select-positioner\"\n      />\n    );\n  },\n);\n\nexport type SelectPopupProps = ComponentPropsWithoutRef<typeof BaseSelect.Popup>;\n\nexport const SelectPopup = forwardRef<HTMLDivElement, SelectPopupProps>(function SelectPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().popup, className)}\n      data-slot=\"select-popup\"\n    />\n  );\n});\n\nexport type SelectListProps = ComponentPropsWithoutRef<typeof BaseSelect.List>;\n\nexport const SelectList = forwardRef<HTMLDivElement, SelectListProps>(function SelectList(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.List\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().list, className)}\n      data-slot=\"select-list\"\n    />\n  );\n});\n\nexport type SelectItemProps = ComponentPropsWithoutRef<typeof BaseSelect.Item>;\n\nexport const SelectItem = forwardRef<HTMLElement, SelectItemProps>(function SelectItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().item, className)}\n      data-slot=\"select-item\"\n    />\n  );\n});\n\nexport type SelectItemTextProps = ComponentPropsWithoutRef<typeof BaseSelect.ItemText>;\n\nexport const SelectItemText = forwardRef<HTMLDivElement, SelectItemTextProps>(\n  function SelectItemText({ className, ...props }, ref) {\n    return (\n      <BaseSelect.ItemText\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().itemText, className)}\n        data-slot=\"select-item-text\"\n      />\n    );\n  },\n);\n\nexport type SelectItemIndicatorProps = ComponentPropsWithoutRef<typeof BaseSelect.ItemIndicator>;\n\nexport const SelectItemIndicator = forwardRef<HTMLSpanElement, SelectItemIndicatorProps>(\n  function SelectItemIndicator({ children = \"✓\", className, ...props }, ref) {\n    return (\n      <BaseSelect.ItemIndicator\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().itemIndicator, className)}\n        data-slot=\"select-item-indicator\"\n      >\n        {children}\n      </BaseSelect.ItemIndicator>\n    );\n  },\n);\n\nexport type SelectGroupProps = ComponentPropsWithoutRef<typeof BaseSelect.Group>;\n\nexport const SelectGroup = forwardRef<HTMLDivElement, SelectGroupProps>(function SelectGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().group, className)}\n      data-slot=\"select-group\"\n    />\n  );\n});\n\nexport type SelectGroupLabelProps = ComponentPropsWithoutRef<typeof BaseSelect.GroupLabel>;\n\nexport const SelectGroupLabel = forwardRef<HTMLDivElement, SelectGroupLabelProps>(\n  function SelectGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseSelect.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().groupLabel, className)}\n        data-slot=\"select-group-label\"\n      />\n    );\n  },\n);\n\n/**\n * A visual separator for groups in a listbox. It is intentionally hidden from\n * assistive technology because ARIA listboxes may only contain options or\n * option groups, not semantic separators.\n */\nexport interface SelectSeparatorProps extends ComponentPropsWithoutRef<\"div\"> {\n  orientation?: \"horizontal\" | \"vertical\";\n}\n\nexport const SelectSeparator = forwardRef<HTMLDivElement, SelectSeparatorProps>(\n  function SelectSeparator({ className, orientation = \"horizontal\", ...props }, ref) {\n    return (\n      <div\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={cx(useSelectStyles().separator, className)}\n        data-orientation={orientation}\n        data-slot=\"select-separator\"\n      />\n    );\n  },\n);\n\nexport interface SelectClearProps extends ComponentPropsWithoutRef<\"button\"> {\n  children?: ReactNode;\n}\nexport const SelectClear = forwardRef<HTMLButtonElement, SelectClearProps>(function SelectClear(\n  { children = \"×\", className, ...props },\n  ref,\n) {\n  const context = useContext(SelectAuxContext);\n  const styles = useSelectStyles();\n  return (\n    <button\n      {...props}\n      aria-label={props[\"aria-label\"] ?? \"Clear selection\"}\n      className={cx(styles.clear, className)}\n      data-slot=\"select-clear\"\n      disabled={props.disabled || context?.disabled}\n      onClick={(event) => {\n        context?.clear();\n        props.onClick?.(event);\n      }}\n      ref={ref}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  );\n});\n\nexport type SelectEmptyProps = ComponentPropsWithoutRef<\"div\">;\nexport const SelectEmpty = forwardRef<HTMLDivElement, SelectEmptyProps>(function SelectEmpty(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      className={cx(useSelectStyles().empty, className)}\n      data-slot=\"select-empty\"\n      ref={ref}\n    />\n  );\n});\nexport type SelectLoadingProps = ComponentPropsWithoutRef<\"div\">;\nexport const SelectLoading = forwardRef<HTMLDivElement, SelectLoadingProps>(function SelectLoading(\n  { children = \"Loading…\", className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      aria-live=\"polite\"\n      className={cx(useSelectStyles().loading, className)}\n      data-slot=\"select-loading\"\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n});\nexport type SelectStatusProps = ComponentPropsWithoutRef<\"div\">;\nexport const SelectStatus = forwardRef<HTMLDivElement, SelectStatusProps>(function SelectStatus(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      aria-live=\"polite\"\n      className={cx(useSelectStyles().status, className)}\n      data-slot=\"select-status\"\n      ref={ref}\n    />\n  );\n});\n\nexport const Select = {\n  Root: SelectRoot,\n  Label: SelectLabel,\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n  Icon: SelectIcon,\n  Portal: SelectPortal,\n  Positioner: SelectPositioner,\n  Popup: SelectPopup,\n  List: SelectList,\n  Item: SelectItem,\n  ItemText: SelectItemText,\n  ItemIndicator: SelectItemIndicator,\n  Group: SelectGroup,\n  GroupLabel: SelectGroupLabel,\n  Separator: SelectSeparator,\n  Clear: SelectClear,\n  Empty: SelectEmpty,\n  Loading: SelectLoading,\n  Status: SelectStatus,\n};\n"],"mappings":"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"}

package/dist/components/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":["SelectRoot","BaseSelect","Select"],"sources":["../../../src/components/select/select.tsx"],"sourcesContent":["\"use client\";\n\nimport { Select as BaseSelect } from \"@base-ui/react/select\";\nimport { createContext, forwardRef, useContext, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { SelectRoot as BaseSelectRoot } from \"@base-ui/react/select\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { select } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport type SelectSize = \"sm\" | \"md\" | \"lg\";\n\nconst SelectSizeContext = createContext<SelectSize>(\"md\");\nconst SelectAuxContext = createContext<{ clear: () => void; disabled: boolean } | null>(null);\n\nfunction useSelectStyles() {\n  return select({ size: useContext(SelectSizeContext) });\n}\n\n/**\n * Groups an accessible listbox select. Use `value`/`onValueChange` for a\n * controlled selection, or `defaultValue` for an uncontrolled selection.\n *\n * `size` is shared by all visual parts so the trigger stays aligned with the\n * library's `Input` component.\n */\nexport interface SelectRootProps<Value, Multiple extends boolean | undefined = false>\n  extends BaseSelectRoot.Props<Value, Multiple> {\n  size?: SelectSize;\n  loading?: boolean;\n}\n\nexport function SelectRoot<Value = unknown, Multiple extends boolean | undefined = false>({\n  defaultValue,\n  disabled = false,\n  loading: _loading,\n  multiple,\n  onValueChange,\n  size = \"md\",\n  value: controlledValue,\n  ...props\n}: SelectRootProps<Value, Multiple>) {\n  const [uncontrolledValue, setUncontrolledValue] = useState<unknown>(\n    defaultValue ?? (multiple ? [] : null),\n  );\n  const value = controlledValue === undefined ? uncontrolledValue : controlledValue;\n  const clear = () => {\n    const nextValue = multiple ? [] : null;\n    if (controlledValue === undefined) setUncontrolledValue(nextValue);\n    onValueChange?.(nextValue as never, undefined as never);\n  };\n  return (\n    <SelectSizeContext.Provider value={size}>\n      <SelectAuxContext.Provider value={{ clear, disabled }}>\n        <BaseSelect.Root\n          {...props}\n          disabled={disabled}\n          defaultValue={undefined}\n          multiple={multiple}\n          onValueChange={(nextValue, details) => {\n            if (controlledValue === undefined) setUncontrolledValue(nextValue);\n            onValueChange?.(nextValue, details);\n          }}\n          value={value as SelectRootProps<Value, Multiple>[\"value\"]}\n        />\n      </SelectAuxContext.Provider>\n    </SelectSizeContext.Provider>\n  );\n}\n\nexport type SelectLabelProps = ComponentPropsWithoutRef<typeof BaseSelect.Label>;\n\n/** An accessible label that Base UI associates with the trigger automatically. */\nexport const SelectLabel = forwardRef<HTMLDivElement, SelectLabelProps>(function SelectLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Label\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().label, className)}\n      data-slot=\"select-label\"\n    />\n  );\n});\n\nexport type SelectTriggerProps = ComponentPropsWithoutRef<typeof BaseSelect.Trigger>;\n\n/** The button-shaped control that opens the select popup. */\nexport const SelectTrigger = forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  function SelectTrigger({ className, ...props }, ref) {\n    return (\n      <BaseSelect.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().trigger, className)}\n        data-jaci-component=\"select\"\n        data-slot=\"select-trigger\"\n      />\n    );\n  },\n);\n\nexport type SelectValueProps = ComponentPropsWithoutRef<typeof BaseSelect.Value>;\n\n/** Renders the selected item's label, or its placeholder when empty. */\nexport const SelectValue = forwardRef<HTMLSpanElement, SelectValueProps>(function SelectValue(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Value\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().value, className)}\n      data-slot=\"select-value\"\n    />\n  );\n});\n\nexport type SelectIconProps = ComponentPropsWithoutRef<typeof BaseSelect.Icon>;\n\n/** A small chevron that rotates while the popup is open. */\nexport const SelectIcon = forwardRef<HTMLSpanElement, SelectIconProps>(function SelectIcon(\n  { children = \"⌄\", className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Icon\n      {...props}\n      aria-hidden=\"true\"\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().icon, className)}\n      data-slot=\"select-icon\"\n    >\n      {children}\n    </BaseSelect.Icon>\n  );\n});\n\n/** Preserves Base UI's optional portal container and mount controls. */\nexport function SelectPortal(props: ComponentPropsWithoutRef<typeof BaseSelect.Portal>) {\n  return <BaseSelect.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type SelectPositionerProps = ComponentPropsWithoutRef<typeof BaseSelect.Positioner>;\n\nexport const SelectPositioner = forwardRef<HTMLDivElement, SelectPositionerProps>(\n  function SelectPositioner({ className, ...props }, ref) {\n    return (\n      <BaseSelect.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().positioner, className)}\n        data-slot=\"select-positioner\"\n      />\n    );\n  },\n);\n\nexport type SelectPopupProps = ComponentPropsWithoutRef<typeof BaseSelect.Popup>;\n\nexport const SelectPopup = forwardRef<HTMLDivElement, SelectPopupProps>(function SelectPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().popup, className)}\n      data-slot=\"select-popup\"\n    />\n  );\n});\n\nexport type SelectListProps = ComponentPropsWithoutRef<typeof BaseSelect.List>;\n\nexport const SelectList = forwardRef<HTMLDivElement, SelectListProps>(function SelectList(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.List\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().list, className)}\n      data-slot=\"select-list\"\n    />\n  );\n});\n\nexport type SelectItemProps = ComponentPropsWithoutRef<typeof BaseSelect.Item>;\n\nexport const SelectItem = forwardRef<HTMLElement, SelectItemProps>(function SelectItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().item, className)}\n      data-slot=\"select-item\"\n    />\n  );\n});\n\nexport type SelectItemTextProps = ComponentPropsWithoutRef<typeof BaseSelect.ItemText>;\n\nexport const SelectItemText = forwardRef<HTMLDivElement, SelectItemTextProps>(\n  function SelectItemText({ className, ...props }, ref) {\n    return (\n      <BaseSelect.ItemText\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().itemText, className)}\n        data-slot=\"select-item-text\"\n      />\n    );\n  },\n);\n\nexport type SelectItemIndicatorProps = ComponentPropsWithoutRef<typeof BaseSelect.ItemIndicator>;\n\nexport const SelectItemIndicator = forwardRef<HTMLSpanElement, SelectItemIndicatorProps>(\n  function SelectItemIndicator({ children = \"✓\", className, ...props }, ref) {\n    return (\n      <BaseSelect.ItemIndicator\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().itemIndicator, className)}\n        data-slot=\"select-item-indicator\"\n      >\n        {children}\n      </BaseSelect.ItemIndicator>\n    );\n  },\n);\n\nexport type SelectGroupProps = ComponentPropsWithoutRef<typeof BaseSelect.Group>;\n\nexport const SelectGroup = forwardRef<HTMLDivElement, SelectGroupProps>(function SelectGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().group, className)}\n      data-slot=\"select-group\"\n    />\n  );\n});\n\nexport type SelectGroupLabelProps = ComponentPropsWithoutRef<typeof BaseSelect.GroupLabel>;\n\nexport const SelectGroupLabel = forwardRef<HTMLDivElement, SelectGroupLabelProps>(\n  function SelectGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseSelect.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().groupLabel, className)}\n        data-slot=\"select-group-label\"\n      />\n    );\n  },\n);\n\n/**\n * A visual separator for groups in a listbox. It is intentionally hidden from\n * assistive technology because ARIA listboxes may only contain options or\n * option groups, not semantic separators.\n */\nexport interface SelectSeparatorProps extends ComponentPropsWithoutRef<\"div\"> {\n  orientation?: \"horizontal\" | \"vertical\";\n}\n\nexport const SelectSeparator = forwardRef<HTMLDivElement, SelectSeparatorProps>(\n  function SelectSeparator({ className, orientation = \"horizontal\", ...props }, ref) {\n    return (\n      <div\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={cx(useSelectStyles().separator, className)}\n        data-orientation={orientation}\n        data-slot=\"select-separator\"\n      />\n    );\n  },\n);\n\nexport interface SelectClearProps extends ComponentPropsWithoutRef<\"button\"> {\n  children?: ReactNode;\n}\nexport const SelectClear = forwardRef<HTMLButtonElement, SelectClearProps>(function SelectClear(\n  { children = \"×\", className, ...props },\n  ref,\n) {\n  const context = useContext(SelectAuxContext);\n  const styles = useSelectStyles();\n  return (\n    <button\n      {...props}\n      aria-label={props[\"aria-label\"] ?? \"Clear selection\"}\n      className={cx(styles.clear, className)}\n      data-slot=\"select-clear\"\n      disabled={props.disabled || context?.disabled}\n      onClick={(event) => {\n        context?.clear();\n        props.onClick?.(event);\n      }}\n      ref={ref}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  );\n});\n\nexport type SelectEmptyProps = ComponentPropsWithoutRef<\"div\">;\nexport const SelectEmpty = forwardRef<HTMLDivElement, SelectEmptyProps>(function SelectEmpty(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      className={cx(useSelectStyles().empty, className)}\n      data-slot=\"select-empty\"\n      ref={ref}\n    />\n  );\n});\nexport type SelectLoadingProps = ComponentPropsWithoutRef<\"div\">;\nexport const SelectLoading = forwardRef<HTMLDivElement, SelectLoadingProps>(function SelectLoading(\n  { children = \"Loading…\", className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      aria-live=\"polite\"\n      className={cx(useSelectStyles().loading, className)}\n      data-slot=\"select-loading\"\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n});\nexport type SelectStatusProps = ComponentPropsWithoutRef<\"div\">;\nexport const SelectStatus = forwardRef<HTMLDivElement, SelectStatusProps>(function SelectStatus(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      aria-live=\"polite\"\n      className={cx(useSelectStyles().status, className)}\n      data-slot=\"select-status\"\n      ref={ref}\n    />\n  );\n});\n\nexport const Select = {\n  Root: SelectRoot,\n  Label: SelectLabel,\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n  Icon: SelectIcon,\n  Portal: SelectPortal,\n  Positioner: SelectPositioner,\n  Popup: SelectPopup,\n  List: SelectList,\n  Item: SelectItem,\n  ItemText: SelectItemText,\n  ItemIndicator: SelectItemIndicator,\n  Group: SelectGroup,\n  GroupLabel: SelectGroupLabel,\n  Separator: SelectSeparator,\n  Clear: SelectClear,\n  Empty: SelectEmpty,\n  Loading: SelectLoading,\n  Status: SelectStatus,\n};\n"],"mappings":"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"}
+{"version":3,"file":"select.js","names":["SelectRoot","BaseSelect","Select"],"sources":["../../../src/components/select/select.tsx"],"sourcesContent":["\"use client\";\n\nimport { Select as BaseSelect } from \"@base-ui/react/select\";\nimport { createContext, forwardRef, useContext, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { SelectRoot as BaseSelectRoot } from \"@base-ui/react/select\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { select } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport type SelectSize = \"sm\" | \"md\" | \"lg\";\n\nconst SelectSizeContext = createContext<SelectSize>(\"md\");\nconst SelectAuxContext = createContext<{ clear: () => void; disabled: boolean } | null>(null);\n\nfunction useSelectStyles() {\n  return select({ size: useContext(SelectSizeContext) });\n}\n\n/**\n * Groups an accessible listbox select. Use `value`/`onValueChange` for a\n * controlled selection, or `defaultValue` for an uncontrolled selection.\n *\n * `size` is shared by all visual parts so the trigger stays aligned with the\n * library's `Input` component.\n */\nexport interface SelectRootProps<Value, Multiple extends boolean | undefined = false>\n  extends BaseSelectRoot.Props<Value, Multiple> {\n  size?: SelectSize;\n  loading?: boolean;\n}\n\nexport function SelectRoot<Value = unknown, Multiple extends boolean | undefined = false>({\n  defaultValue,\n  disabled = false,\n  loading: _loading,\n  multiple,\n  onValueChange,\n  size = \"md\",\n  value: controlledValue,\n  ...props\n}: SelectRootProps<Value, Multiple>) {\n  const [uncontrolledValue, setUncontrolledValue] = useState<unknown>(\n    defaultValue ?? (multiple ? [] : null),\n  );\n  const value = controlledValue === undefined ? uncontrolledValue : controlledValue;\n  const clear = () => {\n    const nextValue = multiple ? [] : null;\n    if (controlledValue === undefined) setUncontrolledValue(nextValue);\n    onValueChange?.(nextValue as never, undefined as never);\n  };\n  return (\n    <SelectSizeContext.Provider value={size}>\n      <SelectAuxContext.Provider value={{ clear, disabled }}>\n        <BaseSelect.Root\n          {...props}\n          disabled={disabled}\n          defaultValue={undefined}\n          multiple={multiple}\n          onValueChange={(nextValue, details) => {\n            if (controlledValue === undefined) setUncontrolledValue(nextValue);\n            onValueChange?.(nextValue, details);\n          }}\n          value={value as SelectRootProps<Value, Multiple>[\"value\"]}\n        />\n      </SelectAuxContext.Provider>\n    </SelectSizeContext.Provider>\n  );\n}\n\nexport type SelectLabelProps = ComponentPropsWithoutRef<typeof BaseSelect.Label>;\n\n/** An accessible label that Base UI associates with the trigger automatically. */\nexport const SelectLabel = forwardRef<HTMLDivElement, SelectLabelProps>(function SelectLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Label\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().label, className)}\n      data-slot=\"select-label\"\n    />\n  );\n});\n\nexport type SelectTriggerProps = ComponentPropsWithoutRef<typeof BaseSelect.Trigger>;\n\n/** The button-shaped control that opens the select popup. */\nexport const SelectTrigger = forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  function SelectTrigger({ className, ...props }, ref) {\n    return (\n      <BaseSelect.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().trigger, className)}\n        data-jaci-component=\"select\"\n        data-slot=\"select-trigger\"\n      />\n    );\n  },\n);\n\nexport type SelectValueProps = ComponentPropsWithoutRef<typeof BaseSelect.Value>;\n\n/** Renders the selected item's label, or its placeholder when empty. */\nexport const SelectValue = forwardRef<HTMLSpanElement, SelectValueProps>(function SelectValue(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Value\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().value, className)}\n      data-slot=\"select-value\"\n    />\n  );\n});\n\nexport type SelectIconProps = ComponentPropsWithoutRef<typeof BaseSelect.Icon>;\n\n/** A small chevron that rotates while the popup is open. */\nexport const SelectIcon = forwardRef<HTMLSpanElement, SelectIconProps>(function SelectIcon(\n  { children = \"⌄\", className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Icon\n      {...props}\n      aria-hidden=\"true\"\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().icon, className)}\n      data-slot=\"select-icon\"\n    >\n      {children}\n    </BaseSelect.Icon>\n  );\n});\n\n/** Preserves Base UI's optional portal container and mount controls. */\nexport function SelectPortal(props: ComponentPropsWithoutRef<typeof BaseSelect.Portal>) {\n  return <BaseSelect.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type SelectPositionerProps = ComponentPropsWithoutRef<typeof BaseSelect.Positioner>;\n\nexport const SelectPositioner = forwardRef<HTMLDivElement, SelectPositionerProps>(\n  function SelectPositioner({ className, ...props }, ref) {\n    return (\n      <BaseSelect.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().positioner, className)}\n        data-slot=\"select-positioner\"\n      />\n    );\n  },\n);\n\nexport type SelectPopupProps = ComponentPropsWithoutRef<typeof BaseSelect.Popup>;\n\nexport const SelectPopup = forwardRef<HTMLDivElement, SelectPopupProps>(function SelectPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().popup, className)}\n      data-slot=\"select-popup\"\n    />\n  );\n});\n\nexport type SelectListProps = ComponentPropsWithoutRef<typeof BaseSelect.List>;\n\nexport const SelectList = forwardRef<HTMLDivElement, SelectListProps>(function SelectList(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.List\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().list, className)}\n      data-slot=\"select-list\"\n    />\n  );\n});\n\nexport type SelectItemProps = ComponentPropsWithoutRef<typeof BaseSelect.Item>;\n\nexport const SelectItem = forwardRef<HTMLElement, SelectItemProps>(function SelectItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().item, className)}\n      data-slot=\"select-item\"\n    />\n  );\n});\n\nexport type SelectItemTextProps = ComponentPropsWithoutRef<typeof BaseSelect.ItemText>;\n\nexport const SelectItemText = forwardRef<HTMLDivElement, SelectItemTextProps>(\n  function SelectItemText({ className, ...props }, ref) {\n    return (\n      <BaseSelect.ItemText\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().itemText, className)}\n        data-slot=\"select-item-text\"\n      />\n    );\n  },\n);\n\nexport type SelectItemIndicatorProps = ComponentPropsWithoutRef<typeof BaseSelect.ItemIndicator>;\n\nexport const SelectItemIndicator = forwardRef<HTMLSpanElement, SelectItemIndicatorProps>(\n  function SelectItemIndicator({ children = \"✓\", className, ...props }, ref) {\n    return (\n      <BaseSelect.ItemIndicator\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().itemIndicator, className)}\n        data-slot=\"select-item-indicator\"\n      >\n        {children}\n      </BaseSelect.ItemIndicator>\n    );\n  },\n);\n\nexport type SelectGroupProps = ComponentPropsWithoutRef<typeof BaseSelect.Group>;\n\nexport const SelectGroup = forwardRef<HTMLDivElement, SelectGroupProps>(function SelectGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().group, className)}\n      data-slot=\"select-group\"\n    />\n  );\n});\n\nexport type SelectGroupLabelProps = ComponentPropsWithoutRef<typeof BaseSelect.GroupLabel>;\n\nexport const SelectGroupLabel = forwardRef<HTMLDivElement, SelectGroupLabelProps>(\n  function SelectGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseSelect.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().groupLabel, className)}\n        data-slot=\"select-group-label\"\n      />\n    );\n  },\n);\n\n/**\n * A visual separator for groups in a listbox. It is intentionally hidden from\n * assistive technology because ARIA listboxes may only contain options or\n * option groups, not semantic separators.\n */\nexport interface SelectSeparatorProps extends ComponentPropsWithoutRef<\"div\"> {\n  orientation?: \"horizontal\" | \"vertical\";\n}\n\nexport const SelectSeparator = forwardRef<HTMLDivElement, SelectSeparatorProps>(\n  function SelectSeparator({ className, orientation = \"horizontal\", ...props }, ref) {\n    return (\n      <div\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={cx(useSelectStyles().separator, className)}\n        data-orientation={orientation}\n        data-slot=\"select-separator\"\n      />\n    );\n  },\n);\n\nexport interface SelectClearProps extends ComponentPropsWithoutRef<\"button\"> {\n  children?: ReactNode;\n}\nexport const SelectClear = forwardRef<HTMLButtonElement, SelectClearProps>(function SelectClear(\n  { children = \"×\", className, ...props },\n  ref,\n) {\n  const context = useContext(SelectAuxContext);\n  const styles = useSelectStyles();\n  return (\n    <button\n      {...props}\n      aria-label={props[\"aria-label\"] ?? \"Clear selection\"}\n      className={cx(styles.clear, className)}\n      data-slot=\"select-clear\"\n      disabled={props.disabled || context?.disabled}\n      onClick={(event) => {\n        context?.clear();\n        props.onClick?.(event);\n      }}\n      ref={ref}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  );\n});\n\nexport type SelectEmptyProps = ComponentPropsWithoutRef<\"div\">;\nexport const SelectEmpty = forwardRef<HTMLDivElement, SelectEmptyProps>(function SelectEmpty(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      className={cx(useSelectStyles().empty, className)}\n      data-slot=\"select-empty\"\n      ref={ref}\n    />\n  );\n});\nexport type SelectLoadingProps = ComponentPropsWithoutRef<\"div\">;\nexport const SelectLoading = forwardRef<HTMLDivElement, SelectLoadingProps>(function SelectLoading(\n  { children = \"Loading…\", className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      aria-live=\"polite\"\n      className={cx(useSelectStyles().loading, className)}\n      data-slot=\"select-loading\"\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n});\nexport type SelectStatusProps = ComponentPropsWithoutRef<\"div\">;\nexport const SelectStatus = forwardRef<HTMLDivElement, SelectStatusProps>(function SelectStatus(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      aria-live=\"polite\"\n      className={cx(useSelectStyles().status, className)}\n      data-slot=\"select-status\"\n      ref={ref}\n    />\n  );\n});\n\nexport const Select = {\n  Root: SelectRoot,\n  Label: SelectLabel,\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n  Icon: SelectIcon,\n  Portal: SelectPortal,\n  Positioner: SelectPositioner,\n  Popup: SelectPopup,\n  List: SelectList,\n  Item: SelectItem,\n  ItemText: SelectItemText,\n  ItemIndicator: SelectItemIndicator,\n  Group: SelectGroup,\n  GroupLabel: SelectGroupLabel,\n  Separator: SelectSeparator,\n  Clear: SelectClear,\n  Empty: SelectEmpty,\n  Loading: SelectLoading,\n  Status: SelectStatus,\n};\n"],"mappings":"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"}

package/dist/components/sidebar/sidebar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.cjs","names":["sidebar","useThemePortalProps","cx","BaseDialog","withRecipeClassName"],"sources":["../../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { createContext, forwardRef, useCallback, useContext, useMemo, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, MouseEvent, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { sidebar } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport interface SidebarContextValue {\n  /** Whether the sidebar is visually expanded. */\n  open: boolean;\n  /** Updates the expanded state, respecting controlled usage. */\n  setOpen: (open: boolean) => void;\n  /** Convenience callback for toggles placed anywhere in the sidebar. */\n  toggle: () => void;\n}\n\nconst SidebarContext = createContext<SidebarContextValue | null>(null);\n\n/**\n * Reads the state exposed by `Sidebar.Root`.\n *\n * Use it in custom sidebar parts when the built-in composition is not enough.\n */\nexport function useSidebar() {\n  const context = useContext(SidebarContext);\n\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a Sidebar.Root component.\");\n  }\n\n  return context;\n}\n\nfunction useSidebarStyles() {\n  const { open } = useSidebar();\n  return sidebar({ open });\n}\n\nexport interface SidebarRootProps extends ComponentPropsWithoutRef<\"aside\"> {\n  /** Controlled expanded state. */\n  open?: boolean;\n  /** Initial expanded state for uncontrolled use. */\n  defaultOpen?: boolean;\n  /** Called after the requested expanded state changes. */\n  onOpenChange?: (open: boolean) => void;\n  /** Renders the sidebar as a modal mobile surface when set to overlay. */\n  mode?: \"static\" | \"overlay\";\n  /** Allows Escape to be disabled for overlay mode. */\n  closeOnEscape?: boolean;\n  /** Allows outside presses to be disabled for overlay mode. */\n  closeOnOutsidePress?: boolean;\n  /** Restores focus to the element that opened the overlay. */\n  restoreFocus?: boolean;\n  /** Controls whether the overlay traps focus and locks page scroll. */\n  modal?: boolean | \"trap-focus\";\n  children?: ReactNode;\n}\n\n/**\n * The sidebar container. It supports both controlled and uncontrolled state.\n */\nexport const SidebarRoot = forwardRef<HTMLElement, SidebarRootProps>(function SidebarRoot(\n  {\n    children,\n    className,\n    closeOnEscape = true,\n    closeOnOutsidePress = true,\n    defaultOpen = true,\n    modal = true,\n    mode = \"static\",\n    onOpenChange,\n    open: controlledOpen,\n    restoreFocus = true,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const isControlled = controlledOpen !== undefined;\n  const open = controlledOpen ?? uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(nextOpen);\n      }\n\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const toggle = useCallback(() => {\n    setOpen(!open);\n  }, [open, setOpen]);\n\n  const context = useMemo<SidebarContextValue>(\n    () => ({ open, setOpen, toggle }),\n    [open, setOpen, toggle],\n  );\n  const styles = sidebar({ open });\n  const scopedPortalProps = useThemePortalProps({});\n\n  const surface = (\n    <aside\n      {...props}\n      ref={ref}\n      className={cx(styles.root, className)}\n      data-jaci-component=\"sidebar\"\n      data-open={open}\n      data-slot=\"sidebar\"\n      data-state={open ? \"open\" : \"closed\"}\n    >\n      {children}\n    </aside>\n  );\n\n  if (mode === \"overlay\") {\n    return (\n      <SidebarContext.Provider value={context}>\n        <BaseDialog.Root\n          open={open}\n          modal={modal}\n          onOpenChange={(nextOpen, details) => {\n            if (\n              !nextOpen &&\n              ((!closeOnEscape && details.reason === \"escape-key\") ||\n                (!closeOnOutsidePress && details.reason === \"outside-press\"))\n            ) {\n              details.cancel();\n              return;\n            }\n            setOpen(nextOpen);\n          }}\n        >\n          <BaseDialog.Portal {...scopedPortalProps}>\n            <BaseDialog.Backdrop\n              className={cx(styles.backdrop)}\n              data-jaci-component=\"sidebar\"\n              data-slot=\"sidebar-backdrop\"\n            />\n            <BaseDialog.Viewport className={cx(styles.viewport)} data-slot=\"sidebar-viewport\">\n              <BaseDialog.Popup\n                aria-label={props[\"aria-label\"] ?? \"Sidebar navigation\"}\n                className={cx(styles.popup)}\n                data-jaci-component=\"sidebar\"\n                data-slot=\"sidebar-popup\"\n                finalFocus={restoreFocus}\n                initialFocus\n              >\n                {surface}\n              </BaseDialog.Popup>\n            </BaseDialog.Viewport>\n          </BaseDialog.Portal>\n        </BaseDialog.Root>\n      </SidebarContext.Provider>\n    );\n  }\n\n  return <SidebarContext.Provider value={context}>{surface}</SidebarContext.Provider>;\n});\n\nexport type SidebarPortalProps = ComponentPropsWithoutRef<typeof BaseDialog.Portal>;\nexport function SidebarPortal(props: SidebarPortalProps) {\n  return <BaseDialog.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type SidebarBackdropProps = ComponentPropsWithoutRef<typeof BaseDialog.Backdrop>;\nexport const SidebarBackdrop = forwardRef<HTMLDivElement, SidebarBackdropProps>(\n  function SidebarBackdrop({ className, ...props }, ref) {\n    const { open } = useSidebar();\n    return (\n      <BaseDialog.Backdrop\n        {...props}\n        className={withRecipeClassName(sidebar({ open }).backdrop, className)}\n        data-slot=\"sidebar-backdrop\"\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type SidebarToggleProps = ComponentPropsWithoutRef<\"button\">;\n\n/**\n * A floating, accessible control that expands or collapses the sidebar.\n */\nexport const SidebarToggle = forwardRef<HTMLButtonElement, SidebarToggleProps>(\n  function SidebarToggle(\n    { \"aria-label\": ariaLabel, children, className, onClick, type = \"button\", ...props },\n    ref,\n  ) {\n    const { open, toggle } = useSidebar();\n    const styles = useSidebarStyles();\n\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n\n      if (!event.defaultPrevented) {\n        toggle();\n      }\n    };\n\n    return (\n      <button\n        {...props}\n        aria-expanded={open}\n        aria-label={ariaLabel ?? (open ? \"Collapse sidebar\" : \"Expand sidebar\")}\n        className={cx(styles.toggle, className)}\n        data-slot=\"sidebar-toggle\"\n        onClick={handleClick}\n        ref={ref}\n        type={type}\n      >\n        {children ?? <span aria-hidden=\"true\">{open ? \"‹\" : \"›\"}</span>}\n      </button>\n    );\n  },\n);\n\nexport type SidebarHeaderProps = ComponentPropsWithoutRef<\"header\">;\n\nexport const SidebarHeader = forwardRef<HTMLElement, SidebarHeaderProps>(function SidebarHeader(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <header\n      {...props}\n      ref={ref}\n      className={cx(styles.header, className)}\n      data-slot=\"sidebar-header\"\n    />\n  );\n});\n\nexport type SidebarContentProps = ComponentPropsWithoutRef<\"nav\">;\n\nexport const SidebarContent = forwardRef<HTMLElement, SidebarContentProps>(function SidebarContent(\n  { \"aria-label\": ariaLabel, className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <nav\n      {...props}\n      aria-label={ariaLabel ?? \"Sidebar navigation\"}\n      ref={ref}\n      className={cx(styles.content, className)}\n      data-slot=\"sidebar-content\"\n    />\n  );\n});\n\nexport type SidebarFooterProps = ComponentPropsWithoutRef<\"footer\">;\n\nexport const SidebarFooter = forwardRef<HTMLElement, SidebarFooterProps>(function SidebarFooter(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <footer\n      {...props}\n      ref={ref}\n      className={cx(styles.footer, className)}\n      data-slot=\"sidebar-footer\"\n    />\n  );\n});\n\nexport interface SidebarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n  /** Marks the current navigation destination. */\n  active?: boolean;\n}\n\n/**\n * A semantic navigation item. Pair its icon/content with `Sidebar.Label` so\n * the text transitions out of view while remaining available to assistive\n * technology when the sidebar is collapsed.\n */\nexport const SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(function SidebarItem(\n  { \"aria-current\": ariaCurrent, active = false, className, ...props },\n  ref,\n) {\n  const { open } = useSidebar();\n  const styles = sidebar({ active, open });\n\n  return (\n    <a\n      {...props}\n      aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n      ref={ref}\n      className={cx(styles.item, className)}\n      data-active={active || undefined}\n      data-slot=\"sidebar-item\"\n    />\n  );\n});\n\nexport type SidebarLabelProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const SidebarLabel = forwardRef<HTMLSpanElement, SidebarLabelProps>(function SidebarLabel(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <span {...props} ref={ref} className={cx(styles.label, className)} data-slot=\"sidebar-label\" />\n  );\n});\n\nexport const Sidebar = {\n  Root: SidebarRoot,\n  Portal: SidebarPortal,\n  Backdrop: SidebarBackdrop,\n  Toggle: SidebarToggle,\n  Header: SidebarHeader,\n  Content: SidebarContent,\n  Footer: SidebarFooter,\n  Item: SidebarItem,\n  Label: SidebarLabel,\n};\n"],"mappings":"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"}
+{"version":3,"file":"sidebar.cjs","names":["createContext","useContext","sidebar","forwardRef","useState","useCallback","useMemo","useThemePortalProps","cx","BaseDialog","withRecipeClassName"],"sources":["../../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { createContext, forwardRef, useCallback, useContext, useMemo, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, MouseEvent, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { sidebar } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport interface SidebarContextValue {\n  /** Whether the sidebar is visually expanded. */\n  open: boolean;\n  /** Updates the expanded state, respecting controlled usage. */\n  setOpen: (open: boolean) => void;\n  /** Convenience callback for toggles placed anywhere in the sidebar. */\n  toggle: () => void;\n}\n\nconst SidebarContext = createContext<SidebarContextValue | null>(null);\n\n/**\n * Reads the state exposed by `Sidebar.Root`.\n *\n * Use it in custom sidebar parts when the built-in composition is not enough.\n */\nexport function useSidebar() {\n  const context = useContext(SidebarContext);\n\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a Sidebar.Root component.\");\n  }\n\n  return context;\n}\n\nfunction useSidebarStyles() {\n  const { open } = useSidebar();\n  return sidebar({ open });\n}\n\nexport interface SidebarRootProps extends ComponentPropsWithoutRef<\"aside\"> {\n  /** Controlled expanded state. */\n  open?: boolean;\n  /** Initial expanded state for uncontrolled use. */\n  defaultOpen?: boolean;\n  /** Called after the requested expanded state changes. */\n  onOpenChange?: (open: boolean) => void;\n  /** Renders the sidebar as a modal mobile surface when set to overlay. */\n  mode?: \"static\" | \"overlay\";\n  /** Allows Escape to be disabled for overlay mode. */\n  closeOnEscape?: boolean;\n  /** Allows outside presses to be disabled for overlay mode. */\n  closeOnOutsidePress?: boolean;\n  /** Restores focus to the element that opened the overlay. */\n  restoreFocus?: boolean;\n  /** Controls whether the overlay traps focus and locks page scroll. */\n  modal?: boolean | \"trap-focus\";\n  children?: ReactNode;\n}\n\n/**\n * The sidebar container. It supports both controlled and uncontrolled state.\n */\nexport const SidebarRoot = forwardRef<HTMLElement, SidebarRootProps>(function SidebarRoot(\n  {\n    children,\n    className,\n    closeOnEscape = true,\n    closeOnOutsidePress = true,\n    defaultOpen = true,\n    modal = true,\n    mode = \"static\",\n    onOpenChange,\n    open: controlledOpen,\n    restoreFocus = true,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const isControlled = controlledOpen !== undefined;\n  const open = controlledOpen ?? uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(nextOpen);\n      }\n\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const toggle = useCallback(() => {\n    setOpen(!open);\n  }, [open, setOpen]);\n\n  const context = useMemo<SidebarContextValue>(\n    () => ({ open, setOpen, toggle }),\n    [open, setOpen, toggle],\n  );\n  const styles = sidebar({ open });\n  const scopedPortalProps = useThemePortalProps({});\n\n  const surface = (\n    <aside\n      {...props}\n      ref={ref}\n      className={cx(styles.root, className)}\n      data-jaci-component=\"sidebar\"\n      data-open={open}\n      data-slot=\"sidebar\"\n      data-state={open ? \"open\" : \"closed\"}\n    >\n      {children}\n    </aside>\n  );\n\n  if (mode === \"overlay\") {\n    return (\n      <SidebarContext.Provider value={context}>\n        <BaseDialog.Root\n          open={open}\n          modal={modal}\n          onOpenChange={(nextOpen, details) => {\n            if (\n              !nextOpen &&\n              ((!closeOnEscape && details.reason === \"escape-key\") ||\n                (!closeOnOutsidePress && details.reason === \"outside-press\"))\n            ) {\n              details.cancel();\n              return;\n            }\n            setOpen(nextOpen);\n          }}\n        >\n          <BaseDialog.Portal {...scopedPortalProps}>\n            <BaseDialog.Backdrop\n              className={cx(styles.backdrop)}\n              data-jaci-component=\"sidebar\"\n              data-slot=\"sidebar-backdrop\"\n            />\n            <BaseDialog.Viewport className={cx(styles.viewport)} data-slot=\"sidebar-viewport\">\n              <BaseDialog.Popup\n                aria-label={props[\"aria-label\"] ?? \"Sidebar navigation\"}\n                className={cx(styles.popup)}\n                data-jaci-component=\"sidebar\"\n                data-slot=\"sidebar-popup\"\n                finalFocus={restoreFocus}\n                initialFocus\n              >\n                {surface}\n              </BaseDialog.Popup>\n            </BaseDialog.Viewport>\n          </BaseDialog.Portal>\n        </BaseDialog.Root>\n      </SidebarContext.Provider>\n    );\n  }\n\n  return <SidebarContext.Provider value={context}>{surface}</SidebarContext.Provider>;\n});\n\nexport type SidebarPortalProps = ComponentPropsWithoutRef<typeof BaseDialog.Portal>;\nexport function SidebarPortal(props: SidebarPortalProps) {\n  return <BaseDialog.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type SidebarBackdropProps = ComponentPropsWithoutRef<typeof BaseDialog.Backdrop>;\nexport const SidebarBackdrop = forwardRef<HTMLDivElement, SidebarBackdropProps>(\n  function SidebarBackdrop({ className, ...props }, ref) {\n    const { open } = useSidebar();\n    return (\n      <BaseDialog.Backdrop\n        {...props}\n        className={withRecipeClassName(sidebar({ open }).backdrop, className)}\n        data-slot=\"sidebar-backdrop\"\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type SidebarToggleProps = ComponentPropsWithoutRef<\"button\">;\n\n/**\n * A floating, accessible control that expands or collapses the sidebar.\n */\nexport const SidebarToggle = forwardRef<HTMLButtonElement, SidebarToggleProps>(\n  function SidebarToggle(\n    { \"aria-label\": ariaLabel, children, className, onClick, type = \"button\", ...props },\n    ref,\n  ) {\n    const { open, toggle } = useSidebar();\n    const styles = useSidebarStyles();\n\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n\n      if (!event.defaultPrevented) {\n        toggle();\n      }\n    };\n\n    return (\n      <button\n        {...props}\n        aria-expanded={open}\n        aria-label={ariaLabel ?? (open ? \"Collapse sidebar\" : \"Expand sidebar\")}\n        className={cx(styles.toggle, className)}\n        data-slot=\"sidebar-toggle\"\n        onClick={handleClick}\n        ref={ref}\n        type={type}\n      >\n        {children ?? <span aria-hidden=\"true\">{open ? \"‹\" : \"›\"}</span>}\n      </button>\n    );\n  },\n);\n\nexport type SidebarHeaderProps = ComponentPropsWithoutRef<\"header\">;\n\nexport const SidebarHeader = forwardRef<HTMLElement, SidebarHeaderProps>(function SidebarHeader(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <header\n      {...props}\n      ref={ref}\n      className={cx(styles.header, className)}\n      data-slot=\"sidebar-header\"\n    />\n  );\n});\n\nexport type SidebarContentProps = ComponentPropsWithoutRef<\"nav\">;\n\nexport const SidebarContent = forwardRef<HTMLElement, SidebarContentProps>(function SidebarContent(\n  { \"aria-label\": ariaLabel, className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <nav\n      {...props}\n      aria-label={ariaLabel ?? \"Sidebar navigation\"}\n      ref={ref}\n      className={cx(styles.content, className)}\n      data-slot=\"sidebar-content\"\n    />\n  );\n});\n\nexport type SidebarFooterProps = ComponentPropsWithoutRef<\"footer\">;\n\nexport const SidebarFooter = forwardRef<HTMLElement, SidebarFooterProps>(function SidebarFooter(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <footer\n      {...props}\n      ref={ref}\n      className={cx(styles.footer, className)}\n      data-slot=\"sidebar-footer\"\n    />\n  );\n});\n\nexport interface SidebarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n  /** Marks the current navigation destination. */\n  active?: boolean;\n}\n\n/**\n * A semantic navigation item. Pair its icon/content with `Sidebar.Label` so\n * the text transitions out of view while remaining available to assistive\n * technology when the sidebar is collapsed.\n */\nexport const SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(function SidebarItem(\n  { \"aria-current\": ariaCurrent, active = false, className, ...props },\n  ref,\n) {\n  const { open } = useSidebar();\n  const styles = sidebar({ active, open });\n\n  return (\n    <a\n      {...props}\n      aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n      ref={ref}\n      className={cx(styles.item, className)}\n      data-active={active || undefined}\n      data-slot=\"sidebar-item\"\n    />\n  );\n});\n\nexport type SidebarLabelProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const SidebarLabel = forwardRef<HTMLSpanElement, SidebarLabelProps>(function SidebarLabel(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <span {...props} ref={ref} className={cx(styles.label, className)} data-slot=\"sidebar-label\" />\n  );\n});\n\nexport const Sidebar = {\n  Root: SidebarRoot,\n  Portal: SidebarPortal,\n  Backdrop: SidebarBackdrop,\n  Toggle: SidebarToggle,\n  Header: SidebarHeader,\n  Content: SidebarContent,\n  Footer: SidebarFooter,\n  Item: SidebarItem,\n  Label: SidebarLabel,\n};\n"],"mappings":"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"}

package/dist/components/sidebar/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","names":["BaseDialog"],"sources":["../../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { createContext, forwardRef, useCallback, useContext, useMemo, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, MouseEvent, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { sidebar } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport interface SidebarContextValue {\n  /** Whether the sidebar is visually expanded. */\n  open: boolean;\n  /** Updates the expanded state, respecting controlled usage. */\n  setOpen: (open: boolean) => void;\n  /** Convenience callback for toggles placed anywhere in the sidebar. */\n  toggle: () => void;\n}\n\nconst SidebarContext = createContext<SidebarContextValue | null>(null);\n\n/**\n * Reads the state exposed by `Sidebar.Root`.\n *\n * Use it in custom sidebar parts when the built-in composition is not enough.\n */\nexport function useSidebar() {\n  const context = useContext(SidebarContext);\n\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a Sidebar.Root component.\");\n  }\n\n  return context;\n}\n\nfunction useSidebarStyles() {\n  const { open } = useSidebar();\n  return sidebar({ open });\n}\n\nexport interface SidebarRootProps extends ComponentPropsWithoutRef<\"aside\"> {\n  /** Controlled expanded state. */\n  open?: boolean;\n  /** Initial expanded state for uncontrolled use. */\n  defaultOpen?: boolean;\n  /** Called after the requested expanded state changes. */\n  onOpenChange?: (open: boolean) => void;\n  /** Renders the sidebar as a modal mobile surface when set to overlay. */\n  mode?: \"static\" | \"overlay\";\n  /** Allows Escape to be disabled for overlay mode. */\n  closeOnEscape?: boolean;\n  /** Allows outside presses to be disabled for overlay mode. */\n  closeOnOutsidePress?: boolean;\n  /** Restores focus to the element that opened the overlay. */\n  restoreFocus?: boolean;\n  /** Controls whether the overlay traps focus and locks page scroll. */\n  modal?: boolean | \"trap-focus\";\n  children?: ReactNode;\n}\n\n/**\n * The sidebar container. It supports both controlled and uncontrolled state.\n */\nexport const SidebarRoot = forwardRef<HTMLElement, SidebarRootProps>(function SidebarRoot(\n  {\n    children,\n    className,\n    closeOnEscape = true,\n    closeOnOutsidePress = true,\n    defaultOpen = true,\n    modal = true,\n    mode = \"static\",\n    onOpenChange,\n    open: controlledOpen,\n    restoreFocus = true,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const isControlled = controlledOpen !== undefined;\n  const open = controlledOpen ?? uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(nextOpen);\n      }\n\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const toggle = useCallback(() => {\n    setOpen(!open);\n  }, [open, setOpen]);\n\n  const context = useMemo<SidebarContextValue>(\n    () => ({ open, setOpen, toggle }),\n    [open, setOpen, toggle],\n  );\n  const styles = sidebar({ open });\n  const scopedPortalProps = useThemePortalProps({});\n\n  const surface = (\n    <aside\n      {...props}\n      ref={ref}\n      className={cx(styles.root, className)}\n      data-jaci-component=\"sidebar\"\n      data-open={open}\n      data-slot=\"sidebar\"\n      data-state={open ? \"open\" : \"closed\"}\n    >\n      {children}\n    </aside>\n  );\n\n  if (mode === \"overlay\") {\n    return (\n      <SidebarContext.Provider value={context}>\n        <BaseDialog.Root\n          open={open}\n          modal={modal}\n          onOpenChange={(nextOpen, details) => {\n            if (\n              !nextOpen &&\n              ((!closeOnEscape && details.reason === \"escape-key\") ||\n                (!closeOnOutsidePress && details.reason === \"outside-press\"))\n            ) {\n              details.cancel();\n              return;\n            }\n            setOpen(nextOpen);\n          }}\n        >\n          <BaseDialog.Portal {...scopedPortalProps}>\n            <BaseDialog.Backdrop\n              className={cx(styles.backdrop)}\n              data-jaci-component=\"sidebar\"\n              data-slot=\"sidebar-backdrop\"\n            />\n            <BaseDialog.Viewport className={cx(styles.viewport)} data-slot=\"sidebar-viewport\">\n              <BaseDialog.Popup\n                aria-label={props[\"aria-label\"] ?? \"Sidebar navigation\"}\n                className={cx(styles.popup)}\n                data-jaci-component=\"sidebar\"\n                data-slot=\"sidebar-popup\"\n                finalFocus={restoreFocus}\n                initialFocus\n              >\n                {surface}\n              </BaseDialog.Popup>\n            </BaseDialog.Viewport>\n          </BaseDialog.Portal>\n        </BaseDialog.Root>\n      </SidebarContext.Provider>\n    );\n  }\n\n  return <SidebarContext.Provider value={context}>{surface}</SidebarContext.Provider>;\n});\n\nexport type SidebarPortalProps = ComponentPropsWithoutRef<typeof BaseDialog.Portal>;\nexport function SidebarPortal(props: SidebarPortalProps) {\n  return <BaseDialog.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type SidebarBackdropProps = ComponentPropsWithoutRef<typeof BaseDialog.Backdrop>;\nexport const SidebarBackdrop = forwardRef<HTMLDivElement, SidebarBackdropProps>(\n  function SidebarBackdrop({ className, ...props }, ref) {\n    const { open } = useSidebar();\n    return (\n      <BaseDialog.Backdrop\n        {...props}\n        className={withRecipeClassName(sidebar({ open }).backdrop, className)}\n        data-slot=\"sidebar-backdrop\"\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type SidebarToggleProps = ComponentPropsWithoutRef<\"button\">;\n\n/**\n * A floating, accessible control that expands or collapses the sidebar.\n */\nexport const SidebarToggle = forwardRef<HTMLButtonElement, SidebarToggleProps>(\n  function SidebarToggle(\n    { \"aria-label\": ariaLabel, children, className, onClick, type = \"button\", ...props },\n    ref,\n  ) {\n    const { open, toggle } = useSidebar();\n    const styles = useSidebarStyles();\n\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n\n      if (!event.defaultPrevented) {\n        toggle();\n      }\n    };\n\n    return (\n      <button\n        {...props}\n        aria-expanded={open}\n        aria-label={ariaLabel ?? (open ? \"Collapse sidebar\" : \"Expand sidebar\")}\n        className={cx(styles.toggle, className)}\n        data-slot=\"sidebar-toggle\"\n        onClick={handleClick}\n        ref={ref}\n        type={type}\n      >\n        {children ?? <span aria-hidden=\"true\">{open ? \"‹\" : \"›\"}</span>}\n      </button>\n    );\n  },\n);\n\nexport type SidebarHeaderProps = ComponentPropsWithoutRef<\"header\">;\n\nexport const SidebarHeader = forwardRef<HTMLElement, SidebarHeaderProps>(function SidebarHeader(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <header\n      {...props}\n      ref={ref}\n      className={cx(styles.header, className)}\n      data-slot=\"sidebar-header\"\n    />\n  );\n});\n\nexport type SidebarContentProps = ComponentPropsWithoutRef<\"nav\">;\n\nexport const SidebarContent = forwardRef<HTMLElement, SidebarContentProps>(function SidebarContent(\n  { \"aria-label\": ariaLabel, className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <nav\n      {...props}\n      aria-label={ariaLabel ?? \"Sidebar navigation\"}\n      ref={ref}\n      className={cx(styles.content, className)}\n      data-slot=\"sidebar-content\"\n    />\n  );\n});\n\nexport type SidebarFooterProps = ComponentPropsWithoutRef<\"footer\">;\n\nexport const SidebarFooter = forwardRef<HTMLElement, SidebarFooterProps>(function SidebarFooter(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <footer\n      {...props}\n      ref={ref}\n      className={cx(styles.footer, className)}\n      data-slot=\"sidebar-footer\"\n    />\n  );\n});\n\nexport interface SidebarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n  /** Marks the current navigation destination. */\n  active?: boolean;\n}\n\n/**\n * A semantic navigation item. Pair its icon/content with `Sidebar.Label` so\n * the text transitions out of view while remaining available to assistive\n * technology when the sidebar is collapsed.\n */\nexport const SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(function SidebarItem(\n  { \"aria-current\": ariaCurrent, active = false, className, ...props },\n  ref,\n) {\n  const { open } = useSidebar();\n  const styles = sidebar({ active, open });\n\n  return (\n    <a\n      {...props}\n      aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n      ref={ref}\n      className={cx(styles.item, className)}\n      data-active={active || undefined}\n      data-slot=\"sidebar-item\"\n    />\n  );\n});\n\nexport type SidebarLabelProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const SidebarLabel = forwardRef<HTMLSpanElement, SidebarLabelProps>(function SidebarLabel(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <span {...props} ref={ref} className={cx(styles.label, className)} data-slot=\"sidebar-label\" />\n  );\n});\n\nexport const Sidebar = {\n  Root: SidebarRoot,\n  Portal: SidebarPortal,\n  Backdrop: SidebarBackdrop,\n  Toggle: SidebarToggle,\n  Header: SidebarHeader,\n  Content: SidebarContent,\n  Footer: SidebarFooter,\n  Item: SidebarItem,\n  Label: SidebarLabel,\n};\n"],"mappings":"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"}
+{"version":3,"file":"sidebar.js","names":["BaseDialog"],"sources":["../../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { createContext, forwardRef, useCallback, useContext, useMemo, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, MouseEvent, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { sidebar } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport interface SidebarContextValue {\n  /** Whether the sidebar is visually expanded. */\n  open: boolean;\n  /** Updates the expanded state, respecting controlled usage. */\n  setOpen: (open: boolean) => void;\n  /** Convenience callback for toggles placed anywhere in the sidebar. */\n  toggle: () => void;\n}\n\nconst SidebarContext = createContext<SidebarContextValue | null>(null);\n\n/**\n * Reads the state exposed by `Sidebar.Root`.\n *\n * Use it in custom sidebar parts when the built-in composition is not enough.\n */\nexport function useSidebar() {\n  const context = useContext(SidebarContext);\n\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a Sidebar.Root component.\");\n  }\n\n  return context;\n}\n\nfunction useSidebarStyles() {\n  const { open } = useSidebar();\n  return sidebar({ open });\n}\n\nexport interface SidebarRootProps extends ComponentPropsWithoutRef<\"aside\"> {\n  /** Controlled expanded state. */\n  open?: boolean;\n  /** Initial expanded state for uncontrolled use. */\n  defaultOpen?: boolean;\n  /** Called after the requested expanded state changes. */\n  onOpenChange?: (open: boolean) => void;\n  /** Renders the sidebar as a modal mobile surface when set to overlay. */\n  mode?: \"static\" | \"overlay\";\n  /** Allows Escape to be disabled for overlay mode. */\n  closeOnEscape?: boolean;\n  /** Allows outside presses to be disabled for overlay mode. */\n  closeOnOutsidePress?: boolean;\n  /** Restores focus to the element that opened the overlay. */\n  restoreFocus?: boolean;\n  /** Controls whether the overlay traps focus and locks page scroll. */\n  modal?: boolean | \"trap-focus\";\n  children?: ReactNode;\n}\n\n/**\n * The sidebar container. It supports both controlled and uncontrolled state.\n */\nexport const SidebarRoot = forwardRef<HTMLElement, SidebarRootProps>(function SidebarRoot(\n  {\n    children,\n    className,\n    closeOnEscape = true,\n    closeOnOutsidePress = true,\n    defaultOpen = true,\n    modal = true,\n    mode = \"static\",\n    onOpenChange,\n    open: controlledOpen,\n    restoreFocus = true,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const isControlled = controlledOpen !== undefined;\n  const open = controlledOpen ?? uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(nextOpen);\n      }\n\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const toggle = useCallback(() => {\n    setOpen(!open);\n  }, [open, setOpen]);\n\n  const context = useMemo<SidebarContextValue>(\n    () => ({ open, setOpen, toggle }),\n    [open, setOpen, toggle],\n  );\n  const styles = sidebar({ open });\n  const scopedPortalProps = useThemePortalProps({});\n\n  const surface = (\n    <aside\n      {...props}\n      ref={ref}\n      className={cx(styles.root, className)}\n      data-jaci-component=\"sidebar\"\n      data-open={open}\n      data-slot=\"sidebar\"\n      data-state={open ? \"open\" : \"closed\"}\n    >\n      {children}\n    </aside>\n  );\n\n  if (mode === \"overlay\") {\n    return (\n      <SidebarContext.Provider value={context}>\n        <BaseDialog.Root\n          open={open}\n          modal={modal}\n          onOpenChange={(nextOpen, details) => {\n            if (\n              !nextOpen &&\n              ((!closeOnEscape && details.reason === \"escape-key\") ||\n                (!closeOnOutsidePress && details.reason === \"outside-press\"))\n            ) {\n              details.cancel();\n              return;\n            }\n            setOpen(nextOpen);\n          }}\n        >\n          <BaseDialog.Portal {...scopedPortalProps}>\n            <BaseDialog.Backdrop\n              className={cx(styles.backdrop)}\n              data-jaci-component=\"sidebar\"\n              data-slot=\"sidebar-backdrop\"\n            />\n            <BaseDialog.Viewport className={cx(styles.viewport)} data-slot=\"sidebar-viewport\">\n              <BaseDialog.Popup\n                aria-label={props[\"aria-label\"] ?? \"Sidebar navigation\"}\n                className={cx(styles.popup)}\n                data-jaci-component=\"sidebar\"\n                data-slot=\"sidebar-popup\"\n                finalFocus={restoreFocus}\n                initialFocus\n              >\n                {surface}\n              </BaseDialog.Popup>\n            </BaseDialog.Viewport>\n          </BaseDialog.Portal>\n        </BaseDialog.Root>\n      </SidebarContext.Provider>\n    );\n  }\n\n  return <SidebarContext.Provider value={context}>{surface}</SidebarContext.Provider>;\n});\n\nexport type SidebarPortalProps = ComponentPropsWithoutRef<typeof BaseDialog.Portal>;\nexport function SidebarPortal(props: SidebarPortalProps) {\n  return <BaseDialog.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type SidebarBackdropProps = ComponentPropsWithoutRef<typeof BaseDialog.Backdrop>;\nexport const SidebarBackdrop = forwardRef<HTMLDivElement, SidebarBackdropProps>(\n  function SidebarBackdrop({ className, ...props }, ref) {\n    const { open } = useSidebar();\n    return (\n      <BaseDialog.Backdrop\n        {...props}\n        className={withRecipeClassName(sidebar({ open }).backdrop, className)}\n        data-slot=\"sidebar-backdrop\"\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type SidebarToggleProps = ComponentPropsWithoutRef<\"button\">;\n\n/**\n * A floating, accessible control that expands or collapses the sidebar.\n */\nexport const SidebarToggle = forwardRef<HTMLButtonElement, SidebarToggleProps>(\n  function SidebarToggle(\n    { \"aria-label\": ariaLabel, children, className, onClick, type = \"button\", ...props },\n    ref,\n  ) {\n    const { open, toggle } = useSidebar();\n    const styles = useSidebarStyles();\n\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n\n      if (!event.defaultPrevented) {\n        toggle();\n      }\n    };\n\n    return (\n      <button\n        {...props}\n        aria-expanded={open}\n        aria-label={ariaLabel ?? (open ? \"Collapse sidebar\" : \"Expand sidebar\")}\n        className={cx(styles.toggle, className)}\n        data-slot=\"sidebar-toggle\"\n        onClick={handleClick}\n        ref={ref}\n        type={type}\n      >\n        {children ?? <span aria-hidden=\"true\">{open ? \"‹\" : \"›\"}</span>}\n      </button>\n    );\n  },\n);\n\nexport type SidebarHeaderProps = ComponentPropsWithoutRef<\"header\">;\n\nexport const SidebarHeader = forwardRef<HTMLElement, SidebarHeaderProps>(function SidebarHeader(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <header\n      {...props}\n      ref={ref}\n      className={cx(styles.header, className)}\n      data-slot=\"sidebar-header\"\n    />\n  );\n});\n\nexport type SidebarContentProps = ComponentPropsWithoutRef<\"nav\">;\n\nexport const SidebarContent = forwardRef<HTMLElement, SidebarContentProps>(function SidebarContent(\n  { \"aria-label\": ariaLabel, className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <nav\n      {...props}\n      aria-label={ariaLabel ?? \"Sidebar navigation\"}\n      ref={ref}\n      className={cx(styles.content, className)}\n      data-slot=\"sidebar-content\"\n    />\n  );\n});\n\nexport type SidebarFooterProps = ComponentPropsWithoutRef<\"footer\">;\n\nexport const SidebarFooter = forwardRef<HTMLElement, SidebarFooterProps>(function SidebarFooter(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <footer\n      {...props}\n      ref={ref}\n      className={cx(styles.footer, className)}\n      data-slot=\"sidebar-footer\"\n    />\n  );\n});\n\nexport interface SidebarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n  /** Marks the current navigation destination. */\n  active?: boolean;\n}\n\n/**\n * A semantic navigation item. Pair its icon/content with `Sidebar.Label` so\n * the text transitions out of view while remaining available to assistive\n * technology when the sidebar is collapsed.\n */\nexport const SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(function SidebarItem(\n  { \"aria-current\": ariaCurrent, active = false, className, ...props },\n  ref,\n) {\n  const { open } = useSidebar();\n  const styles = sidebar({ active, open });\n\n  return (\n    <a\n      {...props}\n      aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n      ref={ref}\n      className={cx(styles.item, className)}\n      data-active={active || undefined}\n      data-slot=\"sidebar-item\"\n    />\n  );\n});\n\nexport type SidebarLabelProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const SidebarLabel = forwardRef<HTMLSpanElement, SidebarLabelProps>(function SidebarLabel(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <span {...props} ref={ref} className={cx(styles.label, className)} data-slot=\"sidebar-label\" />\n  );\n});\n\nexport const Sidebar = {\n  Root: SidebarRoot,\n  Portal: SidebarPortal,\n  Backdrop: SidebarBackdrop,\n  Toggle: SidebarToggle,\n  Header: SidebarHeader,\n  Content: SidebarContent,\n  Footer: SidebarFooter,\n  Item: SidebarItem,\n  Label: SidebarLabel,\n};\n"],"mappings":"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"}

package/dist/components/skeleton/skeleton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.cjs","names":["cx","skeleton"],"sources":["../../../src/components/skeleton/skeleton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { skeleton } from \"../../styled-system/recipes\";\n\nexport type SkeletonVariant = \"text\" | \"circle\" | \"rect\";\n\nexport interface SkeletonProps extends ComponentPropsWithoutRef<\"div\"> {\n  variant?: SkeletonVariant;\n  /** Disables the pulse while retaining the placeholder's shape. */\n  animated?: boolean;\n}\n\n/** A decorative loading placeholder; place `aria-busy` on the loading region. */\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(function Skeleton(\n  { animated = true, className, variant = \"rect\", ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      aria-hidden=\"true\"\n      ref={ref}\n      className={cx(skeleton({ animated, variant }), className)}\n      data-animated={animated || undefined}\n      data-jaci-component=\"skeleton\"\n      data-slot=\"skeleton\"\n      data-variant={variant}\n    />\n  );\n});\n"],"mappings":";;;;;;AAeA,MAAa,YAAA,GAAA,MAAA,WAAA,CAAqD,SAAS,SACzE,EAAE,WAAW,MAAM,WAAW,UAAU,QAAQ,GAAG,SACnD,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACJ,eAAY;EACP;EACL,WAAWA,WAAAA,GAAGC,iBAAAA,SAAS;GAAE;GAAU;EAAQ,CAAC,GAAG,SAAS;EACxD,iBAAe,YAAY,KAAA;EAC3B,uBAAoB;EACpB,aAAU;EACV,gBAAc;CACf,CAAA;AAEL,CAAC"}
+{"version":3,"file":"skeleton.cjs","names":["forwardRef","cx","skeleton"],"sources":["../../../src/components/skeleton/skeleton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { skeleton } from \"../../styled-system/recipes\";\n\nexport type SkeletonVariant = \"text\" | \"circle\" | \"rect\";\n\nexport interface SkeletonProps extends ComponentPropsWithoutRef<\"div\"> {\n  variant?: SkeletonVariant;\n  /** Disables the pulse while retaining the placeholder's shape. */\n  animated?: boolean;\n}\n\n/** A decorative loading placeholder; place `aria-busy` on the loading region. */\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(function Skeleton(\n  { animated = true, className, variant = \"rect\", ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      aria-hidden=\"true\"\n      ref={ref}\n      className={cx(skeleton({ animated, variant }), className)}\n      data-animated={animated || undefined}\n      data-jaci-component=\"skeleton\"\n      data-slot=\"skeleton\"\n      data-variant={variant}\n    />\n  );\n});\n"],"mappings":";;;;;;AAeA,MAAa,YAAA,GAAWA,MAAAA,WAAAA,CAA0C,SAAS,SACzE,EAAE,WAAW,MAAM,WAAW,UAAU,QAAQ,GAAG,SACnD,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACJ,eAAY;EACP;EACL,WAAWC,WAAAA,GAAGC,iBAAAA,SAAS;GAAE;GAAU;EAAQ,CAAC,GAAG,SAAS;EACxD,iBAAe,YAAY,KAAA;EAC3B,uBAAoB;EACpB,aAAU;EACV,gBAAc;CACf,CAAA;AAEL,CAAC"}

package/dist/components/slider/slider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"slider.cjs","names":["slider","BaseSlider","withRecipeClassName"],"sources":["../../../src/components/slider/slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { Slider as BaseSlider } from \"@base-ui/react/slider\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { SliderRoot as BaseSliderRoot } from \"@base-ui/react/slider\";\n\nimport { slider } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type SliderSize = \"sm\" | \"md\" | \"lg\";\n\nconst SliderSizeContext = createContext<SliderSize>(\"md\");\n\nfunction useSliderStyles() {\n  return slider({ size: useContext(SliderSizeContext) });\n}\n\nexport interface SliderRootProps<\n  Value extends number | readonly number[] = number | readonly number[],\n> extends Omit<BaseSliderRoot.Props<Value>, \"children\" | \"className\"> {\n  /** Shared visual size for the track and thumb. */\n  size?: SliderSize;\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * An accessible single-value or range slider. Use `value`/`onValueChange`\n * for controlled state, or `defaultValue` for an uncontrolled slider.\n */\nexport function SliderRoot<Value extends number | readonly number[] = number | readonly number[]>({\n  children,\n  className,\n  size = \"md\",\n  ...props\n}: SliderRootProps<Value>) {\n  const styles = slider({ size });\n\n  return (\n    <SliderSizeContext.Provider value={size}>\n      <BaseSlider.Root\n        {...props}\n        className={withRecipeClassName(styles.root, className)}\n        data-jaci-component=\"slider\"\n        data-slot=\"slider\"\n      >\n        {children}\n      </BaseSlider.Root>\n    </SliderSizeContext.Provider>\n  );\n}\n\nexport type SliderLabelProps = ComponentPropsWithoutRef<typeof BaseSlider.Label>;\n\nexport const SliderLabel = forwardRef<HTMLDivElement, SliderLabelProps>(function SliderLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Label\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().label, className)}\n      data-slot=\"slider-label\"\n    />\n  );\n});\n\nexport type SliderValueProps = ComponentPropsWithoutRef<typeof BaseSlider.Value>;\n\nexport const SliderValue = forwardRef<HTMLOutputElement, SliderValueProps>(function SliderValue(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Value\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().value, className)}\n      data-slot=\"slider-value\"\n    />\n  );\n});\n\nexport type SliderControlProps = ComponentPropsWithoutRef<typeof BaseSlider.Control>;\n\nexport const SliderControl = forwardRef<HTMLDivElement, SliderControlProps>(function SliderControl(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Control\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().control, className)}\n      data-slot=\"slider-control\"\n    />\n  );\n});\n\nexport type SliderTrackProps = ComponentPropsWithoutRef<typeof BaseSlider.Track>;\n\nexport const SliderTrack = forwardRef<HTMLDivElement, SliderTrackProps>(function SliderTrack(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Track\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().track, className)}\n      data-slot=\"slider-track\"\n    />\n  );\n});\n\nexport type SliderIndicatorProps = ComponentPropsWithoutRef<typeof BaseSlider.Indicator>;\n\nexport const SliderIndicator = forwardRef<HTMLDivElement, SliderIndicatorProps>(\n  function SliderIndicator({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Indicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSliderStyles().indicator, className)}\n        data-slot=\"slider-indicator\"\n      />\n    );\n  },\n);\n\nexport type SliderThumbProps = ComponentPropsWithoutRef<typeof BaseSlider.Thumb>;\n\nexport const SliderThumb = forwardRef<HTMLDivElement, SliderThumbProps>(function SliderThumb(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Thumb\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().thumb, className)}\n      data-slot=\"slider-thumb\"\n    />\n  );\n});\n\nexport const Slider = {\n  Root: SliderRoot,\n  Label: SliderLabel,\n  Value: SliderValue,\n  Control: SliderControl,\n  Track: SliderTrack,\n  Indicator: SliderIndicator,\n  Thumb: SliderThumb,\n};\n"],"mappings":";;;;;;;AAYA,MAAM,qBAAA,GAAA,MAAA,cAAA,CAA8C,IAAI;AAExD,SAAS,kBAAkB;CACzB,OAAOA,eAAAA,OAAO,EAAE,OAAA,GAAA,MAAA,WAAA,CAAiB,iBAAiB,EAAE,CAAC;AACvD;;;;;AAeA,SAAgB,WAAkF,EAChG,UACA,WACA,OAAO,MACP,GAAG,SACsB;CACzB,MAAM,SAASA,eAAAA,OAAO,EAAE,KAAK,CAAC;CAE9B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAkB,UAAnB;EAA4B,OAAO;YACjC,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,OAAW,MAAZ;GACE,GAAI;GACJ,WAAWC,gBAAAA,oBAAoB,OAAO,MAAM,SAAS;GACrD,uBAAoB;GACpB,aAAU;GAET;EACc,CAAA;CACS,CAAA;AAEhC;AAIA,MAAa,eAAA,GAAA,MAAA,WAAA,CAA2D,SAAS,YAC/E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,sBAAAA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,eAAA,GAAA,MAAA,WAAA,CAA8D,SAAS,YAClF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,sBAAAA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,iBAAA,GAAA,MAAA,WAAA,CAA+D,SAAS,cACnF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,sBAAAA,OAAW,SAAZ;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,gBAAgB,CAAC,CAAC,SAAS,SAAS;EACnE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,eAAA,GAAA,MAAA,WAAA,CAA2D,SAAS,YAC/E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,sBAAAA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,mBAAA,GAAA,MAAA,WAAA,CACX,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,sBAAAA,OAAW,WAAZ;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,gBAAgB,CAAC,CAAC,WAAW,SAAS;EACrE,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,eAAA,GAAA,MAAA,WAAA,CAA2D,SAAS,YAC/E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,sBAAAA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAa,SAAS;CACpB,MAAM;CACN,OAAO;CACP,OAAO;CACP,SAAS;CACT,OAAO;CACP,WAAW;CACX,OAAO;AACT"}
+{"version":3,"file":"slider.cjs","names":["createContext","slider","useContext","BaseSlider","withRecipeClassName","forwardRef"],"sources":["../../../src/components/slider/slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { Slider as BaseSlider } from \"@base-ui/react/slider\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { SliderRoot as BaseSliderRoot } from \"@base-ui/react/slider\";\n\nimport { slider } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type SliderSize = \"sm\" | \"md\" | \"lg\";\n\nconst SliderSizeContext = createContext<SliderSize>(\"md\");\n\nfunction useSliderStyles() {\n  return slider({ size: useContext(SliderSizeContext) });\n}\n\nexport interface SliderRootProps<\n  Value extends number | readonly number[] = number | readonly number[],\n> extends Omit<BaseSliderRoot.Props<Value>, \"children\" | \"className\"> {\n  /** Shared visual size for the track and thumb. */\n  size?: SliderSize;\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * An accessible single-value or range slider. Use `value`/`onValueChange`\n * for controlled state, or `defaultValue` for an uncontrolled slider.\n */\nexport function SliderRoot<Value extends number | readonly number[] = number | readonly number[]>({\n  children,\n  className,\n  size = \"md\",\n  ...props\n}: SliderRootProps<Value>) {\n  const styles = slider({ size });\n\n  return (\n    <SliderSizeContext.Provider value={size}>\n      <BaseSlider.Root\n        {...props}\n        className={withRecipeClassName(styles.root, className)}\n        data-jaci-component=\"slider\"\n        data-slot=\"slider\"\n      >\n        {children}\n      </BaseSlider.Root>\n    </SliderSizeContext.Provider>\n  );\n}\n\nexport type SliderLabelProps = ComponentPropsWithoutRef<typeof BaseSlider.Label>;\n\nexport const SliderLabel = forwardRef<HTMLDivElement, SliderLabelProps>(function SliderLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Label\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().label, className)}\n      data-slot=\"slider-label\"\n    />\n  );\n});\n\nexport type SliderValueProps = ComponentPropsWithoutRef<typeof BaseSlider.Value>;\n\nexport const SliderValue = forwardRef<HTMLOutputElement, SliderValueProps>(function SliderValue(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Value\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().value, className)}\n      data-slot=\"slider-value\"\n    />\n  );\n});\n\nexport type SliderControlProps = ComponentPropsWithoutRef<typeof BaseSlider.Control>;\n\nexport const SliderControl = forwardRef<HTMLDivElement, SliderControlProps>(function SliderControl(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Control\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().control, className)}\n      data-slot=\"slider-control\"\n    />\n  );\n});\n\nexport type SliderTrackProps = ComponentPropsWithoutRef<typeof BaseSlider.Track>;\n\nexport const SliderTrack = forwardRef<HTMLDivElement, SliderTrackProps>(function SliderTrack(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Track\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().track, className)}\n      data-slot=\"slider-track\"\n    />\n  );\n});\n\nexport type SliderIndicatorProps = ComponentPropsWithoutRef<typeof BaseSlider.Indicator>;\n\nexport const SliderIndicator = forwardRef<HTMLDivElement, SliderIndicatorProps>(\n  function SliderIndicator({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Indicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSliderStyles().indicator, className)}\n        data-slot=\"slider-indicator\"\n      />\n    );\n  },\n);\n\nexport type SliderThumbProps = ComponentPropsWithoutRef<typeof BaseSlider.Thumb>;\n\nexport const SliderThumb = forwardRef<HTMLDivElement, SliderThumbProps>(function SliderThumb(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Thumb\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().thumb, className)}\n      data-slot=\"slider-thumb\"\n    />\n  );\n});\n\nexport const Slider = {\n  Root: SliderRoot,\n  Label: SliderLabel,\n  Value: SliderValue,\n  Control: SliderControl,\n  Track: SliderTrack,\n  Indicator: SliderIndicator,\n  Thumb: SliderThumb,\n};\n"],"mappings":";;;;;;;AAYA,MAAM,qBAAA,GAAoBA,MAAAA,cAAAA,CAA0B,IAAI;AAExD,SAAS,kBAAkB;CACzB,OAAOC,eAAAA,OAAO,EAAE,OAAA,GAAMC,MAAAA,WAAAA,CAAW,iBAAiB,EAAE,CAAC;AACvD;;;;;AAeA,SAAgB,WAAkF,EAChG,UACA,WACA,OAAO,MACP,GAAG,SACsB;CACzB,MAAM,SAASD,eAAAA,OAAO,EAAE,KAAK,CAAC;CAE9B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAkB,UAAnB;EAA4B,OAAO;EACjC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACE,sBAAAA,OAAW,MAAZ;GACE,GAAI;GACJ,WAAWC,gBAAAA,oBAAoB,OAAO,MAAM,SAAS;GACrD,uBAAoB;GACpB,aAAU;GAET;EACc,CAAA;CACS,CAAA;AAEhC;AAIA,MAAa,eAAA,GAAcC,MAAAA,WAAAA,CAA6C,SAAS,YAC/E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,sBAAAA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,eAAA,GAAcC,MAAAA,WAAAA,CAAgD,SAAS,YAClF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,sBAAAA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,iBAAA,GAAgBC,MAAAA,WAAAA,CAA+C,SAAS,cACnF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,sBAAAA,OAAW,SAAZ;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,gBAAgB,CAAC,CAAC,SAAS,SAAS;EACnE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,eAAA,GAAcC,MAAAA,WAAAA,CAA6C,SAAS,YAC/E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,sBAAAA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,mBAAA,GAAkBC,MAAAA,WAAAA,CAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,sBAAAA,OAAW,WAAZ;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,gBAAgB,CAAC,CAAC,WAAW,SAAS;EACrE,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,eAAA,GAAcC,MAAAA,WAAAA,CAA6C,SAAS,YAC/E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,sBAAAA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAa,SAAS;CACpB,MAAM;CACN,OAAO;CACP,OAAO;CACP,SAAS;CACT,OAAO;CACP,WAAW;CACX,OAAO;AACT"}

package/dist/components/slider/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","names":["SliderRoot","BaseSlider","Slider"],"sources":["../../../src/components/slider/slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { Slider as BaseSlider } from \"@base-ui/react/slider\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { SliderRoot as BaseSliderRoot } from \"@base-ui/react/slider\";\n\nimport { slider } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type SliderSize = \"sm\" | \"md\" | \"lg\";\n\nconst SliderSizeContext = createContext<SliderSize>(\"md\");\n\nfunction useSliderStyles() {\n  return slider({ size: useContext(SliderSizeContext) });\n}\n\nexport interface SliderRootProps<\n  Value extends number | readonly number[] = number | readonly number[],\n> extends Omit<BaseSliderRoot.Props<Value>, \"children\" | \"className\"> {\n  /** Shared visual size for the track and thumb. */\n  size?: SliderSize;\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * An accessible single-value or range slider. Use `value`/`onValueChange`\n * for controlled state, or `defaultValue` for an uncontrolled slider.\n */\nexport function SliderRoot<Value extends number | readonly number[] = number | readonly number[]>({\n  children,\n  className,\n  size = \"md\",\n  ...props\n}: SliderRootProps<Value>) {\n  const styles = slider({ size });\n\n  return (\n    <SliderSizeContext.Provider value={size}>\n      <BaseSlider.Root\n        {...props}\n        className={withRecipeClassName(styles.root, className)}\n        data-jaci-component=\"slider\"\n        data-slot=\"slider\"\n      >\n        {children}\n      </BaseSlider.Root>\n    </SliderSizeContext.Provider>\n  );\n}\n\nexport type SliderLabelProps = ComponentPropsWithoutRef<typeof BaseSlider.Label>;\n\nexport const SliderLabel = forwardRef<HTMLDivElement, SliderLabelProps>(function SliderLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Label\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().label, className)}\n      data-slot=\"slider-label\"\n    />\n  );\n});\n\nexport type SliderValueProps = ComponentPropsWithoutRef<typeof BaseSlider.Value>;\n\nexport const SliderValue = forwardRef<HTMLOutputElement, SliderValueProps>(function SliderValue(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Value\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().value, className)}\n      data-slot=\"slider-value\"\n    />\n  );\n});\n\nexport type SliderControlProps = ComponentPropsWithoutRef<typeof BaseSlider.Control>;\n\nexport const SliderControl = forwardRef<HTMLDivElement, SliderControlProps>(function SliderControl(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Control\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().control, className)}\n      data-slot=\"slider-control\"\n    />\n  );\n});\n\nexport type SliderTrackProps = ComponentPropsWithoutRef<typeof BaseSlider.Track>;\n\nexport const SliderTrack = forwardRef<HTMLDivElement, SliderTrackProps>(function SliderTrack(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Track\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().track, className)}\n      data-slot=\"slider-track\"\n    />\n  );\n});\n\nexport type SliderIndicatorProps = ComponentPropsWithoutRef<typeof BaseSlider.Indicator>;\n\nexport const SliderIndicator = forwardRef<HTMLDivElement, SliderIndicatorProps>(\n  function SliderIndicator({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Indicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSliderStyles().indicator, className)}\n        data-slot=\"slider-indicator\"\n      />\n    );\n  },\n);\n\nexport type SliderThumbProps = ComponentPropsWithoutRef<typeof BaseSlider.Thumb>;\n\nexport const SliderThumb = forwardRef<HTMLDivElement, SliderThumbProps>(function SliderThumb(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Thumb\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().thumb, className)}\n      data-slot=\"slider-thumb\"\n    />\n  );\n});\n\nexport const Slider = {\n  Root: SliderRoot,\n  Label: SliderLabel,\n  Value: SliderValue,\n  Control: SliderControl,\n  Track: SliderTrack,\n  Indicator: SliderIndicator,\n  Thumb: SliderThumb,\n};\n"],"mappings":";;;;;;;AAYA,MAAM,oBAAoB,cAA0B,IAAI;AAExD,SAAS,kBAAkB;CACzB,OAAO,OAAO,EAAE,MAAM,WAAW,iBAAiB,EAAE,CAAC;AACvD;;;;;AAeA,SAAgBA,aAAkF,EAChG,UACA,WACA,OAAO,MACP,GAAG,SACsB;CACzB,MAAM,SAAS,OAAO,EAAE,KAAK,CAAC;CAE9B,OACE,oBAAC,kBAAkB,UAAnB;EAA4B,OAAO;YACjC,oBAACC,OAAW,MAAZ;GACE,GAAI;GACJ,WAAW,oBAAoB,OAAO,MAAM,SAAS;GACrD,uBAAoB;GACpB,aAAU;GAET;EACc,CAAA;CACS,CAAA;AAEhC;AAIA,MAAa,cAAc,WAA6C,SAAS,YAC/E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,cAAc,WAAgD,SAAS,YAClF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,gBAAgB,WAA+C,SAAS,cACnF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,OAAW,SAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,SAAS,SAAS;EACnE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,cAAc,WAA6C,SAAS,YAC/E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,oBAACA,OAAW,WAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,WAAW,SAAS;EACrE,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,cAAc,WAA6C,SAAS,YAC/E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAaC,WAAS;CACpB,MAAMF;CACN,OAAO;CACP,OAAO;CACP,SAAS;CACT,OAAO;CACP,WAAW;CACX,OAAO;AACT"}
+{"version":3,"file":"slider.js","names":["SliderRoot","BaseSlider","Slider"],"sources":["../../../src/components/slider/slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { Slider as BaseSlider } from \"@base-ui/react/slider\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { SliderRoot as BaseSliderRoot } from \"@base-ui/react/slider\";\n\nimport { slider } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type SliderSize = \"sm\" | \"md\" | \"lg\";\n\nconst SliderSizeContext = createContext<SliderSize>(\"md\");\n\nfunction useSliderStyles() {\n  return slider({ size: useContext(SliderSizeContext) });\n}\n\nexport interface SliderRootProps<\n  Value extends number | readonly number[] = number | readonly number[],\n> extends Omit<BaseSliderRoot.Props<Value>, \"children\" | \"className\"> {\n  /** Shared visual size for the track and thumb. */\n  size?: SliderSize;\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * An accessible single-value or range slider. Use `value`/`onValueChange`\n * for controlled state, or `defaultValue` for an uncontrolled slider.\n */\nexport function SliderRoot<Value extends number | readonly number[] = number | readonly number[]>({\n  children,\n  className,\n  size = \"md\",\n  ...props\n}: SliderRootProps<Value>) {\n  const styles = slider({ size });\n\n  return (\n    <SliderSizeContext.Provider value={size}>\n      <BaseSlider.Root\n        {...props}\n        className={withRecipeClassName(styles.root, className)}\n        data-jaci-component=\"slider\"\n        data-slot=\"slider\"\n      >\n        {children}\n      </BaseSlider.Root>\n    </SliderSizeContext.Provider>\n  );\n}\n\nexport type SliderLabelProps = ComponentPropsWithoutRef<typeof BaseSlider.Label>;\n\nexport const SliderLabel = forwardRef<HTMLDivElement, SliderLabelProps>(function SliderLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Label\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().label, className)}\n      data-slot=\"slider-label\"\n    />\n  );\n});\n\nexport type SliderValueProps = ComponentPropsWithoutRef<typeof BaseSlider.Value>;\n\nexport const SliderValue = forwardRef<HTMLOutputElement, SliderValueProps>(function SliderValue(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Value\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().value, className)}\n      data-slot=\"slider-value\"\n    />\n  );\n});\n\nexport type SliderControlProps = ComponentPropsWithoutRef<typeof BaseSlider.Control>;\n\nexport const SliderControl = forwardRef<HTMLDivElement, SliderControlProps>(function SliderControl(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Control\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().control, className)}\n      data-slot=\"slider-control\"\n    />\n  );\n});\n\nexport type SliderTrackProps = ComponentPropsWithoutRef<typeof BaseSlider.Track>;\n\nexport const SliderTrack = forwardRef<HTMLDivElement, SliderTrackProps>(function SliderTrack(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Track\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().track, className)}\n      data-slot=\"slider-track\"\n    />\n  );\n});\n\nexport type SliderIndicatorProps = ComponentPropsWithoutRef<typeof BaseSlider.Indicator>;\n\nexport const SliderIndicator = forwardRef<HTMLDivElement, SliderIndicatorProps>(\n  function SliderIndicator({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Indicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSliderStyles().indicator, className)}\n        data-slot=\"slider-indicator\"\n      />\n    );\n  },\n);\n\nexport type SliderThumbProps = ComponentPropsWithoutRef<typeof BaseSlider.Thumb>;\n\nexport const SliderThumb = forwardRef<HTMLDivElement, SliderThumbProps>(function SliderThumb(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Thumb\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().thumb, className)}\n      data-slot=\"slider-thumb\"\n    />\n  );\n});\n\nexport const Slider = {\n  Root: SliderRoot,\n  Label: SliderLabel,\n  Value: SliderValue,\n  Control: SliderControl,\n  Track: SliderTrack,\n  Indicator: SliderIndicator,\n  Thumb: SliderThumb,\n};\n"],"mappings":";;;;;;;AAYA,MAAM,oBAAoB,cAA0B,IAAI;AAExD,SAAS,kBAAkB;CACzB,OAAO,OAAO,EAAE,MAAM,WAAW,iBAAiB,EAAE,CAAC;AACvD;;;;;AAeA,SAAgBA,aAAkF,EAChG,UACA,WACA,OAAO,MACP,GAAG,SACsB;CACzB,MAAM,SAAS,OAAO,EAAE,KAAK,CAAC;CAE9B,OACE,oBAAC,kBAAkB,UAAnB;EAA4B,OAAO;EACjC,UAAA,oBAACC,OAAW,MAAZ;GACE,GAAI;GACJ,WAAW,oBAAoB,OAAO,MAAM,SAAS;GACrD,uBAAoB;GACpB,aAAU;GAET;EACc,CAAA;CACS,CAAA;AAEhC;AAIA,MAAa,cAAc,WAA6C,SAAS,YAC/E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,cAAc,WAAgD,SAAS,YAClF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,gBAAgB,WAA+C,SAAS,cACnF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,OAAW,SAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,SAAS,SAAS;EACnE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,cAAc,WAA6C,SAAS,YAC/E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,oBAACA,OAAW,WAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,WAAW,SAAS;EACrE,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,cAAc,WAA6C,SAAS,YAC/E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAaC,WAAS;CACpB,MAAMF;CACN,OAAO;CACP,OAAO;CACP,SAAS;CACT,OAAO;CACP,WAAW;CACX,OAAO;AACT"}

package/dist/components/spacer/spacer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"spacer.cjs","names":["cx","layoutSpacer"],"sources":["../../../src/components/spacer/spacer.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { layoutSpacer } from \"../../styled-system/recipes\";\n\nexport interface SpacerProps extends ComponentPropsWithoutRef<\"div\"> {\n  axis?: \"horizontal\" | \"vertical\";\n  size?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n}\n\nexport const Spacer = forwardRef<HTMLDivElement, SpacerProps>(function Spacer(\n  { axis = \"vertical\", className, size = \"md\", ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      aria-hidden={props[\"aria-hidden\"] ?? true}\n      className={cx(layoutSpacer({ axis, size }), className)}\n      data-axis={axis}\n      data-jaci-component=\"spacer\"\n      data-size={size}\n      data-slot=\"spacer\"\n      ref={ref}\n    />\n  );\n});\n"],"mappings":";;;;;AAWA,MAAa,UAAA,GAAA,MAAA,WAAA,CAAiD,SAAS,OACrE,EAAE,OAAO,YAAY,WAAW,OAAO,MAAM,GAAG,SAChD,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACJ,eAAa,MAAM,kBAAkB;EACrC,WAAWA,WAAAA,GAAGC,sBAAAA,aAAa;GAAE;GAAM;EAAK,CAAC,GAAG,SAAS;EACrD,aAAW;EACX,uBAAoB;EACpB,aAAW;EACX,aAAU;EACL;CACN,CAAA;AAEL,CAAC"}
+{"version":3,"file":"spacer.cjs","names":["forwardRef","cx","layoutSpacer"],"sources":["../../../src/components/spacer/spacer.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { layoutSpacer } from \"../../styled-system/recipes\";\n\nexport interface SpacerProps extends ComponentPropsWithoutRef<\"div\"> {\n  axis?: \"horizontal\" | \"vertical\";\n  size?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n}\n\nexport const Spacer = forwardRef<HTMLDivElement, SpacerProps>(function Spacer(\n  { axis = \"vertical\", className, size = \"md\", ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      aria-hidden={props[\"aria-hidden\"] ?? true}\n      className={cx(layoutSpacer({ axis, size }), className)}\n      data-axis={axis}\n      data-jaci-component=\"spacer\"\n      data-size={size}\n      data-slot=\"spacer\"\n      ref={ref}\n    />\n  );\n});\n"],"mappings":";;;;;AAWA,MAAa,UAAA,GAASA,MAAAA,WAAAA,CAAwC,SAAS,OACrE,EAAE,OAAO,YAAY,WAAW,OAAO,MAAM,GAAG,SAChD,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACJ,eAAa,MAAM,kBAAkB;EACrC,WAAWC,WAAAA,GAAGC,sBAAAA,aAAa;GAAE;GAAM;EAAK,CAAC,GAAG,SAAS;EACrD,aAAW;EACX,uBAAoB;EACpB,aAAW;EACX,aAAU;EACL;CACN,CAAA;AAEL,CAAC"}