@nuka-ui/core 1.1.1 → 1.1.3

package/dist/components/Spinner/Spinner.js

@@ -1,29 +1,31 @@
+"use client";
 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";
+import "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/Spinner/Spinner.tsx
-var o = {
+var a = {
 	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,
+};
+function o({ ref: o, className: s, size: c, color: l, label: u, ...d }) {
+	let f = c ?? "md", p = l ?? "default", m = d["aria-hidden"] === !0, h = a[f];
+	return /* @__PURE__ */ i("span", {
+		ref: o,
 		...!m && { role: "status" },
-		...!m && !l && { "aria-label": "Loading" },
-		className: e(n({ size: f }), r),
-		...u,
-		children: [l && !m && /* @__PURE__ */ i("span", {
+		...!m && !u && { "aria-label": "Loading" },
+		className: e(n({ size: f }), s),
+		...d,
+		children: [u && !m && /* @__PURE__ */ r("span", {
 			className: "sr-only",
-			children: l
-		}), /* @__PURE__ */ a("svg", {
+			children: u
+		}), /* @__PURE__ */ i("svg", {
 			viewBox: "0 0 24 24",
 			fill: "none",
 			"aria-hidden": "true",
 			className: "nuka-spinner size-full",
-			children: [/* @__PURE__ */ i("circle", {
+			children: [/* @__PURE__ */ r("circle", {
 				cx: "12",
 				cy: "12",
 				r: "9",
@@ -31,7 +33,7 @@ var o = {
 				strokeWidth: h,
 				strokeLinecap: "round",
 				fill: "none"
-			}), /* @__PURE__ */ i("circle", {
+			}), /* @__PURE__ */ r("circle", {
 				cx: "12",
 				cy: "12",
 				r: "9",
@@ -44,9 +46,9 @@ var o = {
 			})]
 		})]
 	});
-});
-s.displayName = "Spinner";
+}
+o.displayName = "Spinner";
 //#endregion
-export { s as Spinner };
+export { o as Spinner };
 
 //# sourceMappingURL=Spinner.js.map

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

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

package/dist/components/SplitLayout/SplitLayout.cjs

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

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

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

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

@@ -4,12 +4,16 @@ type Sidebar = "left" | "right";
 type SideWidth = "sm" | "md" | "lg" | "xl";
 type StackBelow = "sm" | "md" | "lg" | "xl";
 export interface SplitLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     sidebar?: Sidebar;
     sideWidth?: SideWidth;
     stackBelow?: StackBelow;
     gap?: Responsive<GapScale>;
     asChild?: boolean;
 }
-declare const SplitLayout: React.ForwardRefExoticComponent<SplitLayoutProps & React.RefAttributes<HTMLDivElement>>;
+declare function SplitLayout({ ref, className, sidebar, sideWidth, stackBelow, gap, asChild, children, ...props }: SplitLayoutProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SplitLayout {
+    var displayName: string;
+}
 export { SplitLayout };
 //# sourceMappingURL=SplitLayout.d.ts.map

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

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

package/dist/components/SplitLayout/SplitLayout.js

@@ -1,3 +1,4 @@
+"use client";
 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";
@@ -37,18 +38,19 @@ var o = {
 	"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) => {
+};
+function s({ ref: s, className: c, sidebar: l = "right", sideWidth: u = "md", stackBelow: d = "md", gap: f = "none", asChild: p = !1, children: m, ...h }) {
 	if (process.env.NODE_ENV !== "production") {
-		let e = i.Children.count(p);
+		let e = i.Children.count(m);
 		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
+	return /* @__PURE__ */ a(p ? t : "div", {
+		ref: s,
+		className: e("grid", o[`${l}-${u}-${d}`], ...r(f, n), c),
+		...h,
+		children: m
 	});
-});
+}
 s.displayName = "SplitLayout";
 //#endregion
 export { s as SplitLayout };

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

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

package/dist/components/Stack/Stack.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"Stack.cjs","names":[],"sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["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"}
+{"version":3,"file":"Stack.cjs","names":[],"sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  directionClasses,\n  gapClasses,\n  alignClasses,\n  justifyClasses,\n  wrapClasses,\n} from \"@nuka/utils/responsive\";\nimport type {\n  Responsive,\n  GapScale,\n  Direction,\n  Align,\n  Justify,\n  Wrap,\n} from \"@nuka/utils/responsive\";\n\nexport interface StackProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  direction?: Responsive<Direction>;\n  gap?: Responsive<GapScale>;\n  align?: Responsive<Align>;\n  justify?: Responsive<Justify>;\n  wrap?: Responsive<Wrap>;\n  asChild?: boolean;\n}\n\nfunction Stack({\n  ref,\n  className,\n  direction = \"column\",\n  gap = \"none\",\n  align,\n  justify,\n  wrap,\n  asChild = false,\n  ...props\n}: StackProps) {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"flex\",\n        ...resolveResponsiveClasses(direction, directionClasses),\n        ...resolveResponsiveClasses(gap, gapClasses),\n        ...resolveResponsiveClasses(align, alignClasses),\n        ...resolveResponsiveClasses(justify, justifyClasses),\n        ...resolveResponsiveClasses(wrap, wrapClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nStack.displayName = \"Stack\";\n\nexport { Stack };\n"],"mappings":"0PAgCA,SAAS,EAAM,CACb,MACA,YACA,YAAY,SACZ,MAAM,OACN,QACA,UACA,OACA,UAAU,GACV,GAAG,GACU,CAGb,OACE,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,CAIN,EAAM,YAAc"}

package/dist/components/Stack/Stack.d.ts

@@ -1,6 +1,7 @@
 import { Responsive, GapScale, Direction, Align, Justify, Wrap } from '../../utils/responsive';
 import * as React from "react";
 export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     direction?: Responsive<Direction>;
     gap?: Responsive<GapScale>;
     align?: Responsive<Align>;
@@ -8,6 +9,9 @@ export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
     wrap?: Responsive<Wrap>;
     asChild?: boolean;
 }
-declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
+declare function Stack({ ref, className, direction, gap, align, justify, wrap, asChild, ...props }: StackProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Stack {
+    var displayName: string;
+}
 export { Stack };
 //# sourceMappingURL=Stack.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EACV,UAAU,EACV,QAAQ,EACR,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,EACL,MAAM,wBAAwB,CAAC;AAEhC,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAClC,GAAG,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAC1B,OAAO,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,KAAK,mFAgCV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EACV,UAAU,EACV,QAAQ,EACR,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,EACL,MAAM,wBAAwB,CAAC;AAEhC,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAClC,GAAG,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAC1B,OAAO,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,KAAK,CAAC,EACb,GAAG,EACH,SAAS,EACT,SAAoB,EACpB,GAAY,EACZ,KAAK,EACL,OAAO,EACP,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,UAAU,2CAkBZ;kBA5BQ,KAAK;;;AAgCd,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Stack/Stack.js

@@ -1,16 +1,19 @@
+"use client";
 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";
+import "react";
+import { jsx as c } 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";
+function l({ ref: l, className: u, direction: d = "column", gap: f = "none", align: p, justify: m, wrap: h, asChild: g = !1, ..._ }) {
+	return /* @__PURE__ */ c(g ? t : "div", {
+		ref: l,
+		className: e("flex", ...o(d, r), ...o(f, i), ...o(p, n), ...o(m, a), ...o(h, s), u),
+		..._
+	});
+}
+l.displayName = "Stack";
 //#endregion
-export { u as Stack };
+export { l as Stack };
 
 //# sourceMappingURL=Stack.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","names":[],"sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  directionClasses,\n  gapClasses,\n  alignClasses,\n  justifyClasses,\n  wrapClasses,\n} from \"@nuka/utils/responsive\";\nimport type {\n  Responsive,\n  GapScale,\n  Direction,\n  Align,\n  Justify,\n  Wrap,\n} from \"@nuka/utils/responsive\";\n\nexport interface StackProps extends React.HTMLAttributes<HTMLDivElement> {\n  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"}
+{"version":3,"file":"Stack.js","names":[],"sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  directionClasses,\n  gapClasses,\n  alignClasses,\n  justifyClasses,\n  wrapClasses,\n} from \"@nuka/utils/responsive\";\nimport type {\n  Responsive,\n  GapScale,\n  Direction,\n  Align,\n  Justify,\n  Wrap,\n} from \"@nuka/utils/responsive\";\n\nexport interface StackProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  direction?: Responsive<Direction>;\n  gap?: Responsive<GapScale>;\n  align?: Responsive<Align>;\n  justify?: Responsive<Justify>;\n  wrap?: Responsive<Wrap>;\n  asChild?: boolean;\n}\n\nfunction Stack({\n  ref,\n  className,\n  direction = \"column\",\n  gap = \"none\",\n  align,\n  justify,\n  wrap,\n  asChild = false,\n  ...props\n}: StackProps) {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"flex\",\n        ...resolveResponsiveClasses(direction, directionClasses),\n        ...resolveResponsiveClasses(gap, gapClasses),\n        ...resolveResponsiveClasses(align, alignClasses),\n        ...resolveResponsiveClasses(justify, justifyClasses),\n        ...resolveResponsiveClasses(wrap, wrapClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nStack.displayName = \"Stack\";\n\nexport { Stack };\n"],"mappings":";;;;;;;AAgCA,SAAS,EAAM,EACb,QACA,cACA,eAAY,UACZ,SAAM,QACN,UACA,YACA,SACA,aAAU,IACV,GAAG,KACU;AAGb,QACE,kBAHW,IAAU,IAAO,OAG5B;EACO;EACL,WAAW,EACT,QACA,GAAG,EAAyB,GAAW,EAAiB,EACxD,GAAG,EAAyB,GAAK,EAAW,EAC5C,GAAG,EAAyB,GAAO,EAAa,EAChD,GAAG,EAAyB,GAAS,EAAe,EACpD,GAAG,EAAyB,GAAM,EAAY,EAC9C,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAM,cAAc"}

package/dist/components/Stepper/Stepper.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.cjs","names":[],"sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { StepperContext } from \"@nuka/components/Stepper/Stepper.context\";\nimport type {\n  StepperOrientation,\n  StepState,\n  StepperContextValue,\n} from \"@nuka/components/Stepper/Stepper.context\";\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"}
+{"version":3,"file":"Stepper.cjs","names":[],"sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { StepperContext } from \"@nuka/components/Stepper/Stepper.context\";\nimport type {\n  StepperOrientation,\n  StepState,\n  StepperContextValue,\n} from \"@nuka/components/Stepper/Stepper.context\";\nimport type { StepperItemProps } from \"@nuka/components/Stepper/StepperItem\";\n\nfunction resolveStepState(\n  child: React.ReactNode,\n  index: number,\n  currentStep: number,\n): StepState {\n  if (React.isValidElement<StepperItemProps>(child)) {\n    if (child.props.state !== undefined) return child.props.state;\n\n    const stepIndex = child.props.step;\n    if (stepIndex < currentStep) return \"completed\";\n    if (stepIndex === currentStep) return \"current\";\n  }\n  return \"upcoming\";\n}\n\nexport interface StepperProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  currentStep: number;\n  orientation?: StepperOrientation;\n  onStepClick?: (step: number) => void;\n}\n\nfunction Stepper({\n  ref,\n  currentStep,\n  orientation = \"horizontal\",\n  onStepClick,\n  className,\n  children,\n  \"aria-label\": ariaLabel = \"Progress\",\n  ...props\n}: StepperProps) {\n  const contextValue: StepperContextValue = React.useMemo(\n    () => ({ currentStep, orientation, onStepClick }),\n    [currentStep, orientation, onStepClick],\n  );\n\n  const childArray = React.Children.toArray(children);\n  let listChildren: React.ReactNode[];\n\n  if (orientation === \"horizontal\") {\n    listChildren = [];\n    childArray.forEach((child, i) => {\n      listChildren.push(child);\n      if (i < childArray.length - 1) {\n        const leftStepState = resolveStepState(child, i, currentStep);\n        const segmentCompleted = leftStepState === \"completed\";\n        listChildren.push(\n          <li\n            key={`connector-${String(i)}`}\n            role=\"presentation\"\n            aria-hidden=\"true\"\n            className=\"flex items-start flex-1\"\n          >\n            <div\n              className={cn(\n                \"h-px w-full mt-(--space-4)\",\n                segmentCompleted\n                  ? \"bg-(--nuka-accent-bg)\"\n                  : \"bg-(--nuka-border-base)\",\n              )}\n            />\n          </li>,\n        );\n      }\n    });\n  } else {\n    listChildren = childArray;\n  }\n\n  return (\n    <StepperContext value={contextValue}>\n      <nav ref={ref} aria-label={ariaLabel} className={className} {...props}>\n        <ol\n          className={cn(\n            \"flex list-none\",\n            orientation === \"horizontal\" ? \"flex-row items-start\" : \"flex-col\",\n          )}\n        >\n          {listChildren}\n        </ol>\n      </nav>\n    </StepperContext>\n  );\n}\n\nStepper.displayName = \"Stepper\";\n\nexport { Stepper };\n"],"mappings":"mNAWA,SAAS,EACP,EACA,EACA,EACW,CACX,GAAI,EAAM,eAAiC,EAAM,CAAE,CACjD,GAAI,EAAM,MAAM,QAAU,IAAA,GAAW,OAAO,EAAM,MAAM,MAExD,IAAM,EAAY,EAAM,MAAM,KAC9B,GAAI,EAAY,EAAa,MAAO,YACpC,GAAI,IAAc,EAAa,MAAO,UAExC,MAAO,WAUT,SAAS,EAAQ,CACf,MACA,cACA,cAAc,aACd,cACA,YACA,WACA,aAAc,EAAY,WAC1B,GAAG,GACY,CACf,IAAM,EAAoC,EAAM,aACvC,CAAE,cAAa,cAAa,cAAa,EAChD,CAAC,EAAa,EAAa,EAAY,CACxC,CAEK,EAAa,EAAM,SAAS,QAAQ,EAAS,CAC/C,EAgCJ,OA9BI,IAAgB,cAClB,EAAe,EAAE,CACjB,EAAW,SAAS,EAAO,IAAM,CAE/B,GADA,EAAa,KAAK,EAAM,CACpB,EAAI,EAAW,OAAS,EAAG,CAE7B,IAAM,EADgB,EAAiB,EAAO,EAAG,EAAY,GAClB,YAC3C,EAAa,MACX,EAAA,EAAA,KAAC,KAAD,CAEE,KAAK,eACL,cAAY,OACZ,UAAU,oCAEV,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,6BACA,EACI,wBACA,0BACL,CACD,CAAA,CACC,CAbE,aAAa,OAAO,EAAE,GAaxB,CACN,GAEH,EAEF,EAAe,GAIf,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,MAAO,YACrB,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,aAAY,EAAsB,YAAW,GAAI,YAC9D,EAAA,EAAA,KAAC,KAAD,CACE,UAAW,EAAA,GACT,iBACA,IAAgB,aAAe,uBAAyB,WACzD,UAEA,EACE,CAAA,CACD,CAAA,CACS,CAAA,CAIrB,EAAQ,YAAc"}

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

@@ -1,10 +1,14 @@
 import { StepperOrientation } from './Stepper.context';
 import * as React from "react";
 export interface StepperProps extends React.HTMLAttributes<HTMLElement> {
+    ref?: React.Ref<HTMLElement> | undefined;
     currentStep: number;
     orientation?: StepperOrientation;
     onStepClick?: (step: number) => void;
 }
-declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLElement>>;
+declare function Stepper({ ref, currentStep, orientation, onStepClick, className, children, "aria-label": ariaLabel, ...props }: StepperProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Stepper {
+    var displayName: string;
+}
 export { Stepper };
 //# sourceMappingURL=Stepper.d.ts.map

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

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

package/dist/components/Stepper/Stepper.js

@@ -6,48 +6,47 @@ 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";
+		if (e.props.state !== void 0) return e.props.state;
+		let t = e.props.step;
+		if (t < r) return "completed";
+		if (t === 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) => {
+function a({ ref: a, currentStep: o, orientation: s = "horizontal", onStepClick: c, className: l, children: u, "aria-label": d = "Progress", ...f }) {
 	let p = n.useMemo(() => ({
-		currentStep: a,
-		orientation: o,
-		onStepClick: s
+		currentStep: o,
+		orientation: s,
+		onStepClick: c
 	}), [
-		a,
 		o,
-		s
-	]), m = n.Children.toArray(l), h;
-	return o === "horizontal" ? (h = [], m.forEach((t, n) => {
+		s,
+		c
+	]), m = n.Children.toArray(u), h;
+	return s === "horizontal" ? (h = [], m.forEach((t, n) => {
 		if (h.push(t), n < m.length - 1) {
-			let o = i(t, n, a) === "completed";
+			let a = i(t, n, o) === "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)") })
+				children: /* @__PURE__ */ r("div", { className: e("h-px w-full mt-(--space-4)", a ? "bg-(--nuka-accent-bg)" : "bg-(--nuka-border-base)") })
 			}, `connector-${String(n)}`));
 		}
 	})) : h = m, /* @__PURE__ */ r(t, {
 		value: p,
 		children: /* @__PURE__ */ r("nav", {
-			ref: f,
-			"aria-label": u,
-			className: c,
-			...d,
+			ref: a,
+			"aria-label": d,
+			className: l,
+			...f,
 			children: /* @__PURE__ */ r("ol", {
-				className: e("flex list-none", o === "horizontal" ? "flex-row items-start" : "flex-col"),
+				className: e("flex list-none", s === "horizontal" ? "flex-row items-start" : "flex-col"),
 				children: h
 			})
 		})
 	});
-});
+}
 a.displayName = "Stepper";
 //#endregion
 export { a as Stepper };

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","names":[],"sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { StepperContext } from \"@nuka/components/Stepper/Stepper.context\";\nimport type {\n  StepperOrientation,\n  StepState,\n  StepperContextValue,\n} from \"@nuka/components/Stepper/Stepper.context\";\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"}
+{"version":3,"file":"Stepper.js","names":[],"sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { StepperContext } from \"@nuka/components/Stepper/Stepper.context\";\nimport type {\n  StepperOrientation,\n  StepState,\n  StepperContextValue,\n} from \"@nuka/components/Stepper/Stepper.context\";\nimport type { StepperItemProps } from \"@nuka/components/Stepper/StepperItem\";\n\nfunction resolveStepState(\n  child: React.ReactNode,\n  index: number,\n  currentStep: number,\n): StepState {\n  if (React.isValidElement<StepperItemProps>(child)) {\n    if (child.props.state !== undefined) return child.props.state;\n\n    const stepIndex = child.props.step;\n    if (stepIndex < currentStep) return \"completed\";\n    if (stepIndex === currentStep) return \"current\";\n  }\n  return \"upcoming\";\n}\n\nexport interface StepperProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  currentStep: number;\n  orientation?: StepperOrientation;\n  onStepClick?: (step: number) => void;\n}\n\nfunction Stepper({\n  ref,\n  currentStep,\n  orientation = \"horizontal\",\n  onStepClick,\n  className,\n  children,\n  \"aria-label\": ariaLabel = \"Progress\",\n  ...props\n}: StepperProps) {\n  const contextValue: StepperContextValue = React.useMemo(\n    () => ({ currentStep, orientation, onStepClick }),\n    [currentStep, orientation, onStepClick],\n  );\n\n  const childArray = React.Children.toArray(children);\n  let listChildren: React.ReactNode[];\n\n  if (orientation === \"horizontal\") {\n    listChildren = [];\n    childArray.forEach((child, i) => {\n      listChildren.push(child);\n      if (i < childArray.length - 1) {\n        const leftStepState = resolveStepState(child, i, currentStep);\n        const segmentCompleted = leftStepState === \"completed\";\n        listChildren.push(\n          <li\n            key={`connector-${String(i)}`}\n            role=\"presentation\"\n            aria-hidden=\"true\"\n            className=\"flex items-start flex-1\"\n          >\n            <div\n              className={cn(\n                \"h-px w-full mt-(--space-4)\",\n                segmentCompleted\n                  ? \"bg-(--nuka-accent-bg)\"\n                  : \"bg-(--nuka-border-base)\",\n              )}\n            />\n          </li>,\n        );\n      }\n    });\n  } else {\n    listChildren = childArray;\n  }\n\n  return (\n    <StepperContext value={contextValue}>\n      <nav ref={ref} aria-label={ariaLabel} className={className} {...props}>\n        <ol\n          className={cn(\n            \"flex list-none\",\n            orientation === \"horizontal\" ? \"flex-row items-start\" : \"flex-col\",\n          )}\n        >\n          {listChildren}\n        </ol>\n      </nav>\n    </StepperContext>\n  );\n}\n\nStepper.displayName = \"Stepper\";\n\nexport { Stepper };\n"],"mappings":";;;;;;AAWA,SAAS,EACP,GACA,GACA,GACW;AACX,KAAI,EAAM,eAAiC,EAAM,EAAE;AACjD,MAAI,EAAM,MAAM,UAAU,KAAA,EAAW,QAAO,EAAM,MAAM;EAExD,IAAM,IAAY,EAAM,MAAM;AAC9B,MAAI,IAAY,EAAa,QAAO;AACpC,MAAI,MAAc,EAAa,QAAO;;AAExC,QAAO;;AAUT,SAAS,EAAQ,EACf,QACA,gBACA,iBAAc,cACd,gBACA,cACA,aACA,cAAc,IAAY,YAC1B,GAAG,KACY;CACf,IAAM,IAAoC,EAAM,eACvC;EAAE;EAAa;EAAa;EAAa,GAChD;EAAC;EAAa;EAAa;EAAY,CACxC,EAEK,IAAa,EAAM,SAAS,QAAQ,EAAS,EAC/C;AAgCJ,QA9BI,MAAgB,gBAClB,IAAe,EAAE,EACjB,EAAW,SAAS,GAAO,MAAM;AAE/B,MADA,EAAa,KAAK,EAAM,EACpB,IAAI,EAAW,SAAS,GAAG;GAE7B,IAAM,IADgB,EAAiB,GAAO,GAAG,EAAY,KAClB;AAC3C,KAAa,KACX,kBAAC,MAAD;IAEE,MAAK;IACL,eAAY;IACZ,WAAU;cAEV,kBAAC,OAAD,EACE,WAAW,EACT,8BACA,IACI,0BACA,0BACL,EACD,CAAA;IACC,EAbE,aAAa,OAAO,EAAE,GAaxB,CACN;;GAEH,IAEF,IAAe,GAIf,kBAAC,GAAD;EAAgB,OAAO;YACrB,kBAAC,OAAD;GAAU;GAAK,cAAY;GAAsB;GAAW,GAAI;aAC9D,kBAAC,MAAD;IACE,WAAW,EACT,kBACA,MAAgB,eAAe,yBAAyB,WACzD;cAEA;IACE,CAAA;GACD,CAAA;EACS,CAAA;;AAIrB,EAAQ,cAAc"}

package/dist/components/Stepper/StepperContent.cjs

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

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

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

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

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

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

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

package/dist/components/Stepper/StepperContent.js

@@ -1,19 +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";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/components/Stepper/StepperContent.tsx
-var i = n.forwardRef(({ className: n, ...i }, a) => {
+function r({ ref: r, className: 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
+	return /* @__PURE__ */ n("div", {
+		ref: r,
+		className: e("flex flex-col", o === "horizontal" ? "w-0 mt-(--space-1) items-center text-center" : "flex-1 min-w-0 pt-(--space-0.5)", i),
+		...a
 	});
-});
-i.displayName = "StepperContent";
+}
+r.displayName = "StepperContent";
 //#endregion
-export { i as StepperContent };
+export { r as StepperContent };
 
 //# sourceMappingURL=StepperContent.js.map

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

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

package/dist/components/Stepper/StepperDescription.cjs

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

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

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