@nuka-ui/core 1.0.3 → 1.1.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.variants.js","names":[],"sources":["../../../src/components/Slider/Slider.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const sliderWrapperVariants = cva(\n  [\"relative flex items-center w-full\"],\n  {\n    variants: {\n      size: {\n        sm: \"min-h-[24px]\",\n        md: \"min-h-[24px]\",\n        lg: \"min-h-[24px]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const sliderTrackVariants = cva(\n  [\"relative w-full rounded-full\", \"bg-(--nuka-border-base)\"],\n  {\n    variants: {\n      size: {\n        sm: \"h-1\",\n        md: \"h-1.5\",\n        lg: \"h-2\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const sliderFillVariants = cva(\n  [\n    \"absolute left-0 top-0 h-full rounded-full\",\n    \"transition-[width] duration-75\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"bg-(--nuka-accent-bg)\",\n        danger: \"bg-(--nuka-danger-base)\",\n        success: \"bg-(--nuka-success-base)\",\n        warning: \"bg-(--nuka-warning-base)\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n    },\n  },\n);\n\nexport const sliderThumbVariants = cva(\n  [\n    \"absolute top-1/2 -translate-y-1/2\",\n    \"rounded-full\",\n    \"border-2 border-(--nuka-bg-base)\",\n    \"shadow-sm\",\n    \"transition-[left] duration-75\",\n    \"pointer-events-none\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"bg-(--nuka-accent-bg)\",\n        danger: \"bg-(--nuka-danger-base)\",\n        success: \"bg-(--nuka-success-base)\",\n        warning: \"bg-(--nuka-warning-base)\",\n      },\n      size: {\n        sm: \"w-6 h-6\",\n        md: \"w-[18px] h-[18px]\",\n        lg: \"w-[22px] h-[22px]\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const sliderValueVariants = cva(\n  [\"tabular-nums text-(--nuka-text-muted)\", \"ml-(--space-3)\", \"select-none\"],\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport type SliderVariantProps = VariantProps<typeof sliderFillVariants> &\n  VariantProps<typeof sliderThumbVariants>;\n"],"mappings":";;AAEA,IAAa,IAAwB,EACnC,CAAC,oCAAoC,EACrC;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF,EAEY,IAAsB,EACjC,CAAC,gCAAgC,0BAA0B,EAC3D;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF,EAEY,IAAqB,EAChC,CACE,6CACA,iCACD,EACD;CACE,UAAU,EACR,QAAQ;EACN,SAAS;EACT,QAAQ;EACR,SAAS;EACT,SAAS;EACV,EACF;CACD,iBAAiB,EACf,QAAQ,WACT;CACF,CACF,EAEY,IAAsB,EACjC;CACE;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,QAAQ;EACR,MAAM;EACP;CACF,CACF,EAEY,IAAsB,EACjC;CAAC;CAAyC;CAAkB;CAAc,EAC1E;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF"}

package/dist/components/Spinner/Spinner.cjs

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

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

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

package/dist/components/Spinner/Spinner.js

@@ -0,0 +1,52 @@
+import { cn as e } from "../../utils/cn.js";
+import { spinnerColorVariants as t, spinnerVariants as n } from "./Spinner.variants.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Spinner/Spinner.tsx
+var o = {
+	sm: 2,
+	md: 2.5,
+	lg: 3
+}, s = r.forwardRef(({ className: r, size: s, color: c, label: l, ...u }, d) => {
+	let f = s ?? "md", p = c ?? "default", m = u["aria-hidden"] === !0, h = o[f];
+	return /* @__PURE__ */ a("span", {
+		ref: d,
+		...!m && { role: "status" },
+		...!m && !l && { "aria-label": "Loading" },
+		className: e(n({ size: f }), r),
+		...u,
+		children: [l && !m && /* @__PURE__ */ i("span", {
+			className: "sr-only",
+			children: l
+		}), /* @__PURE__ */ a("svg", {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			"aria-hidden": "true",
+			className: "nuka-spinner size-full",
+			children: [/* @__PURE__ */ i("circle", {
+				cx: "12",
+				cy: "12",
+				r: "9",
+				stroke: "var(--nuka-border-base)",
+				strokeWidth: h,
+				strokeLinecap: "round",
+				fill: "none"
+			}), /* @__PURE__ */ i("circle", {
+				cx: "12",
+				cy: "12",
+				r: "9",
+				className: t({ color: p }),
+				strokeWidth: h,
+				strokeLinecap: "round",
+				strokeDasharray: "56.5",
+				strokeDashoffset: "42.4",
+				fill: "none"
+			})]
+		})]
+	});
+});
+s.displayName = "Spinner";
+//#endregion
+export { s as Spinner };
+
+//# sourceMappingURL=Spinner.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.variants.cjs","names":[],"sources":["../../../src/components/Spinner/Spinner.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const spinnerVariants = cva(\n  [\"inline-flex items-center justify-center\", \"shrink-0\"],\n  {\n    variants: {\n      size: {\n        sm: \"size-4\",\n        md: \"size-6\",\n        lg: \"size-8\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const spinnerColorVariants = cva([], {\n  variants: {\n    color: {\n      default: \"stroke-(--nuka-accent-bg)\",\n      muted: \"stroke-(--nuka-text-muted)\",\n      inverse: \"stroke-(--nuka-text-inverse)\",\n    },\n  },\n  defaultVariants: {\n    color: \"default\",\n  },\n});\n\nexport type SpinnerVariantProps = VariantProps<typeof spinnerVariants> &\n  VariantProps<typeof spinnerColorVariants>;\n"],"mappings":"8EAEA,IAAa,EAAkB,EAAA,IAC7B,CAAC,0CAA2C,WAAW,CACvD,CACE,SAAU,CACR,KAAM,CACJ,GAAI,SACJ,GAAI,SACJ,GAAI,SACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CACF,CAEY,EAAuB,EAAA,IAAI,EAAE,CAAE,CAC1C,SAAU,CACR,MAAO,CACL,QAAS,4BACT,MAAO,6BACP,QAAS,+BACV,CACF,CACD,gBAAiB,CACf,MAAO,UACR,CACF,CAAC"}

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

@@ -0,0 +1,21 @@
+import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
+//#region src/components/Spinner/Spinner.variants.ts
+var t = e(["inline-flex items-center justify-center", "shrink-0"], {
+	variants: { size: {
+		sm: "size-4",
+		md: "size-6",
+		lg: "size-8"
+	} },
+	defaultVariants: { size: "md" }
+}), n = e([], {
+	variants: { color: {
+		default: "stroke-(--nuka-accent-bg)",
+		muted: "stroke-(--nuka-text-muted)",
+		inverse: "stroke-(--nuka-text-inverse)"
+	} },
+	defaultVariants: { color: "default" }
+});
+//#endregion
+export { n as spinnerColorVariants, t as spinnerVariants };
+
+//# sourceMappingURL=Spinner.variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.variants.js","names":[],"sources":["../../../src/components/Spinner/Spinner.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const spinnerVariants = cva(\n  [\"inline-flex items-center justify-center\", \"shrink-0\"],\n  {\n    variants: {\n      size: {\n        sm: \"size-4\",\n        md: \"size-6\",\n        lg: \"size-8\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const spinnerColorVariants = cva([], {\n  variants: {\n    color: {\n      default: \"stroke-(--nuka-accent-bg)\",\n      muted: \"stroke-(--nuka-text-muted)\",\n      inverse: \"stroke-(--nuka-text-inverse)\",\n    },\n  },\n  defaultVariants: {\n    color: \"default\",\n  },\n});\n\nexport type SpinnerVariantProps = VariantProps<typeof spinnerVariants> &\n  VariantProps<typeof spinnerColorVariants>;\n"],"mappings":";;AAEA,IAAa,IAAkB,EAC7B,CAAC,2CAA2C,WAAW,EACvD;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF,EAEY,IAAuB,EAAI,EAAE,EAAE;CAC1C,UAAU,EACR,OAAO;EACL,SAAS;EACT,OAAO;EACP,SAAS;EACV,EACF;CACD,iBAAiB,EACf,OAAO,WACR;CACF,CAAC"}

package/dist/components/SplitLayout/SplitLayout.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SplitLayout.cjs","names":[],"sources":["../../../src/components/SplitLayout/SplitLayout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { resolveResponsiveClasses, gapClasses } from \"@nuka/utils/responsive\";\nimport type { Responsive, GapScale } from \"@nuka/utils/responsive\";\n\ntype Sidebar = \"left\" | \"right\";\ntype SideWidth = \"sm\" | \"md\" | \"lg\" | \"xl\";\ntype StackBelow = \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport interface SplitLayoutProps extends React.HTMLAttributes<HTMLDivElement> {\n  sidebar?: Sidebar;\n  sideWidth?: SideWidth;\n  stackBelow?: StackBelow;\n  gap?: Responsive<GapScale>;\n  asChild?: boolean;\n}\n\ntype LayoutKey = `${Sidebar}-${SideWidth}-${StackBelow}`;\n\n// prettier-ignore\nconst layoutClasses: Record<LayoutKey, string> = {\n  \"right-sm-sm\": \"grid-cols-1 sm:grid-cols-[1fr_240px]\",\n  \"right-sm-md\": \"grid-cols-1 md:grid-cols-[1fr_240px]\",\n  \"right-sm-lg\": \"grid-cols-1 lg:grid-cols-[1fr_240px]\",\n  \"right-sm-xl\": \"grid-cols-1 xl:grid-cols-[1fr_240px]\",\n  \"right-md-sm\": \"grid-cols-1 sm:grid-cols-[1fr_320px]\",\n  \"right-md-md\": \"grid-cols-1 md:grid-cols-[1fr_320px]\",\n  \"right-md-lg\": \"grid-cols-1 lg:grid-cols-[1fr_320px]\",\n  \"right-md-xl\": \"grid-cols-1 xl:grid-cols-[1fr_320px]\",\n  \"right-lg-sm\": \"grid-cols-1 sm:grid-cols-[1fr_400px]\",\n  \"right-lg-md\": \"grid-cols-1 md:grid-cols-[1fr_400px]\",\n  \"right-lg-lg\": \"grid-cols-1 lg:grid-cols-[1fr_400px]\",\n  \"right-lg-xl\": \"grid-cols-1 xl:grid-cols-[1fr_400px]\",\n  \"right-xl-sm\": \"grid-cols-1 sm:grid-cols-[1fr_480px]\",\n  \"right-xl-md\": \"grid-cols-1 md:grid-cols-[1fr_480px]\",\n  \"right-xl-lg\": \"grid-cols-1 lg:grid-cols-[1fr_480px]\",\n  \"right-xl-xl\": \"grid-cols-1 xl:grid-cols-[1fr_480px]\",\n  \"left-sm-sm\":  \"grid-cols-1 sm:grid-cols-[240px_1fr]\",\n  \"left-sm-md\":  \"grid-cols-1 md:grid-cols-[240px_1fr]\",\n  \"left-sm-lg\":  \"grid-cols-1 lg:grid-cols-[240px_1fr]\",\n  \"left-sm-xl\":  \"grid-cols-1 xl:grid-cols-[240px_1fr]\",\n  \"left-md-sm\":  \"grid-cols-1 sm:grid-cols-[320px_1fr]\",\n  \"left-md-md\":  \"grid-cols-1 md:grid-cols-[320px_1fr]\",\n  \"left-md-lg\":  \"grid-cols-1 lg:grid-cols-[320px_1fr]\",\n  \"left-md-xl\":  \"grid-cols-1 xl:grid-cols-[320px_1fr]\",\n  \"left-lg-sm\":  \"grid-cols-1 sm:grid-cols-[400px_1fr]\",\n  \"left-lg-md\":  \"grid-cols-1 md:grid-cols-[400px_1fr]\",\n  \"left-lg-lg\":  \"grid-cols-1 lg:grid-cols-[400px_1fr]\",\n  \"left-lg-xl\":  \"grid-cols-1 xl:grid-cols-[400px_1fr]\",\n  \"left-xl-sm\":  \"grid-cols-1 sm:grid-cols-[480px_1fr]\",\n  \"left-xl-md\":  \"grid-cols-1 md:grid-cols-[480px_1fr]\",\n  \"left-xl-lg\":  \"grid-cols-1 lg:grid-cols-[480px_1fr]\",\n  \"left-xl-xl\":  \"grid-cols-1 xl:grid-cols-[480px_1fr]\",\n};\n\nconst SplitLayout = React.forwardRef<HTMLDivElement, SplitLayoutProps>(\n  (\n    {\n      className,\n      sidebar = \"right\",\n      sideWidth = \"md\",\n      stackBelow = \"md\",\n      gap = \"none\",\n      asChild = false,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    if (process.env.NODE_ENV !== \"production\") {\n      const count = React.Children.count(children);\n      if (count !== 2) {\n        console.warn(\n          `SplitLayout expects exactly 2 children (main + sidebar), received ${String(count)}.`,\n        );\n      }\n    }\n\n    const Comp = asChild ? Slot : \"div\";\n    const key: LayoutKey = `${sidebar}-${sideWidth}-${stackBelow}`;\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          \"grid\",\n          layoutClasses[key],\n          ...resolveResponsiveClasses(gap, gapClasses),\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </Comp>\n    );\n  },\n);\n\nSplitLayout.displayName = \"SplitLayout\";\n\nexport { SplitLayout };\n"],"mappings":"6OAqBA,IAAM,EAA2C,CAC/C,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCAChB,CAEK,EAAc,EAAM,YAEtB,CACE,YACA,UAAU,QACV,YAAY,KACZ,aAAa,KACb,MAAM,OACN,UAAU,GACV,WACA,GAAG,GAEL,IACG,CACH,GAAA,QAAA,IAAA,WAA6B,aAAc,CACzC,IAAM,EAAQ,EAAM,SAAS,MAAM,EAAS,CACxC,IAAU,GACZ,QAAQ,KACN,qEAAqE,OAAO,EAAM,CAAC,GACpF,CAOL,OACE,EAAA,EAAA,KAJW,EAAU,EAAA,KAAO,MAI5B,CACO,MACL,UAAW,EAAA,GACT,OACA,EAPiB,GAAG,EAAQ,GAAG,EAAU,GAAG,KAQ5C,GAAG,EAAA,yBAAyB,EAAK,EAAA,WAAW,CAC5C,EACD,CACD,GAAI,EAEH,WACI,CAAA,EAGZ,CAED,EAAY,YAAc"}

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

@@ -0,0 +1,15 @@
+import { Responsive, GapScale } from '../../utils/responsive';
+import * as React from "react";
+type Sidebar = "left" | "right";
+type SideWidth = "sm" | "md" | "lg" | "xl";
+type StackBelow = "sm" | "md" | "lg" | "xl";
+export interface SplitLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
+    sidebar?: Sidebar;
+    sideWidth?: SideWidth;
+    stackBelow?: StackBelow;
+    gap?: Responsive<GapScale>;
+    asChild?: boolean;
+}
+declare const SplitLayout: React.ForwardRefExoticComponent<SplitLayoutProps & React.RefAttributes<HTMLDivElement>>;
+export { SplitLayout };
+//# sourceMappingURL=SplitLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SplitLayout.d.ts","sourceRoot":"","sources":["../../../src/components/SplitLayout/SplitLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAEnE,KAAK,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AAChC,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3C,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,GAAG,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAwCD,QAAA,MAAM,WAAW,yFAyChB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/SplitLayout/SplitLayout.js

@@ -0,0 +1,56 @@
+import { cn as e } from "../../utils/cn.js";
+import { Slot as t } from "../../utils/slot.js";
+import { gapClasses as n, resolveResponsiveClasses as r } from "../../utils/responsive.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/SplitLayout/SplitLayout.tsx
+var o = {
+	"right-sm-sm": "grid-cols-1 sm:grid-cols-[1fr_240px]",
+	"right-sm-md": "grid-cols-1 md:grid-cols-[1fr_240px]",
+	"right-sm-lg": "grid-cols-1 lg:grid-cols-[1fr_240px]",
+	"right-sm-xl": "grid-cols-1 xl:grid-cols-[1fr_240px]",
+	"right-md-sm": "grid-cols-1 sm:grid-cols-[1fr_320px]",
+	"right-md-md": "grid-cols-1 md:grid-cols-[1fr_320px]",
+	"right-md-lg": "grid-cols-1 lg:grid-cols-[1fr_320px]",
+	"right-md-xl": "grid-cols-1 xl:grid-cols-[1fr_320px]",
+	"right-lg-sm": "grid-cols-1 sm:grid-cols-[1fr_400px]",
+	"right-lg-md": "grid-cols-1 md:grid-cols-[1fr_400px]",
+	"right-lg-lg": "grid-cols-1 lg:grid-cols-[1fr_400px]",
+	"right-lg-xl": "grid-cols-1 xl:grid-cols-[1fr_400px]",
+	"right-xl-sm": "grid-cols-1 sm:grid-cols-[1fr_480px]",
+	"right-xl-md": "grid-cols-1 md:grid-cols-[1fr_480px]",
+	"right-xl-lg": "grid-cols-1 lg:grid-cols-[1fr_480px]",
+	"right-xl-xl": "grid-cols-1 xl:grid-cols-[1fr_480px]",
+	"left-sm-sm": "grid-cols-1 sm:grid-cols-[240px_1fr]",
+	"left-sm-md": "grid-cols-1 md:grid-cols-[240px_1fr]",
+	"left-sm-lg": "grid-cols-1 lg:grid-cols-[240px_1fr]",
+	"left-sm-xl": "grid-cols-1 xl:grid-cols-[240px_1fr]",
+	"left-md-sm": "grid-cols-1 sm:grid-cols-[320px_1fr]",
+	"left-md-md": "grid-cols-1 md:grid-cols-[320px_1fr]",
+	"left-md-lg": "grid-cols-1 lg:grid-cols-[320px_1fr]",
+	"left-md-xl": "grid-cols-1 xl:grid-cols-[320px_1fr]",
+	"left-lg-sm": "grid-cols-1 sm:grid-cols-[400px_1fr]",
+	"left-lg-md": "grid-cols-1 md:grid-cols-[400px_1fr]",
+	"left-lg-lg": "grid-cols-1 lg:grid-cols-[400px_1fr]",
+	"left-lg-xl": "grid-cols-1 xl:grid-cols-[400px_1fr]",
+	"left-xl-sm": "grid-cols-1 sm:grid-cols-[480px_1fr]",
+	"left-xl-md": "grid-cols-1 md:grid-cols-[480px_1fr]",
+	"left-xl-lg": "grid-cols-1 lg:grid-cols-[480px_1fr]",
+	"left-xl-xl": "grid-cols-1 xl:grid-cols-[480px_1fr]"
+}, s = i.forwardRef(({ className: s, sidebar: c = "right", sideWidth: l = "md", stackBelow: u = "md", gap: d = "none", asChild: f = !1, children: p, ...m }, h) => {
+	if (process.env.NODE_ENV !== "production") {
+		let e = i.Children.count(p);
+		e !== 2 && console.warn(`SplitLayout expects exactly 2 children (main + sidebar), received ${String(e)}.`);
+	}
+	return /* @__PURE__ */ a(f ? t : "div", {
+		ref: h,
+		className: e("grid", o[`${c}-${l}-${u}`], ...r(d, n), s),
+		...m,
+		children: p
+	});
+});
+s.displayName = "SplitLayout";
+//#endregion
+export { s as SplitLayout };
+
+//# sourceMappingURL=SplitLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SplitLayout.js","names":[],"sources":["../../../src/components/SplitLayout/SplitLayout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { resolveResponsiveClasses, gapClasses } from \"@nuka/utils/responsive\";\nimport type { Responsive, GapScale } from \"@nuka/utils/responsive\";\n\ntype Sidebar = \"left\" | \"right\";\ntype SideWidth = \"sm\" | \"md\" | \"lg\" | \"xl\";\ntype StackBelow = \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport interface SplitLayoutProps extends React.HTMLAttributes<HTMLDivElement> {\n  sidebar?: Sidebar;\n  sideWidth?: SideWidth;\n  stackBelow?: StackBelow;\n  gap?: Responsive<GapScale>;\n  asChild?: boolean;\n}\n\ntype LayoutKey = `${Sidebar}-${SideWidth}-${StackBelow}`;\n\n// prettier-ignore\nconst layoutClasses: Record<LayoutKey, string> = {\n  \"right-sm-sm\": \"grid-cols-1 sm:grid-cols-[1fr_240px]\",\n  \"right-sm-md\": \"grid-cols-1 md:grid-cols-[1fr_240px]\",\n  \"right-sm-lg\": \"grid-cols-1 lg:grid-cols-[1fr_240px]\",\n  \"right-sm-xl\": \"grid-cols-1 xl:grid-cols-[1fr_240px]\",\n  \"right-md-sm\": \"grid-cols-1 sm:grid-cols-[1fr_320px]\",\n  \"right-md-md\": \"grid-cols-1 md:grid-cols-[1fr_320px]\",\n  \"right-md-lg\": \"grid-cols-1 lg:grid-cols-[1fr_320px]\",\n  \"right-md-xl\": \"grid-cols-1 xl:grid-cols-[1fr_320px]\",\n  \"right-lg-sm\": \"grid-cols-1 sm:grid-cols-[1fr_400px]\",\n  \"right-lg-md\": \"grid-cols-1 md:grid-cols-[1fr_400px]\",\n  \"right-lg-lg\": \"grid-cols-1 lg:grid-cols-[1fr_400px]\",\n  \"right-lg-xl\": \"grid-cols-1 xl:grid-cols-[1fr_400px]\",\n  \"right-xl-sm\": \"grid-cols-1 sm:grid-cols-[1fr_480px]\",\n  \"right-xl-md\": \"grid-cols-1 md:grid-cols-[1fr_480px]\",\n  \"right-xl-lg\": \"grid-cols-1 lg:grid-cols-[1fr_480px]\",\n  \"right-xl-xl\": \"grid-cols-1 xl:grid-cols-[1fr_480px]\",\n  \"left-sm-sm\":  \"grid-cols-1 sm:grid-cols-[240px_1fr]\",\n  \"left-sm-md\":  \"grid-cols-1 md:grid-cols-[240px_1fr]\",\n  \"left-sm-lg\":  \"grid-cols-1 lg:grid-cols-[240px_1fr]\",\n  \"left-sm-xl\":  \"grid-cols-1 xl:grid-cols-[240px_1fr]\",\n  \"left-md-sm\":  \"grid-cols-1 sm:grid-cols-[320px_1fr]\",\n  \"left-md-md\":  \"grid-cols-1 md:grid-cols-[320px_1fr]\",\n  \"left-md-lg\":  \"grid-cols-1 lg:grid-cols-[320px_1fr]\",\n  \"left-md-xl\":  \"grid-cols-1 xl:grid-cols-[320px_1fr]\",\n  \"left-lg-sm\":  \"grid-cols-1 sm:grid-cols-[400px_1fr]\",\n  \"left-lg-md\":  \"grid-cols-1 md:grid-cols-[400px_1fr]\",\n  \"left-lg-lg\":  \"grid-cols-1 lg:grid-cols-[400px_1fr]\",\n  \"left-lg-xl\":  \"grid-cols-1 xl:grid-cols-[400px_1fr]\",\n  \"left-xl-sm\":  \"grid-cols-1 sm:grid-cols-[480px_1fr]\",\n  \"left-xl-md\":  \"grid-cols-1 md:grid-cols-[480px_1fr]\",\n  \"left-xl-lg\":  \"grid-cols-1 lg:grid-cols-[480px_1fr]\",\n  \"left-xl-xl\":  \"grid-cols-1 xl:grid-cols-[480px_1fr]\",\n};\n\nconst SplitLayout = React.forwardRef<HTMLDivElement, SplitLayoutProps>(\n  (\n    {\n      className,\n      sidebar = \"right\",\n      sideWidth = \"md\",\n      stackBelow = \"md\",\n      gap = \"none\",\n      asChild = false,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    if (process.env.NODE_ENV !== \"production\") {\n      const count = React.Children.count(children);\n      if (count !== 2) {\n        console.warn(\n          `SplitLayout expects exactly 2 children (main + sidebar), received ${String(count)}.`,\n        );\n      }\n    }\n\n    const Comp = asChild ? Slot : \"div\";\n    const key: LayoutKey = `${sidebar}-${sideWidth}-${stackBelow}`;\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          \"grid\",\n          layoutClasses[key],\n          ...resolveResponsiveClasses(gap, gapClasses),\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </Comp>\n    );\n  },\n);\n\nSplitLayout.displayName = \"SplitLayout\";\n\nexport { SplitLayout };\n"],"mappings":";;;;;;AAqBA,IAAM,IAA2C;CAC/C,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CACf,cAAe;CAChB,EAEK,IAAc,EAAM,YAEtB,EACE,cACA,aAAU,SACV,eAAY,MACZ,gBAAa,MACb,SAAM,QACN,aAAU,IACV,aACA,GAAG,KAEL,MACG;AACH,KAAA,QAAA,IAAA,aAA6B,cAAc;EACzC,IAAM,IAAQ,EAAM,SAAS,MAAM,EAAS;AAC5C,EAAI,MAAU,KACZ,QAAQ,KACN,qEAAqE,OAAO,EAAM,CAAC,GACpF;;AAOL,QACE,kBAJW,IAAU,IAAO,OAI5B;EACO;EACL,WAAW,EACT,QACA,EAPiB,GAAG,EAAQ,GAAG,EAAU,GAAG,MAQ5C,GAAG,EAAyB,GAAK,EAAW,EAC5C,EACD;EACD,GAAI;EAEH;EACI,CAAA;EAGZ;AAED,EAAY,cAAc"}

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

@@ -0,0 +1,3 @@
+export { SplitLayout } from './SplitLayout';
+export type { SplitLayoutProps } from './SplitLayout';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SplitLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/Stack/Stack.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.cjs","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  direction?: Responsive<Direction>;\n  gap?: Responsive<GapScale>;\n  align?: Responsive<Align>;\n  justify?: Responsive<Justify>;\n  wrap?: Responsive<Wrap>;\n  asChild?: boolean;\n}\n\nconst Stack = React.forwardRef<HTMLDivElement, StackProps>(\n  (\n    {\n      className,\n      direction = \"column\",\n      gap = \"none\",\n      align,\n      justify,\n      wrap,\n      asChild = false,\n      ...props\n    },\n    ref,\n  ) => {\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);\n\nStack.displayName = \"Stack\";\n\nexport { Stack };\n"],"mappings":"6OA6BA,IAAM,EAAQ,EAAM,YAEhB,CACE,YACA,YAAY,SACZ,MAAM,OACN,QACA,UACA,OACA,UAAU,GACV,GAAG,GAEL,KAKE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,MAG5B,CACO,MACL,UAAW,EAAA,GACT,OACA,GAAG,EAAA,yBAAyB,EAAW,EAAA,iBAAiB,CACxD,GAAG,EAAA,yBAAyB,EAAK,EAAA,WAAW,CAC5C,GAAG,EAAA,yBAAyB,EAAO,EAAA,aAAa,CAChD,GAAG,EAAA,yBAAyB,EAAS,EAAA,eAAe,CACpD,GAAG,EAAA,yBAAyB,EAAM,EAAA,YAAY,CAC9C,EACD,CACD,GAAI,EACJ,CAAA,CAGP,CAED,EAAM,YAAc"}

package/dist/components/Stack/Stack.js

@@ -0,0 +1,16 @@
+import { cn as e } from "../../utils/cn.js";
+import { Slot as t } from "../../utils/slot.js";
+import { alignClasses as n, directionClasses as r, gapClasses as i, justifyClasses as a, resolveResponsiveClasses as o, wrapClasses as s } from "../../utils/responsive.js";
+import * as c from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/components/Stack/Stack.tsx
+var u = c.forwardRef(({ className: c, direction: u = "column", gap: d = "none", align: f, justify: p, wrap: m, asChild: h = !1, ...g }, _) => /* @__PURE__ */ l(h ? t : "div", {
+	ref: _,
+	className: e("flex", ...o(u, r), ...o(d, i), ...o(f, n), ...o(p, a), ...o(m, s), c),
+	...g
+}));
+u.displayName = "Stack";
+//#endregion
+export { u as Stack };
+
+//# sourceMappingURL=Stack.js.map

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

@@ -0,0 +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  direction?: Responsive<Direction>;\n  gap?: Responsive<GapScale>;\n  align?: Responsive<Align>;\n  justify?: Responsive<Justify>;\n  wrap?: Responsive<Wrap>;\n  asChild?: boolean;\n}\n\nconst Stack = React.forwardRef<HTMLDivElement, StackProps>(\n  (\n    {\n      className,\n      direction = \"column\",\n      gap = \"none\",\n      align,\n      justify,\n      wrap,\n      asChild = false,\n      ...props\n    },\n    ref,\n  ) => {\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);\n\nStack.displayName = \"Stack\";\n\nexport { Stack };\n"],"mappings":";;;;;;AA6BA,IAAM,IAAQ,EAAM,YAEhB,EACE,cACA,eAAY,UACZ,SAAM,QACN,UACA,YACA,SACA,aAAU,IACV,GAAG,KAEL,MAKE,kBAHW,IAAU,IAAO,OAG5B;CACO;CACL,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;CACD,GAAI;CACJ,CAAA,CAGP;AAED,EAAM,cAAc"}

package/dist/components/Stepper/Stepper.cjs

@@ -0,0 +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)){let r=e.props.state;if(r!==void 0)return r;let i=e.props.step??t;if(i<n)return`completed`;if(i===n)return`current`}return`upcoming`}var o=r.forwardRef(({currentStep:e,orientation:o=`horizontal`,onStepClick:s,className:c,children:l,"aria-label":u=`Progress`,...d},f)=>{let p=r.useMemo(()=>({currentStep:e,orientation:o,onStepClick:s}),[e,o,s]),m=r.Children.toArray(l),h;return o===`horizontal`?(h=[],m.forEach((n,r)=>{if(h.push(n),r<m.length-1){let o=a(n,r,e)===`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)`,o?`bg-(--nuka-accent-bg)`:`bg-(--nuka-border-base)`)})},`connector-${String(r)}`))}})):h=m,(0,i.jsx)(n.StepperContext,{value:p,children:(0,i.jsx)(`nav`,{ref:f,"aria-label":u,className:c,...d,children:(0,i.jsx)(`ol`,{className:t.cn(`flex list-none`,o===`horizontal`?`flex-row items-start`:`flex-col`),children:h})})})});o.displayName=`Stepper`,exports.Stepper=o;
+//# sourceMappingURL=Stepper.cjs.map

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

@@ -0,0 +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\";\n\nfunction resolveStepState(\n  child: React.ReactNode,\n  index: number,\n  currentStep: number,\n): StepState {\n  if (React.isValidElement(child)) {\n    const explicitState = (child.props as Record<string, unknown>).state as\n      | StepState\n      | undefined;\n    if (explicitState !== undefined) return explicitState;\n\n    const step = (child.props as Record<string, unknown>).step as\n      | number\n      | undefined;\n    const stepIndex = step ?? index;\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  currentStep: number;\n  orientation?: StepperOrientation;\n  onStepClick?: (step: number) => void;\n}\n\nconst Stepper = React.forwardRef<HTMLElement, StepperProps>(\n  (\n    {\n      currentStep,\n      orientation = \"horizontal\",\n      onStepClick,\n      className,\n      children,\n      \"aria-label\": ariaLabel = \"Progress\",\n      ...props\n    },\n    ref,\n  ) => {\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\"\n                ? \"flex-row items-start\"\n                : \"flex-col\",\n            )}\n          >\n            {listChildren}\n          </ol>\n        </nav>\n      </StepperContext>\n    );\n  },\n);\n\nStepper.displayName = \"Stepper\";\n\nexport { Stepper };\n"],"mappings":"mNAUA,SAAS,EACP,EACA,EACA,EACW,CACX,GAAI,EAAM,eAAe,EAAM,CAAE,CAC/B,IAAM,EAAiB,EAAM,MAAkC,MAG/D,GAAI,IAAkB,IAAA,GAAW,OAAO,EAKxC,IAAM,EAHQ,EAAM,MAAkC,MAG5B,EAC1B,GAAI,EAAY,EAAa,MAAO,YACpC,GAAI,IAAc,EAAa,MAAO,UAExC,MAAO,WAST,IAAM,EAAU,EAAM,YAElB,CACE,cACA,cAAc,aACd,cACA,YACA,WACA,aAAc,EAAY,WAC1B,GAAG,GAEL,IACG,CACH,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,aACZ,uBACA,WACL,UAEA,EACE,CAAA,CACD,CAAA,CACS,CAAA,EAGtB,CAED,EAAQ,YAAc"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.context.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.context.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAEvE,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,kBAAkB,CAAC;IAChC,WAAW,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACnD;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,cAAc,qDAAkD,CAAC;AAEvE,iBAAS,iBAAiB,IAAI,mBAAmB,CAQhD;AAED,QAAA,MAAM,kBAAkB,yDAAsD,CAAC;AAE/E,iBAAS,qBAAqB,IAAI,uBAAuB,CAQxD;AAED,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,GACtB,CAAC"}
+{"version":3,"file":"Stepper.context.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.context.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAEvE,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,kBAAkB,CAAC;IAChC,WAAW,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACnD;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,cAAc,qDAAkD,CAAC;AAEvE,iBAAS,iBAAiB,IAAI,mBAAmB,CAQhD;AAED,QAAA,MAAM,kBAAkB,yDAAsD,CAAC;AAE/E,iBAAS,qBAAqB,IAAI,uBAAuB,CAQxD;AAED,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,GACtB,CAAC"}

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

@@ -0,0 +1,19 @@
+"use client";
+import { createContext as e, useContext as t } from "react";
+//#region src/components/Stepper/Stepper.context.tsx
+var n = e(null);
+function r() {
+	let e = t(n);
+	if (e === null) throw Error("Stepper compound components must be used within <Stepper>");
+	return e;
+}
+var i = e(null);
+function a() {
+	let e = t(i);
+	if (e === null) throw Error("StepperIndicator/StepperContent must be used within <StepperItem>");
+	return e;
+}
+//#endregion
+export { n as StepperContext, i as StepperItemContext, r as useStepperContext, a as useStepperItemContext };
+
+//# sourceMappingURL=Stepper.context.js.map

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

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

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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,kBAAkB,EAGnB,MAAM,0CAA0C,CAAC;AAuBlD,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACrE,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,QAAA,MAAM,OAAO,kFAoEZ,CAAC;AAIF,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;AAuBlD,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACrE,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,QAAA,MAAM,OAAO,kFAoEZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Stepper/Stepper.js

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

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

@@ -0,0 +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\";\n\nfunction resolveStepState(\n  child: React.ReactNode,\n  index: number,\n  currentStep: number,\n): StepState {\n  if (React.isValidElement(child)) {\n    const explicitState = (child.props as Record<string, unknown>).state as\n      | StepState\n      | undefined;\n    if (explicitState !== undefined) return explicitState;\n\n    const step = (child.props as Record<string, unknown>).step as\n      | number\n      | undefined;\n    const stepIndex = step ?? index;\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  currentStep: number;\n  orientation?: StepperOrientation;\n  onStepClick?: (step: number) => void;\n}\n\nconst Stepper = React.forwardRef<HTMLElement, StepperProps>(\n  (\n    {\n      currentStep,\n      orientation = \"horizontal\",\n      onStepClick,\n      className,\n      children,\n      \"aria-label\": ariaLabel = \"Progress\",\n      ...props\n    },\n    ref,\n  ) => {\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\"\n                ? \"flex-row items-start\"\n                : \"flex-col\",\n            )}\n          >\n            {listChildren}\n          </ol>\n        </nav>\n      </StepperContext>\n    );\n  },\n);\n\nStepper.displayName = \"Stepper\";\n\nexport { Stepper };\n"],"mappings":";;;;;;AAUA,SAAS,EACP,GACA,GACA,GACW;AACX,KAAI,EAAM,eAAe,EAAM,EAAE;EAC/B,IAAM,IAAiB,EAAM,MAAkC;AAG/D,MAAI,MAAkB,KAAA,EAAW,QAAO;EAKxC,IAAM,IAHQ,EAAM,MAAkC,QAG5B;AAC1B,MAAI,IAAY,EAAa,QAAO;AACpC,MAAI,MAAc,EAAa,QAAO;;AAExC,QAAO;;AAST,IAAM,IAAU,EAAM,YAElB,EACE,gBACA,iBAAc,cACd,gBACA,cACA,aACA,cAAc,IAAY,YAC1B,GAAG,KAEL,MACG;CACH,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,eACZ,yBACA,WACL;cAEA;IACE,CAAA;GACD,CAAA;EACS,CAAA;EAGtB;AAED,EAAQ,cAAc"}

package/dist/components/Stepper/StepperContent.cjs

@@ -0,0 +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(({className:e,...r},a)=>{let{orientation:o}=n.useStepperContext();return(0,i.jsx)(`div`,{ref:a,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)`,e),...r})});a.displayName=`StepperContent`,exports.StepperContent=a;
+//# sourceMappingURL=StepperContent.cjs.map

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

@@ -0,0 +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\nconst StepperContent = React.forwardRef<HTMLDivElement, StepperContentProps>(\n  ({ className, ...props }, ref) => {\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);\n\nStepperContent.displayName = \"StepperContent\";\n\nexport { StepperContent };\n"],"mappings":"mNAOA,IAAM,EAAiB,EAAM,YAC1B,CAAE,YAAW,GAAG,GAAS,IAAQ,CAChC,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,EAGP,CAED,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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpF,QAAA,MAAM,cAAc,4FAkBnB,CAAC;AAIF,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;CAAG;AAEpF,QAAA,MAAM,cAAc,4FAkBnB,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Stepper/StepperContent.js

@@ -0,0 +1,19 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useStepperContext as t } from "./Stepper.context.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/Stepper/StepperContent.tsx
+var i = n.forwardRef(({ className: n, ...i }, a) => {
+	let { orientation: o } = t();
+	return /* @__PURE__ */ r("div", {
+		ref: a,
+		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)", n),
+		...i
+	});
+});
+i.displayName = "StepperContent";
+//#endregion
+export { i as StepperContent };
+
+//# sourceMappingURL=StepperContent.js.map

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

@@ -0,0 +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\nconst StepperContent = React.forwardRef<HTMLDivElement, StepperContentProps>(\n  ({ className, ...props }, ref) => {\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);\n\nStepperContent.displayName = \"StepperContent\";\n\nexport { StepperContent };\n"],"mappings":";;;;;;AAOA,IAAM,IAAiB,EAAM,YAC1B,EAAE,cAAW,GAAG,KAAS,MAAQ;CAChC,IAAM,EAAE,mBAAgB,GAAmB;AAE3C,QACE,kBAAC,OAAD;EACO;EACL,WAAW,EACT,iBACA,MAAgB,eACZ,gDACA,mCACJ,EACD;EACD,GAAI;EACJ,CAAA;EAGP;AAED,EAAe,cAAc"}

package/dist/components/Stepper/StepperDescription.cjs

@@ -0,0 +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:`xs`,color:`muted`,className:t.cn(s===`horizontal`&&`whitespace-nowrap`,e),...i})});o.displayName=`StepperDescription`,exports.StepperDescription=o;
+//# sourceMappingURL=StepperDescription.cjs.map

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

@@ -0,0 +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\nconst StepperDescription = React.forwardRef<\n  HTMLElement,\n  StepperDescriptionProps\n>(({ className, ...props }, ref) => {\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":"iPAWA,IAAM,EAAqB,EAAM,YAG9B,CAAE,YAAW,GAAG,GAAS,IAAQ,CAClC,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,EAEJ,CAEF,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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CACnD,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,OAAO,CACR;CAAG;AAEJ,QAAA,MAAM,kBAAkB,6FAmBtB,CAAC;AAIH,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;CAAG;AAEJ,QAAA,MAAM,kBAAkB,6FAmBtB,CAAC;AAIH,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/Stepper/StepperDescription.js

@@ -0,0 +1,23 @@
+"use client";
+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";
+//#region src/components/Stepper/StepperDescription.tsx
+var a = r.forwardRef(({ className: r, ...a }, o) => {
+	let { orientation: s } = n();
+	return /* @__PURE__ */ i(t, {
+		ref: o,
+		as: "span",
+		size: "xs",
+		color: "muted",
+		className: e(s === "horizontal" && "whitespace-nowrap", r),
+		...a
+	});
+});
+a.displayName = "StepperDescription";
+//#endregion
+export { a as StepperDescription };
+
+//# sourceMappingURL=StepperDescription.js.map

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

@@ -0,0 +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\nconst StepperDescription = React.forwardRef<\n  HTMLElement,\n  StepperDescriptionProps\n>(({ className, ...props }, ref) => {\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":";;;;;;;AAWA,IAAM,IAAqB,EAAM,YAG9B,EAAE,cAAW,GAAG,KAAS,MAAQ;CAClC,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;EAEJ;AAEF,EAAmB,cAAc"}

package/dist/components/Stepper/StepperIndicator.cjs

@@ -0,0 +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`);var s=a.forwardRef(({className:e,...a},s)=>{let{state:c,step:l}=i.useStepperItemContext(),{orientation:u}=i.useStepperContext(),d=(0,o.jsx)(`div`,{ref:s,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)`,e),...a,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