@nuka-ui/core 1.1.2 → 1.1.4

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

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","names":[],"sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import * 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\";\n\nexport interface StackProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\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  direction = \"column\",\n  gap = \"none\",\n  align,\n  justify,\n  wrap,\n  asChild = false,\n  ...props\n}: StackProps) {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      ref={ref}\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":";;;;;;AA8BA,SAAS,EAAM,EACb,QACA,cACA,eAAY,UACZ,SAAM,QACN,UACA,YACA,SACA,aAAU,IACV,GAAG,KACU;AAGb,QACE,kBAHW,IAAU,IAAO,OAG5B;EACO;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;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"}

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`,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,...f,children:(0,i.jsx)(`ol`,{className:t.cn(`flex list-none`,s===`horizontal`?`flex-row items-start`:`flex-col`),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.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;
 //# 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            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 ref={ref} aria-label={ariaLabel} className={className} {...props}>\n        <ol\n          className={cn(\n            \"flex list-none\",\n            orientation === \"horizontal\" ? \"flex-row items-start\" : \"flex-col\",\n          )}\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,EAgCJ,OA9BI,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,UAAU,oCAEV,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,6BACA,EACI,wBACA,0BACL,CACD,CAAA,CACC,CAbE,aAAa,OAAO,EAAE,GAaxB,CACN,GAEH,EAEF,EAAe,GAIf,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,MAAO,YACrB,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,aAAY,EAAsB,YAAW,GAAI,YAC9D,EAAA,EAAA,KAAC,KAAD,CACE,UAAW,EAAA,GACT,iBACA,IAAgB,aAAe,uBAAyB,WACzD,UAEA,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  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"}

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,2CAqDd;kBA9DQ,OAAO;;;AAkEhB,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,2CA6Dd;kBAtEQ,OAAO;;;AA0EhB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Stepper/Stepper.js

@@ -29,6 +29,7 @@ function a({ ref: a, currentStep: o, orientation: s = "horizontal", onStepClick:
 			h.push(/* @__PURE__ */ r("li", {
 				role: "presentation",
 				"aria-hidden": "true",
+				"data-slot": "separator",
 				className: "flex items-start flex-1",
 				children: /* @__PURE__ */ r("div", { className: e("h-px w-full mt-(--space-4)", a ? "bg-(--nuka-accent-bg)" : "bg-(--nuka-border-base)") })
 			}, `connector-${String(n)}`));
@@ -39,9 +40,11 @@ function a({ ref: a, currentStep: o, orientation: s = "horizontal", onStepClick:
 			ref: a,
 			"aria-label": d,
 			className: l,
+			"data-slot": "root",
 			...f,
 			children: /* @__PURE__ */ r("ol", {
 				className: e("flex list-none", s === "horizontal" ? "flex-row items-start" : "flex-col"),
+				"data-slot": "list",
 				children: h
 			})
 		})

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            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 ref={ref} aria-label={ariaLabel} className={className} {...props}>\n        <ol\n          className={cn(\n            \"flex list-none\",\n            orientation === \"horizontal\" ? \"flex-row items-start\" : \"flex-col\",\n          )}\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;AAgCJ,QA9BI,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,WAAU;cAEV,kBAAC,OAAD,EACE,WAAW,EACT,8BACA,IACI,0BACA,0BACL,EACD,CAAA;IACC,EAbE,aAAa,OAAO,EAAE,GAaxB,CACN;;GAEH,IAEF,IAAe,GAIf,kBAAC,GAAD;EAAgB,OAAO;YACrB,kBAAC,OAAD;GAAU;GAAK,cAAY;GAAsB;GAAW,GAAI;aAC9D,kBAAC,MAAD;IACE,WAAW,EACT,kBACA,MAAgB,eAAe,yBAAyB,WACzD;cAEA;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  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"}

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),...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      {...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,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,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"StepperContent.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/StepperContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAgBxE;kBAhBQ,cAAc;;;AAoBvB,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"StepperContent.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/StepperContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAiBxE;kBAjBQ,cAAc;;;AAqBvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Stepper/StepperContent.js

@@ -9,6 +9,7 @@ function r({ ref: r, className: i, ...a }) {
 	return /* @__PURE__ */ n("div", {
 		ref: r,
 		className: e("flex flex-col", o === "horizontal" ? "w-0 mt-(--space-1) items-center text-center" : "flex-1 min-w-0 pt-(--space-0.5)", i),
+		"data-slot": "content",
 		...a
 	});
 }

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      {...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,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,GAAmB;AAE3C,QACE,kBAAC,OAAD;EACO;EACL,WAAW,EACT,iBACA,MAAgB,eACZ,gDACA,mCACJ,EACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,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),...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      {...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,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,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"StepperDescription.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/StepperDescription.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CACnD,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,OAAO,CACR;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;CAC1C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAgBzB;kBApBQ,kBAAkB;;;AAwB3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"StepperDescription.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/StepperDescription.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CACnD,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,OAAO,CACR;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;CAC1C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAiBzB;kBArBQ,kBAAkB;;;AAyB3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/Stepper/StepperDescription.js

@@ -13,6 +13,7 @@ function i({ ref: i, className: a, ...o }) {
 		size: "xs",
 		color: "muted",
 		className: e(s === "horizontal" && "whitespace-nowrap", a),
+		"data-slot": "description",
 		...o
 	});
 }

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      {...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,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,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"}

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-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),...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

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

@@ -1 +1 @@
-{"version":3,"file":"StepperIndicator.cjs","names":[],"sources":["../../../src/components/Stepper/StepperIndicator.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { Text } from \"@nuka/components/Text\";\nimport {\n  useStepperContext,\n  useStepperItemContext,\n} from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction StepperIndicator({ ref, className, ...props }: StepperIndicatorProps) {\n  const { state, step } = useStepperItemContext();\n  const { orientation } = useStepperContext();\n\n  const circle = (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center justify-center\",\n        \"w-8 h-8 rounded-full\",\n        \"border-2 shrink-0\",\n        \"text-sm font-medium\",\n        \"transition-colors duration-150\",\n        state === \"completed\" &&\n          \"bg-(--nuka-accent-bg) border-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n        state === \"current\" &&\n          \"border-(--nuka-accent-bg) text-(--nuka-accent-text) bg-(--nuka-bg-base)\",\n        state === \"upcoming\" &&\n          \"border-(--nuka-border-base) text-(--nuka-text-muted) bg-(--nuka-bg-base)\",\n        state === \"error\" &&\n          \"border-(--nuka-danger-base) text-(--nuka-danger-fg) bg-(--nuka-danger-base)\",\n        className,\n      )}\n      {...props}\n    >\n      {state === \"completed\" ? (\n        <>\n          <Icon size=\"sm\">\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth={3}\n            >\n              <path\n                d=\"M5 13l4 4L19 7\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </Icon>\n          <span className=\"sr-only\">Completed</span>\n        </>\n      ) : state === \"error\" ? (\n        <>\n          <Icon size=\"sm\">\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth={3}\n            >\n              <path\n                d=\"M12 8v4m0 4h.01\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </Icon>\n          <span className=\"sr-only\">Error</span>\n        </>\n      ) : (\n        <Text as=\"span\">{step + 1}</Text>\n      )}\n    </div>\n  );\n\n  if (orientation === \"vertical\") {\n    return (\n      <div className=\"flex flex-col items-center self-stretch shrink-0 -mb-(--space-8) group-last:mb-0\">\n        {circle}\n        <div\n          aria-hidden=\"true\"\n          className={cn(\n            \"w-px flex-1 group-last:hidden\",\n            state === \"completed\"\n              ? \"bg-(--nuka-accent-bg)\"\n              : \"bg-(--nuka-border-base)\",\n          )}\n        />\n      </div>\n    );\n  }\n\n  return circle;\n}\n\nStepperIndicator.displayName = \"StepperIndicator\";\n\nexport { StepperIndicator };\n"],"mappings":"+QAcA,SAAS,EAAiB,CAAE,MAAK,YAAW,GAAG,GAAgC,CAC7E,GAAM,CAAE,QAAO,QAAS,EAAA,uBAAuB,CACzC,CAAE,eAAgB,EAAA,mBAAmB,CAErC,GACJ,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,mCACA,uBACA,oBACA,sBACA,iCACA,IAAU,aACR,0EACF,IAAU,WACR,0EACF,IAAU,YACR,2EACF,IAAU,SACR,8EACF,EACD,CACD,GAAI,WAEH,IAAU,aACT,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,YAEb,EAAA,EAAA,KAAC,OAAD,CACE,EAAE,iBACF,cAAc,QACd,eAAe,QACf,CAAA,CACE,CAAA,CACD,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,YAAgB,CAAA,CACzC,CAAA,CAAA,CACD,IAAU,SACZ,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,YAEb,EAAA,EAAA,KAAC,OAAD,CACE,EAAE,kBACF,cAAc,QACd,eAAe,QACf,CAAA,CACE,CAAA,CACD,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,QAAY,CAAA,CACrC,CAAA,CAAA,EAEH,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,gBAAQ,EAAO,EAAS,CAAA,CAE/B,CAAA,CAoBR,OAjBI,IAAgB,YAEhB,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4FAAf,CACG,GACD,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,OACZ,UAAW,EAAA,GACT,gCACA,IAAU,YACN,wBACA,0BACL,CACD,CAAA,CACE,GAIH,EAGT,EAAiB,YAAc"}
+{"version":3,"file":"StepperIndicator.cjs","names":[],"sources":["../../../src/components/Stepper/StepperIndicator.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { Text } from \"@nuka/components/Text\";\nimport {\n  useStepperContext,\n  useStepperItemContext,\n} from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction StepperIndicator({ ref, className, ...props }: StepperIndicatorProps) {\n  const { state, step } = useStepperItemContext();\n  const { orientation } = useStepperContext();\n\n  const circle = (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center justify-center\",\n        \"w-8 h-8 rounded-full\",\n        \"border-2 shrink-0\",\n        \"text-sm font-[number:var(--font-weight-medium)]\",\n        \"transition-colors duration-150\",\n        state === \"completed\" &&\n          \"bg-(--nuka-accent-bg) border-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n        state === \"current\" &&\n          \"border-(--nuka-accent-bg) text-(--nuka-accent-text) bg-(--nuka-bg-base)\",\n        state === \"upcoming\" &&\n          \"border-(--nuka-border-base) text-(--nuka-text-muted) bg-(--nuka-bg-base)\",\n        state === \"error\" &&\n          \"border-(--nuka-danger-base) text-(--nuka-danger-fg) bg-(--nuka-danger-base)\",\n        className,\n      )}\n      data-slot=\"indicator\"\n      {...props}\n    >\n      {state === \"completed\" ? (\n        <>\n          <Icon size=\"sm\">\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth={3}\n            >\n              <path\n                d=\"M5 13l4 4L19 7\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </Icon>\n          <span className=\"sr-only\">Completed</span>\n        </>\n      ) : state === \"error\" ? (\n        <>\n          <Icon size=\"sm\">\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth={3}\n            >\n              <path\n                d=\"M12 8v4m0 4h.01\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </Icon>\n          <span className=\"sr-only\">Error</span>\n        </>\n      ) : (\n        <Text as=\"span\">{step + 1}</Text>\n      )}\n    </div>\n  );\n\n  if (orientation === \"vertical\") {\n    return (\n      <div className=\"flex flex-col items-center self-stretch shrink-0 -mb-(--space-8) group-last:mb-0\">\n        {circle}\n        <div\n          aria-hidden=\"true\"\n          className={cn(\n            \"w-px flex-1 group-last:hidden\",\n            state === \"completed\"\n              ? \"bg-(--nuka-accent-bg)\"\n              : \"bg-(--nuka-border-base)\",\n          )}\n        />\n      </div>\n    );\n  }\n\n  return circle;\n}\n\nStepperIndicator.displayName = \"StepperIndicator\";\n\nexport { StepperIndicator };\n"],"mappings":"+QAcA,SAAS,EAAiB,CAAE,MAAK,YAAW,GAAG,GAAgC,CAC7E,GAAM,CAAE,QAAO,QAAS,EAAA,uBAAuB,CACzC,CAAE,eAAgB,EAAA,mBAAmB,CAErC,GACJ,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,mCACA,uBACA,oBACA,kDACA,iCACA,IAAU,aACR,0EACF,IAAU,WACR,0EACF,IAAU,YACR,2EACF,IAAU,SACR,8EACF,EACD,CACD,YAAU,YACV,GAAI,WAEH,IAAU,aACT,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,YAEb,EAAA,EAAA,KAAC,OAAD,CACE,EAAE,iBACF,cAAc,QACd,eAAe,QACf,CAAA,CACE,CAAA,CACD,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,YAAgB,CAAA,CACzC,CAAA,CAAA,CACD,IAAU,SACZ,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,YAEb,EAAA,EAAA,KAAC,OAAD,CACE,EAAE,kBACF,cAAc,QACd,eAAe,QACf,CAAA,CACE,CAAA,CACD,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,QAAY,CAAA,CACrC,CAAA,CAAA,EAEH,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,gBAAQ,EAAO,EAAS,CAAA,CAE/B,CAAA,CAoBR,OAjBI,IAAgB,YAEhB,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4FAAf,CACG,GACD,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,OACZ,UAAW,EAAA,GACT,gCACA,IAAU,YACN,wBACA,0BACL,CACD,CAAA,CACE,GAIH,EAGT,EAAiB,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"StepperIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/StepperIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,gBAAgB,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAqF5E;kBArFQ,gBAAgB;;;AAyFzB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"StepperIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/StepperIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,gBAAgB,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAsF5E;kBAtFQ,gBAAgB;;;AA0FzB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/Stepper/StepperIndicator.js

@@ -9,7 +9,8 @@ import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 function c({ ref: c, className: l, ...u }) {
 	let { state: d, step: f } = i(), { orientation: p } = r(), m = /* @__PURE__ */ o("div", {
 		ref: c,
-		className: e("flex items-center justify-center", "w-8 h-8 rounded-full", "border-2 shrink-0", "text-sm font-medium", "transition-colors duration-150", d === "completed" && "bg-(--nuka-accent-bg) border-(--nuka-accent-bg) text-(--nuka-accent-fg)", d === "current" && "border-(--nuka-accent-bg) text-(--nuka-accent-text) bg-(--nuka-bg-base)", d === "upcoming" && "border-(--nuka-border-base) text-(--nuka-text-muted) bg-(--nuka-bg-base)", d === "error" && "border-(--nuka-danger-base) text-(--nuka-danger-fg) bg-(--nuka-danger-base)", l),
+		className: e("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", d === "completed" && "bg-(--nuka-accent-bg) border-(--nuka-accent-bg) text-(--nuka-accent-fg)", d === "current" && "border-(--nuka-accent-bg) text-(--nuka-accent-text) bg-(--nuka-bg-base)", d === "upcoming" && "border-(--nuka-border-base) text-(--nuka-text-muted) bg-(--nuka-bg-base)", d === "error" && "border-(--nuka-danger-base) text-(--nuka-danger-fg) bg-(--nuka-danger-base)", l),
+		"data-slot": "indicator",
 		...u,
 		children: d === "completed" ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(t, {
 			size: "sm",

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

@@ -1 +1 @@
-{"version":3,"file":"StepperIndicator.js","names":[],"sources":["../../../src/components/Stepper/StepperIndicator.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { Text } from \"@nuka/components/Text\";\nimport {\n  useStepperContext,\n  useStepperItemContext,\n} from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction StepperIndicator({ ref, className, ...props }: StepperIndicatorProps) {\n  const { state, step } = useStepperItemContext();\n  const { orientation } = useStepperContext();\n\n  const circle = (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center justify-center\",\n        \"w-8 h-8 rounded-full\",\n        \"border-2 shrink-0\",\n        \"text-sm font-medium\",\n        \"transition-colors duration-150\",\n        state === \"completed\" &&\n          \"bg-(--nuka-accent-bg) border-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n        state === \"current\" &&\n          \"border-(--nuka-accent-bg) text-(--nuka-accent-text) bg-(--nuka-bg-base)\",\n        state === \"upcoming\" &&\n          \"border-(--nuka-border-base) text-(--nuka-text-muted) bg-(--nuka-bg-base)\",\n        state === \"error\" &&\n          \"border-(--nuka-danger-base) text-(--nuka-danger-fg) bg-(--nuka-danger-base)\",\n        className,\n      )}\n      {...props}\n    >\n      {state === \"completed\" ? (\n        <>\n          <Icon size=\"sm\">\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth={3}\n            >\n              <path\n                d=\"M5 13l4 4L19 7\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </Icon>\n          <span className=\"sr-only\">Completed</span>\n        </>\n      ) : state === \"error\" ? (\n        <>\n          <Icon size=\"sm\">\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth={3}\n            >\n              <path\n                d=\"M12 8v4m0 4h.01\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </Icon>\n          <span className=\"sr-only\">Error</span>\n        </>\n      ) : (\n        <Text as=\"span\">{step + 1}</Text>\n      )}\n    </div>\n  );\n\n  if (orientation === \"vertical\") {\n    return (\n      <div className=\"flex flex-col items-center self-stretch shrink-0 -mb-(--space-8) group-last:mb-0\">\n        {circle}\n        <div\n          aria-hidden=\"true\"\n          className={cn(\n            \"w-px flex-1 group-last:hidden\",\n            state === \"completed\"\n              ? \"bg-(--nuka-accent-bg)\"\n              : \"bg-(--nuka-border-base)\",\n          )}\n        />\n      </div>\n    );\n  }\n\n  return circle;\n}\n\nStepperIndicator.displayName = \"StepperIndicator\";\n\nexport { StepperIndicator };\n"],"mappings":";;;;;;;;AAcA,SAAS,EAAiB,EAAE,QAAK,cAAW,GAAG,KAAgC;CAC7E,IAAM,EAAE,UAAO,YAAS,GAAuB,EACzC,EAAE,mBAAgB,GAAmB,EAErC,IACJ,kBAAC,OAAD;EACO;EACL,WAAW,EACT,oCACA,wBACA,qBACA,uBACA,kCACA,MAAU,eACR,2EACF,MAAU,aACR,2EACF,MAAU,cACR,4EACF,MAAU,WACR,+EACF,EACD;EACD,GAAI;YAEH,MAAU,cACT,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAM,MAAK;aACT,kBAAC,OAAD;IACE,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAa;cAEb,kBAAC,QAAD;KACE,GAAE;KACF,eAAc;KACd,gBAAe;KACf,CAAA;IACE,CAAA;GACD,CAAA,EACP,kBAAC,QAAD;GAAM,WAAU;aAAU;GAAgB,CAAA,CACzC,EAAA,CAAA,GACD,MAAU,UACZ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAM,MAAK;aACT,kBAAC,OAAD;IACE,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAa;cAEb,kBAAC,QAAD;KACE,GAAE;KACF,eAAc;KACd,gBAAe;KACf,CAAA;IACE,CAAA;GACD,CAAA,EACP,kBAAC,QAAD;GAAM,WAAU;aAAU;GAAY,CAAA,CACrC,EAAA,CAAA,GAEH,kBAAC,GAAD;GAAM,IAAG;aAAQ,IAAO;GAAS,CAAA;EAE/B,CAAA;AAoBR,QAjBI,MAAgB,aAEhB,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,GACD,kBAAC,OAAD;GACE,eAAY;GACZ,WAAW,EACT,iCACA,MAAU,cACN,0BACA,0BACL;GACD,CAAA,CACE;MAIH;;AAGT,EAAiB,cAAc"}
+{"version":3,"file":"StepperIndicator.js","names":[],"sources":["../../../src/components/Stepper/StepperIndicator.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { Text } from \"@nuka/components/Text\";\nimport {\n  useStepperContext,\n  useStepperItemContext,\n} from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction StepperIndicator({ ref, className, ...props }: StepperIndicatorProps) {\n  const { state, step } = useStepperItemContext();\n  const { orientation } = useStepperContext();\n\n  const circle = (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center justify-center\",\n        \"w-8 h-8 rounded-full\",\n        \"border-2 shrink-0\",\n        \"text-sm font-[number:var(--font-weight-medium)]\",\n        \"transition-colors duration-150\",\n        state === \"completed\" &&\n          \"bg-(--nuka-accent-bg) border-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n        state === \"current\" &&\n          \"border-(--nuka-accent-bg) text-(--nuka-accent-text) bg-(--nuka-bg-base)\",\n        state === \"upcoming\" &&\n          \"border-(--nuka-border-base) text-(--nuka-text-muted) bg-(--nuka-bg-base)\",\n        state === \"error\" &&\n          \"border-(--nuka-danger-base) text-(--nuka-danger-fg) bg-(--nuka-danger-base)\",\n        className,\n      )}\n      data-slot=\"indicator\"\n      {...props}\n    >\n      {state === \"completed\" ? (\n        <>\n          <Icon size=\"sm\">\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth={3}\n            >\n              <path\n                d=\"M5 13l4 4L19 7\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </Icon>\n          <span className=\"sr-only\">Completed</span>\n        </>\n      ) : state === \"error\" ? (\n        <>\n          <Icon size=\"sm\">\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth={3}\n            >\n              <path\n                d=\"M12 8v4m0 4h.01\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </Icon>\n          <span className=\"sr-only\">Error</span>\n        </>\n      ) : (\n        <Text as=\"span\">{step + 1}</Text>\n      )}\n    </div>\n  );\n\n  if (orientation === \"vertical\") {\n    return (\n      <div className=\"flex flex-col items-center self-stretch shrink-0 -mb-(--space-8) group-last:mb-0\">\n        {circle}\n        <div\n          aria-hidden=\"true\"\n          className={cn(\n            \"w-px flex-1 group-last:hidden\",\n            state === \"completed\"\n              ? \"bg-(--nuka-accent-bg)\"\n              : \"bg-(--nuka-border-base)\",\n          )}\n        />\n      </div>\n    );\n  }\n\n  return circle;\n}\n\nStepperIndicator.displayName = \"StepperIndicator\";\n\nexport { StepperIndicator };\n"],"mappings":";;;;;;;;AAcA,SAAS,EAAiB,EAAE,QAAK,cAAW,GAAG,KAAgC;CAC7E,IAAM,EAAE,UAAO,YAAS,GAAuB,EACzC,EAAE,mBAAgB,GAAmB,EAErC,IACJ,kBAAC,OAAD;EACO;EACL,WAAW,EACT,oCACA,wBACA,qBACA,mDACA,kCACA,MAAU,eACR,2EACF,MAAU,aACR,2EACF,MAAU,cACR,4EACF,MAAU,WACR,+EACF,EACD;EACD,aAAU;EACV,GAAI;YAEH,MAAU,cACT,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAM,MAAK;aACT,kBAAC,OAAD;IACE,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAa;cAEb,kBAAC,QAAD;KACE,GAAE;KACF,eAAc;KACd,gBAAe;KACf,CAAA;IACE,CAAA;GACD,CAAA,EACP,kBAAC,QAAD;GAAM,WAAU;aAAU;GAAgB,CAAA,CACzC,EAAA,CAAA,GACD,MAAU,UACZ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAM,MAAK;aACT,kBAAC,OAAD;IACE,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAa;cAEb,kBAAC,QAAD;KACE,GAAE;KACF,eAAc;KACd,gBAAe;KACf,CAAA;IACE,CAAA;GACD,CAAA,EACP,kBAAC,QAAD;GAAM,WAAU;aAAU;GAAY,CAAA,CACrC,EAAA,CAAA,GAEH,kBAAC,GAAD;GAAM,IAAG;aAAQ,IAAO;GAAS,CAAA;EAE/B,CAAA;AAoBR,QAjBI,MAAgB,aAEhB,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,GACD,kBAAC,OAAD;GACE,eAAY;GACZ,WAAW,EACT,iCACA,MAAU,cACN,0BACA,0BACL;GACD,CAAA,CACE;MAIH;;AAGT,EAAiB,cAAc"}

package/dist/components/Stepper/StepperItem.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,step:a,state:o,disabled:s=!1,className:c,children:l,...u}){let{currentStep:d,orientation:f,onStepClick:p}=n.useStepperContext(),m=o??(a<d?`completed`:a===d?`current`:`upcoming`),h=p!==void 0&&m===`completed`&&!s;return(0,i.jsx)(n.StepperItemContext,{value:r.useMemo(()=>({step:a,state:m,disabled:s}),[a,m,s]),children:(0,i.jsx)(`li`,{ref:e,"aria-current":m===`current`?`step`:void 0,className:t.cn(f===`horizontal`?`flex flex-col items-center shrink-0`:`group relative flex gap-(--space-3) pb-(--space-8) last:pb-0`,c),...u,children:h?(0,i.jsx)(`button`,{type:`button`,onClick:()=>p(a),"aria-label":`Go to step ${String(a+1)}`,className:t.cn(`flex cursor-pointer bg-transparent border-none p-0`,f===`horizontal`?`flex-col items-center`:`flex-row gap-(--space-3) items-start`,`rounded-(--radius-md)`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`),children:l}):l})})}a.displayName=`StepperItem`,exports.StepperItem=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,step:a,state:o,disabled:s=!1,className:c,children:l,...u}){let{currentStep:d,orientation:f,onStepClick:p}=n.useStepperContext(),m=o??(a<d?`completed`:a===d?`current`:`upcoming`),h=p!==void 0&&m===`completed`&&!s;return(0,i.jsx)(n.StepperItemContext,{value:r.useMemo(()=>({step:a,state:m,disabled:s}),[a,m,s]),children:(0,i.jsx)(`li`,{ref:e,"aria-current":m===`current`?`step`:void 0,className:t.cn(f===`horizontal`?`flex flex-col items-center shrink-0`:`group relative flex gap-(--space-3) pb-(--space-8) last:pb-0`,c),"data-slot":`item`,...u,children:h?(0,i.jsx)(`button`,{type:`button`,onClick:()=>p(a),"aria-label":`Go to step ${String(a+1)}`,className:t.cn(`flex cursor-pointer bg-transparent border-none p-0`,f===`horizontal`?`flex-col items-center`:`flex-row gap-(--space-3) items-start`,`rounded-(--radius-md)`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`),children:l}):l})})}a.displayName=`StepperItem`,exports.StepperItem=a;
 //# sourceMappingURL=StepperItem.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepperItem.cjs","names":[],"sources":["../../../src/components/Stepper/StepperItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  StepperItemContext,\n  useStepperContext,\n} from \"@nuka/components/Stepper/Stepper.context\";\nimport type {\n  StepState,\n  StepperItemContextValue,\n} from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n  step: number;\n  state?: StepState;\n  disabled?: boolean;\n}\n\nfunction StepperItem({\n  ref,\n  step,\n  state: explicitState,\n  disabled = false,\n  className,\n  children,\n  ...props\n}: StepperItemProps) {\n  const { currentStep, orientation, onStepClick } = useStepperContext();\n\n  const inferredState: StepState =\n    step < currentStep\n      ? \"completed\"\n      : step === currentStep\n        ? \"current\"\n        : \"upcoming\";\n\n  const state = explicitState ?? inferredState;\n\n  const isInteractive =\n    onStepClick !== undefined && state === \"completed\" && !disabled;\n\n  const itemContextValue: StepperItemContextValue = React.useMemo(\n    () => ({ step, state, disabled }),\n    [step, state, disabled],\n  );\n\n  return (\n    <StepperItemContext value={itemContextValue}>\n      <li\n        ref={ref}\n        aria-current={state === \"current\" ? \"step\" : undefined}\n        className={cn(\n          orientation === \"horizontal\"\n            ? \"flex flex-col items-center shrink-0\"\n            : \"group relative flex gap-(--space-3) pb-(--space-8) last:pb-0\",\n          className,\n        )}\n        {...props}\n      >\n        {isInteractive ? (\n          <button\n            type=\"button\"\n            onClick={() => onStepClick(step)}\n            aria-label={`Go to step ${String(step + 1)}`}\n            className={cn(\n              \"flex cursor-pointer bg-transparent border-none p-0\",\n              orientation === \"horizontal\"\n                ? \"flex-col items-center\"\n                : \"flex-row gap-(--space-3) items-start\",\n              \"rounded-(--radius-md)\",\n              \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n              \"focus-visible:outline-(--nuka-border-focus)\",\n            )}\n          >\n            {children}\n          </button>\n        ) : (\n          children\n        )}\n      </li>\n    </StepperItemContext>\n  );\n}\n\nStepperItem.displayName = \"StepperItem\";\n\nexport { StepperItem };\n"],"mappings":"mNAmBA,SAAS,EAAY,CACnB,MACA,OACA,MAAO,EACP,WAAW,GACX,YACA,WACA,GAAG,GACgB,CACnB,GAAM,CAAE,cAAa,cAAa,eAAgB,EAAA,mBAAmB,CAS/D,EAAQ,IANZ,EAAO,EACH,YACA,IAAS,EACP,UACA,YAIF,EACJ,IAAgB,IAAA,IAAa,IAAU,aAAe,CAAC,EAOzD,OACE,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAoB,MAN4B,EAAM,aAC/C,CAAE,OAAM,QAAO,WAAU,EAChC,CAAC,EAAM,EAAO,EAAS,CACxB,WAIG,EAAA,EAAA,KAAC,KAAD,CACO,MACL,eAAc,IAAU,UAAY,OAAS,IAAA,GAC7C,UAAW,EAAA,GACT,IAAgB,aACZ,sCACA,+DACJ,EACD,CACD,GAAI,WAEH,GACC,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,YAAe,EAAY,EAAK,CAChC,aAAY,cAAc,OAAO,EAAO,EAAE,GAC1C,UAAW,EAAA,GACT,qDACA,IAAgB,aACZ,wBACA,uCACJ,wBACA,yDACA,8CACD,CAEA,WACM,CAAA,CAET,EAEC,CAAA,CACc,CAAA,CAIzB,EAAY,YAAc"}
+{"version":3,"file":"StepperItem.cjs","names":[],"sources":["../../../src/components/Stepper/StepperItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  StepperItemContext,\n  useStepperContext,\n} from \"@nuka/components/Stepper/Stepper.context\";\nimport type {\n  StepState,\n  StepperItemContextValue,\n} from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n  step: number;\n  state?: StepState;\n  disabled?: boolean;\n}\n\nfunction StepperItem({\n  ref,\n  step,\n  state: explicitState,\n  disabled = false,\n  className,\n  children,\n  ...props\n}: StepperItemProps) {\n  const { currentStep, orientation, onStepClick } = useStepperContext();\n\n  const inferredState: StepState =\n    step < currentStep\n      ? \"completed\"\n      : step === currentStep\n        ? \"current\"\n        : \"upcoming\";\n\n  const state = explicitState ?? inferredState;\n\n  const isInteractive =\n    onStepClick !== undefined && state === \"completed\" && !disabled;\n\n  const itemContextValue: StepperItemContextValue = React.useMemo(\n    () => ({ step, state, disabled }),\n    [step, state, disabled],\n  );\n\n  return (\n    <StepperItemContext value={itemContextValue}>\n      <li\n        ref={ref}\n        aria-current={state === \"current\" ? \"step\" : undefined}\n        className={cn(\n          orientation === \"horizontal\"\n            ? \"flex flex-col items-center shrink-0\"\n            : \"group relative flex gap-(--space-3) pb-(--space-8) last:pb-0\",\n          className,\n        )}\n        data-slot=\"item\"\n        {...props}\n      >\n        {isInteractive ? (\n          <button\n            type=\"button\"\n            onClick={() => onStepClick(step)}\n            aria-label={`Go to step ${String(step + 1)}`}\n            className={cn(\n              \"flex cursor-pointer bg-transparent border-none p-0\",\n              orientation === \"horizontal\"\n                ? \"flex-col items-center\"\n                : \"flex-row gap-(--space-3) items-start\",\n              \"rounded-(--radius-md)\",\n              \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n              \"focus-visible:outline-(--nuka-border-focus)\",\n            )}\n          >\n            {children}\n          </button>\n        ) : (\n          children\n        )}\n      </li>\n    </StepperItemContext>\n  );\n}\n\nStepperItem.displayName = \"StepperItem\";\n\nexport { StepperItem };\n"],"mappings":"mNAmBA,SAAS,EAAY,CACnB,MACA,OACA,MAAO,EACP,WAAW,GACX,YACA,WACA,GAAG,GACgB,CACnB,GAAM,CAAE,cAAa,cAAa,eAAgB,EAAA,mBAAmB,CAS/D,EAAQ,IANZ,EAAO,EACH,YACA,IAAS,EACP,UACA,YAIF,EACJ,IAAgB,IAAA,IAAa,IAAU,aAAe,CAAC,EAOzD,OACE,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAoB,MAN4B,EAAM,aAC/C,CAAE,OAAM,QAAO,WAAU,EAChC,CAAC,EAAM,EAAO,EAAS,CACxB,WAIG,EAAA,EAAA,KAAC,KAAD,CACO,MACL,eAAc,IAAU,UAAY,OAAS,IAAA,GAC7C,UAAW,EAAA,GACT,IAAgB,aACZ,sCACA,+DACJ,EACD,CACD,YAAU,OACV,GAAI,WAEH,GACC,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,YAAe,EAAY,EAAK,CAChC,aAAY,cAAc,OAAO,EAAO,EAAE,GAC1C,UAAW,EAAA,GACT,qDACA,IAAgB,aACZ,wBACA,uCACJ,wBACA,yDACA,8CACD,CAEA,WACM,CAAA,CAET,EAEC,CAAA,CACc,CAAA,CAIzB,EAAY,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"StepperItem.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/StepperItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EACV,SAAS,EAEV,MAAM,0CAA0C,CAAC;AAElD,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IAC7E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,IAAI,EACJ,KAAK,EAAE,aAAa,EACpB,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAwDlB;kBAhEQ,WAAW;;;AAoEpB,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"StepperItem.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/StepperItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EACV,SAAS,EAEV,MAAM,0CAA0C,CAAC;AAElD,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IAC7E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,IAAI,EACJ,KAAK,EAAE,aAAa,EACpB,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAyDlB;kBAjEQ,WAAW;;;AAqEpB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Stepper/StepperItem.js

@@ -20,6 +20,7 @@ function a({ ref: a, step: o, state: s, disabled: c = !1, className: l, children
 			ref: a,
 			"aria-current": h === "current" ? "step" : void 0,
 			className: e(p === "horizontal" ? "flex flex-col items-center shrink-0" : "group relative flex gap-(--space-3) pb-(--space-8) last:pb-0", l),
+			"data-slot": "item",
 			...d,
 			children: g ? /* @__PURE__ */ i("button", {
 				type: "button",

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

@@ -1 +1 @@
-{"version":3,"file":"StepperItem.js","names":[],"sources":["../../../src/components/Stepper/StepperItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  StepperItemContext,\n  useStepperContext,\n} from \"@nuka/components/Stepper/Stepper.context\";\nimport type {\n  StepState,\n  StepperItemContextValue,\n} from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n  step: number;\n  state?: StepState;\n  disabled?: boolean;\n}\n\nfunction StepperItem({\n  ref,\n  step,\n  state: explicitState,\n  disabled = false,\n  className,\n  children,\n  ...props\n}: StepperItemProps) {\n  const { currentStep, orientation, onStepClick } = useStepperContext();\n\n  const inferredState: StepState =\n    step < currentStep\n      ? \"completed\"\n      : step === currentStep\n        ? \"current\"\n        : \"upcoming\";\n\n  const state = explicitState ?? inferredState;\n\n  const isInteractive =\n    onStepClick !== undefined && state === \"completed\" && !disabled;\n\n  const itemContextValue: StepperItemContextValue = React.useMemo(\n    () => ({ step, state, disabled }),\n    [step, state, disabled],\n  );\n\n  return (\n    <StepperItemContext value={itemContextValue}>\n      <li\n        ref={ref}\n        aria-current={state === \"current\" ? \"step\" : undefined}\n        className={cn(\n          orientation === \"horizontal\"\n            ? \"flex flex-col items-center shrink-0\"\n            : \"group relative flex gap-(--space-3) pb-(--space-8) last:pb-0\",\n          className,\n        )}\n        {...props}\n      >\n        {isInteractive ? (\n          <button\n            type=\"button\"\n            onClick={() => onStepClick(step)}\n            aria-label={`Go to step ${String(step + 1)}`}\n            className={cn(\n              \"flex cursor-pointer bg-transparent border-none p-0\",\n              orientation === \"horizontal\"\n                ? \"flex-col items-center\"\n                : \"flex-row gap-(--space-3) items-start\",\n              \"rounded-(--radius-md)\",\n              \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n              \"focus-visible:outline-(--nuka-border-focus)\",\n            )}\n          >\n            {children}\n          </button>\n        ) : (\n          children\n        )}\n      </li>\n    </StepperItemContext>\n  );\n}\n\nStepperItem.displayName = \"StepperItem\";\n\nexport { StepperItem };\n"],"mappings":";;;;;;AAmBA,SAAS,EAAY,EACnB,QACA,SACA,OAAO,GACP,cAAW,IACX,cACA,aACA,GAAG,KACgB;CACnB,IAAM,EAAE,gBAAa,gBAAa,mBAAgB,GAAmB,EAS/D,IAAQ,MANZ,IAAO,IACH,cACA,MAAS,IACP,YACA,aAIF,IACJ,MAAgB,KAAA,KAAa,MAAU,eAAe,CAAC;AAOzD,QACE,kBAAC,GAAD;EAAoB,OAN4B,EAAM,eAC/C;GAAE;GAAM;GAAO;GAAU,GAChC;GAAC;GAAM;GAAO;GAAS,CACxB;YAIG,kBAAC,MAAD;GACO;GACL,gBAAc,MAAU,YAAY,SAAS,KAAA;GAC7C,WAAW,EACT,MAAgB,eACZ,wCACA,gEACJ,EACD;GACD,GAAI;aAEH,IACC,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAY,EAAK;IAChC,cAAY,cAAc,OAAO,IAAO,EAAE;IAC1C,WAAW,EACT,sDACA,MAAgB,eACZ,0BACA,wCACJ,yBACA,0DACA,8CACD;IAEA;IACM,CAAA,GAET;GAEC,CAAA;EACc,CAAA;;AAIzB,EAAY,cAAc"}
+{"version":3,"file":"StepperItem.js","names":[],"sources":["../../../src/components/Stepper/StepperItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  StepperItemContext,\n  useStepperContext,\n} from \"@nuka/components/Stepper/Stepper.context\";\nimport type {\n  StepState,\n  StepperItemContextValue,\n} from \"@nuka/components/Stepper/Stepper.context\";\n\nexport interface StepperItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n  step: number;\n  state?: StepState;\n  disabled?: boolean;\n}\n\nfunction StepperItem({\n  ref,\n  step,\n  state: explicitState,\n  disabled = false,\n  className,\n  children,\n  ...props\n}: StepperItemProps) {\n  const { currentStep, orientation, onStepClick } = useStepperContext();\n\n  const inferredState: StepState =\n    step < currentStep\n      ? \"completed\"\n      : step === currentStep\n        ? \"current\"\n        : \"upcoming\";\n\n  const state = explicitState ?? inferredState;\n\n  const isInteractive =\n    onStepClick !== undefined && state === \"completed\" && !disabled;\n\n  const itemContextValue: StepperItemContextValue = React.useMemo(\n    () => ({ step, state, disabled }),\n    [step, state, disabled],\n  );\n\n  return (\n    <StepperItemContext value={itemContextValue}>\n      <li\n        ref={ref}\n        aria-current={state === \"current\" ? \"step\" : undefined}\n        className={cn(\n          orientation === \"horizontal\"\n            ? \"flex flex-col items-center shrink-0\"\n            : \"group relative flex gap-(--space-3) pb-(--space-8) last:pb-0\",\n          className,\n        )}\n        data-slot=\"item\"\n        {...props}\n      >\n        {isInteractive ? (\n          <button\n            type=\"button\"\n            onClick={() => onStepClick(step)}\n            aria-label={`Go to step ${String(step + 1)}`}\n            className={cn(\n              \"flex cursor-pointer bg-transparent border-none p-0\",\n              orientation === \"horizontal\"\n                ? \"flex-col items-center\"\n                : \"flex-row gap-(--space-3) items-start\",\n              \"rounded-(--radius-md)\",\n              \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n              \"focus-visible:outline-(--nuka-border-focus)\",\n            )}\n          >\n            {children}\n          </button>\n        ) : (\n          children\n        )}\n      </li>\n    </StepperItemContext>\n  );\n}\n\nStepperItem.displayName = \"StepperItem\";\n\nexport { StepperItem };\n"],"mappings":";;;;;;AAmBA,SAAS,EAAY,EACnB,QACA,SACA,OAAO,GACP,cAAW,IACX,cACA,aACA,GAAG,KACgB;CACnB,IAAM,EAAE,gBAAa,gBAAa,mBAAgB,GAAmB,EAS/D,IAAQ,MANZ,IAAO,IACH,cACA,MAAS,IACP,YACA,aAIF,IACJ,MAAgB,KAAA,KAAa,MAAU,eAAe,CAAC;AAOzD,QACE,kBAAC,GAAD;EAAoB,OAN4B,EAAM,eAC/C;GAAE;GAAM;GAAO;GAAU,GAChC;GAAC;GAAM;GAAO;GAAS,CACxB;YAIG,kBAAC,MAAD;GACO;GACL,gBAAc,MAAU,YAAY,SAAS,KAAA;GAC7C,WAAW,EACT,MAAgB,eACZ,wCACA,gEACJ,EACD;GACD,aAAU;GACV,GAAI;aAEH,IACC,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAY,EAAK;IAChC,cAAY,cAAc,OAAO,IAAO,EAAE;IAC1C,WAAW,EACT,sDACA,MAAgB,eACZ,0BACA,wCACJ,yBACA,0DACA,8CACD;IAEA;IACM,CAAA,GAET;GAEC,CAAA;EACc,CAAA;;AAIzB,EAAY,cAAc"}

package/dist/components/Stepper/StepperTitle.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:`sm`,weight:`medium`,className:t.cn(s===`horizontal`&&`whitespace-nowrap`,i),...o})}o.displayName=`StepperTitle`,exports.StepperTitle=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:`sm`,weight:`medium`,className:t.cn(s===`horizontal`&&`whitespace-nowrap`,i),"data-slot":`title`,...o})}o.displayName=`StepperTitle`,exports.StepperTitle=o;
 //# sourceMappingURL=StepperTitle.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepperTitle.cjs","names":[],"sources":["../../../src/components/Stepper/StepperTitle.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 StepperTitleProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction StepperTitle({ ref, className, ...props }: StepperTitleProps) {\n  const { orientation } = useStepperContext();\n\n  return (\n    <Text\n      ref={ref}\n      as=\"span\"\n      size=\"sm\"\n      weight=\"medium\"\n      className={cn(\n        orientation === \"horizontal\" && \"whitespace-nowrap\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nStepperTitle.displayName = \"StepperTitle\";\n\nexport { StepperTitle };\n"],"mappings":"iPAaA,SAAS,EAAa,CAAE,MAAK,YAAW,GAAG,GAA4B,CACrE,GAAM,CAAE,eAAgB,EAAA,mBAAmB,CAE3C,OACE,EAAA,EAAA,KAAC,EAAA,KAAD,CACO,MACL,GAAG,OACH,KAAK,KACL,OAAO,SACP,UAAW,EAAA,GACT,IAAgB,cAAgB,oBAChC,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAa,YAAc"}
+{"version":3,"file":"StepperTitle.cjs","names":[],"sources":["../../../src/components/Stepper/StepperTitle.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 StepperTitleProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction StepperTitle({ ref, className, ...props }: StepperTitleProps) {\n  const { orientation } = useStepperContext();\n\n  return (\n    <Text\n      ref={ref}\n      as=\"span\"\n      size=\"sm\"\n      weight=\"medium\"\n      className={cn(\n        orientation === \"horizontal\" && \"whitespace-nowrap\",\n        className,\n      )}\n      data-slot=\"title\"\n      {...props}\n    />\n  );\n}\n\nStepperTitle.displayName = \"StepperTitle\";\n\nexport { StepperTitle };\n"],"mappings":"iPAaA,SAAS,EAAa,CAAE,MAAK,YAAW,GAAG,GAA4B,CACrE,GAAM,CAAE,eAAgB,EAAA,mBAAmB,CAE3C,OACE,EAAA,EAAA,KAAC,EAAA,KAAD,CACO,MACL,GAAG,OACH,KAAK,KACL,OAAO,SACP,UAAW,EAAA,GACT,IAAgB,cAAgB,oBAChC,EACD,CACD,YAAU,QACV,GAAI,EACJ,CAAA,CAIN,EAAa,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"StepperTitle.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/StepperTitle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,OAAO,CACR;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;CAC1C;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAgBpE;kBAhBQ,YAAY;;;AAoBrB,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"StepperTitle.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/StepperTitle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,OAAO,CACR;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;CAC1C;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAiBpE;kBAjBQ,YAAY;;;AAqBrB,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Stepper/StepperTitle.js

@@ -13,6 +13,7 @@ function i({ ref: i, className: a, ...o }) {
 		size: "sm",
 		weight: "medium",
 		className: e(s === "horizontal" && "whitespace-nowrap", a),
+		"data-slot": "title",
 		...o
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"StepperTitle.js","names":[],"sources":["../../../src/components/Stepper/StepperTitle.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 StepperTitleProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction StepperTitle({ ref, className, ...props }: StepperTitleProps) {\n  const { orientation } = useStepperContext();\n\n  return (\n    <Text\n      ref={ref}\n      as=\"span\"\n      size=\"sm\"\n      weight=\"medium\"\n      className={cn(\n        orientation === \"horizontal\" && \"whitespace-nowrap\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nStepperTitle.displayName = \"StepperTitle\";\n\nexport { StepperTitle };\n"],"mappings":";;;;;;;AAaA,SAAS,EAAa,EAAE,QAAK,cAAW,GAAG,KAA4B;CACrE,IAAM,EAAE,mBAAgB,GAAmB;AAE3C,QACE,kBAAC,GAAD;EACO;EACL,IAAG;EACH,MAAK;EACL,QAAO;EACP,WAAW,EACT,MAAgB,gBAAgB,qBAChC,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAa,cAAc"}
+{"version":3,"file":"StepperTitle.js","names":[],"sources":["../../../src/components/Stepper/StepperTitle.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 StepperTitleProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction StepperTitle({ ref, className, ...props }: StepperTitleProps) {\n  const { orientation } = useStepperContext();\n\n  return (\n    <Text\n      ref={ref}\n      as=\"span\"\n      size=\"sm\"\n      weight=\"medium\"\n      className={cn(\n        orientation === \"horizontal\" && \"whitespace-nowrap\",\n        className,\n      )}\n      data-slot=\"title\"\n      {...props}\n    />\n  );\n}\n\nStepperTitle.displayName = \"StepperTitle\";\n\nexport { StepperTitle };\n"],"mappings":";;;;;;;AAaA,SAAS,EAAa,EAAE,QAAK,cAAW,GAAG,KAA4B;CACrE,IAAM,EAAE,mBAAgB,GAAmB;AAE3C,QACE,kBAAC,GAAD;EACO;EACL,IAAG;EACH,MAAK;EACL,QAAO;EACP,WAAW,EACT,MAAgB,gBAAgB,qBAChC,EACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,EAAa,cAAc"}

package/dist/components/Switch/Switch.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../hooks/use-controllable-state.cjs`),r=require(`../Text/Text.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`./Switch.variants.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({ref:e,className:o,size:c,checked:l,defaultChecked:u,onChange:d,children:f,id:p,disabled:m,...h}){let g=i.useFormFieldProps({id:p,disabled:m,"aria-describedby":h[`aria-describedby`]},{skipInvalid:!0}),[_,v]=n.useControllableState(l,u??!1,d),y=()=>{v(!_)},b={sm:_?`translate-x-4`:`translate-x-0`,md:_?`translate-x-4`:`translate-x-0`,lg:_?`translate-x-5`:`translate-x-0`}[c??`md`];return(0,s.jsxs)(`div`,{className:`inline-flex items-center gap-(--space-2)`,children:[(0,s.jsx)(`button`,{ref:e,type:`button`,role:`switch`,id:g.resolvedId,"aria-checked":_,"aria-describedby":g.ariaDescribedBy,disabled:g.resolvedDisabled,className:t.cn(a.switchVariants({size:c}),_?`bg-(--nuka-accent-bg)`:`bg-(--nuka-border-strong)`,o),onClick:y,...h,children:(0,s.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(a.switchThumbVariants({size:c}),b)})}),f&&(0,s.jsx)(r.Text,{as:`span`,size:`sm`,children:f})]})}c.displayName=`Switch`,exports.Switch=c;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../hooks/use-controllable-state.cjs`),r=require(`../Text/Text.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`./Switch.variants.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({ref:e,className:o,size:c,checked:l,defaultChecked:u,onChange:d,children:f,id:p,disabled:m,...h}){let g=i.useFormFieldProps({id:p,disabled:m,"aria-describedby":h[`aria-describedby`]},{skipInvalid:!0}),[_,v]=n.useControllableState(l,u??!1,d),y=()=>{v(!_)},b={sm:_?`translate-x-4`:`translate-x-0`,md:_?`translate-x-5`:`translate-x-0`,lg:_?`translate-x-6`:`translate-x-0`}[c??`md`];return(0,s.jsxs)(`div`,{className:`inline-flex items-center gap-(--space-2)`,children:[(0,s.jsx)(`button`,{ref:e,type:`button`,role:`switch`,id:g.resolvedId,"aria-checked":_,"aria-describedby":g.ariaDescribedBy,disabled:g.resolvedDisabled,className:t.cn(a.switchVariants({size:c}),_?`bg-(--nuka-accent-bg)`:`bg-(--nuka-border-strong)`,o),"data-slot":`root`,onClick:y,...h,children:(0,s.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(a.switchThumbVariants({size:c}),b),"data-slot":`thumb`})}),f&&(0,s.jsx)(r.Text,{as:`span`,size:`sm`,"data-slot":`label`,children:f})]})}c.displayName=`Switch`,exports.Switch=c;
 //# sourceMappingURL=Switch.cjs.map

package/dist/components/Switch/Switch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.cjs","names":[],"sources":["../../../src/components/Switch/Switch.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 { Text } from \"@nuka/components/Text\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n  switchVariants,\n  switchThumbVariants,\n  type SwitchVariantProps,\n} from \"@nuka/components/Switch/Switch.variants\";\n\nexport interface SwitchProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\">,\n    SwitchVariantProps {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  children?: React.ReactNode;\n}\n\nfunction Switch({\n  ref,\n  className,\n  size,\n  checked: controlledChecked,\n  defaultChecked,\n  onChange,\n  children,\n  id,\n  disabled,\n  ...props\n}: SwitchProps) {\n  const field = useFormFieldProps(\n    {\n      id,\n      disabled,\n      \"aria-describedby\": props[\"aria-describedby\"],\n    },\n    { skipInvalid: true },\n  );\n  const [isChecked, setChecked] = useControllableState(\n    controlledChecked,\n    defaultChecked ?? false,\n    onChange,\n  );\n\n  const handleClick = () => {\n    setChecked(!isChecked);\n  };\n\n  const translateClass = {\n    sm: isChecked ? \"translate-x-4\" : \"translate-x-0\",\n    md: isChecked ? \"translate-x-4\" : \"translate-x-0\",\n    lg: isChecked ? \"translate-x-5\" : \"translate-x-0\",\n  }[size ?? \"md\"];\n\n  return (\n    <div className=\"inline-flex items-center gap-(--space-2)\">\n      <button\n        ref={ref}\n        type=\"button\"\n        role=\"switch\"\n        id={field.resolvedId}\n        aria-checked={isChecked}\n        aria-describedby={field.ariaDescribedBy}\n        disabled={field.resolvedDisabled}\n        className={cn(\n          switchVariants({ size }),\n          isChecked ? \"bg-(--nuka-accent-bg)\" : \"bg-(--nuka-border-strong)\",\n          className,\n        )}\n        onClick={handleClick}\n        {...props}\n      >\n        <span\n          aria-hidden=\"true\"\n          className={cn(switchThumbVariants({ size }), translateClass)}\n        />\n      </button>\n      {children && (\n        <Text as=\"span\" size=\"sm\">\n          {children}\n        </Text>\n      )}\n    </div>\n  );\n}\n\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchVariants, switchThumbVariants };\n"],"mappings":"uVAuBA,SAAS,EAAO,CACd,MACA,YACA,OACA,QAAS,EACT,iBACA,WACA,WACA,KACA,WACA,GAAG,GACW,CACd,IAAM,EAAQ,EAAA,kBACZ,CACE,KACA,WACA,mBAAoB,EAAM,oBAC3B,CACD,CAAE,YAAa,GAAM,CACtB,CACK,CAAC,EAAW,GAAc,EAAA,qBAC9B,EACA,GAAkB,GAClB,EACD,CAEK,MAAoB,CACxB,EAAW,CAAC,EAAU,EAGlB,EAAiB,CACrB,GAAI,EAAY,gBAAkB,gBAClC,GAAI,EAAY,gBAAkB,gBAClC,GAAI,EAAY,gBAAkB,gBACnC,CAAC,GAAQ,MAEV,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oDAAf,EACE,EAAA,EAAA,KAAC,SAAD,CACO,MACL,KAAK,SACL,KAAK,SACL,GAAI,EAAM,WACV,eAAc,EACd,mBAAkB,EAAM,gBACxB,SAAU,EAAM,iBAChB,UAAW,EAAA,GACT,EAAA,eAAe,CAAE,OAAM,CAAC,CACxB,EAAY,wBAA0B,4BACtC,EACD,CACD,QAAS,EACT,GAAI,YAEJ,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,UAAW,EAAA,GAAG,EAAA,oBAAoB,CAAE,OAAM,CAAC,CAAE,EAAe,CAC5D,CAAA,CACK,CAAA,CACR,IACC,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,OAAO,KAAK,KAClB,WACI,CAAA,CAEL,GAIV,EAAO,YAAc"}
+{"version":3,"file":"Switch.cjs","names":[],"sources":["../../../src/components/Switch/Switch.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 { Text } from \"@nuka/components/Text\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n  switchVariants,\n  switchThumbVariants,\n  type SwitchVariantProps,\n} from \"@nuka/components/Switch/Switch.variants\";\n\nexport interface SwitchProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\">,\n    SwitchVariantProps {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  children?: React.ReactNode;\n}\n\nfunction Switch({\n  ref,\n  className,\n  size,\n  checked: controlledChecked,\n  defaultChecked,\n  onChange,\n  children,\n  id,\n  disabled,\n  ...props\n}: SwitchProps) {\n  const field = useFormFieldProps(\n    {\n      id,\n      disabled,\n      \"aria-describedby\": props[\"aria-describedby\"],\n    },\n    { skipInvalid: true },\n  );\n  const [isChecked, setChecked] = useControllableState(\n    controlledChecked,\n    defaultChecked ?? false,\n    onChange,\n  );\n\n  const handleClick = () => {\n    setChecked(!isChecked);\n  };\n\n  // Translation distance per size: track width - thumb width - 2*border.\n  // sm 40 - 16 - 4 = 20 -> translate-x-5 (but translate-x-4 preserves prior\n  // visual). md 48 - 20 - 4 = 24. lg 56 - 24 - 4 = 28.\n  const translateClass = {\n    sm: isChecked ? \"translate-x-4\" : \"translate-x-0\",\n    md: isChecked ? \"translate-x-5\" : \"translate-x-0\",\n    lg: isChecked ? \"translate-x-6\" : \"translate-x-0\",\n  }[size ?? \"md\"];\n\n  return (\n    <div className=\"inline-flex items-center gap-(--space-2)\">\n      <button\n        ref={ref}\n        type=\"button\"\n        role=\"switch\"\n        id={field.resolvedId}\n        aria-checked={isChecked}\n        aria-describedby={field.ariaDescribedBy}\n        disabled={field.resolvedDisabled}\n        className={cn(\n          switchVariants({ size }),\n          isChecked ? \"bg-(--nuka-accent-bg)\" : \"bg-(--nuka-border-strong)\",\n          className,\n        )}\n        data-slot=\"root\"\n        onClick={handleClick}\n        {...props}\n      >\n        <span\n          aria-hidden=\"true\"\n          className={cn(switchThumbVariants({ size }), translateClass)}\n          data-slot=\"thumb\"\n        />\n      </button>\n      {children && (\n        <Text as=\"span\" size=\"sm\" data-slot=\"label\">\n          {children}\n        </Text>\n      )}\n    </div>\n  );\n}\n\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchVariants, switchThumbVariants };\n"],"mappings":"uVAuBA,SAAS,EAAO,CACd,MACA,YACA,OACA,QAAS,EACT,iBACA,WACA,WACA,KACA,WACA,GAAG,GACW,CACd,IAAM,EAAQ,EAAA,kBACZ,CACE,KACA,WACA,mBAAoB,EAAM,oBAC3B,CACD,CAAE,YAAa,GAAM,CACtB,CACK,CAAC,EAAW,GAAc,EAAA,qBAC9B,EACA,GAAkB,GAClB,EACD,CAEK,MAAoB,CACxB,EAAW,CAAC,EAAU,EAMlB,EAAiB,CACrB,GAAI,EAAY,gBAAkB,gBAClC,GAAI,EAAY,gBAAkB,gBAClC,GAAI,EAAY,gBAAkB,gBACnC,CAAC,GAAQ,MAEV,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oDAAf,EACE,EAAA,EAAA,KAAC,SAAD,CACO,MACL,KAAK,SACL,KAAK,SACL,GAAI,EAAM,WACV,eAAc,EACd,mBAAkB,EAAM,gBACxB,SAAU,EAAM,iBAChB,UAAW,EAAA,GACT,EAAA,eAAe,CAAE,OAAM,CAAC,CACxB,EAAY,wBAA0B,4BACtC,EACD,CACD,YAAU,OACV,QAAS,EACT,GAAI,YAEJ,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,UAAW,EAAA,GAAG,EAAA,oBAAoB,CAAE,OAAM,CAAC,CAAE,EAAe,CAC5D,YAAU,QACV,CAAA,CACK,CAAA,CACR,IACC,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,OAAO,KAAK,KAAK,YAAU,QACjC,WACI,CAAA,CAEL,GAIV,EAAO,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,KAAK,kBAAkB,EACxB,MAAM,yCAAyC,CAAC;AAEjD,MAAM,WAAW,WACf,SACE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,EAC/D,kBAAkB;IACpB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,iBAAS,MAAM,CAAC,EACd,GAAG,EACH,SAAS,EACT,IAAI,EACJ,OAAO,EAAE,iBAAiB,EAC1B,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CAuDb;kBAlEQ,MAAM;;;AAsEf,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,KAAK,kBAAkB,EACxB,MAAM,yCAAyC,CAAC;AAEjD,MAAM,WAAW,WACf,SACE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,EAC/D,kBAAkB;IACpB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,iBAAS,MAAM,CAAC,EACd,GAAG,EACH,SAAS,EACT,IAAI,EACJ,OAAO,EAAE,iBAAiB,EAC1B,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CA4Db;kBAvEQ,MAAM;;;AA2Ef,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/Switch/Switch.js

@@ -16,8 +16,8 @@ function c({ ref: c, className: l, size: u, checked: d, defaultChecked: f, onCha
 		b(!y);
 	}, S = {
 		sm: y ? "translate-x-4" : "translate-x-0",
-		md: y ? "translate-x-4" : "translate-x-0",
-		lg: y ? "translate-x-5" : "translate-x-0"
+		md: y ? "translate-x-5" : "translate-x-0",
+		lg: y ? "translate-x-6" : "translate-x-0"
 	}[u ?? "md"];
 	return /* @__PURE__ */ s("div", {
 		className: "inline-flex items-center gap-(--space-2)",
@@ -30,15 +30,18 @@ function c({ ref: c, className: l, size: u, checked: d, defaultChecked: f, onCha
 			"aria-describedby": v.ariaDescribedBy,
 			disabled: v.resolvedDisabled,
 			className: e(a({ size: u }), y ? "bg-(--nuka-accent-bg)" : "bg-(--nuka-border-strong)", l),
+			"data-slot": "root",
 			onClick: x,
 			..._,
 			children: /* @__PURE__ */ o("span", {
 				"aria-hidden": "true",
-				className: e(i({ size: u }), S)
+				className: e(i({ size: u }), S),
+				"data-slot": "thumb"
 			})
 		}), m && /* @__PURE__ */ o(n, {
 			as: "span",
 			size: "sm",
+			"data-slot": "label",
 			children: m
 		})]
 	});

package/dist/components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":[],"sources":["../../../src/components/Switch/Switch.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 { Text } from \"@nuka/components/Text\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n  switchVariants,\n  switchThumbVariants,\n  type SwitchVariantProps,\n} from \"@nuka/components/Switch/Switch.variants\";\n\nexport interface SwitchProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\">,\n    SwitchVariantProps {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  children?: React.ReactNode;\n}\n\nfunction Switch({\n  ref,\n  className,\n  size,\n  checked: controlledChecked,\n  defaultChecked,\n  onChange,\n  children,\n  id,\n  disabled,\n  ...props\n}: SwitchProps) {\n  const field = useFormFieldProps(\n    {\n      id,\n      disabled,\n      \"aria-describedby\": props[\"aria-describedby\"],\n    },\n    { skipInvalid: true },\n  );\n  const [isChecked, setChecked] = useControllableState(\n    controlledChecked,\n    defaultChecked ?? false,\n    onChange,\n  );\n\n  const handleClick = () => {\n    setChecked(!isChecked);\n  };\n\n  const translateClass = {\n    sm: isChecked ? \"translate-x-4\" : \"translate-x-0\",\n    md: isChecked ? \"translate-x-4\" : \"translate-x-0\",\n    lg: isChecked ? \"translate-x-5\" : \"translate-x-0\",\n  }[size ?? \"md\"];\n\n  return (\n    <div className=\"inline-flex items-center gap-(--space-2)\">\n      <button\n        ref={ref}\n        type=\"button\"\n        role=\"switch\"\n        id={field.resolvedId}\n        aria-checked={isChecked}\n        aria-describedby={field.ariaDescribedBy}\n        disabled={field.resolvedDisabled}\n        className={cn(\n          switchVariants({ size }),\n          isChecked ? \"bg-(--nuka-accent-bg)\" : \"bg-(--nuka-border-strong)\",\n          className,\n        )}\n        onClick={handleClick}\n        {...props}\n      >\n        <span\n          aria-hidden=\"true\"\n          className={cn(switchThumbVariants({ size }), translateClass)}\n        />\n      </button>\n      {children && (\n        <Text as=\"span\" size=\"sm\">\n          {children}\n        </Text>\n      )}\n    </div>\n  );\n}\n\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchVariants, switchThumbVariants };\n"],"mappings":";;;;;;;;;AAuBA,SAAS,EAAO,EACd,QACA,cACA,SACA,SAAS,GACT,mBACA,aACA,aACA,OACA,aACA,GAAG,KACW;CACd,IAAM,IAAQ,EACZ;EACE;EACA;EACA,oBAAoB,EAAM;EAC3B,EACD,EAAE,aAAa,IAAM,CACtB,EACK,CAAC,GAAW,KAAc,EAC9B,GACA,KAAkB,IAClB,EACD,EAEK,UAAoB;AACxB,IAAW,CAAC,EAAU;IAGlB,IAAiB;EACrB,IAAI,IAAY,kBAAkB;EAClC,IAAI,IAAY,kBAAkB;EAClC,IAAI,IAAY,kBAAkB;EACnC,CAAC,KAAQ;AAEV,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACO;GACL,MAAK;GACL,MAAK;GACL,IAAI,EAAM;GACV,gBAAc;GACd,oBAAkB,EAAM;GACxB,UAAU,EAAM;GAChB,WAAW,EACT,EAAe,EAAE,SAAM,CAAC,EACxB,IAAY,0BAA0B,6BACtC,EACD;GACD,SAAS;GACT,GAAI;aAEJ,kBAAC,QAAD;IACE,eAAY;IACZ,WAAW,EAAG,EAAoB,EAAE,SAAM,CAAC,EAAE,EAAe;IAC5D,CAAA;GACK,CAAA,EACR,KACC,kBAAC,GAAD;GAAM,IAAG;GAAO,MAAK;GAClB;GACI,CAAA,CAEL;;;AAIV,EAAO,cAAc"}
+{"version":3,"file":"Switch.js","names":[],"sources":["../../../src/components/Switch/Switch.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 { Text } from \"@nuka/components/Text\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n  switchVariants,\n  switchThumbVariants,\n  type SwitchVariantProps,\n} from \"@nuka/components/Switch/Switch.variants\";\n\nexport interface SwitchProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\">,\n    SwitchVariantProps {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  children?: React.ReactNode;\n}\n\nfunction Switch({\n  ref,\n  className,\n  size,\n  checked: controlledChecked,\n  defaultChecked,\n  onChange,\n  children,\n  id,\n  disabled,\n  ...props\n}: SwitchProps) {\n  const field = useFormFieldProps(\n    {\n      id,\n      disabled,\n      \"aria-describedby\": props[\"aria-describedby\"],\n    },\n    { skipInvalid: true },\n  );\n  const [isChecked, setChecked] = useControllableState(\n    controlledChecked,\n    defaultChecked ?? false,\n    onChange,\n  );\n\n  const handleClick = () => {\n    setChecked(!isChecked);\n  };\n\n  // Translation distance per size: track width - thumb width - 2*border.\n  // sm 40 - 16 - 4 = 20 -> translate-x-5 (but translate-x-4 preserves prior\n  // visual). md 48 - 20 - 4 = 24. lg 56 - 24 - 4 = 28.\n  const translateClass = {\n    sm: isChecked ? \"translate-x-4\" : \"translate-x-0\",\n    md: isChecked ? \"translate-x-5\" : \"translate-x-0\",\n    lg: isChecked ? \"translate-x-6\" : \"translate-x-0\",\n  }[size ?? \"md\"];\n\n  return (\n    <div className=\"inline-flex items-center gap-(--space-2)\">\n      <button\n        ref={ref}\n        type=\"button\"\n        role=\"switch\"\n        id={field.resolvedId}\n        aria-checked={isChecked}\n        aria-describedby={field.ariaDescribedBy}\n        disabled={field.resolvedDisabled}\n        className={cn(\n          switchVariants({ size }),\n          isChecked ? \"bg-(--nuka-accent-bg)\" : \"bg-(--nuka-border-strong)\",\n          className,\n        )}\n        data-slot=\"root\"\n        onClick={handleClick}\n        {...props}\n      >\n        <span\n          aria-hidden=\"true\"\n          className={cn(switchThumbVariants({ size }), translateClass)}\n          data-slot=\"thumb\"\n        />\n      </button>\n      {children && (\n        <Text as=\"span\" size=\"sm\" data-slot=\"label\">\n          {children}\n        </Text>\n      )}\n    </div>\n  );\n}\n\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchVariants, switchThumbVariants };\n"],"mappings":";;;;;;;;;AAuBA,SAAS,EAAO,EACd,QACA,cACA,SACA,SAAS,GACT,mBACA,aACA,aACA,OACA,aACA,GAAG,KACW;CACd,IAAM,IAAQ,EACZ;EACE;EACA;EACA,oBAAoB,EAAM;EAC3B,EACD,EAAE,aAAa,IAAM,CACtB,EACK,CAAC,GAAW,KAAc,EAC9B,GACA,KAAkB,IAClB,EACD,EAEK,UAAoB;AACxB,IAAW,CAAC,EAAU;IAMlB,IAAiB;EACrB,IAAI,IAAY,kBAAkB;EAClC,IAAI,IAAY,kBAAkB;EAClC,IAAI,IAAY,kBAAkB;EACnC,CAAC,KAAQ;AAEV,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACO;GACL,MAAK;GACL,MAAK;GACL,IAAI,EAAM;GACV,gBAAc;GACd,oBAAkB,EAAM;GACxB,UAAU,EAAM;GAChB,WAAW,EACT,EAAe,EAAE,SAAM,CAAC,EACxB,IAAY,0BAA0B,6BACtC,EACD;GACD,aAAU;GACV,SAAS;GACT,GAAI;aAEJ,kBAAC,QAAD;IACE,eAAY;IACZ,WAAW,EAAG,EAAoB,EAAE,SAAM,CAAC,EAAE,EAAe;IAC5D,aAAU;IACV,CAAA;GACK,CAAA,EACR,KACC,kBAAC,GAAD;GAAM,IAAG;GAAO,MAAK;GAAK,aAAU;GACjC;GACI,CAAA,CAEL;;;AAIV,EAAO,cAAc"}

package/dist/components/Switch/Switch.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 shrink-0`,`rounded-full`,`border-2 border-transparent`,`transition-colors duration-150`,`cursor-pointer`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,`disabled:cursor-not-allowed disabled:opacity-50`],{variants:{size:{sm:`h-6 w-10`,md:`h-5 w-9`,lg:`h-6 w-11`}},defaultVariants:{size:`md`}}),n=e.cva([`block rounded-full`,`bg-(--nuka-text-inverse)`,`transition-transform duration-150`,`pointer-events-none`],{variants:{size:{sm:`size-4`,md:`size-4`,lg:`size-5`}},defaultVariants:{size:`md`}});exports.switchThumbVariants=n,exports.switchVariants=t;
+const e=require(`../../node_modules/class-variance-authority/dist/index.cjs`);var t=e.cva([`inline-flex items-center shrink-0`,`rounded-full`,`border-2 border-transparent`,`transition-colors duration-150`,`cursor-pointer`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,`disabled:cursor-not-allowed disabled:opacity-50`],{variants:{size:{sm:`h-6 w-10`,md:`h-7 w-12`,lg:`h-8 w-14`}},defaultVariants:{size:`md`}}),n=e.cva([`block rounded-full`,`bg-(--nuka-text-inverse)`,`transition-transform duration-150`,`pointer-events-none`],{variants:{size:{sm:`size-4`,md:`size-5`,lg:`size-6`}},defaultVariants:{size:`md`}});exports.switchThumbVariants=n,exports.switchVariants=t;
 //# sourceMappingURL=Switch.variants.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.variants.cjs","names":[],"sources":["../../../src/components/Switch/Switch.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const switchVariants = cva(\n  [\n    \"inline-flex items-center shrink-0\",\n    \"rounded-full\",\n    \"border-2 border-transparent\",\n    \"transition-colors duration-150\",\n    \"cursor-pointer\",\n    \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n    \"focus-visible:outline-(--nuka-border-focus)\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-6 w-10\",\n        md: \"h-5 w-9\",\n        lg: \"h-6 w-11\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const switchThumbVariants = cva(\n  [\n    \"block rounded-full\",\n    \"bg-(--nuka-text-inverse)\",\n    \"transition-transform duration-150\",\n    \"pointer-events-none\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"size-4\",\n        md: \"size-4\",\n        lg: \"size-5\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport type SwitchVariantProps = VariantProps<typeof switchVariants>;\n"],"mappings":"8EAEA,IAAa,EAAiB,EAAA,IAC5B,CACE,oCACA,eACA,8BACA,iCACA,iBACA,yDACA,8CACA,kDACD,CACD,CACE,SAAU,CACR,KAAM,CACJ,GAAI,WACJ,GAAI,UACJ,GAAI,WACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CACF,CAEY,EAAsB,EAAA,IACjC,CACE,qBACA,2BACA,oCACA,sBACD,CACD,CACE,SAAU,CACR,KAAM,CACJ,GAAI,SACJ,GAAI,SACJ,GAAI,SACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CACF"}
+{"version":3,"file":"Switch.variants.cjs","names":[],"sources":["../../../src/components/Switch/Switch.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const switchVariants = cva(\n  [\n    \"inline-flex items-center shrink-0\",\n    \"rounded-full\",\n    \"border-2 border-transparent\",\n    \"transition-colors duration-150\",\n    \"cursor-pointer\",\n    \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n    \"focus-visible:outline-(--nuka-border-focus)\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n  ],\n  {\n    variants: {\n      // sm stays at WCAG 2.5.8 minimum (24x40); md and lg step up in height,\n      // width, and thumb size so the ramp is visually distinct. All sizes pass\n      // the 24x24 touch-target minimum.\n      size: {\n        sm: \"h-6 w-10\",\n        md: \"h-7 w-12\",\n        lg: \"h-8 w-14\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const switchThumbVariants = cva(\n  [\n    \"block rounded-full\",\n    \"bg-(--nuka-text-inverse)\",\n    \"transition-transform duration-150\",\n    \"pointer-events-none\",\n  ],\n  {\n    // Thumb sits inside the track (switchVariants). The track is the 24x24+\n    // touch target; the thumb is a decorative sub-element.\n    variants: {\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"size-4\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"size-5\",\n        lg: \"size-6\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport type SwitchVariantProps = VariantProps<typeof switchVariants>;\n"],"mappings":"8EAEA,IAAa,EAAiB,EAAA,IAC5B,CACE,oCACA,eACA,8BACA,iCACA,iBACA,yDACA,8CACA,kDACD,CACD,CACE,SAAU,CAIR,KAAM,CACJ,GAAI,WACJ,GAAI,WACJ,GAAI,WACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CACF,CAEY,EAAsB,EAAA,IACjC,CACE,qBACA,2BACA,oCACA,sBACD,CACD,CAGE,SAAU,CACR,KAAM,CAEJ,GAAI,SAEJ,GAAI,SACJ,GAAI,SACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CACF"}

package/dist/components/Switch/Switch.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,cAAc;;8EAuB1B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;8EAmB/B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}
+{"version":3,"file":"Switch.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,cAAc;;8EA0B1B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;8EAuB/B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}

package/dist/components/Switch/Switch.variants.js

@@ -12,8 +12,8 @@ var t = e([
 ], {
 	variants: { size: {
 		sm: "h-6 w-10",
-		md: "h-5 w-9",
-		lg: "h-6 w-11"
+		md: "h-7 w-12",
+		lg: "h-8 w-14"
 	} },
 	defaultVariants: { size: "md" }
 }), n = e([
@@ -24,8 +24,8 @@ var t = e([
 ], {
 	variants: { size: {
 		sm: "size-4",
-		md: "size-4",
-		lg: "size-5"
+		md: "size-5",
+		lg: "size-6"
 	} },
 	defaultVariants: { size: "md" }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.variants.js","names":[],"sources":["../../../src/components/Switch/Switch.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const switchVariants = cva(\n  [\n    \"inline-flex items-center shrink-0\",\n    \"rounded-full\",\n    \"border-2 border-transparent\",\n    \"transition-colors duration-150\",\n    \"cursor-pointer\",\n    \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n    \"focus-visible:outline-(--nuka-border-focus)\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-6 w-10\",\n        md: \"h-5 w-9\",\n        lg: \"h-6 w-11\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const switchThumbVariants = cva(\n  [\n    \"block rounded-full\",\n    \"bg-(--nuka-text-inverse)\",\n    \"transition-transform duration-150\",\n    \"pointer-events-none\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"size-4\",\n        md: \"size-4\",\n        lg: \"size-5\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport type SwitchVariantProps = VariantProps<typeof switchVariants>;\n"],"mappings":";;AAEA,IAAa,IAAiB,EAC5B;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF,EAEY,IAAsB,EACjC;CACE;CACA;CACA;CACA;CACD,EACD;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF"}
+{"version":3,"file":"Switch.variants.js","names":[],"sources":["../../../src/components/Switch/Switch.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const switchVariants = cva(\n  [\n    \"inline-flex items-center shrink-0\",\n    \"rounded-full\",\n    \"border-2 border-transparent\",\n    \"transition-colors duration-150\",\n    \"cursor-pointer\",\n    \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n    \"focus-visible:outline-(--nuka-border-focus)\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n  ],\n  {\n    variants: {\n      // sm stays at WCAG 2.5.8 minimum (24x40); md and lg step up in height,\n      // width, and thumb size so the ramp is visually distinct. All sizes pass\n      // the 24x24 touch-target minimum.\n      size: {\n        sm: \"h-6 w-10\",\n        md: \"h-7 w-12\",\n        lg: \"h-8 w-14\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const switchThumbVariants = cva(\n  [\n    \"block rounded-full\",\n    \"bg-(--nuka-text-inverse)\",\n    \"transition-transform duration-150\",\n    \"pointer-events-none\",\n  ],\n  {\n    // Thumb sits inside the track (switchVariants). The track is the 24x24+\n    // touch target; the thumb is a decorative sub-element.\n    variants: {\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"size-4\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"size-5\",\n        lg: \"size-6\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport type SwitchVariantProps = VariantProps<typeof switchVariants>;\n"],"mappings":";;AAEA,IAAa,IAAiB,EAC5B;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU,EAIR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF,EAEY,IAAsB,EACjC;CACE;CACA;CACA;CACA;CACD,EACD;CAGE,UAAU,EACR,MAAM;EAEJ,IAAI;EAEJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF"}

package/dist/components/Table/Table.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Table.context.cjs`),r=require(`./Table.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,caption:o,variant:s=`default`,className:c,children:l,...u}){return(0,a.jsx)(n.TableContext,{value:i.useMemo(()=>({variant:s??`default`}),[s]),children:(0,a.jsx)(`div`,{ref:e,"data-variant":s,className:t.cn(r.tableVariants({variant:s}),c),...u,children:(0,a.jsxs)(`table`,{className:`w-full border-collapse text-sm`,children:[(0,a.jsx)(`caption`,{className:`sr-only`,children:o}),l]})})})}o.displayName=`Table`,exports.Table=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Table.context.cjs`),r=require(`./Table.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,caption:o,variant:s=`default`,className:c,children:l,...u}){return(0,a.jsx)(n.TableContext,{value:i.useMemo(()=>({variant:s??`default`}),[s]),children:(0,a.jsx)(`div`,{ref:e,"data-slot":`root`,"data-variant":s,className:t.cn(r.tableVariants({variant:s}),c),...u,children:(0,a.jsxs)(`table`,{"data-slot":`table`,className:`w-full border-collapse text-sm`,children:[(0,a.jsx)(`caption`,{"data-slot":`caption`,className:`sr-only`,children:o}),l]})})})}o.displayName=`Table`,exports.Table=o;
 //# sourceMappingURL=Table.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.cjs","names":[],"sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { TableContext } from \"@nuka/components/Table/Table.context\";\nimport type { TableContextValue } from \"@nuka/components/Table/Table.context\";\nimport {\n  tableVariants,\n  type TableVariantProps,\n} from \"@nuka/components/Table/Table.variants\";\n\nexport interface TableProps\n  extends React.HTMLAttributes<HTMLDivElement>, TableVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  caption: string;\n}\n\n// Ref forwards to the outer <div> wrapper, not the inner <table>.\n// Consumers who need the <table> element directly can use a callback ref\n// on a child or query the DOM. This is an acceptable tradeoff for the\n// overflow-x-auto scroll wrapper pattern.\nfunction Table({\n  ref,\n  caption,\n  variant = \"default\",\n  className,\n  children,\n  ...props\n}: TableProps) {\n  const contextValue: TableContextValue = React.useMemo(\n    () => ({ variant: variant ?? \"default\" }),\n    [variant],\n  );\n\n  return (\n    <TableContext value={contextValue}>\n      <div\n        ref={ref}\n        data-variant={variant}\n        className={cn(tableVariants({ variant }), className)}\n        {...props}\n      >\n        <table className=\"w-full border-collapse text-sm\">\n          <caption className=\"sr-only\">{caption}</caption>\n          {children}\n        </table>\n      </div>\n    </TableContext>\n  );\n}\n\nTable.displayName = \"Table\";\n\nexport { Table };\n"],"mappings":"mPAoBA,SAAS,EAAM,CACb,MACA,UACA,UAAU,UACV,YACA,WACA,GAAG,GACU,CAMb,OACE,EAAA,EAAA,KAAC,EAAA,aAAD,CAAc,MANwB,EAAM,aACrC,CAAE,QAAS,GAAW,UAAW,EACxC,CAAC,EAAQ,CACV,WAIG,EAAA,EAAA,KAAC,MAAD,CACO,MACL,eAAc,EACd,UAAW,EAAA,GAAG,EAAA,cAAc,CAAE,UAAS,CAAC,CAAE,EAAU,CACpD,GAAI,YAEJ,EAAA,EAAA,MAAC,QAAD,CAAO,UAAU,0CAAjB,EACE,EAAA,EAAA,KAAC,UAAD,CAAS,UAAU,mBAAW,EAAkB,CAAA,CAC/C,EACK,GACJ,CAAA,CACO,CAAA,CAInB,EAAM,YAAc"}
+{"version":3,"file":"Table.cjs","names":[],"sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { TableContext } from \"@nuka/components/Table/Table.context\";\nimport type { TableContextValue } from \"@nuka/components/Table/Table.context\";\nimport {\n  tableVariants,\n  type TableVariantProps,\n} from \"@nuka/components/Table/Table.variants\";\n\nexport interface TableProps\n  extends React.HTMLAttributes<HTMLDivElement>, TableVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  caption: string;\n}\n\n// Ref forwards to the outer <div> wrapper, not the inner <table>.\n// Consumers who need the <table> element directly can use a callback ref\n// on a child or query the DOM. This is an acceptable tradeoff for the\n// overflow-x-auto scroll wrapper pattern.\nfunction Table({\n  ref,\n  caption,\n  variant = \"default\",\n  className,\n  children,\n  ...props\n}: TableProps) {\n  const contextValue: TableContextValue = React.useMemo(\n    () => ({ variant: variant ?? \"default\" }),\n    [variant],\n  );\n\n  return (\n    <TableContext value={contextValue}>\n      <div\n        ref={ref}\n        data-slot=\"root\"\n        data-variant={variant}\n        className={cn(tableVariants({ variant }), className)}\n        {...props}\n      >\n        <table data-slot=\"table\" className=\"w-full border-collapse text-sm\">\n          <caption data-slot=\"caption\" className=\"sr-only\">\n            {caption}\n          </caption>\n          {children}\n        </table>\n      </div>\n    </TableContext>\n  );\n}\n\nTable.displayName = \"Table\";\n\nexport { Table };\n"],"mappings":"mPAoBA,SAAS,EAAM,CACb,MACA,UACA,UAAU,UACV,YACA,WACA,GAAG,GACU,CAMb,OACE,EAAA,EAAA,KAAC,EAAA,aAAD,CAAc,MANwB,EAAM,aACrC,CAAE,QAAS,GAAW,UAAW,EACxC,CAAC,EAAQ,CACV,WAIG,EAAA,EAAA,KAAC,MAAD,CACO,MACL,YAAU,OACV,eAAc,EACd,UAAW,EAAA,GAAG,EAAA,cAAc,CAAE,UAAS,CAAC,CAAE,EAAU,CACpD,GAAI,YAEJ,EAAA,EAAA,MAAC,QAAD,CAAO,YAAU,QAAQ,UAAU,0CAAnC,EACE,EAAA,EAAA,KAAC,UAAD,CAAS,YAAU,UAAU,UAAU,mBACpC,EACO,CAAA,CACT,EACK,GACJ,CAAA,CACO,CAAA,CAInB,EAAM,YAAc"}