@nuka-ui/core 1.1.0 → 1.1.2

package/dist/components/Stepper/StepperIndicator.js

@@ -3,61 +3,61 @@ import { cn as e } from "../../utils/cn.js";
 import { Icon as t } from "../Icon/Icon.js";
 import { Text as n } from "../Text/Text.js";
 import { useStepperContext as r, useStepperItemContext as i } from "./Stepper.context.js";
-import * as a from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/Stepper/StepperIndicator.tsx
-var l = a.forwardRef(({ className: a, ...l }, u) => {
-	let { state: d, step: f } = i(), { orientation: p } = r(), m = /* @__PURE__ */ s("div", {
-		ref: u,
-		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)", a),
-		...l,
-		children: d === "completed" ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(t, {
+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),
+		...u,
+		children: d === "completed" ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(t, {
 			size: "sm",
-			children: /* @__PURE__ */ s("svg", {
+			children: /* @__PURE__ */ o("svg", {
 				viewBox: "0 0 24 24",
 				fill: "none",
 				stroke: "currentColor",
 				strokeWidth: 3,
-				children: /* @__PURE__ */ s("path", {
+				children: /* @__PURE__ */ o("path", {
 					d: "M5 13l4 4L19 7",
 					strokeLinecap: "round",
 					strokeLinejoin: "round"
 				})
 			})
-		}), /* @__PURE__ */ s("span", {
+		}), /* @__PURE__ */ o("span", {
 			className: "sr-only",
 			children: "Completed"
-		})] }) : d === "error" ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(t, {
+		})] }) : d === "error" ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(t, {
 			size: "sm",
-			children: /* @__PURE__ */ s("svg", {
+			children: /* @__PURE__ */ o("svg", {
 				viewBox: "0 0 24 24",
 				fill: "none",
 				stroke: "currentColor",
 				strokeWidth: 3,
-				children: /* @__PURE__ */ s("path", {
+				children: /* @__PURE__ */ o("path", {
 					d: "M12 8v4m0 4h.01",
 					strokeLinecap: "round",
 					strokeLinejoin: "round"
 				})
 			})
-		}), /* @__PURE__ */ s("span", {
+		}), /* @__PURE__ */ o("span", {
 			className: "sr-only",
 			children: "Error"
-		})] }) : /* @__PURE__ */ s(n, {
+		})] }) : /* @__PURE__ */ o(n, {
 			as: "span",
 			children: f + 1
 		})
 	});
-	return p === "vertical" ? /* @__PURE__ */ c("div", {
+	return p === "vertical" ? /* @__PURE__ */ s("div", {
 		className: "flex flex-col items-center self-stretch shrink-0 -mb-(--space-8) group-last:mb-0",
-		children: [m, /* @__PURE__ */ s("div", {
+		children: [m, /* @__PURE__ */ o("div", {
 			"aria-hidden": "true",
 			className: e("w-px flex-1 group-last:hidden", d === "completed" ? "bg-(--nuka-accent-bg)" : "bg-(--nuka-border-base)")
 		})]
 	}) : m;
-});
-l.displayName = "StepperIndicator";
+}
+c.displayName = "StepperIndicator";
 //#endregion
-export { l as StepperIndicator };
+export { c as StepperIndicator };
 
 //# sourceMappingURL=StepperIndicator.js.map

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\nconst StepperIndicator = React.forwardRef<\n  HTMLDivElement,\n  StepperIndicatorProps\n>(({ className, ...props }, ref) => {\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":";;;;;;;;AAYA,IAAM,IAAmB,EAAM,YAG5B,EAAE,cAAW,GAAG,KAAS,MAAQ;CAClC,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;EACP;AAEF,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-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"}

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`);var a=r.forwardRef(({step:e,state:a,disabled:o=!1,className:s,children:c,...l},u)=>{let{currentStep:d,orientation:f,onStepClick:p}=n.useStepperContext(),m=a??(e<d?`completed`:e===d?`current`:`upcoming`),h=p!==void 0&&m===`completed`&&!o;return(0,i.jsx)(n.StepperItemContext,{value:r.useMemo(()=>({step:e,state:m,disabled:o}),[e,m,o]),children:(0,i.jsx)(`li`,{ref:u,"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`,s),...l,children:h?(0,i.jsx)(`button`,{type:`button`,onClick:()=>p(e),"aria-label":`Go to step ${String(e+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:c}):c})})});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),...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  step: number;\n  state?: StepState;\n  disabled?: boolean;\n}\n\nconst StepperItem = React.forwardRef<HTMLLIElement, StepperItemProps>(\n  (\n    {\n      step,\n      state: explicitState,\n      disabled = false,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\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);\n\nStepperItem.displayName = \"StepperItem\";\n\nexport { StepperItem };\n"],"mappings":"mNAkBA,IAAM,EAAc,EAAM,YAEtB,CACE,OACA,MAAO,EACP,WAAW,GACX,YACA,WACA,GAAG,GAEL,IACG,CACH,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,EAG1B,CAED,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        {...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"}

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

@@ -1,10 +1,14 @@
 import { StepState } from './Stepper.context';
 import * as React from "react";
 export interface StepperItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
+    ref?: React.Ref<HTMLLIElement> | undefined;
     step: number;
     state?: StepState;
     disabled?: boolean;
 }
-declare const StepperItem: React.ForwardRefExoticComponent<StepperItemProps & React.RefAttributes<HTMLLIElement>>;
+declare function StepperItem({ ref, step, state: explicitState, disabled, className, children, ...props }: StepperItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace StepperItem {
+    var displayName: string;
+}
 export { StepperItem };
 //# sourceMappingURL=StepperItem.d.ts.map

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,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,wFAoEhB,CAAC;AAIF,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,2CAwDlB;kBAhEQ,WAAW;;;AAoEpB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Stepper/StepperItem.js

@@ -4,33 +4,33 @@ import { StepperItemContext as t, useStepperContext as n } from "./Stepper.conte
 import * as r from "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/Stepper/StepperItem.tsx
-var a = r.forwardRef(({ step: a, state: o, disabled: s = !1, className: c, children: l, ...u }, d) => {
-	let { currentStep: f, orientation: p, onStepClick: m } = n(), h = o ?? (a < f ? "completed" : a === f ? "current" : "upcoming"), g = m !== void 0 && h === "completed" && !s;
+function a({ ref: a, step: o, state: s, disabled: c = !1, className: l, children: u, ...d }) {
+	let { currentStep: f, orientation: p, onStepClick: m } = n(), h = s ?? (o < f ? "completed" : o === f ? "current" : "upcoming"), g = m !== void 0 && h === "completed" && !c;
 	return /* @__PURE__ */ i(t, {
 		value: r.useMemo(() => ({
-			step: a,
+			step: o,
 			state: h,
-			disabled: s
+			disabled: c
 		}), [
-			a,
+			o,
 			h,
-			s
+			c
 		]),
 		children: /* @__PURE__ */ i("li", {
-			ref: d,
+			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", c),
-			...u,
+			className: e(p === "horizontal" ? "flex flex-col items-center shrink-0" : "group relative flex gap-(--space-3) pb-(--space-8) last:pb-0", l),
+			...d,
 			children: g ? /* @__PURE__ */ i("button", {
 				type: "button",
-				onClick: () => m(a),
-				"aria-label": `Go to step ${String(a + 1)}`,
+				onClick: () => m(o),
+				"aria-label": `Go to step ${String(o + 1)}`,
 				className: e("flex cursor-pointer bg-transparent border-none p-0", p === "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
+				children: u
+			}) : u
 		})
 	});
-});
+}
 a.displayName = "StepperItem";
 //#endregion
 export { a as StepperItem };

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  step: number;\n  state?: StepState;\n  disabled?: boolean;\n}\n\nconst StepperItem = React.forwardRef<HTMLLIElement, StepperItemProps>(\n  (\n    {\n      step,\n      state: explicitState,\n      disabled = false,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\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);\n\nStepperItem.displayName = \"StepperItem\";\n\nexport { StepperItem };\n"],"mappings":";;;;;;AAkBA,IAAM,IAAc,EAAM,YAEtB,EACE,SACA,OAAO,GACP,cAAW,IACX,cACA,aACA,GAAG,KAEL,MACG;CACH,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;EAG1B;AAED,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        {...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"}

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`);var o=i.forwardRef(({className:e,...i},o)=>{let{orientation:s}=r.useStepperContext();return(0,a.jsx)(n.Text,{ref:o,as:`span`,size:`sm`,weight:`medium`,className:t.cn(s===`horizontal`&&`whitespace-nowrap`,e),...i})});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),...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\nconst StepperTitle = React.forwardRef<HTMLElement, StepperTitleProps>(\n  ({ className, ...props }, ref) => {\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);\n\nStepperTitle.displayName = \"StepperTitle\";\n\nexport { StepperTitle };\n"],"mappings":"iPAWA,IAAM,EAAe,EAAM,YACxB,CAAE,YAAW,GAAG,GAAS,IAAQ,CAChC,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,EAGP,CAED,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      {...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"}

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

@@ -1,6 +1,10 @@
 import * as React from "react";
 export interface StepperTitleProps extends Omit<React.HTMLAttributes<HTMLElement>, "color"> {
+    ref?: React.Ref<HTMLElement> | undefined;
+}
+declare function StepperTitle({ ref, className, ...props }: StepperTitleProps): import("react/jsx-runtime").JSX.Element;
+declare namespace StepperTitle {
+    var displayName: string;
 }
-declare const StepperTitle: React.ForwardRefExoticComponent<StepperTitleProps & React.RefAttributes<HTMLElement>>;
 export { StepperTitle };
 //# sourceMappingURL=StepperTitle.d.ts.map

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;CAAG;AAEJ,QAAA,MAAM,YAAY,uFAkBjB,CAAC;AAIF,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,2CAgBpE;kBAhBQ,YAAY;;;AAoBrB,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Stepper/StepperTitle.js

@@ -2,22 +2,22 @@
 import { cn as e } from "../../utils/cn.js";
 import { Text as t } from "../Text/Text.js";
 import { useStepperContext as n } from "./Stepper.context.js";
-import * as r from "react";
-import { jsx as i } from "react/jsx-runtime";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/components/Stepper/StepperTitle.tsx
-var a = r.forwardRef(({ className: r, ...a }, o) => {
+function i({ ref: i, className: a, ...o }) {
 	let { orientation: s } = n();
-	return /* @__PURE__ */ i(t, {
-		ref: o,
+	return /* @__PURE__ */ r(t, {
+		ref: i,
 		as: "span",
 		size: "sm",
 		weight: "medium",
-		className: e(s === "horizontal" && "whitespace-nowrap", r),
-		...a
+		className: e(s === "horizontal" && "whitespace-nowrap", a),
+		...o
 	});
-});
-a.displayName = "StepperTitle";
+}
+i.displayName = "StepperTitle";
 //#endregion
-export { a as StepperTitle };
+export { i as StepperTitle };
 
 //# sourceMappingURL=StepperTitle.js.map

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\nconst StepperTitle = React.forwardRef<HTMLElement, StepperTitleProps>(\n  ({ className, ...props }, ref) => {\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);\n\nStepperTitle.displayName = \"StepperTitle\";\n\nexport { StepperTitle };\n"],"mappings":";;;;;;;AAWA,IAAM,IAAe,EAAM,YACxB,EAAE,cAAW,GAAG,KAAS,MAAQ;CAChC,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;EAGP;AAED,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      {...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"}

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`);var c=o.forwardRef(({className:e,size:o,checked:c,defaultChecked:l,onChange:u,children:d,id:f,disabled:p,...m},h)=>{let g=i.useFormFieldProps({id:f,disabled:p,"aria-describedby":m[`aria-describedby`]},{skipInvalid:!0}),[_,v]=n.useControllableState(c,l??!1,u),y=()=>{v(!_)},b={sm:_?`translate-x-4`:`translate-x-0`,md:_?`translate-x-4`:`translate-x-0`,lg:_?`translate-x-5`:`translate-x-0`}[o??`md`];return(0,s.jsxs)(`div`,{className:`inline-flex items-center gap-(--space-2)`,children:[(0,s.jsx)(`button`,{ref:h,type:`button`,role:`switch`,id:g.resolvedId,"aria-checked":_,"aria-describedby":g.ariaDescribedBy,disabled:g.resolvedDisabled,className:t.cn(a.switchVariants({size:o}),_?`bg-(--nuka-accent-bg)`:`bg-(--nuka-border-strong)`,e),onClick:y,...m,children:(0,s.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(a.switchThumbVariants({size:o}),b)})}),d&&(0,s.jsx)(r.Text,{as:`span`,size:`sm`,children:d})]})});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-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;
 //# 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  checked?: boolean;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  children?: React.ReactNode;\n}\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  (\n    {\n      className,\n      size,\n      checked: controlledChecked,\n      defaultChecked,\n      onChange,\n      children,\n      id,\n      disabled,\n      ...props\n    },\n    ref,\n  ) => {\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);\n\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchVariants, switchThumbVariants };\n"],"mappings":"uVAsBA,IAAM,EAAS,EAAM,YAEjB,CACE,YACA,OACA,QAAS,EACT,iBACA,WACA,WACA,KACA,WACA,GAAG,GAEL,IACG,CACH,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,IAGX,CAED,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  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"}

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

@@ -1,11 +1,15 @@
 import { switchVariants, switchThumbVariants, SwitchVariantProps } from './Switch.variants';
 import * as React from "react";
 export interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange">, SwitchVariantProps {
+    ref?: React.Ref<HTMLButtonElement> | undefined;
     checked?: boolean;
     defaultChecked?: boolean;
     onChange?: (checked: boolean) => void;
     children?: React.ReactNode;
 }
-declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+declare function Switch({ ref, className, size, checked: controlledChecked, defaultChecked, onChange, children, id, disabled, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Switch {
+    var displayName: string;
+}
 export { Switch, switchVariants, switchThumbVariants };
 //# sourceMappingURL=Switch.d.ts.map

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,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,QAAA,MAAM,MAAM,uFAsEX,CAAC;AAIF,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,2CAuDb;kBAlEQ,MAAM;;;AAsEf,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/Switch/Switch.js

@@ -4,47 +4,47 @@ import { useControllableState as t } from "../../hooks/use-controllable-state.js
 import { Text as n } from "../Text/Text.js";
 import { useFormFieldProps as r } from "../../hooks/use-form-field-props.js";
 import { switchThumbVariants as i, switchVariants as a } from "./Switch.variants.js";
-import * as o from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/Switch/Switch.tsx
-var l = o.forwardRef(({ className: o, size: l, checked: u, defaultChecked: d, onChange: f, children: p, id: m, disabled: h, ...g }, _) => {
+function c({ ref: c, className: l, size: u, checked: d, defaultChecked: f, onChange: p, children: m, id: h, disabled: g, ..._ }) {
 	let v = r({
-		id: m,
-		disabled: h,
-		"aria-describedby": g["aria-describedby"]
-	}, { skipInvalid: !0 }), [y, b] = t(u, d ?? !1, f), x = () => {
+		id: h,
+		disabled: g,
+		"aria-describedby": _["aria-describedby"]
+	}, { skipInvalid: !0 }), [y, b] = t(d, f ?? !1, p), x = () => {
 		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"
-	}[l ?? "md"];
-	return /* @__PURE__ */ c("div", {
+	}[u ?? "md"];
+	return /* @__PURE__ */ s("div", {
 		className: "inline-flex items-center gap-(--space-2)",
-		children: [/* @__PURE__ */ s("button", {
-			ref: _,
+		children: [/* @__PURE__ */ o("button", {
+			ref: c,
 			type: "button",
 			role: "switch",
 			id: v.resolvedId,
 			"aria-checked": y,
 			"aria-describedby": v.ariaDescribedBy,
 			disabled: v.resolvedDisabled,
-			className: e(a({ size: l }), y ? "bg-(--nuka-accent-bg)" : "bg-(--nuka-border-strong)", o),
+			className: e(a({ size: u }), y ? "bg-(--nuka-accent-bg)" : "bg-(--nuka-border-strong)", l),
 			onClick: x,
-			...g,
-			children: /* @__PURE__ */ s("span", {
+			..._,
+			children: /* @__PURE__ */ o("span", {
 				"aria-hidden": "true",
-				className: e(i({ size: l }), S)
+				className: e(i({ size: u }), S)
 			})
-		}), p && /* @__PURE__ */ s(n, {
+		}), m && /* @__PURE__ */ o(n, {
 			as: "span",
 			size: "sm",
-			children: p
+			children: m
 		})]
 	});
-});
-l.displayName = "Switch";
+}
+c.displayName = "Switch";
 //#endregion
-export { l as Switch };
+export { c as Switch };
 
 //# sourceMappingURL=Switch.js.map

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  checked?: boolean;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  children?: React.ReactNode;\n}\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  (\n    {\n      className,\n      size,\n      checked: controlledChecked,\n      defaultChecked,\n      onChange,\n      children,\n      id,\n      disabled,\n      ...props\n    },\n    ref,\n  ) => {\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);\n\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchVariants, switchThumbVariants };\n"],"mappings":";;;;;;;;;AAsBA,IAAM,IAAS,EAAM,YAEjB,EACE,cACA,SACA,SAAS,GACT,mBACA,aACA,aACA,OACA,aACA,GAAG,KAEL,MACG;CACH,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;;EAGX;AAED,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  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"}

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`);var o=i.forwardRef(({caption:e,variant:o=`default`,className:s,children:c,...l},u)=>(0,a.jsx)(n.TableContext,{value:i.useMemo(()=>({variant:o??`default`}),[o]),children:(0,a.jsx)(`div`,{ref:u,"data-variant":o,className:t.cn(r.tableVariants({variant:o}),s),...l,children:(0,a.jsxs)(`table`,{className:`w-full border-collapse text-sm`,children:[(0,a.jsx)(`caption`,{className:`sr-only`,children:e}),c]})})}));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-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;
 //# 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  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.\nconst Table = React.forwardRef<HTMLDivElement, TableProps>(\n  ({ caption, variant = \"default\", className, children, ...props }, ref) => {\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);\n\nTable.displayName = \"Table\";\n\nexport { Table };\n"],"mappings":"mPAmBA,IAAM,EAAQ,EAAM,YACjB,CAAE,UAAS,UAAU,UAAW,YAAW,WAAU,GAAG,GAAS,KAO9D,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,CAGpB,CAED,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-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"}

package/dist/components/Table/Table.d.ts

@@ -1,8 +1,12 @@
 import { TableVariantProps } from './Table.variants';
 import * as React from "react";
 export interface TableProps extends React.HTMLAttributes<HTMLDivElement>, TableVariantProps {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     caption: string;
 }
-declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLDivElement>>;
+declare function Table({ ref, caption, variant, className, children, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Table {
+    var displayName: string;
+}
 export { Table };
 //# sourceMappingURL=Table.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,uCAAuC,CAAC;AAE/C,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,iBAAiB;IAC/D,OAAO,EAAE,MAAM,CAAC;CACjB;AAMD,QAAA,MAAM,KAAK,mFAuBV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,uCAAuC,CAAC;AAE/C,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,iBAAiB;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,OAAO,EAAE,MAAM,CAAC;CACjB;AAMD,iBAAS,KAAK,CAAC,EACb,GAAG,EACH,OAAO,EACP,OAAmB,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,2CAqBZ;kBA5BQ,KAAK;;;AAgCd,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Table/Table.js

@@ -5,22 +5,24 @@ import { tableVariants as n } from "./Table.variants.js";
 import * as r from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/Table/Table.tsx
-var o = r.forwardRef(({ caption: o, variant: s = "default", className: c, children: l, ...u }, d) => /* @__PURE__ */ i(t, {
-	value: r.useMemo(() => ({ variant: s ?? "default" }), [s]),
-	children: /* @__PURE__ */ i("div", {
-		ref: d,
-		"data-variant": s,
-		className: e(n({ variant: s }), c),
-		...u,
-		children: /* @__PURE__ */ a("table", {
-			className: "w-full border-collapse text-sm",
-			children: [/* @__PURE__ */ i("caption", {
-				className: "sr-only",
-				children: o
-			}), l]
+function o({ ref: o, caption: s, variant: c = "default", className: l, children: u, ...d }) {
+	return /* @__PURE__ */ i(t, {
+		value: r.useMemo(() => ({ variant: c ?? "default" }), [c]),
+		children: /* @__PURE__ */ i("div", {
+			ref: o,
+			"data-variant": c,
+			className: e(n({ variant: c }), l),
+			...d,
+			children: /* @__PURE__ */ a("table", {
+				className: "w-full border-collapse text-sm",
+				children: [/* @__PURE__ */ i("caption", {
+					className: "sr-only",
+					children: s
+				}), u]
+			})
 		})
-	})
-}));
+	});
+}
 o.displayName = "Table";
 //#endregion
 export { o as Table };

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","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  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.\nconst Table = React.forwardRef<HTMLDivElement, TableProps>(\n  ({ caption, variant = \"default\", className, children, ...props }, ref) => {\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);\n\nTable.displayName = \"Table\";\n\nexport { Table };\n"],"mappings":";;;;;;;AAmBA,IAAM,IAAQ,EAAM,YACjB,EAAE,YAAS,aAAU,WAAW,cAAW,aAAU,GAAG,KAAS,MAO9D,kBAAC,GAAD;CAAc,OANwB,EAAM,eACrC,EAAE,SAAS,KAAW,WAAW,GACxC,CAAC,EAAQ,CACV;WAIG,kBAAC,OAAD;EACO;EACL,gBAAc;EACd,WAAW,EAAG,EAAc,EAAE,YAAS,CAAC,EAAE,EAAU;EACpD,GAAI;YAEJ,kBAAC,SAAD;GAAO,WAAU;aAAjB,CACE,kBAAC,WAAD;IAAS,WAAU;cAAW;IAAkB,CAAA,EAC/C,EACK;;EACJ,CAAA;CACO,CAAA,CAGpB;AAED,EAAM,cAAc"}
+{"version":3,"file":"Table.js","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":";;;;;;;AAoBA,SAAS,EAAM,EACb,QACA,YACA,aAAU,WACV,cACA,aACA,GAAG,KACU;AAMb,QACE,kBAAC,GAAD;EAAc,OANwB,EAAM,eACrC,EAAE,SAAS,KAAW,WAAW,GACxC,CAAC,EAAQ,CACV;YAIG,kBAAC,OAAD;GACO;GACL,gBAAc;GACd,WAAW,EAAG,EAAc,EAAE,YAAS,CAAC,EAAE,EAAU;GACpD,GAAI;aAEJ,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACE,kBAAC,WAAD;KAAS,WAAU;eAAW;KAAkB,CAAA,EAC/C,EACK;;GACJ,CAAA;EACO,CAAA;;AAInB,EAAM,cAAc"}

package/dist/components/Table/TableBody.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i=n.forwardRef(({className:e,...n},i)=>(0,r.jsx)(`tbody`,{ref:i,className:t.cn(e),...n}));i.displayName=`TableBody`,exports.TableBody=i;
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,...i}){return(0,r.jsx)(`tbody`,{ref:e,className:t.cn(n),...i})}i.displayName=`TableBody`,exports.TableBody=i;
 //# sourceMappingURL=TableBody.cjs.map