@nuka-ui/core 1.1.4 → 1.1.5

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.cjs","names":[],"sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n  sliderWrapperVariants,\n  sliderTrackVariants,\n  sliderFillVariants,\n  sliderThumbVariants,\n  sliderValueVariants,\n  type SliderVariantProps,\n} from \"@nuka/components/Slider/Slider.variants\";\n\nconst THUMB_SIZES = {\n  sm: 24,\n  md: 18,\n  lg: 22,\n} as const;\n\nexport interface SliderProps\n  extends\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"size\" | \"type\" | \"onChange\"\n    >,\n    SliderVariantProps {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n  value?: number;\n  defaultValue?: number;\n  min?: number;\n  max?: number;\n  step?: number;\n  onValueChange?: (value: number) => void;\n  showValue?: boolean;\n}\n\n/**\n * Custom range slider built on a visually-replaced native `<input type=\"range\">`.\n *\n * WCAG 2.5.7: Dragging alternative satisfied by native keyboard support\n * (Arrow keys, Home, End, Page Up/Down).\n */\nfunction Slider({\n  ref,\n  className,\n  intent,\n  size,\n  value: controlledValue,\n  defaultValue,\n  min = 0,\n  max = 100,\n  step = 1,\n  onValueChange,\n  showValue = false,\n  id,\n  disabled,\n  ...props\n}: SliderProps) {\n  const field = useFormFieldProps({\n    id,\n    disabled,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const [currentValue, setCurrentValue] = useControllableState(\n    controlledValue,\n    defaultValue ?? min,\n    onValueChange,\n  );\n  const [focused, setFocused] = React.useState(false);\n  const percentage = ((currentValue - min) / (max - min)) * 100;\n  const resolvedSize = size ?? \"md\";\n  const thumbOffset = THUMB_SIZES[resolvedSize] / 2;\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setCurrentValue(Number(e.target.value));\n  };\n\n  return (\n    <div\n      className={cn(sliderWrapperVariants({ size }), className)}\n      data-slot=\"root\"\n    >\n      {/* Native input: invisible, covers full interactive area */}\n      <input\n        type=\"range\"\n        ref={ref}\n        id={field.resolvedId}\n        min={min}\n        max={max}\n        step={step}\n        value={currentValue}\n        onChange={handleChange}\n        onFocus={() => setFocused(true)}\n        onBlur={() => setFocused(false)}\n        disabled={field.resolvedDisabled}\n        className=\"absolute inset-0 w-full h-full opacity-0 cursor-pointer disabled:cursor-not-allowed\"\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={currentValue}\n        aria-invalid={field.ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n        data-slot=\"input\"\n        {...props}\n      />\n\n      {/* Track */}\n      <div\n        className={sliderTrackVariants({ size })}\n        aria-hidden=\"true\"\n        data-slot=\"track\"\n      >\n        {/* Fill */}\n        <div\n          className={sliderFillVariants({ intent })}\n          style={{ width: `${String(percentage)}%` }}\n          data-slot=\"fill\"\n          data-testid=\"slider-fill\"\n        />\n\n        {/* Thumb */}\n        <div\n          className={cn(\n            sliderThumbVariants({ intent, size }),\n            focused &&\n              \"outline-2 outline-offset-2 outline-(--nuka-border-focus)\",\n          )}\n          style={{\n            left: `calc(${String(percentage)}% - ${String(thumbOffset)}px)`,\n          }}\n          data-slot=\"thumb\"\n          data-testid=\"slider-thumb\"\n        />\n      </div>\n\n      {/* Optional value display */}\n      {showValue && (\n        <span\n          aria-hidden=\"true\"\n          className={sliderValueVariants({ size })}\n          data-slot=\"value\"\n        >\n          {currentValue}\n        </span>\n      )}\n    </div>\n  );\n}\n\nSlider.displayName = \"Slider\";\n\nexport {\n  Slider,\n  sliderWrapperVariants,\n  sliderTrackVariants,\n  sliderFillVariants,\n  sliderThumbVariants,\n  sliderValueVariants,\n};\n"],"mappings":"yTAcA,IAAM,EAAc,CAClB,GAAI,GACJ,GAAI,GACJ,GAAI,GACL,CAyBD,SAAS,EAAO,CACd,MACA,YACA,SACA,OACA,MAAO,EACP,eACA,MAAM,EACN,MAAM,IACN,OAAO,EACP,gBACA,YAAY,GACZ,KACA,WACA,GAAG,GACW,CACd,IAAM,EAAQ,EAAA,kBAAkB,CAC9B,KACA,WACA,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC1B,gBAAiB,EAAM,iBACxB,CAAC,CAEI,CAAC,EAAc,GAAmB,EAAA,qBACtC,EACA,GAAgB,EAChB,EACD,CACK,CAAC,EAAS,GAAc,EAAM,SAAS,GAAM,CAC7C,GAAe,EAAe,IAAQ,EAAM,GAAQ,IAEpD,EAAc,EADC,GAAQ,MACmB,EAMhD,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GAAG,EAAA,sBAAsB,CAAE,OAAM,CAAC,CAAE,EAAU,CACzD,YAAU,gBAFZ,EAKE,EAAA,EAAA,KAAC,QAAD,CACE,KAAK,QACA,MACL,GAAI,EAAM,WACL,MACA,MACC,OACN,MAAO,EACP,SAlBgB,GAA2C,CAC/D,EAAgB,OAAO,EAAE,OAAO,MAAM,CAAC,EAkBnC,YAAe,EAAW,GAAK,CAC/B,WAAc,EAAW,GAAM,CAC/B,SAAU,EAAM,iBAChB,UAAU,sFACV,gBAAe,EACf,gBAAe,EACf,gBAAe,EACf,eAAc,EAAM,YACpB,mBAAkB,EAAM,gBACxB,gBAAe,EAAM,aACrB,YAAU,QACV,GAAI,EACJ,CAAA,EAGF,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,oBAAoB,CAAE,OAAM,CAAC,CACxC,cAAY,OACZ,YAAU,iBAHZ,EAME,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,mBAAmB,CAAE,SAAQ,CAAC,CACzC,MAAO,CAAE,MAAO,GAAG,OAAO,EAAW,CAAC,GAAI,CAC1C,YAAU,OACV,cAAY,cACZ,CAAA,EAGF,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,EAAA,oBAAoB,CAAE,SAAQ,OAAM,CAAC,CACrC,GACE,2DACH,CACD,MAAO,CACL,KAAM,QAAQ,OAAO,EAAW,CAAC,MAAM,OAAO,EAAY,CAAC,KAC5D,CACD,YAAU,QACV,cAAY,eACZ,CAAA,CACE,GAGL,IACC,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,UAAW,EAAA,oBAAoB,CAAE,OAAM,CAAC,CACxC,YAAU,iBAET,EACI,CAAA,CAEL,GAIV,EAAO,YAAc"}
+{"version":3,"file":"Slider.cjs","names":[],"sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n  sliderWrapperVariants,\n  sliderTrackVariants,\n  sliderFillVariants,\n  sliderThumbVariants,\n  sliderValueVariants,\n  type SliderVariantProps,\n} from \"@nuka/components/Slider/Slider.variants\";\n\nconst THUMB_SIZES = {\n  sm: 24,\n  md: 18,\n  lg: 22,\n} as const;\n\nexport interface SliderProps\n  extends\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"size\" | \"type\" | \"onChange\"\n    >,\n    SliderVariantProps {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n  value?: number;\n  defaultValue?: number;\n  min?: number;\n  max?: number;\n  step?: number;\n  onValueChange?: (value: number) => void;\n  showValue?: boolean;\n}\n\n/**\n * Custom range slider built on a visually-replaced native `<input type=\"range\">`.\n *\n * WCAG 2.5.7: Dragging alternative satisfied by native keyboard support\n * (Arrow keys, Home, End, Page Up/Down).\n */\nfunction Slider({\n  ref,\n  className,\n  intent,\n  size,\n  value: controlledValue,\n  defaultValue,\n  min = 0,\n  max = 100,\n  step = 1,\n  onValueChange,\n  showValue = false,\n  id,\n  disabled,\n  ...props\n}: SliderProps) {\n  const field = useFormFieldProps({\n    id,\n    disabled,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const [currentValue, setCurrentValue] = useControllableState(\n    controlledValue,\n    defaultValue ?? min,\n    onValueChange,\n  );\n  const [focused, setFocused] = React.useState(false);\n  const percentage = ((currentValue - min) / (max - min)) * 100;\n  const resolvedSize = size ?? \"md\";\n  const thumbOffset = THUMB_SIZES[resolvedSize] / 2;\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setCurrentValue(Number(e.target.value));\n  };\n\n  return (\n    <div\n      className={cn(sliderWrapperVariants({ size }), className)}\n      data-slot=\"root\"\n    >\n      {/* Native input: invisible, covers full interactive area */}\n      <input\n        type=\"range\"\n        ref={ref}\n        id={field.resolvedId}\n        min={min}\n        max={max}\n        step={step}\n        value={currentValue}\n        onChange={handleChange}\n        onFocus={() => setFocused(true)}\n        onBlur={() => setFocused(false)}\n        disabled={field.resolvedDisabled}\n        className=\"absolute inset-0 w-full h-full opacity-0 cursor-pointer disabled:cursor-not-allowed\"\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={currentValue}\n        aria-invalid={field.ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n        data-slot=\"input\"\n        {...props}\n      />\n\n      {/* Track */}\n      <div\n        className={sliderTrackVariants({ size })}\n        aria-hidden=\"true\"\n        data-slot=\"track\"\n      >\n        {/* Fill */}\n        <div\n          className={sliderFillVariants({ intent })}\n          style={{ width: `${String(percentage)}%` }}\n          data-slot=\"fill\"\n          data-testid=\"slider-fill\"\n        />\n\n        {/* Thumb */}\n        <div\n          className={cn(\n            sliderThumbVariants({ intent, size }),\n            focused &&\n              \"outline-2 outline-offset-2 outline-(--nuka-border-focus)\",\n          )}\n          style={{\n            left: `calc(${String(percentage)}% - ${String(thumbOffset)}px)`,\n          }}\n          data-slot=\"thumb\"\n          data-testid=\"slider-thumb\"\n        />\n      </div>\n\n      {/* Optional value display */}\n      {showValue && (\n        <span\n          aria-hidden=\"true\"\n          className={sliderValueVariants({ size })}\n          data-slot=\"value\"\n        >\n          {currentValue}\n        </span>\n      )}\n    </div>\n  );\n}\n\nSlider.displayName = \"Slider\";\n\nexport {\n  Slider,\n  sliderWrapperVariants,\n  sliderTrackVariants,\n  sliderFillVariants,\n  sliderThumbVariants,\n  sliderValueVariants,\n};\n"],"mappings":"yTAcA,IAAM,EAAc,CAClB,GAAI,GACJ,GAAI,GACJ,GAAI,EACN,EAyBA,SAAS,EAAO,CACd,MACA,YACA,SACA,OACA,MAAO,EACP,eACA,MAAM,EACN,MAAM,IACN,OAAO,EACP,gBACA,YAAY,GACZ,KACA,WACA,GAAG,GACW,CACd,IAAM,EAAQ,EAAA,kBAAkB,CAC9B,KACA,WACA,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC1B,gBAAiB,EAAM,gBACzB,CAAC,EAEK,CAAC,EAAc,GAAmB,EAAA,qBACtC,EACA,GAAgB,EAChB,CACF,EACM,CAAC,EAAS,GAAc,EAAM,SAAS,EAAK,EAC5C,GAAe,EAAe,IAAQ,EAAM,GAAQ,IAEpD,EAAc,EADC,GAAQ,MACmB,EAMhD,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GAAG,EAAA,sBAAsB,CAAE,MAAK,CAAC,EAAG,CAAS,EACxD,YAAU,gBAFZ,EAKE,EAAA,EAAA,KAAC,QAAD,CACE,KAAK,QACA,MACL,GAAI,EAAM,WACL,MACA,MACC,OACN,MAAO,EACP,SAlBgB,GAA2C,CAC/D,EAAgB,OAAO,EAAE,OAAO,KAAK,CAAC,CACxC,EAiBM,YAAe,EAAW,EAAI,EAC9B,WAAc,EAAW,EAAK,EAC9B,SAAU,EAAM,iBAChB,UAAU,sFACV,gBAAe,EACf,gBAAe,EACf,gBAAe,EACf,eAAc,EAAM,YACpB,mBAAkB,EAAM,gBACxB,gBAAe,EAAM,aACrB,YAAU,QACV,GAAI,CACL,CAAA,GAGD,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,oBAAoB,CAAE,MAAK,CAAC,EACvC,cAAY,OACZ,YAAU,iBAHZ,EAME,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,mBAAmB,CAAE,QAAO,CAAC,EACxC,MAAO,CAAE,MAAO,GAAG,OAAO,CAAU,EAAE,EAAG,EACzC,YAAU,OACV,cAAY,aACb,CAAA,GAGD,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,EAAA,oBAAoB,CAAE,SAAQ,MAAK,CAAC,EACpC,GACE,0DACJ,EACA,MAAO,CACL,KAAM,QAAQ,OAAO,CAAU,EAAE,MAAM,OAAO,CAAW,EAAE,IAC7D,EACA,YAAU,QACV,cAAY,cACb,CAAA,CACE,IAGJ,IACC,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,UAAW,EAAA,oBAAoB,CAAE,MAAK,CAAC,EACvC,YAAU,iBAET,CACG,CAAA,CAEL,GAET,CAEA,EAAO,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","names":[],"sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n  sliderWrapperVariants,\n  sliderTrackVariants,\n  sliderFillVariants,\n  sliderThumbVariants,\n  sliderValueVariants,\n  type SliderVariantProps,\n} from \"@nuka/components/Slider/Slider.variants\";\n\nconst THUMB_SIZES = {\n  sm: 24,\n  md: 18,\n  lg: 22,\n} as const;\n\nexport interface SliderProps\n  extends\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"size\" | \"type\" | \"onChange\"\n    >,\n    SliderVariantProps {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n  value?: number;\n  defaultValue?: number;\n  min?: number;\n  max?: number;\n  step?: number;\n  onValueChange?: (value: number) => void;\n  showValue?: boolean;\n}\n\n/**\n * Custom range slider built on a visually-replaced native `<input type=\"range\">`.\n *\n * WCAG 2.5.7: Dragging alternative satisfied by native keyboard support\n * (Arrow keys, Home, End, Page Up/Down).\n */\nfunction Slider({\n  ref,\n  className,\n  intent,\n  size,\n  value: controlledValue,\n  defaultValue,\n  min = 0,\n  max = 100,\n  step = 1,\n  onValueChange,\n  showValue = false,\n  id,\n  disabled,\n  ...props\n}: SliderProps) {\n  const field = useFormFieldProps({\n    id,\n    disabled,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const [currentValue, setCurrentValue] = useControllableState(\n    controlledValue,\n    defaultValue ?? min,\n    onValueChange,\n  );\n  const [focused, setFocused] = React.useState(false);\n  const percentage = ((currentValue - min) / (max - min)) * 100;\n  const resolvedSize = size ?? \"md\";\n  const thumbOffset = THUMB_SIZES[resolvedSize] / 2;\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setCurrentValue(Number(e.target.value));\n  };\n\n  return (\n    <div\n      className={cn(sliderWrapperVariants({ size }), className)}\n      data-slot=\"root\"\n    >\n      {/* Native input: invisible, covers full interactive area */}\n      <input\n        type=\"range\"\n        ref={ref}\n        id={field.resolvedId}\n        min={min}\n        max={max}\n        step={step}\n        value={currentValue}\n        onChange={handleChange}\n        onFocus={() => setFocused(true)}\n        onBlur={() => setFocused(false)}\n        disabled={field.resolvedDisabled}\n        className=\"absolute inset-0 w-full h-full opacity-0 cursor-pointer disabled:cursor-not-allowed\"\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={currentValue}\n        aria-invalid={field.ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n        data-slot=\"input\"\n        {...props}\n      />\n\n      {/* Track */}\n      <div\n        className={sliderTrackVariants({ size })}\n        aria-hidden=\"true\"\n        data-slot=\"track\"\n      >\n        {/* Fill */}\n        <div\n          className={sliderFillVariants({ intent })}\n          style={{ width: `${String(percentage)}%` }}\n          data-slot=\"fill\"\n          data-testid=\"slider-fill\"\n        />\n\n        {/* Thumb */}\n        <div\n          className={cn(\n            sliderThumbVariants({ intent, size }),\n            focused &&\n              \"outline-2 outline-offset-2 outline-(--nuka-border-focus)\",\n          )}\n          style={{\n            left: `calc(${String(percentage)}% - ${String(thumbOffset)}px)`,\n          }}\n          data-slot=\"thumb\"\n          data-testid=\"slider-thumb\"\n        />\n      </div>\n\n      {/* Optional value display */}\n      {showValue && (\n        <span\n          aria-hidden=\"true\"\n          className={sliderValueVariants({ size })}\n          data-slot=\"value\"\n        >\n          {currentValue}\n        </span>\n      )}\n    </div>\n  );\n}\n\nSlider.displayName = \"Slider\";\n\nexport {\n  Slider,\n  sliderWrapperVariants,\n  sliderTrackVariants,\n  sliderFillVariants,\n  sliderThumbVariants,\n  sliderValueVariants,\n};\n"],"mappings":";;;;;;;;AAcA,IAAM,IAAc;CAClB,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAyBD,SAAS,EAAO,EACd,QACA,cACA,WACA,SACA,OAAO,GACP,iBACA,SAAM,GACN,SAAM,KACN,UAAO,GACP,kBACA,eAAY,IACZ,OACA,aACA,GAAG,KACW;CACd,IAAM,IAAQ,EAAkB;EAC9B;EACA;EACA,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC1B,iBAAiB,EAAM;EACxB,CAAC,EAEI,CAAC,GAAc,KAAmB,EACtC,GACA,KAAgB,GAChB,EACD,EACK,CAAC,GAAS,KAAc,EAAM,SAAS,GAAM,EAC7C,KAAe,IAAe,MAAQ,IAAM,KAAQ,KAEpD,IAAc,EADC,KAAQ,QACmB;AAMhD,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,EAAsB,EAAE,SAAM,CAAC,EAAE,EAAU;EACzD,aAAU;YAFZ;GAKE,kBAAC,SAAD;IACE,MAAK;IACA;IACL,IAAI,EAAM;IACL;IACA;IACC;IACN,OAAO;IACP,WAlBgB,MAA2C;AAC/D,OAAgB,OAAO,EAAE,OAAO,MAAM,CAAC;;IAkBnC,eAAe,EAAW,GAAK;IAC/B,cAAc,EAAW,GAAM;IAC/B,UAAU,EAAM;IAChB,WAAU;IACV,iBAAe;IACf,iBAAe;IACf,iBAAe;IACf,gBAAc,EAAM;IACpB,oBAAkB,EAAM;IACxB,iBAAe,EAAM;IACrB,aAAU;IACV,GAAI;IACJ,CAAA;GAGF,kBAAC,OAAD;IACE,WAAW,EAAoB,EAAE,SAAM,CAAC;IACxC,eAAY;IACZ,aAAU;cAHZ,CAME,kBAAC,OAAD;KACE,WAAW,EAAmB,EAAE,WAAQ,CAAC;KACzC,OAAO,EAAE,OAAO,GAAG,OAAO,EAAW,CAAC,IAAI;KAC1C,aAAU;KACV,eAAY;KACZ,CAAA,EAGF,kBAAC,OAAD;KACE,WAAW,EACT,EAAoB;MAAE;MAAQ;MAAM,CAAC,EACrC,KACE,2DACH;KACD,OAAO,EACL,MAAM,QAAQ,OAAO,EAAW,CAAC,MAAM,OAAO,EAAY,CAAC,MAC5D;KACD,aAAU;KACV,eAAY;KACZ,CAAA,CACE;;GAGL,KACC,kBAAC,QAAD;IACE,eAAY;IACZ,WAAW,EAAoB,EAAE,SAAM,CAAC;IACxC,aAAU;cAET;IACI,CAAA;GAEL;;;AAIV,EAAO,cAAc"}
+{"version":3,"file":"Slider.js","names":[],"sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n  sliderWrapperVariants,\n  sliderTrackVariants,\n  sliderFillVariants,\n  sliderThumbVariants,\n  sliderValueVariants,\n  type SliderVariantProps,\n} from \"@nuka/components/Slider/Slider.variants\";\n\nconst THUMB_SIZES = {\n  sm: 24,\n  md: 18,\n  lg: 22,\n} as const;\n\nexport interface SliderProps\n  extends\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"size\" | \"type\" | \"onChange\"\n    >,\n    SliderVariantProps {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n  value?: number;\n  defaultValue?: number;\n  min?: number;\n  max?: number;\n  step?: number;\n  onValueChange?: (value: number) => void;\n  showValue?: boolean;\n}\n\n/**\n * Custom range slider built on a visually-replaced native `<input type=\"range\">`.\n *\n * WCAG 2.5.7: Dragging alternative satisfied by native keyboard support\n * (Arrow keys, Home, End, Page Up/Down).\n */\nfunction Slider({\n  ref,\n  className,\n  intent,\n  size,\n  value: controlledValue,\n  defaultValue,\n  min = 0,\n  max = 100,\n  step = 1,\n  onValueChange,\n  showValue = false,\n  id,\n  disabled,\n  ...props\n}: SliderProps) {\n  const field = useFormFieldProps({\n    id,\n    disabled,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const [currentValue, setCurrentValue] = useControllableState(\n    controlledValue,\n    defaultValue ?? min,\n    onValueChange,\n  );\n  const [focused, setFocused] = React.useState(false);\n  const percentage = ((currentValue - min) / (max - min)) * 100;\n  const resolvedSize = size ?? \"md\";\n  const thumbOffset = THUMB_SIZES[resolvedSize] / 2;\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setCurrentValue(Number(e.target.value));\n  };\n\n  return (\n    <div\n      className={cn(sliderWrapperVariants({ size }), className)}\n      data-slot=\"root\"\n    >\n      {/* Native input: invisible, covers full interactive area */}\n      <input\n        type=\"range\"\n        ref={ref}\n        id={field.resolvedId}\n        min={min}\n        max={max}\n        step={step}\n        value={currentValue}\n        onChange={handleChange}\n        onFocus={() => setFocused(true)}\n        onBlur={() => setFocused(false)}\n        disabled={field.resolvedDisabled}\n        className=\"absolute inset-0 w-full h-full opacity-0 cursor-pointer disabled:cursor-not-allowed\"\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={currentValue}\n        aria-invalid={field.ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n        data-slot=\"input\"\n        {...props}\n      />\n\n      {/* Track */}\n      <div\n        className={sliderTrackVariants({ size })}\n        aria-hidden=\"true\"\n        data-slot=\"track\"\n      >\n        {/* Fill */}\n        <div\n          className={sliderFillVariants({ intent })}\n          style={{ width: `${String(percentage)}%` }}\n          data-slot=\"fill\"\n          data-testid=\"slider-fill\"\n        />\n\n        {/* Thumb */}\n        <div\n          className={cn(\n            sliderThumbVariants({ intent, size }),\n            focused &&\n              \"outline-2 outline-offset-2 outline-(--nuka-border-focus)\",\n          )}\n          style={{\n            left: `calc(${String(percentage)}% - ${String(thumbOffset)}px)`,\n          }}\n          data-slot=\"thumb\"\n          data-testid=\"slider-thumb\"\n        />\n      </div>\n\n      {/* Optional value display */}\n      {showValue && (\n        <span\n          aria-hidden=\"true\"\n          className={sliderValueVariants({ size })}\n          data-slot=\"value\"\n        >\n          {currentValue}\n        </span>\n      )}\n    </div>\n  );\n}\n\nSlider.displayName = \"Slider\";\n\nexport {\n  Slider,\n  sliderWrapperVariants,\n  sliderTrackVariants,\n  sliderFillVariants,\n  sliderThumbVariants,\n  sliderValueVariants,\n};\n"],"mappings":";;;;;;;;AAcA,IAAM,IAAc;CAClB,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAyBA,SAAS,EAAO,EACd,QACA,cACA,WACA,SACA,OAAO,GACP,iBACA,SAAM,GACN,SAAM,KACN,UAAO,GACP,kBACA,eAAY,IACZ,OACA,aACA,GAAG,KACW;CACd,IAAM,IAAQ,EAAkB;EAC9B;EACA;EACA,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC1B,iBAAiB,EAAM;CACzB,CAAC,GAEK,CAAC,GAAc,KAAmB,EACtC,GACA,KAAgB,GAChB,CACF,GACM,CAAC,GAAS,KAAc,EAAM,SAAS,EAAK,GAC5C,KAAe,IAAe,MAAQ,IAAM,KAAQ,KAEpD,IAAc,EADC,KAAQ,QACmB;CAMhD,OACE,kBAAC,OAAD;EACE,WAAW,EAAG,EAAsB,EAAE,QAAK,CAAC,GAAG,CAAS;EACxD,aAAU;YAFZ;GAKE,kBAAC,SAAD;IACE,MAAK;IACA;IACL,IAAI,EAAM;IACL;IACA;IACC;IACN,OAAO;IACP,WAlBgB,MAA2C;KAC/D,EAAgB,OAAO,EAAE,OAAO,KAAK,CAAC;IACxC;IAiBM,eAAe,EAAW,EAAI;IAC9B,cAAc,EAAW,EAAK;IAC9B,UAAU,EAAM;IAChB,WAAU;IACV,iBAAe;IACf,iBAAe;IACf,iBAAe;IACf,gBAAc,EAAM;IACpB,oBAAkB,EAAM;IACxB,iBAAe,EAAM;IACrB,aAAU;IACV,GAAI;GACL,CAAA;GAGD,kBAAC,OAAD;IACE,WAAW,EAAoB,EAAE,QAAK,CAAC;IACvC,eAAY;IACZ,aAAU;cAHZ,CAME,kBAAC,OAAD;KACE,WAAW,EAAmB,EAAE,UAAO,CAAC;KACxC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAU,EAAE,GAAG;KACzC,aAAU;KACV,eAAY;IACb,CAAA,GAGD,kBAAC,OAAD;KACE,WAAW,EACT,EAAoB;MAAE;MAAQ;KAAK,CAAC,GACpC,KACE,0DACJ;KACA,OAAO,EACL,MAAM,QAAQ,OAAO,CAAU,EAAE,MAAM,OAAO,CAAW,EAAE,KAC7D;KACA,aAAU;KACV,eAAY;IACb,CAAA,CACE;;GAGJ,KACC,kBAAC,QAAD;IACE,eAAY;IACZ,WAAW,EAAoB,EAAE,QAAK,CAAC;IACvC,aAAU;cAET;GACG,CAAA;EAEL;;AAET;AAEA,EAAO,cAAc"}

package/dist/components/Slider/Slider.variants.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../node_modules/class-variance-authority/dist/index.cjs`);var t=e.cva([`relative flex items-center w-full`],{variants:{size:{sm:`min-h-[24px]`,md:`min-h-[24px]`,lg:`min-h-[24px]`}},defaultVariants:{size:`md`}}),n=e.cva([`relative w-full rounded-full`,`bg-(--nuka-border-base)`],{variants:{size:{sm:`h-1`,md:`h-1.5`,lg:`h-2`}},defaultVariants:{size:`md`}}),r=e.cva([`absolute left-0 top-0 h-full rounded-full`,`transition-[width] duration-75`],{variants:{intent:{default:`bg-(--nuka-accent-bg)`,danger:`bg-(--nuka-danger-base)`,success:`bg-(--nuka-success-base)`,warning:`bg-(--nuka-warning-base)`}},defaultVariants:{intent:`default`}}),i=e.cva([`absolute top-1/2 -translate-y-1/2`,`rounded-full`,`border-2 border-(--nuka-bg-base)`,`shadow-sm`,`transition-[left] duration-75`,`pointer-events-none`],{variants:{intent:{default:`bg-(--nuka-accent-bg)`,danger:`bg-(--nuka-danger-base)`,success:`bg-(--nuka-success-base)`,warning:`bg-(--nuka-warning-base)`},size:{sm:`w-6 h-6`,md:`w-[18px] h-[18px]`,lg:`w-[22px] h-[22px]`}},defaultVariants:{intent:`default`,size:`md`}}),a=e.cva([`tabular-nums text-(--nuka-text-muted)`,`ml-(--space-3)`,`select-none`],{variants:{size:{sm:`text-xs`,md:`text-sm`,lg:`text-base`}},defaultVariants:{size:`md`}});exports.sliderFillVariants=r,exports.sliderThumbVariants=i,exports.sliderTrackVariants=n,exports.sliderValueVariants=a,exports.sliderWrapperVariants=t;
+const e=require("../../node_modules/class-variance-authority/dist/index.cjs");var t=e.cva([`relative flex items-center w-full`],{variants:{size:{sm:`min-h-[24px]`,md:`min-h-[24px]`,lg:`min-h-[24px]`}},defaultVariants:{size:`md`}}),n=e.cva([`relative w-full rounded-full`,`bg-(--nuka-border-base)`],{variants:{size:{sm:`h-1`,md:`h-1.5`,lg:`h-2`}},defaultVariants:{size:`md`}}),r=e.cva([`absolute left-0 top-0 h-full rounded-full`,`transition-[width] duration-75`],{variants:{intent:{default:`bg-(--nuka-accent-bg)`,danger:`bg-(--nuka-danger-base)`,success:`bg-(--nuka-success-base)`,warning:`bg-(--nuka-warning-base)`}},defaultVariants:{intent:`default`}}),i=e.cva([`absolute top-1/2 -translate-y-1/2`,`rounded-full`,`border-2 border-(--nuka-bg-base)`,`shadow-sm`,`transition-[left] duration-75`,`pointer-events-none`],{variants:{intent:{default:`bg-(--nuka-accent-bg)`,danger:`bg-(--nuka-danger-base)`,success:`bg-(--nuka-success-base)`,warning:`bg-(--nuka-warning-base)`},size:{sm:`w-6 h-6`,md:`w-[18px] h-[18px]`,lg:`w-[22px] h-[22px]`}},defaultVariants:{intent:`default`,size:`md`}}),a=e.cva([`tabular-nums text-(--nuka-text-muted)`,`ml-(--space-3)`,`select-none`],{variants:{size:{sm:`text-xs`,md:`text-sm`,lg:`text-base`}},defaultVariants:{size:`md`}});exports.sliderFillVariants=r,exports.sliderThumbVariants=i,exports.sliderTrackVariants=n,exports.sliderValueVariants=a,exports.sliderWrapperVariants=t;
 //# sourceMappingURL=Slider.variants.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.variants.cjs","names":[],"sources":["../../../src/components/Slider/Slider.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const sliderWrapperVariants = cva(\n  [\"relative flex items-center w-full\"],\n  {\n    variants: {\n      size: {\n        sm: \"min-h-[24px]\",\n        md: \"min-h-[24px]\",\n        lg: \"min-h-[24px]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\n// The track is the visual bar inside sliderWrapperVariants; the wrapper\n// (min-h-[24px]) plus the overlay input provide the touch target. The track\n// itself is a thin decorative sub-element.\nexport const sliderTrackVariants = cva(\n  [\"relative w-full rounded-full\", \"bg-(--nuka-border-base)\"],\n  {\n    variants: {\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"h-1\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"h-1.5\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        lg: \"h-2\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const sliderFillVariants = cva(\n  [\n    \"absolute left-0 top-0 h-full rounded-full\",\n    \"transition-[width] duration-75\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"bg-(--nuka-accent-bg)\",\n        danger: \"bg-(--nuka-danger-base)\",\n        success: \"bg-(--nuka-success-base)\",\n        warning: \"bg-(--nuka-warning-base)\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n    },\n  },\n);\n\nexport const sliderThumbVariants = cva(\n  [\n    \"absolute top-1/2 -translate-y-1/2\",\n    \"rounded-full\",\n    \"border-2 border-(--nuka-bg-base)\",\n    \"shadow-sm\",\n    \"transition-[left] duration-75\",\n    \"pointer-events-none\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"bg-(--nuka-accent-bg)\",\n        danger: \"bg-(--nuka-danger-base)\",\n        success: \"bg-(--nuka-success-base)\",\n        warning: \"bg-(--nuka-warning-base)\",\n      },\n      // Thumb sits inside the wrapper (sliderWrapperVariants) which provides\n      // the touch target together with the overlay <input> at inset-0.\n      size: {\n        sm: \"w-6 h-6\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"w-[18px] h-[18px]\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        lg: \"w-[22px] h-[22px]\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const sliderValueVariants = cva(\n  [\"tabular-nums text-(--nuka-text-muted)\", \"ml-(--space-3)\", \"select-none\"],\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport type SliderVariantProps = VariantProps<typeof sliderFillVariants> &\n  VariantProps<typeof sliderThumbVariants>;\n"],"mappings":"8EAEA,IAAa,EAAwB,EAAA,IACnC,CAAC,oCAAoC,CACrC,CACE,SAAU,CACR,KAAM,CACJ,GAAI,eACJ,GAAI,eACJ,GAAI,eACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CACF,CAKY,EAAsB,EAAA,IACjC,CAAC,+BAAgC,0BAA0B,CAC3D,CACE,SAAU,CACR,KAAM,CAEJ,GAAI,MAEJ,GAAI,QAEJ,GAAI,MACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CACF,CAEY,EAAqB,EAAA,IAChC,CACE,4CACA,iCACD,CACD,CACE,SAAU,CACR,OAAQ,CACN,QAAS,wBACT,OAAQ,0BACR,QAAS,2BACT,QAAS,2BACV,CACF,CACD,gBAAiB,CACf,OAAQ,UACT,CACF,CACF,CAEY,EAAsB,EAAA,IACjC,CACE,oCACA,eACA,mCACA,YACA,gCACA,sBACD,CACD,CACE,SAAU,CACR,OAAQ,CACN,QAAS,wBACT,OAAQ,0BACR,QAAS,2BACT,QAAS,2BACV,CAGD,KAAM,CACJ,GAAI,UAEJ,GAAI,oBAEJ,GAAI,oBACL,CACF,CACD,gBAAiB,CACf,OAAQ,UACR,KAAM,KACP,CACF,CACF,CAEY,EAAsB,EAAA,IACjC,CAAC,wCAAyC,iBAAkB,cAAc,CAC1E,CACE,SAAU,CACR,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,GAAI,YACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CACF"}
+{"version":3,"file":"Slider.variants.cjs","names":[],"sources":["../../../src/components/Slider/Slider.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const sliderWrapperVariants = cva(\n  [\"relative flex items-center w-full\"],\n  {\n    variants: {\n      size: {\n        sm: \"min-h-[24px]\",\n        md: \"min-h-[24px]\",\n        lg: \"min-h-[24px]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\n// The track is the visual bar inside sliderWrapperVariants; the wrapper\n// (min-h-[24px]) plus the overlay input provide the touch target. The track\n// itself is a thin decorative sub-element.\nexport const sliderTrackVariants = cva(\n  [\"relative w-full rounded-full\", \"bg-(--nuka-border-base)\"],\n  {\n    variants: {\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"h-1\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"h-1.5\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        lg: \"h-2\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const sliderFillVariants = cva(\n  [\n    \"absolute left-0 top-0 h-full rounded-full\",\n    \"transition-[width] duration-75\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"bg-(--nuka-accent-bg)\",\n        danger: \"bg-(--nuka-danger-base)\",\n        success: \"bg-(--nuka-success-base)\",\n        warning: \"bg-(--nuka-warning-base)\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n    },\n  },\n);\n\nexport const sliderThumbVariants = cva(\n  [\n    \"absolute top-1/2 -translate-y-1/2\",\n    \"rounded-full\",\n    \"border-2 border-(--nuka-bg-base)\",\n    \"shadow-sm\",\n    \"transition-[left] duration-75\",\n    \"pointer-events-none\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"bg-(--nuka-accent-bg)\",\n        danger: \"bg-(--nuka-danger-base)\",\n        success: \"bg-(--nuka-success-base)\",\n        warning: \"bg-(--nuka-warning-base)\",\n      },\n      // Thumb sits inside the wrapper (sliderWrapperVariants) which provides\n      // the touch target together with the overlay <input> at inset-0.\n      size: {\n        sm: \"w-6 h-6\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"w-[18px] h-[18px]\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        lg: \"w-[22px] h-[22px]\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const sliderValueVariants = cva(\n  [\"tabular-nums text-(--nuka-text-muted)\", \"ml-(--space-3)\", \"select-none\"],\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport type SliderVariantProps = VariantProps<typeof sliderFillVariants> &\n  VariantProps<typeof sliderThumbVariants>;\n"],"mappings":"8EAEA,IAAa,EAAwB,EAAA,IACnC,CAAC,mCAAmC,EACpC,CACE,SAAU,CACR,KAAM,CACJ,GAAI,eACJ,GAAI,eACJ,GAAI,cACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF,EAKa,EAAsB,EAAA,IACjC,CAAC,+BAAgC,yBAAyB,EAC1D,CACE,SAAU,CACR,KAAM,CAEJ,GAAI,MAEJ,GAAI,QAEJ,GAAI,KACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF,EAEa,EAAqB,EAAA,IAChC,CACE,4CACA,gCACF,EACA,CACE,SAAU,CACR,OAAQ,CACN,QAAS,wBACT,OAAQ,0BACR,QAAS,2BACT,QAAS,0BACX,CACF,EACA,gBAAiB,CACf,OAAQ,SACV,CACF,CACF,EAEa,EAAsB,EAAA,IACjC,CACE,oCACA,eACA,mCACA,YACA,gCACA,qBACF,EACA,CACE,SAAU,CACR,OAAQ,CACN,QAAS,wBACT,OAAQ,0BACR,QAAS,2BACT,QAAS,0BACX,EAGA,KAAM,CACJ,GAAI,UAEJ,GAAI,oBAEJ,GAAI,mBACN,CACF,EACA,gBAAiB,CACf,OAAQ,UACR,KAAM,IACR,CACF,CACF,EAEa,EAAsB,EAAA,IACjC,CAAC,wCAAyC,iBAAkB,aAAa,EACzE,CACE,SAAU,CACR,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,GAAI,WACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.variants.js","names":[],"sources":["../../../src/components/Slider/Slider.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const sliderWrapperVariants = cva(\n  [\"relative flex items-center w-full\"],\n  {\n    variants: {\n      size: {\n        sm: \"min-h-[24px]\",\n        md: \"min-h-[24px]\",\n        lg: \"min-h-[24px]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\n// The track is the visual bar inside sliderWrapperVariants; the wrapper\n// (min-h-[24px]) plus the overlay input provide the touch target. The track\n// itself is a thin decorative sub-element.\nexport const sliderTrackVariants = cva(\n  [\"relative w-full rounded-full\", \"bg-(--nuka-border-base)\"],\n  {\n    variants: {\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"h-1\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"h-1.5\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        lg: \"h-2\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const sliderFillVariants = cva(\n  [\n    \"absolute left-0 top-0 h-full rounded-full\",\n    \"transition-[width] duration-75\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"bg-(--nuka-accent-bg)\",\n        danger: \"bg-(--nuka-danger-base)\",\n        success: \"bg-(--nuka-success-base)\",\n        warning: \"bg-(--nuka-warning-base)\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n    },\n  },\n);\n\nexport const sliderThumbVariants = cva(\n  [\n    \"absolute top-1/2 -translate-y-1/2\",\n    \"rounded-full\",\n    \"border-2 border-(--nuka-bg-base)\",\n    \"shadow-sm\",\n    \"transition-[left] duration-75\",\n    \"pointer-events-none\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"bg-(--nuka-accent-bg)\",\n        danger: \"bg-(--nuka-danger-base)\",\n        success: \"bg-(--nuka-success-base)\",\n        warning: \"bg-(--nuka-warning-base)\",\n      },\n      // Thumb sits inside the wrapper (sliderWrapperVariants) which provides\n      // the touch target together with the overlay <input> at inset-0.\n      size: {\n        sm: \"w-6 h-6\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"w-[18px] h-[18px]\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        lg: \"w-[22px] h-[22px]\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const sliderValueVariants = cva(\n  [\"tabular-nums text-(--nuka-text-muted)\", \"ml-(--space-3)\", \"select-none\"],\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport type SliderVariantProps = VariantProps<typeof sliderFillVariants> &\n  VariantProps<typeof sliderThumbVariants>;\n"],"mappings":";;AAEA,IAAa,IAAwB,EACnC,CAAC,oCAAoC,EACrC;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF,EAKY,IAAsB,EACjC,CAAC,gCAAgC,0BAA0B,EAC3D;CACE,UAAU,EACR,MAAM;EAEJ,IAAI;EAEJ,IAAI;EAEJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF,EAEY,IAAqB,EAChC,CACE,6CACA,iCACD,EACD;CACE,UAAU,EACR,QAAQ;EACN,SAAS;EACT,QAAQ;EACR,SAAS;EACT,SAAS;EACV,EACF;CACD,iBAAiB,EACf,QAAQ,WACT;CACF,CACF,EAEY,IAAsB,EACjC;CACE;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,SAAS;GACT,SAAS;GACV;EAGD,MAAM;GACJ,IAAI;GAEJ,IAAI;GAEJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,QAAQ;EACR,MAAM;EACP;CACF,CACF,EAEY,IAAsB,EACjC;CAAC;CAAyC;CAAkB;CAAc,EAC1E;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF"}
+{"version":3,"file":"Slider.variants.js","names":[],"sources":["../../../src/components/Slider/Slider.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const sliderWrapperVariants = cva(\n  [\"relative flex items-center w-full\"],\n  {\n    variants: {\n      size: {\n        sm: \"min-h-[24px]\",\n        md: \"min-h-[24px]\",\n        lg: \"min-h-[24px]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\n// The track is the visual bar inside sliderWrapperVariants; the wrapper\n// (min-h-[24px]) plus the overlay input provide the touch target. The track\n// itself is a thin decorative sub-element.\nexport const sliderTrackVariants = cva(\n  [\"relative w-full rounded-full\", \"bg-(--nuka-border-base)\"],\n  {\n    variants: {\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"h-1\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"h-1.5\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        lg: \"h-2\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const sliderFillVariants = cva(\n  [\n    \"absolute left-0 top-0 h-full rounded-full\",\n    \"transition-[width] duration-75\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"bg-(--nuka-accent-bg)\",\n        danger: \"bg-(--nuka-danger-base)\",\n        success: \"bg-(--nuka-success-base)\",\n        warning: \"bg-(--nuka-warning-base)\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n    },\n  },\n);\n\nexport const sliderThumbVariants = cva(\n  [\n    \"absolute top-1/2 -translate-y-1/2\",\n    \"rounded-full\",\n    \"border-2 border-(--nuka-bg-base)\",\n    \"shadow-sm\",\n    \"transition-[left] duration-75\",\n    \"pointer-events-none\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"bg-(--nuka-accent-bg)\",\n        danger: \"bg-(--nuka-danger-base)\",\n        success: \"bg-(--nuka-success-base)\",\n        warning: \"bg-(--nuka-warning-base)\",\n      },\n      // Thumb sits inside the wrapper (sliderWrapperVariants) which provides\n      // the touch target together with the overlay <input> at inset-0.\n      size: {\n        sm: \"w-6 h-6\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"w-[18px] h-[18px]\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        lg: \"w-[22px] h-[22px]\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const sliderValueVariants = cva(\n  [\"tabular-nums text-(--nuka-text-muted)\", \"ml-(--space-3)\", \"select-none\"],\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport type SliderVariantProps = VariantProps<typeof sliderFillVariants> &\n  VariantProps<typeof sliderThumbVariants>;\n"],"mappings":";;AAEA,IAAa,IAAwB,EACnC,CAAC,mCAAmC,GACpC;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF,GAKa,IAAsB,EACjC,CAAC,gCAAgC,yBAAyB,GAC1D;CACE,UAAU,EACR,MAAM;EAEJ,IAAI;EAEJ,IAAI;EAEJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF,GAEa,IAAqB,EAChC,CACE,6CACA,gCACF,GACA;CACE,UAAU,EACR,QAAQ;EACN,SAAS;EACT,QAAQ;EACR,SAAS;EACT,SAAS;CACX,EACF;CACA,iBAAiB,EACf,QAAQ,UACV;AACF,CACF,GAEa,IAAsB,EACjC;CACE;CACA;CACA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU;EACR,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,SAAS;GACT,SAAS;EACX;EAGA,MAAM;GACJ,IAAI;GAEJ,IAAI;GAEJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,QAAQ;EACR,MAAM;CACR;AACF,CACF,GAEa,IAAsB,EACjC;CAAC;CAAyC;CAAkB;AAAa,GACzE;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF"}

package/dist/components/Spinner/Spinner.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Spinner.variants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a={sm:2,md:2.5,lg:3};function o({ref:e,className:r,size:o,color:s,label:c,...l}){let u=o??`md`,d=s??`default`,f=l[`aria-hidden`]===!0,p=a[u];return(0,i.jsxs)(`span`,{ref:e,...!f&&{role:`status`},...!f&&!c&&{"aria-label":`Loading`},className:t.cn(n.spinnerVariants({size:u}),r),...l,children:[c&&!f&&(0,i.jsx)(`span`,{className:`sr-only`,children:c}),(0,i.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,className:`nuka-spinner size-full`,children:[(0,i.jsx)(`circle`,{cx:`12`,cy:`12`,r:`9`,stroke:`var(--nuka-border-base)`,strokeWidth:p,strokeLinecap:`round`,fill:`none`}),(0,i.jsx)(`circle`,{cx:`12`,cy:`12`,r:`9`,className:n.spinnerColorVariants({color:d}),strokeWidth:p,strokeLinecap:`round`,strokeDasharray:`56.5`,strokeDashoffset:`42.4`,fill:`none`})]})]})}o.displayName=`Spinner`,exports.Spinner=o;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("./Spinner.variants.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a={sm:2,md:2.5,lg:3};function o({ref:e,className:r,size:o,color:s,label:c,...l}){let u=o??`md`,d=s??`default`,f=l[`aria-hidden`]===!0,p=a[u];return(0,i.jsxs)(`span`,{ref:e,...!f&&{role:`status`},...!f&&!c&&{"aria-label":`Loading`},className:t.cn(n.spinnerVariants({size:u}),r),...l,children:[c&&!f&&(0,i.jsx)(`span`,{className:`sr-only`,children:c}),(0,i.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,className:`nuka-spinner size-full`,children:[(0,i.jsx)(`circle`,{cx:`12`,cy:`12`,r:`9`,stroke:`var(--nuka-border-base)`,strokeWidth:p,strokeLinecap:`round`,fill:`none`}),(0,i.jsx)(`circle`,{cx:`12`,cy:`12`,r:`9`,className:n.spinnerColorVariants({color:d}),strokeWidth:p,strokeLinecap:`round`,strokeDasharray:`56.5`,strokeDashoffset:`42.4`,fill:`none`})]})]})}o.displayName=`Spinner`,exports.Spinner=o;
 //# sourceMappingURL=Spinner.cjs.map

package/dist/components/Spinner/Spinner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.cjs","names":[],"sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  spinnerVariants,\n  spinnerColorVariants,\n  type SpinnerVariantProps,\n} from \"@nuka/components/Spinner/Spinner.variants\";\n\ntype SpinnerSize = NonNullable<SpinnerVariantProps[\"size\"]>;\ntype SpinnerColor = NonNullable<SpinnerVariantProps[\"color\"]>;\n\nconst strokeWidthMap = {\n  sm: 2,\n  md: 2.5,\n  lg: 3,\n} as const satisfies Record<SpinnerSize, number>;\n\nexport interface SpinnerProps\n  extends\n    Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\">,\n    SpinnerVariantProps {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n  label?: string;\n}\n\nfunction Spinner({\n  ref,\n  className,\n  size: sizeProp,\n  color: colorProp,\n  label,\n  ...props\n}: SpinnerProps) {\n  const size: SpinnerSize = sizeProp ?? \"md\";\n  const color: SpinnerColor = colorProp ?? \"default\";\n\n  // Strict check: only boolean true triggers embedded mode\n  const isHidden = props[\"aria-hidden\"] === true;\n\n  const strokeWidth = strokeWidthMap[size];\n\n  return (\n    <span\n      ref={ref}\n      {...(!isHidden && { role: \"status\" })}\n      {...(!isHidden && !label && { \"aria-label\": \"Loading\" })}\n      className={cn(spinnerVariants({ size }), className)}\n      {...props}\n    >\n      {label && !isHidden && <span className=\"sr-only\">{label}</span>}\n      <svg\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        aria-hidden=\"true\"\n        className=\"nuka-spinner size-full\"\n      >\n        {/* Track ring */}\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"9\"\n          stroke=\"var(--nuka-border-base)\"\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          fill=\"none\"\n        />\n        {/* Animated arc */}\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"9\"\n          className={spinnerColorVariants({ color })}\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          strokeDasharray=\"56.5\"\n          strokeDashoffset=\"42.4\"\n          fill=\"none\"\n        />\n      </svg>\n    </span>\n  );\n}\n\nSpinner.displayName = \"Spinner\";\n\nexport { Spinner, spinnerVariants, spinnerColorVariants };\n"],"mappings":"oNAaA,IAAM,EAAiB,CACrB,GAAI,EACJ,GAAI,IACJ,GAAI,EACL,CAUD,SAAS,EAAQ,CACf,MACA,YACA,KAAM,EACN,MAAO,EACP,QACA,GAAG,GACY,CACf,IAAM,EAAoB,GAAY,KAChC,EAAsB,GAAa,UAGnC,EAAW,EAAM,iBAAmB,GAEpC,EAAc,EAAe,GAEnC,OACE,EAAA,EAAA,MAAC,OAAD,CACO,MACL,GAAK,CAAC,GAAY,CAAE,KAAM,SAAU,CACpC,GAAK,CAAC,GAAY,CAAC,GAAS,CAAE,aAAc,UAAW,CACvD,UAAW,EAAA,GAAG,EAAA,gBAAgB,CAAE,OAAM,CAAC,CAAE,EAAU,CACnD,GAAI,WALN,CAOG,GAAS,CAAC,IAAY,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAW,EAAa,CAAA,EAC/D,EAAA,EAAA,MAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,cAAY,OACZ,UAAU,kCAJZ,EAOE,EAAA,EAAA,KAAC,SAAD,CACE,GAAG,KACH,GAAG,KACH,EAAE,IACF,OAAO,0BACM,cACb,cAAc,QACd,KAAK,OACL,CAAA,EAEF,EAAA,EAAA,KAAC,SAAD,CACE,GAAG,KACH,GAAG,KACH,EAAE,IACF,UAAW,EAAA,qBAAqB,CAAE,QAAO,CAAC,CAC7B,cACb,cAAc,QACd,gBAAgB,OAChB,iBAAiB,OACjB,KAAK,OACL,CAAA,CACE,GACD,GAIX,EAAQ,YAAc"}
+{"version":3,"file":"Spinner.cjs","names":[],"sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  spinnerVariants,\n  spinnerColorVariants,\n  type SpinnerVariantProps,\n} from \"@nuka/components/Spinner/Spinner.variants\";\n\ntype SpinnerSize = NonNullable<SpinnerVariantProps[\"size\"]>;\ntype SpinnerColor = NonNullable<SpinnerVariantProps[\"color\"]>;\n\nconst strokeWidthMap = {\n  sm: 2,\n  md: 2.5,\n  lg: 3,\n} as const satisfies Record<SpinnerSize, number>;\n\nexport interface SpinnerProps\n  extends\n    Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\">,\n    SpinnerVariantProps {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n  label?: string;\n}\n\nfunction Spinner({\n  ref,\n  className,\n  size: sizeProp,\n  color: colorProp,\n  label,\n  ...props\n}: SpinnerProps) {\n  const size: SpinnerSize = sizeProp ?? \"md\";\n  const color: SpinnerColor = colorProp ?? \"default\";\n\n  // Strict check: only boolean true triggers embedded mode\n  const isHidden = props[\"aria-hidden\"] === true;\n\n  const strokeWidth = strokeWidthMap[size];\n\n  return (\n    <span\n      ref={ref}\n      {...(!isHidden && { role: \"status\" })}\n      {...(!isHidden && !label && { \"aria-label\": \"Loading\" })}\n      className={cn(spinnerVariants({ size }), className)}\n      {...props}\n    >\n      {label && !isHidden && <span className=\"sr-only\">{label}</span>}\n      <svg\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        aria-hidden=\"true\"\n        className=\"nuka-spinner size-full\"\n      >\n        {/* Track ring */}\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"9\"\n          stroke=\"var(--nuka-border-base)\"\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          fill=\"none\"\n        />\n        {/* Animated arc */}\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"9\"\n          className={spinnerColorVariants({ color })}\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          strokeDasharray=\"56.5\"\n          strokeDashoffset=\"42.4\"\n          fill=\"none\"\n        />\n      </svg>\n    </span>\n  );\n}\n\nSpinner.displayName = \"Spinner\";\n\nexport { Spinner, spinnerVariants, spinnerColorVariants };\n"],"mappings":"oNAaA,IAAM,EAAiB,CACrB,GAAI,EACJ,GAAI,IACJ,GAAI,CACN,EAUA,SAAS,EAAQ,CACf,MACA,YACA,KAAM,EACN,MAAO,EACP,QACA,GAAG,GACY,CACf,IAAM,EAAoB,GAAY,KAChC,EAAsB,GAAa,UAGnC,EAAW,EAAM,iBAAmB,GAEpC,EAAc,EAAe,GAEnC,OACE,EAAA,EAAA,MAAC,OAAD,CACO,MACL,GAAK,CAAC,GAAY,CAAE,KAAM,QAAS,EACnC,GAAK,CAAC,GAAY,CAAC,GAAS,CAAE,aAAc,SAAU,EACtD,UAAW,EAAA,GAAG,EAAA,gBAAgB,CAAE,MAAK,CAAC,EAAG,CAAS,EAClD,GAAI,WALN,CAOG,GAAS,CAAC,IAAY,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAW,CAAY,CAAA,GAC9D,EAAA,EAAA,MAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,cAAY,OACZ,UAAU,kCAJZ,EAOE,EAAA,EAAA,KAAC,SAAD,CACE,GAAG,KACH,GAAG,KACH,EAAE,IACF,OAAO,0BACM,cACb,cAAc,QACd,KAAK,MACN,CAAA,GAED,EAAA,EAAA,KAAC,SAAD,CACE,GAAG,KACH,GAAG,KACH,EAAE,IACF,UAAW,EAAA,qBAAqB,CAAE,OAAM,CAAC,EAC5B,cACb,cAAc,QACd,gBAAgB,OAChB,iBAAiB,OACjB,KAAK,MACN,CAAA,CACE,GACD,GAEV,CAEA,EAAQ,YAAc"}

package/dist/components/Spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","names":[],"sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  spinnerVariants,\n  spinnerColorVariants,\n  type SpinnerVariantProps,\n} from \"@nuka/components/Spinner/Spinner.variants\";\n\ntype SpinnerSize = NonNullable<SpinnerVariantProps[\"size\"]>;\ntype SpinnerColor = NonNullable<SpinnerVariantProps[\"color\"]>;\n\nconst strokeWidthMap = {\n  sm: 2,\n  md: 2.5,\n  lg: 3,\n} as const satisfies Record<SpinnerSize, number>;\n\nexport interface SpinnerProps\n  extends\n    Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\">,\n    SpinnerVariantProps {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n  label?: string;\n}\n\nfunction Spinner({\n  ref,\n  className,\n  size: sizeProp,\n  color: colorProp,\n  label,\n  ...props\n}: SpinnerProps) {\n  const size: SpinnerSize = sizeProp ?? \"md\";\n  const color: SpinnerColor = colorProp ?? \"default\";\n\n  // Strict check: only boolean true triggers embedded mode\n  const isHidden = props[\"aria-hidden\"] === true;\n\n  const strokeWidth = strokeWidthMap[size];\n\n  return (\n    <span\n      ref={ref}\n      {...(!isHidden && { role: \"status\" })}\n      {...(!isHidden && !label && { \"aria-label\": \"Loading\" })}\n      className={cn(spinnerVariants({ size }), className)}\n      {...props}\n    >\n      {label && !isHidden && <span className=\"sr-only\">{label}</span>}\n      <svg\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        aria-hidden=\"true\"\n        className=\"nuka-spinner size-full\"\n      >\n        {/* Track ring */}\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"9\"\n          stroke=\"var(--nuka-border-base)\"\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          fill=\"none\"\n        />\n        {/* Animated arc */}\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"9\"\n          className={spinnerColorVariants({ color })}\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          strokeDasharray=\"56.5\"\n          strokeDashoffset=\"42.4\"\n          fill=\"none\"\n        />\n      </svg>\n    </span>\n  );\n}\n\nSpinner.displayName = \"Spinner\";\n\nexport { Spinner, spinnerVariants, spinnerColorVariants };\n"],"mappings":";;;;;;AAaA,IAAM,IAAiB;CACrB,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAUD,SAAS,EAAQ,EACf,QACA,cACA,MAAM,GACN,OAAO,GACP,UACA,GAAG,KACY;CACf,IAAM,IAAoB,KAAY,MAChC,IAAsB,KAAa,WAGnC,IAAW,EAAM,mBAAmB,IAEpC,IAAc,EAAe;AAEnC,QACE,kBAAC,QAAD;EACO;EACL,GAAK,CAAC,KAAY,EAAE,MAAM,UAAU;EACpC,GAAK,CAAC,KAAY,CAAC,KAAS,EAAE,cAAc,WAAW;EACvD,WAAW,EAAG,EAAgB,EAAE,SAAM,CAAC,EAAE,EAAU;EACnD,GAAI;YALN,CAOG,KAAS,CAAC,KAAY,kBAAC,QAAD;GAAM,WAAU;aAAW;GAAa,CAAA,EAC/D,kBAAC,OAAD;GACE,SAAQ;GACR,MAAK;GACL,eAAY;GACZ,WAAU;aAJZ,CAOE,kBAAC,UAAD;IACE,IAAG;IACH,IAAG;IACH,GAAE;IACF,QAAO;IACM;IACb,eAAc;IACd,MAAK;IACL,CAAA,EAEF,kBAAC,UAAD;IACE,IAAG;IACH,IAAG;IACH,GAAE;IACF,WAAW,EAAqB,EAAE,UAAO,CAAC;IAC7B;IACb,eAAc;IACd,iBAAgB;IAChB,kBAAiB;IACjB,MAAK;IACL,CAAA,CACE;KACD;;;AAIX,EAAQ,cAAc"}
+{"version":3,"file":"Spinner.js","names":[],"sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  spinnerVariants,\n  spinnerColorVariants,\n  type SpinnerVariantProps,\n} from \"@nuka/components/Spinner/Spinner.variants\";\n\ntype SpinnerSize = NonNullable<SpinnerVariantProps[\"size\"]>;\ntype SpinnerColor = NonNullable<SpinnerVariantProps[\"color\"]>;\n\nconst strokeWidthMap = {\n  sm: 2,\n  md: 2.5,\n  lg: 3,\n} as const satisfies Record<SpinnerSize, number>;\n\nexport interface SpinnerProps\n  extends\n    Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\">,\n    SpinnerVariantProps {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n  label?: string;\n}\n\nfunction Spinner({\n  ref,\n  className,\n  size: sizeProp,\n  color: colorProp,\n  label,\n  ...props\n}: SpinnerProps) {\n  const size: SpinnerSize = sizeProp ?? \"md\";\n  const color: SpinnerColor = colorProp ?? \"default\";\n\n  // Strict check: only boolean true triggers embedded mode\n  const isHidden = props[\"aria-hidden\"] === true;\n\n  const strokeWidth = strokeWidthMap[size];\n\n  return (\n    <span\n      ref={ref}\n      {...(!isHidden && { role: \"status\" })}\n      {...(!isHidden && !label && { \"aria-label\": \"Loading\" })}\n      className={cn(spinnerVariants({ size }), className)}\n      {...props}\n    >\n      {label && !isHidden && <span className=\"sr-only\">{label}</span>}\n      <svg\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        aria-hidden=\"true\"\n        className=\"nuka-spinner size-full\"\n      >\n        {/* Track ring */}\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"9\"\n          stroke=\"var(--nuka-border-base)\"\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          fill=\"none\"\n        />\n        {/* Animated arc */}\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"9\"\n          className={spinnerColorVariants({ color })}\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          strokeDasharray=\"56.5\"\n          strokeDashoffset=\"42.4\"\n          fill=\"none\"\n        />\n      </svg>\n    </span>\n  );\n}\n\nSpinner.displayName = \"Spinner\";\n\nexport { Spinner, spinnerVariants, spinnerColorVariants };\n"],"mappings":";;;;;;AAaA,IAAM,IAAiB;CACrB,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAUA,SAAS,EAAQ,EACf,QACA,cACA,MAAM,GACN,OAAO,GACP,UACA,GAAG,KACY;CACf,IAAM,IAAoB,KAAY,MAChC,IAAsB,KAAa,WAGnC,IAAW,EAAM,mBAAmB,IAEpC,IAAc,EAAe;CAEnC,OACE,kBAAC,QAAD;EACO;EACL,GAAK,CAAC,KAAY,EAAE,MAAM,SAAS;EACnC,GAAK,CAAC,KAAY,CAAC,KAAS,EAAE,cAAc,UAAU;EACtD,WAAW,EAAG,EAAgB,EAAE,QAAK,CAAC,GAAG,CAAS;EAClD,GAAI;YALN,CAOG,KAAS,CAAC,KAAY,kBAAC,QAAD;GAAM,WAAU;aAAW;EAAY,CAAA,GAC9D,kBAAC,OAAD;GACE,SAAQ;GACR,MAAK;GACL,eAAY;GACZ,WAAU;aAJZ,CAOE,kBAAC,UAAD;IACE,IAAG;IACH,IAAG;IACH,GAAE;IACF,QAAO;IACM;IACb,eAAc;IACd,MAAK;GACN,CAAA,GAED,kBAAC,UAAD;IACE,IAAG;IACH,IAAG;IACH,GAAE;IACF,WAAW,EAAqB,EAAE,SAAM,CAAC;IAC5B;IACb,eAAc;IACd,iBAAgB;IAChB,kBAAiB;IACjB,MAAK;GACN,CAAA,CACE;IACD;;AAEV;AAEA,EAAQ,cAAc"}

package/dist/components/Spinner/Spinner.variants.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../node_modules/class-variance-authority/dist/index.cjs`);var t=e.cva([`inline-flex items-center justify-center`,`shrink-0`],{variants:{size:{sm:`size-4`,md:`size-6`,lg:`size-8`}},defaultVariants:{size:`md`}}),n=e.cva([],{variants:{color:{default:`stroke-(--nuka-accent-bg)`,muted:`stroke-(--nuka-text-muted)`,inverse:`stroke-(--nuka-text-inverse)`}},defaultVariants:{color:`default`}});exports.spinnerColorVariants=n,exports.spinnerVariants=t;
+const e=require("../../node_modules/class-variance-authority/dist/index.cjs");var t=e.cva([`inline-flex items-center justify-center`,`shrink-0`],{variants:{size:{sm:`size-4`,md:`size-6`,lg:`size-8`}},defaultVariants:{size:`md`}}),n=e.cva([],{variants:{color:{default:`stroke-(--nuka-accent-bg)`,muted:`stroke-(--nuka-text-muted)`,inverse:`stroke-(--nuka-text-inverse)`}},defaultVariants:{color:`default`}});exports.spinnerColorVariants=n,exports.spinnerVariants=t;
 //# sourceMappingURL=Spinner.variants.cjs.map

package/dist/components/Spinner/Spinner.variants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.variants.cjs","names":[],"sources":["../../../src/components/Spinner/Spinner.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\n// Spinner is a non-interactive loading indicator, not a touch target. Size\n// classes here set the visual glyph dimensions; the 24x24 WCAG minimum does\n// not apply.\nexport const spinnerVariants = cva(\n  [\"inline-flex items-center justify-center\", \"shrink-0\"],\n  {\n    variants: {\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"size-4\",\n        md: \"size-6\",\n        lg: \"size-8\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const spinnerColorVariants = cva([], {\n  variants: {\n    color: {\n      default: \"stroke-(--nuka-accent-bg)\",\n      muted: \"stroke-(--nuka-text-muted)\",\n      inverse: \"stroke-(--nuka-text-inverse)\",\n    },\n  },\n  defaultVariants: {\n    color: \"default\",\n  },\n});\n\nexport type SpinnerVariantProps = VariantProps<typeof spinnerVariants> &\n  VariantProps<typeof spinnerColorVariants>;\n"],"mappings":"8EAKA,IAAa,EAAkB,EAAA,IAC7B,CAAC,0CAA2C,WAAW,CACvD,CACE,SAAU,CACR,KAAM,CAEJ,GAAI,SACJ,GAAI,SACJ,GAAI,SACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CACF,CAEY,EAAuB,EAAA,IAAI,EAAE,CAAE,CAC1C,SAAU,CACR,MAAO,CACL,QAAS,4BACT,MAAO,6BACP,QAAS,+BACV,CACF,CACD,gBAAiB,CACf,MAAO,UACR,CACF,CAAC"}
+{"version":3,"file":"Spinner.variants.cjs","names":[],"sources":["../../../src/components/Spinner/Spinner.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\n// Spinner is a non-interactive loading indicator, not a touch target. Size\n// classes here set the visual glyph dimensions; the 24x24 WCAG minimum does\n// not apply.\nexport const spinnerVariants = cva(\n  [\"inline-flex items-center justify-center\", \"shrink-0\"],\n  {\n    variants: {\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"size-4\",\n        md: \"size-6\",\n        lg: \"size-8\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const spinnerColorVariants = cva([], {\n  variants: {\n    color: {\n      default: \"stroke-(--nuka-accent-bg)\",\n      muted: \"stroke-(--nuka-text-muted)\",\n      inverse: \"stroke-(--nuka-text-inverse)\",\n    },\n  },\n  defaultVariants: {\n    color: \"default\",\n  },\n});\n\nexport type SpinnerVariantProps = VariantProps<typeof spinnerVariants> &\n  VariantProps<typeof spinnerColorVariants>;\n"],"mappings":"8EAKA,IAAa,EAAkB,EAAA,IAC7B,CAAC,0CAA2C,UAAU,EACtD,CACE,SAAU,CACR,KAAM,CAEJ,GAAI,SACJ,GAAI,SACJ,GAAI,QACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF,EAEa,EAAuB,EAAA,IAAI,CAAC,EAAG,CAC1C,SAAU,CACR,MAAO,CACL,QAAS,4BACT,MAAO,6BACP,QAAS,8BACX,CACF,EACA,gBAAiB,CACf,MAAO,SACT,CACF,CAAC"}

package/dist/components/Spinner/Spinner.variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.variants.js","names":[],"sources":["../../../src/components/Spinner/Spinner.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\n// Spinner is a non-interactive loading indicator, not a touch target. Size\n// classes here set the visual glyph dimensions; the 24x24 WCAG minimum does\n// not apply.\nexport const spinnerVariants = cva(\n  [\"inline-flex items-center justify-center\", \"shrink-0\"],\n  {\n    variants: {\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"size-4\",\n        md: \"size-6\",\n        lg: \"size-8\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const spinnerColorVariants = cva([], {\n  variants: {\n    color: {\n      default: \"stroke-(--nuka-accent-bg)\",\n      muted: \"stroke-(--nuka-text-muted)\",\n      inverse: \"stroke-(--nuka-text-inverse)\",\n    },\n  },\n  defaultVariants: {\n    color: \"default\",\n  },\n});\n\nexport type SpinnerVariantProps = VariantProps<typeof spinnerVariants> &\n  VariantProps<typeof spinnerColorVariants>;\n"],"mappings":";;AAKA,IAAa,IAAkB,EAC7B,CAAC,2CAA2C,WAAW,EACvD;CACE,UAAU,EACR,MAAM;EAEJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF,EAEY,IAAuB,EAAI,EAAE,EAAE;CAC1C,UAAU,EACR,OAAO;EACL,SAAS;EACT,OAAO;EACP,SAAS;EACV,EACF;CACD,iBAAiB,EACf,OAAO,WACR;CACF,CAAC"}
+{"version":3,"file":"Spinner.variants.js","names":[],"sources":["../../../src/components/Spinner/Spinner.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\n// Spinner is a non-interactive loading indicator, not a touch target. Size\n// classes here set the visual glyph dimensions; the 24x24 WCAG minimum does\n// not apply.\nexport const spinnerVariants = cva(\n  [\"inline-flex items-center justify-center\", \"shrink-0\"],\n  {\n    variants: {\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"size-4\",\n        md: \"size-6\",\n        lg: \"size-8\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const spinnerColorVariants = cva([], {\n  variants: {\n    color: {\n      default: \"stroke-(--nuka-accent-bg)\",\n      muted: \"stroke-(--nuka-text-muted)\",\n      inverse: \"stroke-(--nuka-text-inverse)\",\n    },\n  },\n  defaultVariants: {\n    color: \"default\",\n  },\n});\n\nexport type SpinnerVariantProps = VariantProps<typeof spinnerVariants> &\n  VariantProps<typeof spinnerColorVariants>;\n"],"mappings":";;AAKA,IAAa,IAAkB,EAC7B,CAAC,2CAA2C,UAAU,GACtD;CACE,UAAU,EACR,MAAM;EAEJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF,GAEa,IAAuB,EAAI,CAAC,GAAG;CAC1C,UAAU,EACR,OAAO;EACL,SAAS;EACT,OAAO;EACP,SAAS;CACX,EACF;CACA,iBAAiB,EACf,OAAO,UACT;AACF,CAAC"}

package/dist/components/SplitLayout/SplitLayout.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/responsive.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o={"right-sm-sm":`grid-cols-1 sm:grid-cols-[1fr_240px]`,"right-sm-md":`grid-cols-1 md:grid-cols-[1fr_240px]`,"right-sm-lg":`grid-cols-1 lg:grid-cols-[1fr_240px]`,"right-sm-xl":`grid-cols-1 xl:grid-cols-[1fr_240px]`,"right-md-sm":`grid-cols-1 sm:grid-cols-[1fr_320px]`,"right-md-md":`grid-cols-1 md:grid-cols-[1fr_320px]`,"right-md-lg":`grid-cols-1 lg:grid-cols-[1fr_320px]`,"right-md-xl":`grid-cols-1 xl:grid-cols-[1fr_320px]`,"right-lg-sm":`grid-cols-1 sm:grid-cols-[1fr_400px]`,"right-lg-md":`grid-cols-1 md:grid-cols-[1fr_400px]`,"right-lg-lg":`grid-cols-1 lg:grid-cols-[1fr_400px]`,"right-lg-xl":`grid-cols-1 xl:grid-cols-[1fr_400px]`,"right-xl-sm":`grid-cols-1 sm:grid-cols-[1fr_480px]`,"right-xl-md":`grid-cols-1 md:grid-cols-[1fr_480px]`,"right-xl-lg":`grid-cols-1 lg:grid-cols-[1fr_480px]`,"right-xl-xl":`grid-cols-1 xl:grid-cols-[1fr_480px]`,"left-sm-sm":`grid-cols-1 sm:grid-cols-[240px_1fr]`,"left-sm-md":`grid-cols-1 md:grid-cols-[240px_1fr]`,"left-sm-lg":`grid-cols-1 lg:grid-cols-[240px_1fr]`,"left-sm-xl":`grid-cols-1 xl:grid-cols-[240px_1fr]`,"left-md-sm":`grid-cols-1 sm:grid-cols-[320px_1fr]`,"left-md-md":`grid-cols-1 md:grid-cols-[320px_1fr]`,"left-md-lg":`grid-cols-1 lg:grid-cols-[320px_1fr]`,"left-md-xl":`grid-cols-1 xl:grid-cols-[320px_1fr]`,"left-lg-sm":`grid-cols-1 sm:grid-cols-[400px_1fr]`,"left-lg-md":`grid-cols-1 md:grid-cols-[400px_1fr]`,"left-lg-lg":`grid-cols-1 lg:grid-cols-[400px_1fr]`,"left-lg-xl":`grid-cols-1 xl:grid-cols-[400px_1fr]`,"left-xl-sm":`grid-cols-1 sm:grid-cols-[480px_1fr]`,"left-xl-md":`grid-cols-1 md:grid-cols-[480px_1fr]`,"left-xl-lg":`grid-cols-1 lg:grid-cols-[480px_1fr]`,"left-xl-xl":`grid-cols-1 xl:grid-cols-[480px_1fr]`};function s({ref:e,className:s,sidebar:c=`right`,sideWidth:l=`md`,stackBelow:u=`md`,gap:d=`none`,asChild:f=!1,children:p,...m}){if(process.env.NODE_ENV!==`production`){let e=i.Children.count(p);e!==2&&console.warn(`SplitLayout expects exactly 2 children (main + sidebar), received ${String(e)}.`)}return(0,a.jsx)(f?n.Slot:`div`,{ref:e,className:t.cn(`grid`,o[`${c}-${l}-${u}`],...r.resolveResponsiveClasses(d,r.gapClasses),s),"data-slot":`root`,...m,children:p})}s.displayName=`SplitLayout`,exports.SplitLayout=s;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../../utils/slot.cjs"),r=require("../../utils/responsive.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={"right-sm-sm":`grid-cols-1 sm:grid-cols-[1fr_240px]`,"right-sm-md":`grid-cols-1 md:grid-cols-[1fr_240px]`,"right-sm-lg":`grid-cols-1 lg:grid-cols-[1fr_240px]`,"right-sm-xl":`grid-cols-1 xl:grid-cols-[1fr_240px]`,"right-md-sm":`grid-cols-1 sm:grid-cols-[1fr_320px]`,"right-md-md":`grid-cols-1 md:grid-cols-[1fr_320px]`,"right-md-lg":`grid-cols-1 lg:grid-cols-[1fr_320px]`,"right-md-xl":`grid-cols-1 xl:grid-cols-[1fr_320px]`,"right-lg-sm":`grid-cols-1 sm:grid-cols-[1fr_400px]`,"right-lg-md":`grid-cols-1 md:grid-cols-[1fr_400px]`,"right-lg-lg":`grid-cols-1 lg:grid-cols-[1fr_400px]`,"right-lg-xl":`grid-cols-1 xl:grid-cols-[1fr_400px]`,"right-xl-sm":`grid-cols-1 sm:grid-cols-[1fr_480px]`,"right-xl-md":`grid-cols-1 md:grid-cols-[1fr_480px]`,"right-xl-lg":`grid-cols-1 lg:grid-cols-[1fr_480px]`,"right-xl-xl":`grid-cols-1 xl:grid-cols-[1fr_480px]`,"left-sm-sm":`grid-cols-1 sm:grid-cols-[240px_1fr]`,"left-sm-md":`grid-cols-1 md:grid-cols-[240px_1fr]`,"left-sm-lg":`grid-cols-1 lg:grid-cols-[240px_1fr]`,"left-sm-xl":`grid-cols-1 xl:grid-cols-[240px_1fr]`,"left-md-sm":`grid-cols-1 sm:grid-cols-[320px_1fr]`,"left-md-md":`grid-cols-1 md:grid-cols-[320px_1fr]`,"left-md-lg":`grid-cols-1 lg:grid-cols-[320px_1fr]`,"left-md-xl":`grid-cols-1 xl:grid-cols-[320px_1fr]`,"left-lg-sm":`grid-cols-1 sm:grid-cols-[400px_1fr]`,"left-lg-md":`grid-cols-1 md:grid-cols-[400px_1fr]`,"left-lg-lg":`grid-cols-1 lg:grid-cols-[400px_1fr]`,"left-lg-xl":`grid-cols-1 xl:grid-cols-[400px_1fr]`,"left-xl-sm":`grid-cols-1 sm:grid-cols-[480px_1fr]`,"left-xl-md":`grid-cols-1 md:grid-cols-[480px_1fr]`,"left-xl-lg":`grid-cols-1 lg:grid-cols-[480px_1fr]`,"left-xl-xl":`grid-cols-1 xl:grid-cols-[480px_1fr]`};function s({ref:e,className:s,sidebar:c=`right`,sideWidth:l=`md`,stackBelow:u=`md`,gap:d=`none`,asChild:f=!1,children:p,...m}){if(process.env.NODE_ENV!==`production`){let e=i.Children.map(p,e=>e)?.length??0;e!==2&&console.warn(`SplitLayout expects exactly 2 children (main + sidebar), received ${String(e)}.`)}return(0,a.jsx)(f?n.Slot:`div`,{ref:e,className:t.cn(`grid`,o[`${c}-${l}-${u}`],...r.resolveResponsiveClasses(d,r.gapClasses),s),"data-slot":`root`,...m,children:p})}s.displayName=`SplitLayout`,exports.SplitLayout=s;
 //# sourceMappingURL=SplitLayout.cjs.map

package/dist/components/SplitLayout/SplitLayout.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SplitLayout.cjs","names":[],"sources":["../../../src/components/SplitLayout/SplitLayout.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { resolveResponsiveClasses, gapClasses } from \"@nuka/utils/responsive\";\nimport type { Responsive, GapScale } from \"@nuka/utils/responsive\";\n\ntype Sidebar = \"left\" | \"right\";\ntype SideWidth = \"sm\" | \"md\" | \"lg\" | \"xl\";\ntype StackBelow = \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport interface SplitLayoutProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  sidebar?: Sidebar;\n  sideWidth?: SideWidth;\n  stackBelow?: StackBelow;\n  gap?: Responsive<GapScale>;\n  asChild?: boolean;\n}\n\ntype LayoutKey = `${Sidebar}-${SideWidth}-${StackBelow}`;\n\n// prettier-ignore\nconst layoutClasses: Record<LayoutKey, string> = {\n  \"right-sm-sm\": \"grid-cols-1 sm:grid-cols-[1fr_240px]\",\n  \"right-sm-md\": \"grid-cols-1 md:grid-cols-[1fr_240px]\",\n  \"right-sm-lg\": \"grid-cols-1 lg:grid-cols-[1fr_240px]\",\n  \"right-sm-xl\": \"grid-cols-1 xl:grid-cols-[1fr_240px]\",\n  \"right-md-sm\": \"grid-cols-1 sm:grid-cols-[1fr_320px]\",\n  \"right-md-md\": \"grid-cols-1 md:grid-cols-[1fr_320px]\",\n  \"right-md-lg\": \"grid-cols-1 lg:grid-cols-[1fr_320px]\",\n  \"right-md-xl\": \"grid-cols-1 xl:grid-cols-[1fr_320px]\",\n  \"right-lg-sm\": \"grid-cols-1 sm:grid-cols-[1fr_400px]\",\n  \"right-lg-md\": \"grid-cols-1 md:grid-cols-[1fr_400px]\",\n  \"right-lg-lg\": \"grid-cols-1 lg:grid-cols-[1fr_400px]\",\n  \"right-lg-xl\": \"grid-cols-1 xl:grid-cols-[1fr_400px]\",\n  \"right-xl-sm\": \"grid-cols-1 sm:grid-cols-[1fr_480px]\",\n  \"right-xl-md\": \"grid-cols-1 md:grid-cols-[1fr_480px]\",\n  \"right-xl-lg\": \"grid-cols-1 lg:grid-cols-[1fr_480px]\",\n  \"right-xl-xl\": \"grid-cols-1 xl:grid-cols-[1fr_480px]\",\n  \"left-sm-sm\":  \"grid-cols-1 sm:grid-cols-[240px_1fr]\",\n  \"left-sm-md\":  \"grid-cols-1 md:grid-cols-[240px_1fr]\",\n  \"left-sm-lg\":  \"grid-cols-1 lg:grid-cols-[240px_1fr]\",\n  \"left-sm-xl\":  \"grid-cols-1 xl:grid-cols-[240px_1fr]\",\n  \"left-md-sm\":  \"grid-cols-1 sm:grid-cols-[320px_1fr]\",\n  \"left-md-md\":  \"grid-cols-1 md:grid-cols-[320px_1fr]\",\n  \"left-md-lg\":  \"grid-cols-1 lg:grid-cols-[320px_1fr]\",\n  \"left-md-xl\":  \"grid-cols-1 xl:grid-cols-[320px_1fr]\",\n  \"left-lg-sm\":  \"grid-cols-1 sm:grid-cols-[400px_1fr]\",\n  \"left-lg-md\":  \"grid-cols-1 md:grid-cols-[400px_1fr]\",\n  \"left-lg-lg\":  \"grid-cols-1 lg:grid-cols-[400px_1fr]\",\n  \"left-lg-xl\":  \"grid-cols-1 xl:grid-cols-[400px_1fr]\",\n  \"left-xl-sm\":  \"grid-cols-1 sm:grid-cols-[480px_1fr]\",\n  \"left-xl-md\":  \"grid-cols-1 md:grid-cols-[480px_1fr]\",\n  \"left-xl-lg\":  \"grid-cols-1 lg:grid-cols-[480px_1fr]\",\n  \"left-xl-xl\":  \"grid-cols-1 xl:grid-cols-[480px_1fr]\",\n};\n\nfunction SplitLayout({\n  ref,\n  className,\n  sidebar = \"right\",\n  sideWidth = \"md\",\n  stackBelow = \"md\",\n  gap = \"none\",\n  asChild = false,\n  children,\n  ...props\n}: SplitLayoutProps) {\n  if (process.env.NODE_ENV !== \"production\") {\n    const count = React.Children.count(children);\n    if (count !== 2) {\n      console.warn(\n        `SplitLayout expects exactly 2 children (main + sidebar), received ${String(count)}.`,\n      );\n    }\n  }\n\n  const Comp = asChild ? Slot : \"div\";\n  const key: LayoutKey = `${sidebar}-${sideWidth}-${stackBelow}`;\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"grid\",\n        layoutClasses[key],\n        ...resolveResponsiveClasses(gap, gapClasses),\n        className,\n      )}\n      data-slot=\"root\"\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nSplitLayout.displayName = \"SplitLayout\";\n\nexport { SplitLayout };\n"],"mappings":"0PAwBA,IAAM,EAA2C,CAC/C,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCAChB,CAED,SAAS,EAAY,CACnB,MACA,YACA,UAAU,QACV,YAAY,KACZ,aAAa,KACb,MAAM,OACN,UAAU,GACV,WACA,GAAG,GACgB,CACnB,GAAA,QAAA,IAAA,WAA6B,aAAc,CACzC,IAAM,EAAQ,EAAM,SAAS,MAAM,EAAS,CACxC,IAAU,GACZ,QAAQ,KACN,qEAAqE,OAAO,EAAM,CAAC,GACpF,CAOL,OACE,EAAA,EAAA,KAJW,EAAU,EAAA,KAAO,MAI5B,CACO,MACL,UAAW,EAAA,GACT,OACA,EAPiB,GAAG,EAAQ,GAAG,EAAU,GAAG,KAQ5C,GAAG,EAAA,yBAAyB,EAAK,EAAA,WAAW,CAC5C,EACD,CACD,YAAU,OACV,GAAI,EAEH,WACI,CAAA,CAIX,EAAY,YAAc"}
+{"version":3,"file":"SplitLayout.cjs","names":[],"sources":["../../../src/components/SplitLayout/SplitLayout.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { resolveResponsiveClasses, gapClasses } from \"@nuka/utils/responsive\";\nimport type { Responsive, GapScale } from \"@nuka/utils/responsive\";\n\ntype Sidebar = \"left\" | \"right\";\ntype SideWidth = \"sm\" | \"md\" | \"lg\" | \"xl\";\ntype StackBelow = \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport interface SplitLayoutProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  sidebar?: Sidebar;\n  sideWidth?: SideWidth;\n  stackBelow?: StackBelow;\n  gap?: Responsive<GapScale>;\n  asChild?: boolean;\n}\n\ntype LayoutKey = `${Sidebar}-${SideWidth}-${StackBelow}`;\n\n// prettier-ignore\nconst layoutClasses: Record<LayoutKey, string> = {\n  \"right-sm-sm\": \"grid-cols-1 sm:grid-cols-[1fr_240px]\",\n  \"right-sm-md\": \"grid-cols-1 md:grid-cols-[1fr_240px]\",\n  \"right-sm-lg\": \"grid-cols-1 lg:grid-cols-[1fr_240px]\",\n  \"right-sm-xl\": \"grid-cols-1 xl:grid-cols-[1fr_240px]\",\n  \"right-md-sm\": \"grid-cols-1 sm:grid-cols-[1fr_320px]\",\n  \"right-md-md\": \"grid-cols-1 md:grid-cols-[1fr_320px]\",\n  \"right-md-lg\": \"grid-cols-1 lg:grid-cols-[1fr_320px]\",\n  \"right-md-xl\": \"grid-cols-1 xl:grid-cols-[1fr_320px]\",\n  \"right-lg-sm\": \"grid-cols-1 sm:grid-cols-[1fr_400px]\",\n  \"right-lg-md\": \"grid-cols-1 md:grid-cols-[1fr_400px]\",\n  \"right-lg-lg\": \"grid-cols-1 lg:grid-cols-[1fr_400px]\",\n  \"right-lg-xl\": \"grid-cols-1 xl:grid-cols-[1fr_400px]\",\n  \"right-xl-sm\": \"grid-cols-1 sm:grid-cols-[1fr_480px]\",\n  \"right-xl-md\": \"grid-cols-1 md:grid-cols-[1fr_480px]\",\n  \"right-xl-lg\": \"grid-cols-1 lg:grid-cols-[1fr_480px]\",\n  \"right-xl-xl\": \"grid-cols-1 xl:grid-cols-[1fr_480px]\",\n  \"left-sm-sm\":  \"grid-cols-1 sm:grid-cols-[240px_1fr]\",\n  \"left-sm-md\":  \"grid-cols-1 md:grid-cols-[240px_1fr]\",\n  \"left-sm-lg\":  \"grid-cols-1 lg:grid-cols-[240px_1fr]\",\n  \"left-sm-xl\":  \"grid-cols-1 xl:grid-cols-[240px_1fr]\",\n  \"left-md-sm\":  \"grid-cols-1 sm:grid-cols-[320px_1fr]\",\n  \"left-md-md\":  \"grid-cols-1 md:grid-cols-[320px_1fr]\",\n  \"left-md-lg\":  \"grid-cols-1 lg:grid-cols-[320px_1fr]\",\n  \"left-md-xl\":  \"grid-cols-1 xl:grid-cols-[320px_1fr]\",\n  \"left-lg-sm\":  \"grid-cols-1 sm:grid-cols-[400px_1fr]\",\n  \"left-lg-md\":  \"grid-cols-1 md:grid-cols-[400px_1fr]\",\n  \"left-lg-lg\":  \"grid-cols-1 lg:grid-cols-[400px_1fr]\",\n  \"left-lg-xl\":  \"grid-cols-1 xl:grid-cols-[400px_1fr]\",\n  \"left-xl-sm\":  \"grid-cols-1 sm:grid-cols-[480px_1fr]\",\n  \"left-xl-md\":  \"grid-cols-1 md:grid-cols-[480px_1fr]\",\n  \"left-xl-lg\":  \"grid-cols-1 lg:grid-cols-[480px_1fr]\",\n  \"left-xl-xl\":  \"grid-cols-1 xl:grid-cols-[480px_1fr]\",\n};\n\nfunction SplitLayout({\n  ref,\n  className,\n  sidebar = \"right\",\n  sideWidth = \"md\",\n  stackBelow = \"md\",\n  gap = \"none\",\n  asChild = false,\n  children,\n  ...props\n}: SplitLayoutProps) {\n  if (process.env.NODE_ENV !== \"production\") {\n    // eslint-disable-next-line @eslint-react/no-children-map -- counting direct children for a dev-only arity warning; no viable alternative without changing the component's public API\n    const count = React.Children.map(children, (c) => c)?.length ?? 0;\n    if (count !== 2) {\n      console.warn(\n        `SplitLayout expects exactly 2 children (main + sidebar), received ${String(count)}.`,\n      );\n    }\n  }\n\n  const Comp = asChild ? Slot : \"div\";\n  const key: LayoutKey = `${sidebar}-${sideWidth}-${stackBelow}`;\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"grid\",\n        layoutClasses[key],\n        ...resolveResponsiveClasses(gap, gapClasses),\n        className,\n      )}\n      data-slot=\"root\"\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nSplitLayout.displayName = \"SplitLayout\";\n\nexport { SplitLayout };\n"],"mappings":"0PAwBA,IAAM,EAA2C,CAC/C,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,sCACjB,EAEA,SAAS,EAAY,CACnB,MACA,YACA,UAAU,QACV,YAAY,KACZ,aAAa,KACb,MAAM,OACN,UAAU,GACV,WACA,GAAG,GACgB,CACnB,GAAA,QAAA,IAAA,WAA6B,aAAc,CAEzC,IAAM,EAAQ,EAAM,SAAS,IAAI,EAAW,GAAM,CAAC,GAAG,QAAU,EAC5D,IAAU,GACZ,QAAQ,KACN,qEAAqE,OAAO,CAAK,EAAE,EACrF,CAEJ,CAKA,OACE,EAAA,EAAA,KAJW,EAAU,EAAA,KAAO,MAI5B,CACO,MACL,UAAW,EAAA,GACT,OACA,EAAc,GAPM,EAAQ,GAAG,EAAU,GAAG,KAQ5C,GAAG,EAAA,yBAAyB,EAAK,EAAA,UAAU,EAC3C,CACF,EACA,YAAU,OACV,GAAI,EAEH,UACG,CAAA,CAEV,CAEA,EAAY,YAAc"}

package/dist/components/SplitLayout/SplitLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SplitLayout.d.ts","sourceRoot":"","sources":["../../../src/components/SplitLayout/SplitLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAEnE,KAAK,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AAChC,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3C,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,GAAG,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAwCD,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,SAAS,EACT,OAAiB,EACjB,SAAgB,EAChB,UAAiB,EACjB,GAAY,EACZ,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA4BlB;kBAtCQ,WAAW;;;AA0CpB,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"SplitLayout.d.ts","sourceRoot":"","sources":["../../../src/components/SplitLayout/SplitLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAEnE,KAAK,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AAChC,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3C,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,GAAG,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAwCD,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,SAAS,EACT,OAAiB,EACjB,SAAgB,EAChB,UAAiB,EACjB,GAAY,EACZ,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA6BlB;kBAvCQ,WAAW;;;AA2CpB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/SplitLayout/SplitLayout.js

@@ -41,7 +41,7 @@ var o = {
 };
 function s({ ref: s, className: c, sidebar: l = "right", sideWidth: u = "md", stackBelow: d = "md", gap: f = "none", asChild: p = !1, children: m, ...h }) {
 	if (process.env.NODE_ENV !== "production") {
-		let e = i.Children.count(m);
+		let e = i.Children.map(m, (e) => e)?.length ?? 0;
 		e !== 2 && console.warn(`SplitLayout expects exactly 2 children (main + sidebar), received ${String(e)}.`);
 	}
 	return /* @__PURE__ */ a(p ? t : "div", {

package/dist/components/SplitLayout/SplitLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitLayout.js","names":[],"sources":["../../../src/components/SplitLayout/SplitLayout.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { resolveResponsiveClasses, gapClasses } from \"@nuka/utils/responsive\";\nimport type { Responsive, GapScale } from \"@nuka/utils/responsive\";\n\ntype Sidebar = \"left\" | \"right\";\ntype SideWidth = \"sm\" | \"md\" | \"lg\" | \"xl\";\ntype StackBelow = \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport interface SplitLayoutProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  sidebar?: Sidebar;\n  sideWidth?: SideWidth;\n  stackBelow?: StackBelow;\n  gap?: Responsive<GapScale>;\n  asChild?: boolean;\n}\n\ntype LayoutKey = `${Sidebar}-${SideWidth}-${StackBelow}`;\n\n// prettier-ignore\nconst layoutClasses: Record<LayoutKey, string> = {\n  \"right-sm-sm\": \"grid-cols-1 sm:grid-cols-[1fr_240px]\",\n  \"right-sm-md\": \"grid-cols-1 md:grid-cols-[1fr_240px]\",\n  \"right-sm-lg\": \"grid-cols-1 lg:grid-cols-[1fr_240px]\",\n  \"right-sm-xl\": \"grid-cols-1 xl:grid-cols-[1fr_240px]\",\n  \"right-md-sm\": \"grid-cols-1 sm:grid-cols-[1fr_320px]\",\n  \"right-md-md\": \"grid-cols-1 md:grid-cols-[1fr_320px]\",\n  \"right-md-lg\": \"grid-cols-1 lg:grid-cols-[1fr_320px]\",\n  \"right-md-xl\": \"grid-cols-1 xl:grid-cols-[1fr_320px]\",\n  \"right-lg-sm\": \"grid-cols-1 sm:grid-cols-[1fr_400px]\",\n  \"right-lg-md\": \"grid-cols-1 md:grid-cols-[1fr_400px]\",\n  \"right-lg-lg\": \"grid-cols-1 lg:grid-cols-[1fr_400px]\",\n  \"right-lg-xl\": \"grid-cols-1 xl:grid-cols-[1fr_400px]\",\n  \"right-xl-sm\": \"grid-cols-1 sm:grid-cols-[1fr_480px]\",\n  \"right-xl-md\": \"grid-cols-1 md:grid-cols-[1fr_480px]\",\n  \"right-xl-lg\": \"grid-cols-1 lg:grid-cols-[1fr_480px]\",\n  \"right-xl-xl\": \"grid-cols-1 xl:grid-cols-[1fr_480px]\",\n  \"left-sm-sm\":  \"grid-cols-1 sm:grid-cols-[240px_1fr]\",\n  \"left-sm-md\":  \"grid-cols-1 md:grid-cols-[240px_1fr]\",\n  \"left-sm-lg\":  \"grid-cols-1 lg:grid-cols-[240px_1fr]\",\n  \"left-sm-xl\":  \"grid-cols-1 xl:grid-cols-[240px_1fr]\",\n  \"left-md-sm\":  \"grid-cols-1 sm:grid-cols-[320px_1fr]\",\n  \"left-md-md\":  \"grid-cols-1 md:grid-cols-[320px_1fr]\",\n  \"left-md-lg\":  \"grid-cols-1 lg:grid-cols-[320px_1fr]\",\n  \"left-md-xl\":  \"grid-cols-1 xl:grid-cols-[320px_1fr]\",\n  \"left-lg-sm\":  \"grid-cols-1 sm:grid-cols-[400px_1fr]\",\n  \"left-lg-md\":  \"grid-cols-1 md:grid-cols-[400px_1fr]\",\n  \"left-lg-lg\":  \"grid-cols-1 lg:grid-cols-[400px_1fr]\",\n  \"left-lg-xl\":  \"grid-cols-1 xl:grid-cols-[400px_1fr]\",\n  \"left-xl-sm\":  \"grid-cols-1 sm:grid-cols-[480px_1fr]\",\n  \"left-xl-md\":  \"grid-cols-1 md:grid-cols-[480px_1fr]\",\n  \"left-xl-lg\":  \"grid-cols-1 lg:grid-cols-[480px_1fr]\",\n  \"left-xl-xl\":  \"grid-cols-1 xl:grid-cols-[480px_1fr]\",\n};\n\nfunction SplitLayout({\n  ref,\n  className,\n  sidebar = \"right\",\n  sideWidth = \"md\",\n  stackBelow = \"md\",\n  gap = \"none\",\n  asChild = false,\n  children,\n  ...props\n}: SplitLayoutProps) {\n  if (process.env.NODE_ENV !== \"production\") {\n    const count = React.Children.count(children);\n    if (count !== 2) {\n      console.warn(\n        `SplitLayout expects exactly 2 children (main + sidebar), received ${String(count)}.`,\n      );\n    }\n  }\n\n  const Comp = asChild ? Slot : \"div\";\n  const key: LayoutKey = `${sidebar}-${sideWidth}-${stackBelow}`;\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"grid\",\n        layoutClasses[key],\n        ...resolveResponsiveClasses(gap, gapClasses),\n        className,\n      )}\n      data-slot=\"root\"\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nSplitLayout.displayName = \"SplitLayout\";\n\nexport { SplitLayout };\n"],"mappings":";;;;;;;AAwBA,IAAM,IAA2C;CAC/C,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CAChB;AAED,SAAS,EAAY,EACnB,QACA,cACA,aAAU,SACV,eAAY,MACZ,gBAAa,MACb,SAAM,QACN,aAAU,IACV,aACA,GAAG,KACgB;AACnB,KAAA,QAAA,IAAA,aAA6B,cAAc;EACzC,IAAM,IAAQ,EAAM,SAAS,MAAM,EAAS;AAC5C,EAAI,MAAU,KACZ,QAAQ,KACN,qEAAqE,OAAO,EAAM,CAAC,GACpF;;AAOL,QACE,kBAJW,IAAU,IAAO,OAI5B;EACO;EACL,WAAW,EACT,QACA,EAPiB,GAAG,EAAQ,GAAG,EAAU,GAAG,MAQ5C,GAAG,EAAyB,GAAK,EAAW,EAC5C,EACD;EACD,aAAU;EACV,GAAI;EAEH;EACI,CAAA;;AAIX,EAAY,cAAc"}
+{"version":3,"file":"SplitLayout.js","names":[],"sources":["../../../src/components/SplitLayout/SplitLayout.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { resolveResponsiveClasses, gapClasses } from \"@nuka/utils/responsive\";\nimport type { Responsive, GapScale } from \"@nuka/utils/responsive\";\n\ntype Sidebar = \"left\" | \"right\";\ntype SideWidth = \"sm\" | \"md\" | \"lg\" | \"xl\";\ntype StackBelow = \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport interface SplitLayoutProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  sidebar?: Sidebar;\n  sideWidth?: SideWidth;\n  stackBelow?: StackBelow;\n  gap?: Responsive<GapScale>;\n  asChild?: boolean;\n}\n\ntype LayoutKey = `${Sidebar}-${SideWidth}-${StackBelow}`;\n\n// prettier-ignore\nconst layoutClasses: Record<LayoutKey, string> = {\n  \"right-sm-sm\": \"grid-cols-1 sm:grid-cols-[1fr_240px]\",\n  \"right-sm-md\": \"grid-cols-1 md:grid-cols-[1fr_240px]\",\n  \"right-sm-lg\": \"grid-cols-1 lg:grid-cols-[1fr_240px]\",\n  \"right-sm-xl\": \"grid-cols-1 xl:grid-cols-[1fr_240px]\",\n  \"right-md-sm\": \"grid-cols-1 sm:grid-cols-[1fr_320px]\",\n  \"right-md-md\": \"grid-cols-1 md:grid-cols-[1fr_320px]\",\n  \"right-md-lg\": \"grid-cols-1 lg:grid-cols-[1fr_320px]\",\n  \"right-md-xl\": \"grid-cols-1 xl:grid-cols-[1fr_320px]\",\n  \"right-lg-sm\": \"grid-cols-1 sm:grid-cols-[1fr_400px]\",\n  \"right-lg-md\": \"grid-cols-1 md:grid-cols-[1fr_400px]\",\n  \"right-lg-lg\": \"grid-cols-1 lg:grid-cols-[1fr_400px]\",\n  \"right-lg-xl\": \"grid-cols-1 xl:grid-cols-[1fr_400px]\",\n  \"right-xl-sm\": \"grid-cols-1 sm:grid-cols-[1fr_480px]\",\n  \"right-xl-md\": \"grid-cols-1 md:grid-cols-[1fr_480px]\",\n  \"right-xl-lg\": \"grid-cols-1 lg:grid-cols-[1fr_480px]\",\n  \"right-xl-xl\": \"grid-cols-1 xl:grid-cols-[1fr_480px]\",\n  \"left-sm-sm\":  \"grid-cols-1 sm:grid-cols-[240px_1fr]\",\n  \"left-sm-md\":  \"grid-cols-1 md:grid-cols-[240px_1fr]\",\n  \"left-sm-lg\":  \"grid-cols-1 lg:grid-cols-[240px_1fr]\",\n  \"left-sm-xl\":  \"grid-cols-1 xl:grid-cols-[240px_1fr]\",\n  \"left-md-sm\":  \"grid-cols-1 sm:grid-cols-[320px_1fr]\",\n  \"left-md-md\":  \"grid-cols-1 md:grid-cols-[320px_1fr]\",\n  \"left-md-lg\":  \"grid-cols-1 lg:grid-cols-[320px_1fr]\",\n  \"left-md-xl\":  \"grid-cols-1 xl:grid-cols-[320px_1fr]\",\n  \"left-lg-sm\":  \"grid-cols-1 sm:grid-cols-[400px_1fr]\",\n  \"left-lg-md\":  \"grid-cols-1 md:grid-cols-[400px_1fr]\",\n  \"left-lg-lg\":  \"grid-cols-1 lg:grid-cols-[400px_1fr]\",\n  \"left-lg-xl\":  \"grid-cols-1 xl:grid-cols-[400px_1fr]\",\n  \"left-xl-sm\":  \"grid-cols-1 sm:grid-cols-[480px_1fr]\",\n  \"left-xl-md\":  \"grid-cols-1 md:grid-cols-[480px_1fr]\",\n  \"left-xl-lg\":  \"grid-cols-1 lg:grid-cols-[480px_1fr]\",\n  \"left-xl-xl\":  \"grid-cols-1 xl:grid-cols-[480px_1fr]\",\n};\n\nfunction SplitLayout({\n  ref,\n  className,\n  sidebar = \"right\",\n  sideWidth = \"md\",\n  stackBelow = \"md\",\n  gap = \"none\",\n  asChild = false,\n  children,\n  ...props\n}: SplitLayoutProps) {\n  if (process.env.NODE_ENV !== \"production\") {\n    // eslint-disable-next-line @eslint-react/no-children-map -- counting direct children for a dev-only arity warning; no viable alternative without changing the component's public API\n    const count = React.Children.map(children, (c) => c)?.length ?? 0;\n    if (count !== 2) {\n      console.warn(\n        `SplitLayout expects exactly 2 children (main + sidebar), received ${String(count)}.`,\n      );\n    }\n  }\n\n  const Comp = asChild ? Slot : \"div\";\n  const key: LayoutKey = `${sidebar}-${sideWidth}-${stackBelow}`;\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"grid\",\n        layoutClasses[key],\n        ...resolveResponsiveClasses(gap, gapClasses),\n        className,\n      )}\n      data-slot=\"root\"\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nSplitLayout.displayName = \"SplitLayout\";\n\nexport { SplitLayout };\n"],"mappings":";;;;;;;AAwBA,IAAM,IAA2C;CAC/C,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;AACjB;AAEA,SAAS,EAAY,EACnB,QACA,cACA,aAAU,SACV,eAAY,MACZ,gBAAa,MACb,SAAM,QACN,aAAU,IACV,aACA,GAAG,KACgB;CACnB,IAAA,QAAA,IAAA,aAA6B,cAAc;EAEzC,IAAM,IAAQ,EAAM,SAAS,IAAI,IAAW,MAAM,CAAC,GAAG,UAAU;EAChE,AAAI,MAAU,KACZ,QAAQ,KACN,qEAAqE,OAAO,CAAK,EAAE,EACrF;CAEJ;CAKA,OACE,kBAJW,IAAU,IAAO,OAI5B;EACO;EACL,WAAW,EACT,QACA,EAAc,GAPM,EAAQ,GAAG,EAAU,GAAG,MAQ5C,GAAG,EAAyB,GAAK,CAAU,GAC3C,CACF;EACA,aAAU;EACV,GAAI;EAEH;CACG,CAAA;AAEV;AAEA,EAAY,cAAc"}

package/dist/components/Stack/Stack.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/responsive.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,className:i,as:o=`div`,direction:s=`column`,gap:c=`none`,align:l,justify:u,wrap:d,asChild:f=!1,...p}){return(0,a.jsx)(f?n.Slot:o,{ref:e,className:t.cn(`flex`,...r.resolveResponsiveClasses(s,r.directionClasses),...r.resolveResponsiveClasses(c,r.gapClasses),...r.resolveResponsiveClasses(l,r.alignClasses),...r.resolveResponsiveClasses(u,r.justifyClasses),...r.resolveResponsiveClasses(d,r.wrapClasses),i),...p})}o.displayName=`Stack`,exports.Stack=o;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../../utils/slot.cjs"),r=require("../../utils/responsive.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({ref:e,className:i,as:o=`div`,direction:s=`column`,gap:c=`none`,align:l,justify:u,wrap:d,asChild:f=!1,...p}){return(0,a.jsx)(f?n.Slot:o,{ref:e,className:t.cn(`flex`,...r.resolveResponsiveClasses(s,r.directionClasses),...r.resolveResponsiveClasses(c,r.gapClasses),...r.resolveResponsiveClasses(l,r.alignClasses),...r.resolveResponsiveClasses(u,r.justifyClasses),...r.resolveResponsiveClasses(d,r.wrapClasses),i),...p})}o.displayName=`Stack`,exports.Stack=o;
 //# sourceMappingURL=Stack.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Stack.cjs","names":[],"sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  directionClasses,\n  gapClasses,\n  alignClasses,\n  justifyClasses,\n  wrapClasses,\n} from \"@nuka/utils/responsive\";\nimport type {\n  Responsive,\n  GapScale,\n  Direction,\n  Align,\n  Justify,\n  Wrap,\n} from \"@nuka/utils/responsive\";\nimport type { LayoutElement } from \"@nuka/utils/polymorphic\";\n\nexport interface StackProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  /**\n   * The HTML element to render. Defaults to \"div\".\n   *\n   * When `asChild` is true, this prop is ignored and the child element\n   * determines the rendered tag.\n   */\n  as?: LayoutElement;\n  direction?: Responsive<Direction>;\n  gap?: Responsive<GapScale>;\n  align?: Responsive<Align>;\n  justify?: Responsive<Justify>;\n  wrap?: Responsive<Wrap>;\n  asChild?: boolean;\n}\n\nfunction Stack({\n  ref,\n  className,\n  as = \"div\",\n  direction = \"column\",\n  gap = \"none\",\n  align,\n  justify,\n  wrap,\n  asChild = false,\n  ...props\n}: StackProps) {\n  const Comp = asChild ? Slot : as;\n\n  return (\n    <Comp\n      // Safe: the `as` prop makes the element type dynamic, so ref cannot\n      // satisfy any single element ref type. Each render produces one\n      // concrete element, so the ref assignment is correct at runtime.\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        \"flex\",\n        ...resolveResponsiveClasses(direction, directionClasses),\n        ...resolveResponsiveClasses(gap, gapClasses),\n        ...resolveResponsiveClasses(align, alignClasses),\n        ...resolveResponsiveClasses(justify, justifyClasses),\n        ...resolveResponsiveClasses(wrap, wrapClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nStack.displayName = \"Stack\";\n\nexport { Stack };\n"],"mappings":"0PAwCA,SAAS,EAAM,CACb,MACA,YACA,KAAK,MACL,YAAY,SACZ,MAAM,OACN,QACA,UACA,OACA,UAAU,GACV,GAAG,GACU,CAGb,OACE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,EAG5B,CAIO,MACL,UAAW,EAAA,GACT,OACA,GAAG,EAAA,yBAAyB,EAAW,EAAA,iBAAiB,CACxD,GAAG,EAAA,yBAAyB,EAAK,EAAA,WAAW,CAC5C,GAAG,EAAA,yBAAyB,EAAO,EAAA,aAAa,CAChD,GAAG,EAAA,yBAAyB,EAAS,EAAA,eAAe,CACpD,GAAG,EAAA,yBAAyB,EAAM,EAAA,YAAY,CAC9C,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAM,YAAc"}
+{"version":3,"file":"Stack.cjs","names":[],"sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  directionClasses,\n  gapClasses,\n  alignClasses,\n  justifyClasses,\n  wrapClasses,\n} from \"@nuka/utils/responsive\";\nimport type {\n  Responsive,\n  GapScale,\n  Direction,\n  Align,\n  Justify,\n  Wrap,\n} from \"@nuka/utils/responsive\";\nimport type { LayoutElement } from \"@nuka/utils/polymorphic\";\n\nexport interface StackProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  /**\n   * The HTML element to render. Defaults to \"div\".\n   *\n   * When `asChild` is true, this prop is ignored and the child element\n   * determines the rendered tag.\n   */\n  as?: LayoutElement;\n  direction?: Responsive<Direction>;\n  gap?: Responsive<GapScale>;\n  align?: Responsive<Align>;\n  justify?: Responsive<Justify>;\n  wrap?: Responsive<Wrap>;\n  asChild?: boolean;\n}\n\nfunction Stack({\n  ref,\n  className,\n  as = \"div\",\n  direction = \"column\",\n  gap = \"none\",\n  align,\n  justify,\n  wrap,\n  asChild = false,\n  ...props\n}: StackProps) {\n  const Comp = asChild ? Slot : as;\n\n  return (\n    <Comp\n      // Safe: the `as` prop makes the element type dynamic, so ref cannot\n      // satisfy any single element ref type. Each render produces one\n      // concrete element, so the ref assignment is correct at runtime.\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        \"flex\",\n        ...resolveResponsiveClasses(direction, directionClasses),\n        ...resolveResponsiveClasses(gap, gapClasses),\n        ...resolveResponsiveClasses(align, alignClasses),\n        ...resolveResponsiveClasses(justify, justifyClasses),\n        ...resolveResponsiveClasses(wrap, wrapClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nStack.displayName = \"Stack\";\n\nexport { Stack };\n"],"mappings":"0PAwCA,SAAS,EAAM,CACb,MACA,YACA,KAAK,MACL,YAAY,SACZ,MAAM,OACN,QACA,UACA,OACA,UAAU,GACV,GAAG,GACU,CAGb,OACE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,EAG5B,CAIO,MACL,UAAW,EAAA,GACT,OACA,GAAG,EAAA,yBAAyB,EAAW,EAAA,gBAAgB,EACvD,GAAG,EAAA,yBAAyB,EAAK,EAAA,UAAU,EAC3C,GAAG,EAAA,yBAAyB,EAAO,EAAA,YAAY,EAC/C,GAAG,EAAA,yBAAyB,EAAS,EAAA,cAAc,EACnD,GAAG,EAAA,yBAAyB,EAAM,EAAA,WAAW,EAC7C,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,EAAM,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","names":[],"sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  directionClasses,\n  gapClasses,\n  alignClasses,\n  justifyClasses,\n  wrapClasses,\n} from \"@nuka/utils/responsive\";\nimport type {\n  Responsive,\n  GapScale,\n  Direction,\n  Align,\n  Justify,\n  Wrap,\n} from \"@nuka/utils/responsive\";\nimport type { LayoutElement } from \"@nuka/utils/polymorphic\";\n\nexport interface StackProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  /**\n   * The HTML element to render. Defaults to \"div\".\n   *\n   * When `asChild` is true, this prop is ignored and the child element\n   * determines the rendered tag.\n   */\n  as?: LayoutElement;\n  direction?: Responsive<Direction>;\n  gap?: Responsive<GapScale>;\n  align?: Responsive<Align>;\n  justify?: Responsive<Justify>;\n  wrap?: Responsive<Wrap>;\n  asChild?: boolean;\n}\n\nfunction Stack({\n  ref,\n  className,\n  as = \"div\",\n  direction = \"column\",\n  gap = \"none\",\n  align,\n  justify,\n  wrap,\n  asChild = false,\n  ...props\n}: StackProps) {\n  const Comp = asChild ? Slot : as;\n\n  return (\n    <Comp\n      // Safe: the `as` prop makes the element type dynamic, so ref cannot\n      // satisfy any single element ref type. Each render produces one\n      // concrete element, so the ref assignment is correct at runtime.\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        \"flex\",\n        ...resolveResponsiveClasses(direction, directionClasses),\n        ...resolveResponsiveClasses(gap, gapClasses),\n        ...resolveResponsiveClasses(align, alignClasses),\n        ...resolveResponsiveClasses(justify, justifyClasses),\n        ...resolveResponsiveClasses(wrap, wrapClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nStack.displayName = \"Stack\";\n\nexport { Stack };\n"],"mappings":";;;;;;;AAwCA,SAAS,EAAM,EACb,QACA,cACA,QAAK,OACL,eAAY,UACZ,SAAM,QACN,UACA,YACA,SACA,aAAU,IACV,GAAG,KACU;AAGb,QACE,kBAHW,IAAU,IAAO,GAG5B;EAIO;EACL,WAAW,EACT,QACA,GAAG,EAAyB,GAAW,EAAiB,EACxD,GAAG,EAAyB,GAAK,EAAW,EAC5C,GAAG,EAAyB,GAAO,EAAa,EAChD,GAAG,EAAyB,GAAS,EAAe,EACpD,GAAG,EAAyB,GAAM,EAAY,EAC9C,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAM,cAAc"}
+{"version":3,"file":"Stack.js","names":[],"sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  directionClasses,\n  gapClasses,\n  alignClasses,\n  justifyClasses,\n  wrapClasses,\n} from \"@nuka/utils/responsive\";\nimport type {\n  Responsive,\n  GapScale,\n  Direction,\n  Align,\n  Justify,\n  Wrap,\n} from \"@nuka/utils/responsive\";\nimport type { LayoutElement } from \"@nuka/utils/polymorphic\";\n\nexport interface StackProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  /**\n   * The HTML element to render. Defaults to \"div\".\n   *\n   * When `asChild` is true, this prop is ignored and the child element\n   * determines the rendered tag.\n   */\n  as?: LayoutElement;\n  direction?: Responsive<Direction>;\n  gap?: Responsive<GapScale>;\n  align?: Responsive<Align>;\n  justify?: Responsive<Justify>;\n  wrap?: Responsive<Wrap>;\n  asChild?: boolean;\n}\n\nfunction Stack({\n  ref,\n  className,\n  as = \"div\",\n  direction = \"column\",\n  gap = \"none\",\n  align,\n  justify,\n  wrap,\n  asChild = false,\n  ...props\n}: StackProps) {\n  const Comp = asChild ? Slot : as;\n\n  return (\n    <Comp\n      // Safe: the `as` prop makes the element type dynamic, so ref cannot\n      // satisfy any single element ref type. Each render produces one\n      // concrete element, so the ref assignment is correct at runtime.\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        \"flex\",\n        ...resolveResponsiveClasses(direction, directionClasses),\n        ...resolveResponsiveClasses(gap, gapClasses),\n        ...resolveResponsiveClasses(align, alignClasses),\n        ...resolveResponsiveClasses(justify, justifyClasses),\n        ...resolveResponsiveClasses(wrap, wrapClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nStack.displayName = \"Stack\";\n\nexport { Stack };\n"],"mappings":";;;;;;;AAwCA,SAAS,EAAM,EACb,QACA,cACA,QAAK,OACL,eAAY,UACZ,SAAM,QACN,UACA,YACA,SACA,aAAU,IACV,GAAG,KACU;CAGb,OACE,kBAHW,IAAU,IAAO,GAG5B;EAIO;EACL,WAAW,EACT,QACA,GAAG,EAAyB,GAAW,CAAgB,GACvD,GAAG,EAAyB,GAAK,CAAU,GAC3C,GAAG,EAAyB,GAAO,CAAY,GAC/C,GAAG,EAAyB,GAAS,CAAc,GACnD,GAAG,EAAyB,GAAM,CAAW,GAC7C,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,EAAM,cAAc"}

package/dist/components/Stepper/Stepper.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Stepper.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a(e,t,n){if(r.isValidElement(e)){if(e.props.state!==void 0)return e.props.state;let t=e.props.step;if(t<n)return`completed`;if(t===n)return`current`}return`upcoming`}function o({ref:e,currentStep:o,orientation:s=`horizontal`,onStepClick:c,className:l,children:u,"aria-label":d=`Progress`,...f}){let p=r.useMemo(()=>({currentStep:o,orientation:s,onStepClick:c}),[o,s,c]),m=r.Children.toArray(u),h;return s===`horizontal`?(h=[],m.forEach((e,n)=>{if(h.push(e),n<m.length-1){let r=a(e,n,o)===`completed`;h.push((0,i.jsx)(`li`,{role:`presentation`,"aria-hidden":`true`,"data-slot":`separator`,className:`flex items-start flex-1`,children:(0,i.jsx)(`div`,{className:t.cn(`h-px w-full mt-(--space-4)`,r?`bg-(--nuka-accent-bg)`:`bg-(--nuka-border-base)`)})},`connector-${String(n)}`))}})):h=m,(0,i.jsx)(n.StepperContext,{value:p,children:(0,i.jsx)(`nav`,{ref:e,"aria-label":d,className:l,"data-slot":`root`,...f,children:(0,i.jsx)(`ol`,{className:t.cn(`flex list-none`,s===`horizontal`?`flex-row items-start`:`flex-col`),"data-slot":`list`,children:h})})})}o.displayName=`Stepper`,exports.Stepper=o;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("./Stepper.context.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a(e,t,n){if(r.isValidElement(e)){if(e.props.state!==void 0)return e.props.state;let t=e.props.step;if(t<n)return`completed`;if(t===n)return`current`}return`upcoming`}function o({ref:e,currentStep:o,orientation:s=`horizontal`,onStepClick:c,className:l,children:u,"aria-label":d=`Progress`,...f}){let p=r.useMemo(()=>({currentStep:o,orientation:s,onStepClick:c}),[o,s,c]),m=r.Children.map(u,e=>e)??[],h;return s===`horizontal`?(h=[],m.forEach((e,n)=>{if(h.push(e),n<m.length-1){let r=a(e,n,o)===`completed`;h.push((0,i.jsx)(`li`,{role:`presentation`,"aria-hidden":`true`,"data-slot":`separator`,className:`flex items-start flex-1`,children:(0,i.jsx)(`div`,{className:t.cn(`h-px w-full mt-(--space-4)`,r?`bg-(--nuka-accent-bg)`:`bg-(--nuka-border-base)`)})},`connector-${String(n)}`))}})):h=m,(0,i.jsx)(n.StepperContext,{value:p,children:(0,i.jsx)(`nav`,{ref:e,"aria-label":d,className:l,"data-slot":`root`,...f,children:(0,i.jsx)(`ol`,{className:t.cn(`flex list-none`,s===`horizontal`?`flex-row items-start`:`flex-col`),"data-slot":`list`,children:h})})})}o.displayName=`Stepper`,exports.Stepper=o;
 //# sourceMappingURL=Stepper.cjs.map

package/dist/components/Stepper/Stepper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.cjs","names":[],"sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { StepperContext } from \"@nuka/components/Stepper/Stepper.context\";\nimport type {\n  StepperOrientation,\n  StepState,\n  StepperContextValue,\n} from \"@nuka/components/Stepper/Stepper.context\";\nimport type { StepperItemProps } from \"@nuka/components/Stepper/StepperItem\";\n\nfunction resolveStepState(\n  child: React.ReactNode,\n  index: number,\n  currentStep: number,\n): StepState {\n  if (React.isValidElement<StepperItemProps>(child)) {\n    if (child.props.state !== undefined) return child.props.state;\n\n    const stepIndex = child.props.step;\n    if (stepIndex < currentStep) return \"completed\";\n    if (stepIndex === currentStep) return \"current\";\n  }\n  return \"upcoming\";\n}\n\nexport interface StepperProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  currentStep: number;\n  orientation?: StepperOrientation;\n  onStepClick?: (step: number) => void;\n}\n\nfunction Stepper({\n  ref,\n  currentStep,\n  orientation = \"horizontal\",\n  onStepClick,\n  className,\n  children,\n  \"aria-label\": ariaLabel = \"Progress\",\n  ...props\n}: StepperProps) {\n  const contextValue: StepperContextValue = React.useMemo(\n    () => ({ currentStep, orientation, onStepClick }),\n    [currentStep, orientation, onStepClick],\n  );\n\n  const childArray = React.Children.toArray(children);\n  let listChildren: React.ReactNode[];\n\n  if (orientation === \"horizontal\") {\n    listChildren = [];\n    childArray.forEach((child, i) => {\n      listChildren.push(child);\n      if (i < childArray.length - 1) {\n        const leftStepState = resolveStepState(child, i, currentStep);\n        const segmentCompleted = leftStepState === \"completed\";\n        listChildren.push(\n          <li\n            key={`connector-${String(i)}`}\n            role=\"presentation\"\n            aria-hidden=\"true\"\n            data-slot=\"separator\"\n            className=\"flex items-start flex-1\"\n          >\n            <div\n              className={cn(\n                \"h-px w-full mt-(--space-4)\",\n                segmentCompleted\n                  ? \"bg-(--nuka-accent-bg)\"\n                  : \"bg-(--nuka-border-base)\",\n              )}\n            />\n          </li>,\n        );\n      }\n    });\n  } else {\n    listChildren = childArray;\n  }\n\n  return (\n    <StepperContext value={contextValue}>\n      <nav\n        ref={ref}\n        aria-label={ariaLabel}\n        className={className}\n        data-slot=\"root\"\n        {...props}\n      >\n        <ol\n          className={cn(\n            \"flex list-none\",\n            orientation === \"horizontal\" ? \"flex-row items-start\" : \"flex-col\",\n          )}\n          data-slot=\"list\"\n        >\n          {listChildren}\n        </ol>\n      </nav>\n    </StepperContext>\n  );\n}\n\nStepper.displayName = \"Stepper\";\n\nexport { Stepper };\n"],"mappings":"mNAWA,SAAS,EACP,EACA,EACA,EACW,CACX,GAAI,EAAM,eAAiC,EAAM,CAAE,CACjD,GAAI,EAAM,MAAM,QAAU,IAAA,GAAW,OAAO,EAAM,MAAM,MAExD,IAAM,EAAY,EAAM,MAAM,KAC9B,GAAI,EAAY,EAAa,MAAO,YACpC,GAAI,IAAc,EAAa,MAAO,UAExC,MAAO,WAUT,SAAS,EAAQ,CACf,MACA,cACA,cAAc,aACd,cACA,YACA,WACA,aAAc,EAAY,WAC1B,GAAG,GACY,CACf,IAAM,EAAoC,EAAM,aACvC,CAAE,cAAa,cAAa,cAAa,EAChD,CAAC,EAAa,EAAa,EAAY,CACxC,CAEK,EAAa,EAAM,SAAS,QAAQ,EAAS,CAC/C,EAiCJ,OA/BI,IAAgB,cAClB,EAAe,EAAE,CACjB,EAAW,SAAS,EAAO,IAAM,CAE/B,GADA,EAAa,KAAK,EAAM,CACpB,EAAI,EAAW,OAAS,EAAG,CAE7B,IAAM,EADgB,EAAiB,EAAO,EAAG,EAAY,GAClB,YAC3C,EAAa,MACX,EAAA,EAAA,KAAC,KAAD,CAEE,KAAK,eACL,cAAY,OACZ,YAAU,YACV,UAAU,oCAEV,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,6BACA,EACI,wBACA,0BACL,CACD,CAAA,CACC,CAdE,aAAa,OAAO,EAAE,GAcxB,CACN,GAEH,EAEF,EAAe,GAIf,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,MAAO,YACrB,EAAA,EAAA,KAAC,MAAD,CACO,MACL,aAAY,EACD,YACX,YAAU,OACV,GAAI,YAEJ,EAAA,EAAA,KAAC,KAAD,CACE,UAAW,EAAA,GACT,iBACA,IAAgB,aAAe,uBAAyB,WACzD,CACD,YAAU,gBAET,EACE,CAAA,CACD,CAAA,CACS,CAAA,CAIrB,EAAQ,YAAc"}
+{"version":3,"file":"Stepper.cjs","names":[],"sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { StepperContext } from \"@nuka/components/Stepper/Stepper.context\";\nimport type {\n  StepperOrientation,\n  StepState,\n  StepperContextValue,\n} from \"@nuka/components/Stepper/Stepper.context\";\nimport type { StepperItemProps } from \"@nuka/components/Stepper/StepperItem\";\n\nfunction resolveStepState(\n  child: React.ReactNode,\n  index: number,\n  currentStep: number,\n): StepState {\n  if (React.isValidElement<StepperItemProps>(child)) {\n    if (child.props.state !== undefined) return child.props.state;\n\n    const stepIndex = child.props.step;\n    if (stepIndex < currentStep) return \"completed\";\n    if (stepIndex === currentStep) return \"current\";\n  }\n  return \"upcoming\";\n}\n\nexport interface StepperProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  currentStep: number;\n  orientation?: StepperOrientation;\n  onStepClick?: (step: number) => void;\n}\n\nfunction Stepper({\n  ref,\n  currentStep,\n  orientation = \"horizontal\",\n  onStepClick,\n  className,\n  children,\n  \"aria-label\": ariaLabel = \"Progress\",\n  ...props\n}: StepperProps) {\n  const contextValue: StepperContextValue = React.useMemo(\n    () => ({ currentStep, orientation, onStepClick }),\n    [currentStep, orientation, onStepClick],\n  );\n\n  // eslint-disable-next-line @eslint-react/no-children-map -- inserting connector <li> elements between steps requires iterating children; no viable alternative without changing the component's public API\n  const childArray = React.Children.map(children, (c) => c) ?? [];\n  let listChildren: React.ReactNode[];\n\n  if (orientation === \"horizontal\") {\n    listChildren = [];\n    childArray.forEach((child, i) => {\n      listChildren.push(child);\n      if (i < childArray.length - 1) {\n        const leftStepState = resolveStepState(child, i, currentStep);\n        const segmentCompleted = leftStepState === \"completed\";\n        listChildren.push(\n          <li\n            key={`connector-${String(i)}`}\n            role=\"presentation\"\n            aria-hidden=\"true\"\n            data-slot=\"separator\"\n            className=\"flex items-start flex-1\"\n          >\n            <div\n              className={cn(\n                \"h-px w-full mt-(--space-4)\",\n                segmentCompleted\n                  ? \"bg-(--nuka-accent-bg)\"\n                  : \"bg-(--nuka-border-base)\",\n              )}\n            />\n          </li>,\n        );\n      }\n    });\n  } else {\n    listChildren = childArray;\n  }\n\n  return (\n    <StepperContext value={contextValue}>\n      <nav\n        ref={ref}\n        aria-label={ariaLabel}\n        className={className}\n        data-slot=\"root\"\n        {...props}\n      >\n        <ol\n          className={cn(\n            \"flex list-none\",\n            orientation === \"horizontal\" ? \"flex-row items-start\" : \"flex-col\",\n          )}\n          data-slot=\"list\"\n        >\n          {listChildren}\n        </ol>\n      </nav>\n    </StepperContext>\n  );\n}\n\nStepper.displayName = \"Stepper\";\n\nexport { Stepper };\n"],"mappings":"mNAWA,SAAS,EACP,EACA,EACA,EACW,CACX,GAAI,EAAM,eAAiC,CAAK,EAAG,CACjD,GAAI,EAAM,MAAM,QAAU,IAAA,GAAW,OAAO,EAAM,MAAM,MAExD,IAAM,EAAY,EAAM,MAAM,KAC9B,GAAI,EAAY,EAAa,MAAO,YACpC,GAAI,IAAc,EAAa,MAAO,SACxC,CACA,MAAO,UACT,CASA,SAAS,EAAQ,CACf,MACA,cACA,cAAc,aACd,cACA,YACA,WACA,aAAc,EAAY,WAC1B,GAAG,GACY,CACf,IAAM,EAAoC,EAAM,aACvC,CAAE,cAAa,cAAa,aAAY,GAC/C,CAAC,EAAa,EAAa,CAAW,CACxC,EAGM,EAAa,EAAM,SAAS,IAAI,EAAW,GAAM,CAAC,GAAK,CAAC,EAC1D,EAiCJ,OA/BI,IAAgB,cAClB,EAAe,CAAC,EAChB,EAAW,SAAS,EAAO,IAAM,CAE/B,GADA,EAAa,KAAK,CAAK,EACnB,EAAI,EAAW,OAAS,EAAG,CAE7B,IAAM,EADgB,EAAiB,EAAO,EAAG,CACxB,IAAkB,YAC3C,EAAa,MACX,EAAA,EAAA,KAAC,KAAD,CAEE,KAAK,eACL,cAAY,OACZ,YAAU,YACV,UAAU,oCAEV,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,6BACA,EACI,wBACA,yBACN,CACD,CAAA,CACC,EAdG,aAAa,OAAO,CAAC,GAcxB,CACN,CACF,CACF,CAAC,GAED,EAAe,GAIf,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,MAAO,YACrB,EAAA,EAAA,KAAC,MAAD,CACO,MACL,aAAY,EACD,YACX,YAAU,OACV,GAAI,YAEJ,EAAA,EAAA,KAAC,KAAD,CACE,UAAW,EAAA,GACT,iBACA,IAAgB,aAAe,uBAAyB,UAC1D,EACA,YAAU,gBAET,CACC,CAAA,CACD,CAAA,CACS,CAAA,CAEpB,CAEA,EAAQ,YAAc"}

package/dist/components/Stepper/Stepper.context.cjs

@@ -1,2 +1,2 @@
-"use client";require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=(0,e.createContext)(null);function n(){let n=(0,e.useContext)(t);if(n===null)throw Error(`Stepper compound components must be used within <Stepper>`);return n}var r=(0,e.createContext)(null);function i(){let t=(0,e.useContext)(r);if(t===null)throw Error(`StepperIndicator/StepperContent must be used within <StepperItem>`);return t}exports.StepperContext=t,exports.StepperItemContext=r,exports.useStepperContext=n,exports.useStepperItemContext=i;
+"use client";let e=require("react");var t=(0,e.createContext)(null);function n(){let n=(0,e.use)(t);if(n===null)throw Error(`Stepper compound components must be used within <Stepper>`);return n}var r=(0,e.createContext)(null);function i(){let t=(0,e.use)(r);if(t===null)throw Error(`StepperIndicator/StepperContent must be used within <StepperItem>`);return t}exports.StepperContext=t,exports.StepperItemContext=r,exports.useStepperContext=n,exports.useStepperItemContext=i;
 //# sourceMappingURL=Stepper.context.cjs.map

package/dist/components/Stepper/Stepper.context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.context.cjs","names":[],"sources":["../../../src/components/Stepper/Stepper.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\n\nexport type StepperOrientation = \"horizontal\" | \"vertical\";\nexport type StepState = \"completed\" | \"current\" | \"upcoming\" | \"error\";\n\nexport interface StepperContextValue {\n  currentStep: number;\n  orientation: StepperOrientation;\n  onStepClick: ((step: number) => void) | undefined;\n}\n\nexport interface StepperItemContextValue {\n  step: number;\n  state: StepState;\n  disabled: boolean;\n}\n\nconst StepperContext = createContext<StepperContextValue | null>(null);\n\nfunction useStepperContext(): StepperContextValue {\n  const context = useContext(StepperContext);\n  if (context === null) {\n    throw new Error(\n      \"Stepper compound components must be used within <Stepper>\",\n    );\n  }\n  return context;\n}\n\nconst StepperItemContext = createContext<StepperItemContextValue | null>(null);\n\nfunction useStepperItemContext(): StepperItemContextValue {\n  const context = useContext(StepperItemContext);\n  if (context === null) {\n    throw new Error(\n      \"StepperIndicator/StepperContent must be used within <StepperItem>\",\n    );\n  }\n  return context;\n}\n\nexport {\n  StepperContext,\n  useStepperContext,\n  StepperItemContext,\n  useStepperItemContext,\n};\n"],"mappings":"oFAkBA,IAAM,GAAA,EAAA,EAAA,eAA2D,KAAK,CAEtE,SAAS,GAAyC,CAChD,IAAM,GAAA,EAAA,EAAA,YAAqB,EAAe,CAC1C,GAAI,IAAY,KACd,MAAU,MACR,4DACD,CAEH,OAAO,EAGT,IAAM,GAAA,EAAA,EAAA,eAAmE,KAAK,CAE9E,SAAS,GAAiD,CACxD,IAAM,GAAA,EAAA,EAAA,YAAqB,EAAmB,CAC9C,GAAI,IAAY,KACd,MAAU,MACR,oEACD,CAEH,OAAO"}
+{"version":3,"file":"Stepper.context.cjs","names":[],"sources":["../../../src/components/Stepper/Stepper.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, use } from \"react\";\n\nexport type StepperOrientation = \"horizontal\" | \"vertical\";\nexport type StepState = \"completed\" | \"current\" | \"upcoming\" | \"error\";\n\nexport interface StepperContextValue {\n  currentStep: number;\n  orientation: StepperOrientation;\n  onStepClick: ((step: number) => void) | undefined;\n}\n\nexport interface StepperItemContextValue {\n  step: number;\n  state: StepState;\n  disabled: boolean;\n}\n\nconst StepperContext = createContext<StepperContextValue | null>(null);\n\nfunction useStepperContext(): StepperContextValue {\n  const context = use(StepperContext);\n  if (context === null) {\n    throw new Error(\n      \"Stepper compound components must be used within <Stepper>\",\n    );\n  }\n  return context;\n}\n\nconst StepperItemContext = createContext<StepperItemContextValue | null>(null);\n\nfunction useStepperItemContext(): StepperItemContextValue {\n  const context = use(StepperItemContext);\n  if (context === null) {\n    throw new Error(\n      \"StepperIndicator/StepperContent must be used within <StepperItem>\",\n    );\n  }\n  return context;\n}\n\nexport {\n  StepperContext,\n  useStepperContext,\n  StepperItemContext,\n  useStepperItemContext,\n};\n"],"mappings":"oCAkBA,IAAM,GAAA,EAAA,EAAA,eAA2D,IAAI,EAErE,SAAS,GAAyC,CAChD,IAAM,GAAA,EAAA,EAAA,KAAc,CAAc,EAClC,GAAI,IAAY,KACd,MAAU,MACR,2DACF,EAEF,OAAO,CACT,CAEA,IAAM,GAAA,EAAA,EAAA,eAAmE,IAAI,EAE7E,SAAS,GAAiD,CACxD,IAAM,GAAA,EAAA,EAAA,KAAc,CAAkB,EACtC,GAAI,IAAY,KACd,MAAU,MACR,mEACF,EAEF,OAAO,CACT"}

package/dist/components/Stepper/Stepper.context.js

@@ -1,5 +1,5 @@
 "use client";
-import { createContext as e, useContext as t } from "react";
+import { createContext as e, use as t } from "react";
 //#region src/components/Stepper/Stepper.context.tsx
 var n = e(null);
 function r() {

package/dist/components/Stepper/Stepper.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.context.js","names":[],"sources":["../../../src/components/Stepper/Stepper.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\n\nexport type StepperOrientation = \"horizontal\" | \"vertical\";\nexport type StepState = \"completed\" | \"current\" | \"upcoming\" | \"error\";\n\nexport interface StepperContextValue {\n  currentStep: number;\n  orientation: StepperOrientation;\n  onStepClick: ((step: number) => void) | undefined;\n}\n\nexport interface StepperItemContextValue {\n  step: number;\n  state: StepState;\n  disabled: boolean;\n}\n\nconst StepperContext = createContext<StepperContextValue | null>(null);\n\nfunction useStepperContext(): StepperContextValue {\n  const context = useContext(StepperContext);\n  if (context === null) {\n    throw new Error(\n      \"Stepper compound components must be used within <Stepper>\",\n    );\n  }\n  return context;\n}\n\nconst StepperItemContext = createContext<StepperItemContextValue | null>(null);\n\nfunction useStepperItemContext(): StepperItemContextValue {\n  const context = useContext(StepperItemContext);\n  if (context === null) {\n    throw new Error(\n      \"StepperIndicator/StepperContent must be used within <StepperItem>\",\n    );\n  }\n  return context;\n}\n\nexport {\n  StepperContext,\n  useStepperContext,\n  StepperItemContext,\n  useStepperItemContext,\n};\n"],"mappings":";;;AAkBA,IAAM,IAAiB,EAA0C,KAAK;AAEtE,SAAS,IAAyC;CAChD,IAAM,IAAU,EAAW,EAAe;AAC1C,KAAI,MAAY,KACd,OAAU,MACR,4DACD;AAEH,QAAO;;AAGT,IAAM,IAAqB,EAA8C,KAAK;AAE9E,SAAS,IAAiD;CACxD,IAAM,IAAU,EAAW,EAAmB;AAC9C,KAAI,MAAY,KACd,OAAU,MACR,oEACD;AAEH,QAAO"}
+{"version":3,"file":"Stepper.context.js","names":[],"sources":["../../../src/components/Stepper/Stepper.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, use } from \"react\";\n\nexport type StepperOrientation = \"horizontal\" | \"vertical\";\nexport type StepState = \"completed\" | \"current\" | \"upcoming\" | \"error\";\n\nexport interface StepperContextValue {\n  currentStep: number;\n  orientation: StepperOrientation;\n  onStepClick: ((step: number) => void) | undefined;\n}\n\nexport interface StepperItemContextValue {\n  step: number;\n  state: StepState;\n  disabled: boolean;\n}\n\nconst StepperContext = createContext<StepperContextValue | null>(null);\n\nfunction useStepperContext(): StepperContextValue {\n  const context = use(StepperContext);\n  if (context === null) {\n    throw new Error(\n      \"Stepper compound components must be used within <Stepper>\",\n    );\n  }\n  return context;\n}\n\nconst StepperItemContext = createContext<StepperItemContextValue | null>(null);\n\nfunction useStepperItemContext(): StepperItemContextValue {\n  const context = use(StepperItemContext);\n  if (context === null) {\n    throw new Error(\n      \"StepperIndicator/StepperContent must be used within <StepperItem>\",\n    );\n  }\n  return context;\n}\n\nexport {\n  StepperContext,\n  useStepperContext,\n  StepperItemContext,\n  useStepperItemContext,\n};\n"],"mappings":";;;AAkBA,IAAM,IAAiB,EAA0C,IAAI;AAErE,SAAS,IAAyC;CAChD,IAAM,IAAU,EAAI,CAAc;CAClC,IAAI,MAAY,MACd,MAAU,MACR,2DACF;CAEF,OAAO;AACT;AAEA,IAAM,IAAqB,EAA8C,IAAI;AAE7E,SAAS,IAAiD;CACxD,IAAM,IAAU,EAAI,CAAkB;CACtC,IAAI,MAAY,MACd,MAAU,MACR,mEACF;CAEF,OAAO;AACT"}

package/dist/components/Stepper/Stepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,kBAAkB,EAGnB,MAAM,0CAA0C,CAAC;AAkBlD,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACrE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,EACH,WAAW,EACX,WAA0B,EAC1B,WAAW,EACX,SAAS,EACT,QAAQ,EACR,YAAY,EAAE,SAAsB,EACpC,GAAG,KAAK,EACT,EAAE,YAAY,2CA6Dd;kBAtEQ,OAAO;;;AA0EhB,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,kBAAkB,EAGnB,MAAM,0CAA0C,CAAC;AAkBlD,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACrE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,EACH,WAAW,EACX,WAA0B,EAC1B,WAAW,EACX,SAAS,EACT,QAAQ,EACR,YAAY,EAAE,SAAsB,EACpC,GAAG,KAAK,EACT,EAAE,YAAY,2CA8Dd;kBAvEQ,OAAO;;;AA2EhB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Stepper/Stepper.js

@@ -22,7 +22,7 @@ function a({ ref: a, currentStep: o, orientation: s = "horizontal", onStepClick:
 		o,
 		s,
 		c
-	]), m = n.Children.toArray(u), h;
+	]), m = n.Children.map(u, (e) => e) ?? [], h;
 	return s === "horizontal" ? (h = [], m.forEach((t, n) => {
 		if (h.push(t), n < m.length - 1) {
 			let a = i(t, n, o) === "completed";

package/dist/components/Stepper/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","names":[],"sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { StepperContext } from \"@nuka/components/Stepper/Stepper.context\";\nimport type {\n  StepperOrientation,\n  StepState,\n  StepperContextValue,\n} from \"@nuka/components/Stepper/Stepper.context\";\nimport type { StepperItemProps } from \"@nuka/components/Stepper/StepperItem\";\n\nfunction resolveStepState(\n  child: React.ReactNode,\n  index: number,\n  currentStep: number,\n): StepState {\n  if (React.isValidElement<StepperItemProps>(child)) {\n    if (child.props.state !== undefined) return child.props.state;\n\n    const stepIndex = child.props.step;\n    if (stepIndex < currentStep) return \"completed\";\n    if (stepIndex === currentStep) return \"current\";\n  }\n  return \"upcoming\";\n}\n\nexport interface StepperProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  currentStep: number;\n  orientation?: StepperOrientation;\n  onStepClick?: (step: number) => void;\n}\n\nfunction Stepper({\n  ref,\n  currentStep,\n  orientation = \"horizontal\",\n  onStepClick,\n  className,\n  children,\n  \"aria-label\": ariaLabel = \"Progress\",\n  ...props\n}: StepperProps) {\n  const contextValue: StepperContextValue = React.useMemo(\n    () => ({ currentStep, orientation, onStepClick }),\n    [currentStep, orientation, onStepClick],\n  );\n\n  const childArray = React.Children.toArray(children);\n  let listChildren: React.ReactNode[];\n\n  if (orientation === \"horizontal\") {\n    listChildren = [];\n    childArray.forEach((child, i) => {\n      listChildren.push(child);\n      if (i < childArray.length - 1) {\n        const leftStepState = resolveStepState(child, i, currentStep);\n        const segmentCompleted = leftStepState === \"completed\";\n        listChildren.push(\n          <li\n            key={`connector-${String(i)}`}\n            role=\"presentation\"\n            aria-hidden=\"true\"\n            data-slot=\"separator\"\n            className=\"flex items-start flex-1\"\n          >\n            <div\n              className={cn(\n                \"h-px w-full mt-(--space-4)\",\n                segmentCompleted\n                  ? \"bg-(--nuka-accent-bg)\"\n                  : \"bg-(--nuka-border-base)\",\n              )}\n            />\n          </li>,\n        );\n      }\n    });\n  } else {\n    listChildren = childArray;\n  }\n\n  return (\n    <StepperContext value={contextValue}>\n      <nav\n        ref={ref}\n        aria-label={ariaLabel}\n        className={className}\n        data-slot=\"root\"\n        {...props}\n      >\n        <ol\n          className={cn(\n            \"flex list-none\",\n            orientation === \"horizontal\" ? \"flex-row items-start\" : \"flex-col\",\n          )}\n          data-slot=\"list\"\n        >\n          {listChildren}\n        </ol>\n      </nav>\n    </StepperContext>\n  );\n}\n\nStepper.displayName = \"Stepper\";\n\nexport { Stepper };\n"],"mappings":";;;;;;AAWA,SAAS,EACP,GACA,GACA,GACW;AACX,KAAI,EAAM,eAAiC,EAAM,EAAE;AACjD,MAAI,EAAM,MAAM,UAAU,KAAA,EAAW,QAAO,EAAM,MAAM;EAExD,IAAM,IAAY,EAAM,MAAM;AAC9B,MAAI,IAAY,EAAa,QAAO;AACpC,MAAI,MAAc,EAAa,QAAO;;AAExC,QAAO;;AAUT,SAAS,EAAQ,EACf,QACA,gBACA,iBAAc,cACd,gBACA,cACA,aACA,cAAc,IAAY,YAC1B,GAAG,KACY;CACf,IAAM,IAAoC,EAAM,eACvC;EAAE;EAAa;EAAa;EAAa,GAChD;EAAC;EAAa;EAAa;EAAY,CACxC,EAEK,IAAa,EAAM,SAAS,QAAQ,EAAS,EAC/C;AAiCJ,QA/BI,MAAgB,gBAClB,IAAe,EAAE,EACjB,EAAW,SAAS,GAAO,MAAM;AAE/B,MADA,EAAa,KAAK,EAAM,EACpB,IAAI,EAAW,SAAS,GAAG;GAE7B,IAAM,IADgB,EAAiB,GAAO,GAAG,EAAY,KAClB;AAC3C,KAAa,KACX,kBAAC,MAAD;IAEE,MAAK;IACL,eAAY;IACZ,aAAU;IACV,WAAU;cAEV,kBAAC,OAAD,EACE,WAAW,EACT,8BACA,IACI,0BACA,0BACL,EACD,CAAA;IACC,EAdE,aAAa,OAAO,EAAE,GAcxB,CACN;;GAEH,IAEF,IAAe,GAIf,kBAAC,GAAD;EAAgB,OAAO;YACrB,kBAAC,OAAD;GACO;GACL,cAAY;GACD;GACX,aAAU;GACV,GAAI;aAEJ,kBAAC,MAAD;IACE,WAAW,EACT,kBACA,MAAgB,eAAe,yBAAyB,WACzD;IACD,aAAU;cAET;IACE,CAAA;GACD,CAAA;EACS,CAAA;;AAIrB,EAAQ,cAAc"}
+{"version":3,"file":"Stepper.js","names":[],"sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { StepperContext } from \"@nuka/components/Stepper/Stepper.context\";\nimport type {\n  StepperOrientation,\n  StepState,\n  StepperContextValue,\n} from \"@nuka/components/Stepper/Stepper.context\";\nimport type { StepperItemProps } from \"@nuka/components/Stepper/StepperItem\";\n\nfunction resolveStepState(\n  child: React.ReactNode,\n  index: number,\n  currentStep: number,\n): StepState {\n  if (React.isValidElement<StepperItemProps>(child)) {\n    if (child.props.state !== undefined) return child.props.state;\n\n    const stepIndex = child.props.step;\n    if (stepIndex < currentStep) return \"completed\";\n    if (stepIndex === currentStep) return \"current\";\n  }\n  return \"upcoming\";\n}\n\nexport interface StepperProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  currentStep: number;\n  orientation?: StepperOrientation;\n  onStepClick?: (step: number) => void;\n}\n\nfunction Stepper({\n  ref,\n  currentStep,\n  orientation = \"horizontal\",\n  onStepClick,\n  className,\n  children,\n  \"aria-label\": ariaLabel = \"Progress\",\n  ...props\n}: StepperProps) {\n  const contextValue: StepperContextValue = React.useMemo(\n    () => ({ currentStep, orientation, onStepClick }),\n    [currentStep, orientation, onStepClick],\n  );\n\n  // eslint-disable-next-line @eslint-react/no-children-map -- inserting connector <li> elements between steps requires iterating children; no viable alternative without changing the component's public API\n  const childArray = React.Children.map(children, (c) => c) ?? [];\n  let listChildren: React.ReactNode[];\n\n  if (orientation === \"horizontal\") {\n    listChildren = [];\n    childArray.forEach((child, i) => {\n      listChildren.push(child);\n      if (i < childArray.length - 1) {\n        const leftStepState = resolveStepState(child, i, currentStep);\n        const segmentCompleted = leftStepState === \"completed\";\n        listChildren.push(\n          <li\n            key={`connector-${String(i)}`}\n            role=\"presentation\"\n            aria-hidden=\"true\"\n            data-slot=\"separator\"\n            className=\"flex items-start flex-1\"\n          >\n            <div\n              className={cn(\n                \"h-px w-full mt-(--space-4)\",\n                segmentCompleted\n                  ? \"bg-(--nuka-accent-bg)\"\n                  : \"bg-(--nuka-border-base)\",\n              )}\n            />\n          </li>,\n        );\n      }\n    });\n  } else {\n    listChildren = childArray;\n  }\n\n  return (\n    <StepperContext value={contextValue}>\n      <nav\n        ref={ref}\n        aria-label={ariaLabel}\n        className={className}\n        data-slot=\"root\"\n        {...props}\n      >\n        <ol\n          className={cn(\n            \"flex list-none\",\n            orientation === \"horizontal\" ? \"flex-row items-start\" : \"flex-col\",\n          )}\n          data-slot=\"list\"\n        >\n          {listChildren}\n        </ol>\n      </nav>\n    </StepperContext>\n  );\n}\n\nStepper.displayName = \"Stepper\";\n\nexport { Stepper };\n"],"mappings":";;;;;;AAWA,SAAS,EACP,GACA,GACA,GACW;CACX,IAAI,EAAM,eAAiC,CAAK,GAAG;EACjD,IAAI,EAAM,MAAM,UAAU,KAAA,GAAW,OAAO,EAAM,MAAM;EAExD,IAAM,IAAY,EAAM,MAAM;EAC9B,IAAI,IAAY,GAAa,OAAO;EACpC,IAAI,MAAc,GAAa,OAAO;CACxC;CACA,OAAO;AACT;AASA,SAAS,EAAQ,EACf,QACA,gBACA,iBAAc,cACd,gBACA,cACA,aACA,cAAc,IAAY,YAC1B,GAAG,KACY;CACf,IAAM,IAAoC,EAAM,eACvC;EAAE;EAAa;EAAa;CAAY,IAC/C;EAAC;EAAa;EAAa;CAAW,CACxC,GAGM,IAAa,EAAM,SAAS,IAAI,IAAW,MAAM,CAAC,KAAK,CAAC,GAC1D;CAiCJ,OA/BI,MAAgB,gBAClB,IAAe,CAAC,GAChB,EAAW,SAAS,GAAO,MAAM;EAE/B,IADA,EAAa,KAAK,CAAK,GACnB,IAAI,EAAW,SAAS,GAAG;GAE7B,IAAM,IADgB,EAAiB,GAAO,GAAG,CACxB,MAAkB;GAC3C,EAAa,KACX,kBAAC,MAAD;IAEE,MAAK;IACL,eAAY;IACZ,aAAU;IACV,WAAU;cAEV,kBAAC,OAAD,EACE,WAAW,EACT,8BACA,IACI,0BACA,yBACN,EACD,CAAA;GACC,GAdG,aAAa,OAAO,CAAC,GAcxB,CACN;EACF;CACF,CAAC,KAED,IAAe,GAIf,kBAAC,GAAD;EAAgB,OAAO;YACrB,kBAAC,OAAD;GACO;GACL,cAAY;GACD;GACX,aAAU;GACV,GAAI;aAEJ,kBAAC,MAAD;IACE,WAAW,EACT,kBACA,MAAgB,eAAe,yBAAyB,UAC1D;IACA,aAAU;cAET;GACC,CAAA;EACD,CAAA;CACS,CAAA;AAEpB;AAEA,EAAQ,cAAc"}

package/dist/components/Stepper/StepperContent.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Stepper.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:r,...a}){let{orientation:o}=n.useStepperContext();return(0,i.jsx)(`div`,{ref:e,className:t.cn(`flex flex-col`,o===`horizontal`?`w-0 mt-(--space-1) items-center text-center`:`flex-1 min-w-0 pt-(--space-0.5)`,r),"data-slot":`content`,...a})}a.displayName=`StepperContent`,exports.StepperContent=a;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("./Stepper.context.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({ref:e,className:r,...a}){let{orientation:o}=n.useStepperContext();return(0,i.jsx)(`div`,{ref:e,className:t.cn(`flex flex-col`,o===`horizontal`?`w-0 mt-(--space-1) items-center text-center`:`flex-1 min-w-0 pt-(--space-0.5)`,r),"data-slot":`content`,...a})}a.displayName=`StepperContent`,exports.StepperContent=a;
 //# sourceMappingURL=StepperContent.cjs.map

package/dist/components/Stepper/StepperContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StepperContent.cjs","names":[],"sources":["../../../src/components/Stepper/StepperContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useStepperContext } from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction StepperContent({ ref, className, ...props }: StepperContentProps) {\n  const { orientation } = useStepperContext();\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex flex-col\",\n        orientation === \"horizontal\"\n          ? \"w-0 mt-(--space-1) items-center text-center\"\n          : \"flex-1 min-w-0 pt-(--space-0.5)\",\n        className,\n      )}\n      data-slot=\"content\"\n      {...props}\n    />\n  );\n}\n\nStepperContent.displayName = \"StepperContent\";\n\nexport { StepperContent };\n"],"mappings":"mNASA,SAAS,EAAe,CAAE,MAAK,YAAW,GAAG,GAA8B,CACzE,GAAM,CAAE,eAAgB,EAAA,mBAAmB,CAE3C,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,gBACA,IAAgB,aACZ,8CACA,kCACJ,EACD,CACD,YAAU,UACV,GAAI,EACJ,CAAA,CAIN,EAAe,YAAc"}
+{"version":3,"file":"StepperContent.cjs","names":[],"sources":["../../../src/components/Stepper/StepperContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useStepperContext } from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction StepperContent({ ref, className, ...props }: StepperContentProps) {\n  const { orientation } = useStepperContext();\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex flex-col\",\n        orientation === \"horizontal\"\n          ? \"w-0 mt-(--space-1) items-center text-center\"\n          : \"flex-1 min-w-0 pt-(--space-0.5)\",\n        className,\n      )}\n      data-slot=\"content\"\n      {...props}\n    />\n  );\n}\n\nStepperContent.displayName = \"StepperContent\";\n\nexport { StepperContent };\n"],"mappings":"mNASA,SAAS,EAAe,CAAE,MAAK,YAAW,GAAG,GAA8B,CACzE,GAAM,CAAE,eAAgB,EAAA,kBAAkB,EAE1C,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,gBACA,IAAgB,aACZ,8CACA,kCACJ,CACF,EACA,YAAU,UACV,GAAI,CACL,CAAA,CAEL,CAEA,EAAe,YAAc"}

package/dist/components/Stepper/StepperContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperContent.js","names":[],"sources":["../../../src/components/Stepper/StepperContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useStepperContext } from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction StepperContent({ ref, className, ...props }: StepperContentProps) {\n  const { orientation } = useStepperContext();\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex flex-col\",\n        orientation === \"horizontal\"\n          ? \"w-0 mt-(--space-1) items-center text-center\"\n          : \"flex-1 min-w-0 pt-(--space-0.5)\",\n        className,\n      )}\n      data-slot=\"content\"\n      {...props}\n    />\n  );\n}\n\nStepperContent.displayName = \"StepperContent\";\n\nexport { StepperContent };\n"],"mappings":";;;;;;AASA,SAAS,EAAe,EAAE,QAAK,cAAW,GAAG,KAA8B;CACzE,IAAM,EAAE,mBAAgB,GAAmB;AAE3C,QACE,kBAAC,OAAD;EACO;EACL,WAAW,EACT,iBACA,MAAgB,eACZ,gDACA,mCACJ,EACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,EAAe,cAAc"}
+{"version":3,"file":"StepperContent.js","names":[],"sources":["../../../src/components/Stepper/StepperContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useStepperContext } from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction StepperContent({ ref, className, ...props }: StepperContentProps) {\n  const { orientation } = useStepperContext();\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex flex-col\",\n        orientation === \"horizontal\"\n          ? \"w-0 mt-(--space-1) items-center text-center\"\n          : \"flex-1 min-w-0 pt-(--space-0.5)\",\n        className,\n      )}\n      data-slot=\"content\"\n      {...props}\n    />\n  );\n}\n\nStepperContent.displayName = \"StepperContent\";\n\nexport { StepperContent };\n"],"mappings":";;;;;;AASA,SAAS,EAAe,EAAE,QAAK,cAAW,GAAG,KAA8B;CACzE,IAAM,EAAE,mBAAgB,EAAkB;CAE1C,OACE,kBAAC,OAAD;EACO;EACL,WAAW,EACT,iBACA,MAAgB,eACZ,gDACA,mCACJ,CACF;EACA,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,EAAe,cAAc"}

package/dist/components/Stepper/StepperDescription.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Text/Text.cjs`),r=require(`./Stepper.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,className:i,...o}){let{orientation:s}=r.useStepperContext();return(0,a.jsx)(n.Text,{ref:e,as:`span`,size:`xs`,color:`muted`,className:t.cn(s===`horizontal`&&`whitespace-nowrap`,i),"data-slot":`description`,...o})}o.displayName=`StepperDescription`,exports.StepperDescription=o;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../Text/Text.cjs"),r=require("./Stepper.context.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({ref:e,className:i,...o}){let{orientation:s}=r.useStepperContext();return(0,a.jsx)(n.Text,{ref:e,as:`span`,size:`xs`,color:`muted`,className:t.cn(s===`horizontal`&&`whitespace-nowrap`,i),"data-slot":`description`,...o})}o.displayName=`StepperDescription`,exports.StepperDescription=o;
 //# sourceMappingURL=StepperDescription.cjs.map

package/dist/components/Stepper/StepperDescription.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StepperDescription.cjs","names":[],"sources":["../../../src/components/Stepper/StepperDescription.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useStepperContext } from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperDescriptionProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction StepperDescription({\n  ref,\n  className,\n  ...props\n}: StepperDescriptionProps) {\n  const { orientation } = useStepperContext();\n\n  return (\n    <Text\n      ref={ref}\n      as=\"span\"\n      size=\"xs\"\n      color=\"muted\"\n      className={cn(\n        orientation === \"horizontal\" && \"whitespace-nowrap\",\n        className,\n      )}\n      data-slot=\"description\"\n      {...props}\n    />\n  );\n}\n\nStepperDescription.displayName = \"StepperDescription\";\n\nexport { StepperDescription };\n"],"mappings":"iPAaA,SAAS,EAAmB,CAC1B,MACA,YACA,GAAG,GACuB,CAC1B,GAAM,CAAE,eAAgB,EAAA,mBAAmB,CAE3C,OACE,EAAA,EAAA,KAAC,EAAA,KAAD,CACO,MACL,GAAG,OACH,KAAK,KACL,MAAM,QACN,UAAW,EAAA,GACT,IAAgB,cAAgB,oBAChC,EACD,CACD,YAAU,cACV,GAAI,EACJ,CAAA,CAIN,EAAmB,YAAc"}
+{"version":3,"file":"StepperDescription.cjs","names":[],"sources":["../../../src/components/Stepper/StepperDescription.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useStepperContext } from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperDescriptionProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction StepperDescription({\n  ref,\n  className,\n  ...props\n}: StepperDescriptionProps) {\n  const { orientation } = useStepperContext();\n\n  return (\n    <Text\n      ref={ref}\n      as=\"span\"\n      size=\"xs\"\n      color=\"muted\"\n      className={cn(\n        orientation === \"horizontal\" && \"whitespace-nowrap\",\n        className,\n      )}\n      data-slot=\"description\"\n      {...props}\n    />\n  );\n}\n\nStepperDescription.displayName = \"StepperDescription\";\n\nexport { StepperDescription };\n"],"mappings":"iPAaA,SAAS,EAAmB,CAC1B,MACA,YACA,GAAG,GACuB,CAC1B,GAAM,CAAE,eAAgB,EAAA,kBAAkB,EAE1C,OACE,EAAA,EAAA,KAAC,EAAA,KAAD,CACO,MACL,GAAG,OACH,KAAK,KACL,MAAM,QACN,UAAW,EAAA,GACT,IAAgB,cAAgB,oBAChC,CACF,EACA,YAAU,cACV,GAAI,CACL,CAAA,CAEL,CAEA,EAAmB,YAAc"}

package/dist/components/Stepper/StepperDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperDescription.js","names":[],"sources":["../../../src/components/Stepper/StepperDescription.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useStepperContext } from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperDescriptionProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction StepperDescription({\n  ref,\n  className,\n  ...props\n}: StepperDescriptionProps) {\n  const { orientation } = useStepperContext();\n\n  return (\n    <Text\n      ref={ref}\n      as=\"span\"\n      size=\"xs\"\n      color=\"muted\"\n      className={cn(\n        orientation === \"horizontal\" && \"whitespace-nowrap\",\n        className,\n      )}\n      data-slot=\"description\"\n      {...props}\n    />\n  );\n}\n\nStepperDescription.displayName = \"StepperDescription\";\n\nexport { StepperDescription };\n"],"mappings":";;;;;;;AAaA,SAAS,EAAmB,EAC1B,QACA,cACA,GAAG,KACuB;CAC1B,IAAM,EAAE,mBAAgB,GAAmB;AAE3C,QACE,kBAAC,GAAD;EACO;EACL,IAAG;EACH,MAAK;EACL,OAAM;EACN,WAAW,EACT,MAAgB,gBAAgB,qBAChC,EACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,EAAmB,cAAc"}
+{"version":3,"file":"StepperDescription.js","names":[],"sources":["../../../src/components/Stepper/StepperDescription.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useStepperContext } from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperDescriptionProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction StepperDescription({\n  ref,\n  className,\n  ...props\n}: StepperDescriptionProps) {\n  const { orientation } = useStepperContext();\n\n  return (\n    <Text\n      ref={ref}\n      as=\"span\"\n      size=\"xs\"\n      color=\"muted\"\n      className={cn(\n        orientation === \"horizontal\" && \"whitespace-nowrap\",\n        className,\n      )}\n      data-slot=\"description\"\n      {...props}\n    />\n  );\n}\n\nStepperDescription.displayName = \"StepperDescription\";\n\nexport { StepperDescription };\n"],"mappings":";;;;;;;AAaA,SAAS,EAAmB,EAC1B,QACA,cACA,GAAG,KACuB;CAC1B,IAAM,EAAE,mBAAgB,EAAkB;CAE1C,OACE,kBAAC,GAAD;EACO;EACL,IAAG;EACH,MAAK;EACL,OAAM;EACN,WAAW,EACT,MAAgB,gBAAgB,qBAChC,CACF;EACA,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,EAAmB,cAAc"}

package/dist/components/Stepper/StepperIndicator.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`../Text/Text.cjs`),i=require(`./Stepper.context.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);function s({ref:e,className:a,...s}){let{state:c,step:l}=i.useStepperItemContext(),{orientation:u}=i.useStepperContext(),d=(0,o.jsx)(`div`,{ref:e,className:t.cn(`flex items-center justify-center`,`w-8 h-8 rounded-full`,`border-2 shrink-0`,`text-sm font-[number:var(--font-weight-medium)]`,`transition-colors duration-150`,c===`completed`&&`bg-(--nuka-accent-bg) border-(--nuka-accent-bg) text-(--nuka-accent-fg)`,c===`current`&&`border-(--nuka-accent-bg) text-(--nuka-accent-text) bg-(--nuka-bg-base)`,c===`upcoming`&&`border-(--nuka-border-base) text-(--nuka-text-muted) bg-(--nuka-bg-base)`,c===`error`&&`border-(--nuka-danger-base) text-(--nuka-danger-fg) bg-(--nuka-danger-base)`,a),"data-slot":`indicator`,...s,children:c===`completed`?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.Icon,{size:`sm`,children:(0,o.jsx)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:3,children:(0,o.jsx)(`path`,{d:`M5 13l4 4L19 7`,strokeLinecap:`round`,strokeLinejoin:`round`})})}),(0,o.jsx)(`span`,{className:`sr-only`,children:`Completed`})]}):c===`error`?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.Icon,{size:`sm`,children:(0,o.jsx)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:3,children:(0,o.jsx)(`path`,{d:`M12 8v4m0 4h.01`,strokeLinecap:`round`,strokeLinejoin:`round`})})}),(0,o.jsx)(`span`,{className:`sr-only`,children:`Error`})]}):(0,o.jsx)(r.Text,{as:`span`,children:l+1})});return u===`vertical`?(0,o.jsxs)(`div`,{className:`flex flex-col items-center self-stretch shrink-0 -mb-(--space-8) group-last:mb-0`,children:[d,(0,o.jsx)(`div`,{"aria-hidden":`true`,className:t.cn(`w-px flex-1 group-last:hidden`,c===`completed`?`bg-(--nuka-accent-bg)`:`bg-(--nuka-border-base)`)})]}):d}s.displayName=`StepperIndicator`,exports.StepperIndicator=s;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../Icon/Icon.cjs"),r=require("../Text/Text.cjs"),i=require("./Stepper.context.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");function s({ref:e,className:a,...s}){let{state:c,step:l}=i.useStepperItemContext(),{orientation:u}=i.useStepperContext(),d=(0,o.jsx)(`div`,{ref:e,className:t.cn(`flex items-center justify-center`,`w-8 h-8 rounded-full`,`border-2 shrink-0`,`text-sm font-[number:var(--font-weight-medium)]`,`transition-colors duration-150`,c===`completed`&&`bg-(--nuka-accent-bg) border-(--nuka-accent-bg) text-(--nuka-accent-fg)`,c===`current`&&`border-(--nuka-accent-bg) text-(--nuka-accent-text) bg-(--nuka-bg-base)`,c===`upcoming`&&`border-(--nuka-border-base) text-(--nuka-text-muted) bg-(--nuka-bg-base)`,c===`error`&&`border-(--nuka-danger-base) text-(--nuka-danger-fg) bg-(--nuka-danger-base)`,a),"data-slot":`indicator`,...s,children:c===`completed`?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.Icon,{size:`sm`,children:(0,o.jsx)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:3,children:(0,o.jsx)(`path`,{d:`M5 13l4 4L19 7`,strokeLinecap:`round`,strokeLinejoin:`round`})})}),(0,o.jsx)(`span`,{className:`sr-only`,children:`Completed`})]}):c===`error`?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.Icon,{size:`sm`,children:(0,o.jsx)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:3,children:(0,o.jsx)(`path`,{d:`M12 8v4m0 4h.01`,strokeLinecap:`round`,strokeLinejoin:`round`})})}),(0,o.jsx)(`span`,{className:`sr-only`,children:`Error`})]}):(0,o.jsx)(r.Text,{as:`span`,children:l+1})});return u===`vertical`?(0,o.jsxs)(`div`,{className:`flex flex-col items-center self-stretch shrink-0 -mb-(--space-8) group-last:mb-0`,children:[d,(0,o.jsx)(`div`,{"aria-hidden":`true`,className:t.cn(`w-px flex-1 group-last:hidden`,c===`completed`?`bg-(--nuka-accent-bg)`:`bg-(--nuka-border-base)`)})]}):d}s.displayName=`StepperIndicator`,exports.StepperIndicator=s;
 //# sourceMappingURL=StepperIndicator.cjs.map