@nuka-ui/core 1.1.1 → 1.1.3

package/dist/components/Sidebar/SidebarTrigger.js

@@ -2,78 +2,79 @@
 import { cn as e } from "../../utils/cn.js";
 import { Icon as t } from "../Icon/Icon.js";
 import { useSidebarContext as n } from "./Sidebar.context.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/Sidebar/SidebarTrigger.tsx
-var o = () => /* @__PURE__ */ i("svg", {
+var a = () => /* @__PURE__ */ r("svg", {
 	viewBox: "0 0 24 24",
 	fill: "none",
 	stroke: "currentColor",
 	strokeWidth: 2,
-	children: /* @__PURE__ */ i("path", {
+	children: /* @__PURE__ */ r("path", {
 		d: "M18 6L6 18M6 6l12 12",
 		strokeLinecap: "round",
 		strokeLinejoin: "round"
 	})
-}), s = () => /* @__PURE__ */ i("svg", {
+}), o = () => /* @__PURE__ */ r("svg", {
 	viewBox: "0 0 24 24",
 	fill: "none",
 	stroke: "currentColor",
 	strokeWidth: 2,
-	children: /* @__PURE__ */ i("path", {
+	children: /* @__PURE__ */ r("path", {
 		d: "M4 6h16M4 12h16M4 18h16",
 		strokeLinecap: "round",
 		strokeLinejoin: "round"
 	})
-}), c = () => /* @__PURE__ */ a("svg", {
+}), s = () => /* @__PURE__ */ i("svg", {
 	viewBox: "0 0 24 24",
 	fill: "none",
 	stroke: "currentColor",
 	strokeWidth: 2,
-	children: [/* @__PURE__ */ i("path", {
+	children: [/* @__PURE__ */ r("path", {
 		d: "M11 19l-7-7 7-7",
 		strokeLinecap: "round",
 		strokeLinejoin: "round"
-	}), /* @__PURE__ */ i("path", {
+	}), /* @__PURE__ */ r("path", {
 		d: "M4 12h16",
 		strokeLinecap: "round",
 		strokeLinejoin: "round"
 	})]
-}), l = () => /* @__PURE__ */ a("svg", {
+}), c = () => /* @__PURE__ */ i("svg", {
 	viewBox: "0 0 24 24",
 	fill: "none",
 	stroke: "currentColor",
 	strokeWidth: 2,
-	children: [/* @__PURE__ */ i("path", {
+	children: [/* @__PURE__ */ r("path", {
 		d: "M13 5l7 7-7 7",
 		strokeLinecap: "round",
 		strokeLinejoin: "round"
-	}), /* @__PURE__ */ i("path", {
+	}), /* @__PURE__ */ r("path", {
 		d: "M20 12H4",
 		strokeLinecap: "round",
 		strokeLinejoin: "round"
 	})]
-}), u = r.forwardRef(({ className: r, ...a }, u) => {
+});
+function l({ ref: i, className: l, ...u }) {
 	let { expanded: d, setExpanded: f, isMobile: p, setMobileOpen: m, mobileOpen: h } = n();
 	function g() {
 		p ? m(!h) : f(!d);
 	}
-	let _ = p ? h ? o : s : d ? c : l;
-	return /* @__PURE__ */ i("button", {
-		ref: u,
+	let _ = p ? h ? a : o : d ? s : c;
+	return /* @__PURE__ */ r("button", {
+		ref: i,
 		type: "button",
 		"aria-label": p ? h ? "Close navigation" : "Open navigation" : d ? "Collapse sidebar" : "Expand sidebar",
 		onClick: g,
-		className: e("inline-flex items-center justify-center", "w-8 h-8 rounded-(--radius-md)", "text-(--nuka-text-muted)", "hover:bg-(--nuka-bg-muted) hover:text-(--nuka-text-base)", "transition-colors duration-150", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", r),
-		...a,
-		children: /* @__PURE__ */ i(t, {
+		className: e("inline-flex items-center justify-center", "w-8 h-8 rounded-(--radius-md)", "text-(--nuka-text-muted)", "hover:bg-(--nuka-bg-muted) hover:text-(--nuka-text-base)", "transition-colors duration-150", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", l),
+		...u,
+		children: /* @__PURE__ */ r(t, {
 			size: "sm",
-			children: /* @__PURE__ */ i(_, {})
+			children: /* @__PURE__ */ r(_, {})
 		})
 	});
-});
-u.displayName = "SidebarTrigger";
+}
+l.displayName = "SidebarTrigger";
 //#endregion
-export { u as SidebarTrigger };
+export { l as SidebarTrigger };
 
 //# sourceMappingURL=SidebarTrigger.js.map

package/dist/components/Sidebar/SidebarTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarTrigger.js","names":[],"sources":["../../../src/components/Sidebar/SidebarTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\n\nconst CloseIcon = () => (\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path\n      d=\"M18 6L6 18M6 6l12 12\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nconst MenuIcon = () => (\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path\n      d=\"M4 6h16M4 12h16M4 18h16\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nconst CollapseIcon = () => (\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path d=\"M11 19l-7-7 7-7\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    <path d=\"M4 12h16\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n);\n\nconst ExpandIcon = () => (\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path d=\"M13 5l7 7-7 7\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    <path d=\"M20 12H4\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n);\n\nexport interface SidebarTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nconst SidebarTrigger = React.forwardRef<HTMLButtonElement, SidebarTriggerProps>(\n  ({ className, ...props }, ref) => {\n    const { expanded, setExpanded, isMobile, setMobileOpen, mobileOpen } =\n      useSidebarContext();\n\n    function handleClick() {\n      if (isMobile) {\n        setMobileOpen(!mobileOpen);\n      } else {\n        setExpanded(!expanded);\n      }\n    }\n\n    const IconSvg = isMobile\n      ? mobileOpen\n        ? CloseIcon\n        : MenuIcon\n      : expanded\n        ? CollapseIcon\n        : ExpandIcon;\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label={\n          isMobile\n            ? mobileOpen\n              ? \"Close navigation\"\n              : \"Open navigation\"\n            : expanded\n              ? \"Collapse sidebar\"\n              : \"Expand sidebar\"\n        }\n        onClick={handleClick}\n        className={cn(\n          \"inline-flex items-center justify-center\",\n          \"w-8 h-8 rounded-(--radius-md)\",\n          \"text-(--nuka-text-muted)\",\n          \"hover:bg-(--nuka-bg-muted) hover:text-(--nuka-text-base)\",\n          \"transition-colors duration-150\",\n          \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n          \"focus-visible:outline-(--nuka-border-focus)\",\n          className,\n        )}\n        {...props}\n      >\n        <Icon size=\"sm\">\n          <IconSvg />\n        </Icon>\n      </button>\n    );\n  },\n);\n\nSidebarTrigger.displayName = \"SidebarTrigger\";\n\nexport { SidebarTrigger };\n"],"mappings":";;;;;;;AAMA,IAAM,UACJ,kBAAC,OAAD;CAAK,SAAQ;CAAY,MAAK;CAAO,QAAO;CAAe,aAAa;WACtE,kBAAC,QAAD;EACE,GAAE;EACF,eAAc;EACd,gBAAe;EACf,CAAA;CACE,CAAA,EAGF,UACJ,kBAAC,OAAD;CAAK,SAAQ;CAAY,MAAK;CAAO,QAAO;CAAe,aAAa;WACtE,kBAAC,QAAD;EACE,GAAE;EACF,eAAc;EACd,gBAAe;EACf,CAAA;CACE,CAAA,EAGF,UACJ,kBAAC,OAAD;CAAK,SAAQ;CAAY,MAAK;CAAO,QAAO;CAAe,aAAa;WAAxE,CACE,kBAAC,QAAD;EAAM,GAAE;EAAkB,eAAc;EAAQ,gBAAe;EAAU,CAAA,EACzE,kBAAC,QAAD;EAAM,GAAE;EAAW,eAAc;EAAQ,gBAAe;EAAU,CAAA,CAC9D;IAGF,UACJ,kBAAC,OAAD;CAAK,SAAQ;CAAY,MAAK;CAAO,QAAO;CAAe,aAAa;WAAxE,CACE,kBAAC,QAAD;EAAM,GAAE;EAAgB,eAAc;EAAQ,gBAAe;EAAU,CAAA,EACvE,kBAAC,QAAD;EAAM,GAAE;EAAW,eAAc;EAAQ,gBAAe;EAAU,CAAA,CAC9D;IAKF,IAAiB,EAAM,YAC1B,EAAE,cAAW,GAAG,KAAS,MAAQ;CAChC,IAAM,EAAE,aAAU,gBAAa,aAAU,kBAAe,kBACtD,GAAmB;CAErB,SAAS,IAAc;AACrB,EAAI,IACF,EAAc,CAAC,EAAW,GAE1B,EAAY,CAAC,EAAS;;CAI1B,IAAM,IAAU,IACZ,IACE,IACA,IACF,IACE,IACA;AAEN,QACE,kBAAC,UAAD;EACO;EACL,MAAK;EACL,cACE,IACI,IACE,qBACA,oBACF,IACE,qBACA;EAER,SAAS;EACT,WAAW,EACT,2CACA,iCACA,4BACA,4DACA,kCACA,0DACA,+CACA,EACD;EACD,GAAI;YAEJ,kBAAC,GAAD;GAAM,MAAK;aACT,kBAAC,GAAD,EAAW,CAAA;GACN,CAAA;EACA,CAAA;EAGd;AAED,EAAe,cAAc"}
+{"version":3,"file":"SidebarTrigger.js","names":[],"sources":["../../../src/components/Sidebar/SidebarTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\n\nconst CloseIcon = () => (\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path\n      d=\"M18 6L6 18M6 6l12 12\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nconst MenuIcon = () => (\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path\n      d=\"M4 6h16M4 12h16M4 18h16\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nconst CollapseIcon = () => (\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path d=\"M11 19l-7-7 7-7\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    <path d=\"M4 12h16\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n);\n\nconst ExpandIcon = () => (\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path d=\"M13 5l7 7-7 7\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    <path d=\"M20 12H4\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n);\n\nexport interface SidebarTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n}\n\nfunction SidebarTrigger({ ref, className, ...props }: SidebarTriggerProps) {\n  const { expanded, setExpanded, isMobile, setMobileOpen, mobileOpen } =\n    useSidebarContext();\n\n  function handleClick() {\n    if (isMobile) {\n      setMobileOpen(!mobileOpen);\n    } else {\n      setExpanded(!expanded);\n    }\n  }\n\n  const IconSvg = isMobile\n    ? mobileOpen\n      ? CloseIcon\n      : MenuIcon\n    : expanded\n      ? CollapseIcon\n      : ExpandIcon;\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-label={\n        isMobile\n          ? mobileOpen\n            ? \"Close navigation\"\n            : \"Open navigation\"\n          : expanded\n            ? \"Collapse sidebar\"\n            : \"Expand sidebar\"\n      }\n      onClick={handleClick}\n      className={cn(\n        \"inline-flex items-center justify-center\",\n        \"w-8 h-8 rounded-(--radius-md)\",\n        \"text-(--nuka-text-muted)\",\n        \"hover:bg-(--nuka-bg-muted) hover:text-(--nuka-text-base)\",\n        \"transition-colors duration-150\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        className,\n      )}\n      {...props}\n    >\n      <Icon size=\"sm\">\n        <IconSvg />\n      </Icon>\n    </button>\n  );\n}\n\nSidebarTrigger.displayName = \"SidebarTrigger\";\n\nexport { SidebarTrigger };\n"],"mappings":";;;;;;;AAMA,IAAM,UACJ,kBAAC,OAAD;CAAK,SAAQ;CAAY,MAAK;CAAO,QAAO;CAAe,aAAa;WACtE,kBAAC,QAAD;EACE,GAAE;EACF,eAAc;EACd,gBAAe;EACf,CAAA;CACE,CAAA,EAGF,UACJ,kBAAC,OAAD;CAAK,SAAQ;CAAY,MAAK;CAAO,QAAO;CAAe,aAAa;WACtE,kBAAC,QAAD;EACE,GAAE;EACF,eAAc;EACd,gBAAe;EACf,CAAA;CACE,CAAA,EAGF,UACJ,kBAAC,OAAD;CAAK,SAAQ;CAAY,MAAK;CAAO,QAAO;CAAe,aAAa;WAAxE,CACE,kBAAC,QAAD;EAAM,GAAE;EAAkB,eAAc;EAAQ,gBAAe;EAAU,CAAA,EACzE,kBAAC,QAAD;EAAM,GAAE;EAAW,eAAc;EAAQ,gBAAe;EAAU,CAAA,CAC9D;IAGF,UACJ,kBAAC,OAAD;CAAK,SAAQ;CAAY,MAAK;CAAO,QAAO;CAAe,aAAa;WAAxE,CACE,kBAAC,QAAD;EAAM,GAAE;EAAgB,eAAc;EAAQ,gBAAe;EAAU,CAAA,EACvE,kBAAC,QAAD;EAAM,GAAE;EAAW,eAAc;EAAQ,gBAAe;EAAU,CAAA,CAC9D;;AAOR,SAAS,EAAe,EAAE,QAAK,cAAW,GAAG,KAA8B;CACzE,IAAM,EAAE,aAAU,gBAAa,aAAU,kBAAe,kBACtD,GAAmB;CAErB,SAAS,IAAc;AACrB,EAAI,IACF,EAAc,CAAC,EAAW,GAE1B,EAAY,CAAC,EAAS;;CAI1B,IAAM,IAAU,IACZ,IACE,IACA,IACF,IACE,IACA;AAEN,QACE,kBAAC,UAAD;EACO;EACL,MAAK;EACL,cACE,IACI,IACE,qBACA,oBACF,IACE,qBACA;EAER,SAAS;EACT,WAAW,EACT,2CACA,iCACA,4BACA,4DACA,kCACA,0DACA,+CACA,EACD;EACD,GAAI;YAEJ,kBAAC,GAAD;GAAM,MAAK;aACT,kBAAC,GAAD,EAAW,CAAA;GACN,CAAA;EACA,CAAA;;AAIb,EAAe,cAAc"}

package/dist/components/Skeleton/Skeleton.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Skeleton.variants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({className:e,shape:r,...a},o)=>(0,i.jsx)(`div`,{ref:o,...a,"aria-hidden":`true`,className:t.cn(n.skeletonVariants({shape:r}),e)}));a.displayName=`Skeleton`,exports.Skeleton=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Skeleton.variants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:r,shape:a,...o}){return(0,i.jsx)(`div`,{ref:e,...o,"aria-hidden":`true`,className:t.cn(n.skeletonVariants({shape:a}),r)})}a.displayName=`Skeleton`,exports.Skeleton=a;
 //# sourceMappingURL=Skeleton.cjs.map

package/dist/components/Skeleton/Skeleton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.cjs","names":[],"sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { skeletonVariants } from \"@nuka/components/Skeleton/Skeleton.variants\";\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  shape?: \"rect\" | \"circle\" | \"text\";\n}\n\nconst Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(\n  ({ className, shape, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        {...props}\n        aria-hidden=\"true\"\n        className={cn(skeletonVariants({ shape }), className)}\n      />\n    );\n  },\n);\n\nSkeleton.displayName = \"Skeleton\";\n\nexport { Skeleton, skeletonVariants };\n"],"mappings":"wMAQA,IAAM,EAAW,EAAM,YACpB,CAAE,YAAW,QAAO,GAAG,GAAS,KAE7B,EAAA,EAAA,KAAC,MAAD,CACO,MACL,GAAI,EACJ,cAAY,OACZ,UAAW,EAAA,GAAG,EAAA,iBAAiB,CAAE,QAAO,CAAC,CAAE,EAAU,CACrD,CAAA,CAGP,CAED,EAAS,YAAc"}
+{"version":3,"file":"Skeleton.cjs","names":[],"sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { skeletonVariants } from \"@nuka/components/Skeleton/Skeleton.variants\";\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  shape?: \"rect\" | \"circle\" | \"text\";\n}\n\nfunction Skeleton({ ref, className, shape, ...props }: SkeletonProps) {\n  return (\n    <div\n      ref={ref}\n      {...props}\n      aria-hidden=\"true\"\n      className={cn(skeletonVariants({ shape }), className)}\n    />\n  );\n}\n\nSkeleton.displayName = \"Skeleton\";\n\nexport { Skeleton, skeletonVariants };\n"],"mappings":"qNAWA,SAAS,EAAS,CAAE,MAAK,YAAW,QAAO,GAAG,GAAwB,CACpE,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,GAAI,EACJ,cAAY,OACZ,UAAW,EAAA,GAAG,EAAA,iBAAiB,CAAE,QAAO,CAAC,CAAE,EAAU,CACrD,CAAA,CAIN,EAAS,YAAc"}

package/dist/components/Skeleton/Skeleton.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAE/E,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;CACpC;AAED,QAAA,MAAM,QAAQ,sFAWb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAE/E,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;CACpC;AAED,iBAAS,QAAQ,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CASnE;kBATQ,QAAQ;;;AAajB,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/Skeleton/Skeleton.js

@@ -1,16 +1,19 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { skeletonVariants as t } from "./Skeleton.variants.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/Skeleton/Skeleton.tsx
-var i = n.forwardRef(({ className: n, shape: i, ...a }, o) => /* @__PURE__ */ r("div", {
-	ref: o,
-	...a,
-	"aria-hidden": "true",
-	className: e(t({ shape: i }), n)
-}));
-i.displayName = "Skeleton";
+function r({ ref: r, className: i, shape: a, ...o }) {
+	return /* @__PURE__ */ n("div", {
+		ref: r,
+		...o,
+		"aria-hidden": "true",
+		className: e(t({ shape: a }), i)
+	});
+}
+r.displayName = "Skeleton";
 //#endregion
-export { i as Skeleton };
+export { r as Skeleton };
 
 //# sourceMappingURL=Skeleton.js.map

package/dist/components/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":[],"sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { skeletonVariants } from \"@nuka/components/Skeleton/Skeleton.variants\";\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  shape?: \"rect\" | \"circle\" | \"text\";\n}\n\nconst Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(\n  ({ className, shape, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        {...props}\n        aria-hidden=\"true\"\n        className={cn(skeletonVariants({ shape }), className)}\n      />\n    );\n  },\n);\n\nSkeleton.displayName = \"Skeleton\";\n\nexport { Skeleton, skeletonVariants };\n"],"mappings":";;;;;AAQA,IAAM,IAAW,EAAM,YACpB,EAAE,cAAW,UAAO,GAAG,KAAS,MAE7B,kBAAC,OAAD;CACO;CACL,GAAI;CACJ,eAAY;CACZ,WAAW,EAAG,EAAiB,EAAE,UAAO,CAAC,EAAE,EAAU;CACrD,CAAA,CAGP;AAED,EAAS,cAAc"}
+{"version":3,"file":"Skeleton.js","names":[],"sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { skeletonVariants } from \"@nuka/components/Skeleton/Skeleton.variants\";\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  shape?: \"rect\" | \"circle\" | \"text\";\n}\n\nfunction Skeleton({ ref, className, shape, ...props }: SkeletonProps) {\n  return (\n    <div\n      ref={ref}\n      {...props}\n      aria-hidden=\"true\"\n      className={cn(skeletonVariants({ shape }), className)}\n    />\n  );\n}\n\nSkeleton.displayName = \"Skeleton\";\n\nexport { Skeleton, skeletonVariants };\n"],"mappings":";;;;;;AAWA,SAAS,EAAS,EAAE,QAAK,cAAW,UAAO,GAAG,KAAwB;AACpE,QACE,kBAAC,OAAD;EACO;EACL,GAAI;EACJ,eAAY;EACZ,WAAW,EAAG,EAAiB,EAAE,UAAO,CAAC,EAAE,EAAU;EACrD,CAAA;;AAIN,EAAS,cAAc"}

package/dist/components/SkipLink/SkipLink.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i=n.forwardRef(({className:e,targetId:n=`main-content`,children:i=`Skip to main content`,...a},o)=>(0,r.jsx)(`a`,{ref:o,href:`#${n}`,className:t.cn(`sr-only focus:not-sr-only`,`fixed top-(--space-4) left-(--space-4) z-(--nuka-z-toast)`,`inline-flex items-center`,`rounded-(--radius-md) px-(--space-4) py-(--space-2)`,`bg-(--nuka-accent-bg) text-(--nuka-accent-fg)`,`text-sm font-medium`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,e),...a,children:i}));i.displayName=`SkipLink`,exports.SkipLink=i;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,targetId:i=`main-content`,children:a=`Skip to main content`,...o}){return(0,r.jsx)(`a`,{ref:e,href:`#${i}`,className:t.cn(`sr-only focus:not-sr-only`,`fixed top-(--space-4) left-(--space-4) z-(--nuka-z-toast)`,`inline-flex items-center`,`rounded-(--radius-md) px-(--space-4) py-(--space-2)`,`bg-(--nuka-accent-bg) text-(--nuka-accent-fg)`,`text-sm font-medium`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,n),...o,children:a})}i.displayName=`SkipLink`,exports.SkipLink=i;
 //# sourceMappingURL=SkipLink.cjs.map

package/dist/components/SkipLink/SkipLink.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkipLink.cjs","names":[],"sources":["../../../src/components/SkipLink/SkipLink.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SkipLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  /** Target element ID without the # prefix */\n  targetId?: string;\n}\n\nconst SkipLink = React.forwardRef<HTMLAnchorElement, SkipLinkProps>(\n  (\n    {\n      className,\n      targetId = \"main-content\",\n      children = \"Skip to main content\",\n      ...props\n    },\n    ref,\n  ) => (\n    <a\n      ref={ref}\n      href={`#${targetId}`}\n      className={cn(\n        \"sr-only focus:not-sr-only\",\n        \"fixed top-(--space-4) left-(--space-4) z-(--nuka-z-toast)\",\n        \"inline-flex items-center\",\n        \"rounded-(--radius-md) px-(--space-4) py-(--space-2)\",\n        \"bg-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n        \"text-sm font-medium\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </a>\n  ),\n);\n\nSkipLink.displayName = \"SkipLink\";\n\nexport { SkipLink };\n"],"mappings":"mKAQA,IAAM,EAAW,EAAM,YAEnB,CACE,YACA,WAAW,eACX,WAAW,uBACX,GAAG,GAEL,KAEA,EAAA,EAAA,KAAC,IAAD,CACO,MACL,KAAM,IAAI,IACV,UAAW,EAAA,GACT,4BACA,4DACA,2BACA,sDACA,gDACA,sBACA,yDACA,8CACA,EACD,CACD,GAAI,EAEH,WACC,CAAA,CAEP,CAED,EAAS,YAAc"}
+{"version":3,"file":"SkipLink.cjs","names":[],"sources":["../../../src/components/SkipLink/SkipLink.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SkipLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  /** Target element ID without the # prefix */\n  targetId?: string;\n}\n\nfunction SkipLink({\n  ref,\n  className,\n  targetId = \"main-content\",\n  children = \"Skip to main content\",\n  ...props\n}: SkipLinkProps) {\n  return (\n    <a\n      ref={ref}\n      href={`#${targetId}`}\n      className={cn(\n        \"sr-only focus:not-sr-only\",\n        \"fixed top-(--space-4) left-(--space-4) z-(--nuka-z-toast)\",\n        \"inline-flex items-center\",\n        \"rounded-(--radius-md) px-(--space-4) py-(--space-2)\",\n        \"bg-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n        \"text-sm font-medium\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </a>\n  );\n}\n\nSkipLink.displayName = \"SkipLink\";\n\nexport { SkipLink };\n"],"mappings":"gLAWA,SAAS,EAAS,CAChB,MACA,YACA,WAAW,eACX,WAAW,uBACX,GAAG,GACa,CAChB,OACE,EAAA,EAAA,KAAC,IAAD,CACO,MACL,KAAM,IAAI,IACV,UAAW,EAAA,GACT,4BACA,4DACA,2BACA,sDACA,gDACA,sBACA,yDACA,8CACA,EACD,CACD,GAAI,EAEH,WACC,CAAA,CAIR,EAAS,YAAc"}

package/dist/components/SkipLink/SkipLink.d.ts

@@ -1,8 +1,12 @@
 import * as React from "react";
 export interface SkipLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    ref?: React.Ref<HTMLAnchorElement> | undefined;
     /** Target element ID without the # prefix */
     targetId?: string;
 }
-declare const SkipLink: React.ForwardRefExoticComponent<SkipLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+declare function SkipLink({ ref, className, targetId, children, ...props }: SkipLinkProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SkipLink {
+    var displayName: string;
+}
 export { SkipLink };
 //# sourceMappingURL=SkipLink.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SkipLink.d.ts","sourceRoot":"","sources":["../../../src/components/SkipLink/SkipLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAClF,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,QAAQ,yFA6Bb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"SkipLink.d.ts","sourceRoot":"","sources":["../../../src/components/SkipLink/SkipLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAClF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,iBAAS,QAAQ,CAAC,EAChB,GAAG,EACH,SAAS,EACT,QAAyB,EACzB,QAAiC,EACjC,GAAG,KAAK,EACT,EAAE,aAAa,2CAqBf;kBA3BQ,QAAQ;;;AA+BjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/SkipLink/SkipLink.js

@@ -1,16 +1,19 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/SkipLink/SkipLink.tsx
-var r = t.forwardRef(({ className: t, targetId: r = "main-content", children: i = "Skip to main content", ...a }, o) => /* @__PURE__ */ n("a", {
-	ref: o,
-	href: `#${r}`,
-	className: e("sr-only focus:not-sr-only", "fixed top-(--space-4) left-(--space-4) z-(--nuka-z-toast)", "inline-flex items-center", "rounded-(--radius-md) px-(--space-4) py-(--space-2)", "bg-(--nuka-accent-bg) text-(--nuka-accent-fg)", "text-sm font-medium", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", t),
-	...a,
-	children: i
-}));
-r.displayName = "SkipLink";
+function n({ ref: n, className: r, targetId: i = "main-content", children: a = "Skip to main content", ...o }) {
+	return /* @__PURE__ */ t("a", {
+		ref: n,
+		href: `#${i}`,
+		className: e("sr-only focus:not-sr-only", "fixed top-(--space-4) left-(--space-4) z-(--nuka-z-toast)", "inline-flex items-center", "rounded-(--radius-md) px-(--space-4) py-(--space-2)", "bg-(--nuka-accent-bg) text-(--nuka-accent-fg)", "text-sm font-medium", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", r),
+		...o,
+		children: a
+	});
+}
+n.displayName = "SkipLink";
 //#endregion
-export { r as SkipLink };
+export { n as SkipLink };
 
 //# sourceMappingURL=SkipLink.js.map

package/dist/components/SkipLink/SkipLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkipLink.js","names":[],"sources":["../../../src/components/SkipLink/SkipLink.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SkipLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  /** Target element ID without the # prefix */\n  targetId?: string;\n}\n\nconst SkipLink = React.forwardRef<HTMLAnchorElement, SkipLinkProps>(\n  (\n    {\n      className,\n      targetId = \"main-content\",\n      children = \"Skip to main content\",\n      ...props\n    },\n    ref,\n  ) => (\n    <a\n      ref={ref}\n      href={`#${targetId}`}\n      className={cn(\n        \"sr-only focus:not-sr-only\",\n        \"fixed top-(--space-4) left-(--space-4) z-(--nuka-z-toast)\",\n        \"inline-flex items-center\",\n        \"rounded-(--radius-md) px-(--space-4) py-(--space-2)\",\n        \"bg-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n        \"text-sm font-medium\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </a>\n  ),\n);\n\nSkipLink.displayName = \"SkipLink\";\n\nexport { SkipLink };\n"],"mappings":";;;;AAQA,IAAM,IAAW,EAAM,YAEnB,EACE,cACA,cAAW,gBACX,cAAW,wBACX,GAAG,KAEL,MAEA,kBAAC,KAAD;CACO;CACL,MAAM,IAAI;CACV,WAAW,EACT,6BACA,6DACA,4BACA,uDACA,iDACA,uBACA,0DACA,+CACA,EACD;CACD,GAAI;CAEH;CACC,CAAA,CAEP;AAED,EAAS,cAAc"}
+{"version":3,"file":"SkipLink.js","names":[],"sources":["../../../src/components/SkipLink/SkipLink.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SkipLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  /** Target element ID without the # prefix */\n  targetId?: string;\n}\n\nfunction SkipLink({\n  ref,\n  className,\n  targetId = \"main-content\",\n  children = \"Skip to main content\",\n  ...props\n}: SkipLinkProps) {\n  return (\n    <a\n      ref={ref}\n      href={`#${targetId}`}\n      className={cn(\n        \"sr-only focus:not-sr-only\",\n        \"fixed top-(--space-4) left-(--space-4) z-(--nuka-z-toast)\",\n        \"inline-flex items-center\",\n        \"rounded-(--radius-md) px-(--space-4) py-(--space-2)\",\n        \"bg-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n        \"text-sm font-medium\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </a>\n  );\n}\n\nSkipLink.displayName = \"SkipLink\";\n\nexport { SkipLink };\n"],"mappings":";;;;;AAWA,SAAS,EAAS,EAChB,QACA,cACA,cAAW,gBACX,cAAW,wBACX,GAAG,KACa;AAChB,QACE,kBAAC,KAAD;EACO;EACL,MAAM,IAAI;EACV,WAAW,EACT,6BACA,6DACA,4BACA,uDACA,iDACA,uBACA,0DACA,+CACA,EACD;EACD,GAAI;EAEH;EACC,CAAA;;AAIR,EAAS,cAAc"}

package/dist/components/Slider/Slider.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../hooks/use-controllable-state.cjs`),r=require(`../../hooks/use-form-field-props.cjs`),i=require(`./Slider.variants.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);var s={sm:24,md:18,lg:22},c=a.forwardRef(({className:e,intent:c,size:l,value:u,defaultValue:d,min:f=0,max:p=100,step:m=1,onValueChange:h,showValue:g=!1,id:_,disabled:v,...y},b)=>{let x=r.useFormFieldProps({id:_,disabled:v,"aria-invalid":y[`aria-invalid`],"aria-describedby":y[`aria-describedby`],"aria-required":y[`aria-required`]}),[S,C]=n.useControllableState(u,d??f,h),[w,T]=a.useState(!1),E=(S-f)/(p-f)*100,D=s[l??`md`]/2;return(0,o.jsxs)(`div`,{className:t.cn(i.sliderWrapperVariants({size:l}),e),children:[(0,o.jsx)(`input`,{type:`range`,ref:b,id:x.resolvedId,min:f,max:p,step:m,value:S,onChange:e=>{C(Number(e.target.value))},onFocus:()=>T(!0),onBlur:()=>T(!1),disabled:x.resolvedDisabled,className:`absolute inset-0 w-full h-full opacity-0 cursor-pointer disabled:cursor-not-allowed`,"aria-valuemin":f,"aria-valuemax":p,"aria-valuenow":S,"aria-invalid":x.ariaInvalid,"aria-describedby":x.ariaDescribedBy,"aria-required":x.ariaRequired,...y}),(0,o.jsxs)(`div`,{className:i.sliderTrackVariants({size:l}),"aria-hidden":`true`,children:[(0,o.jsx)(`div`,{className:i.sliderFillVariants({intent:c}),style:{width:`${String(E)}%`},"data-testid":`slider-fill`}),(0,o.jsx)(`div`,{className:t.cn(i.sliderThumbVariants({intent:c,size:l}),w&&`outline-2 outline-offset-2 outline-(--nuka-border-focus)`),style:{left:`calc(${String(E)}% - ${String(D)}px)`},"data-testid":`slider-thumb`})]}),g&&(0,o.jsx)(`span`,{"aria-hidden":`true`,className:i.sliderValueVariants({size:l}),children:S})]})});c.displayName=`Slider`,exports.Slider=c;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../hooks/use-controllable-state.cjs`),r=require(`../../hooks/use-form-field-props.cjs`),i=require(`./Slider.variants.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);var s={sm:24,md:18,lg:22};function c({ref:e,className:c,intent:l,size:u,value:d,defaultValue:f,min:p=0,max:m=100,step:h=1,onValueChange:g,showValue:_=!1,id:v,disabled:y,...b}){let x=r.useFormFieldProps({id:v,disabled:y,"aria-invalid":b[`aria-invalid`],"aria-describedby":b[`aria-describedby`],"aria-required":b[`aria-required`]}),[S,C]=n.useControllableState(d,f??p,g),[w,T]=a.useState(!1),E=(S-p)/(m-p)*100,D=s[u??`md`]/2;return(0,o.jsxs)(`div`,{className:t.cn(i.sliderWrapperVariants({size:u}),c),children:[(0,o.jsx)(`input`,{type:`range`,ref:e,id:x.resolvedId,min:p,max:m,step:h,value:S,onChange:e=>{C(Number(e.target.value))},onFocus:()=>T(!0),onBlur:()=>T(!1),disabled:x.resolvedDisabled,className:`absolute inset-0 w-full h-full opacity-0 cursor-pointer disabled:cursor-not-allowed`,"aria-valuemin":p,"aria-valuemax":m,"aria-valuenow":S,"aria-invalid":x.ariaInvalid,"aria-describedby":x.ariaDescribedBy,"aria-required":x.ariaRequired,...b}),(0,o.jsxs)(`div`,{className:i.sliderTrackVariants({size:u}),"aria-hidden":`true`,children:[(0,o.jsx)(`div`,{className:i.sliderFillVariants({intent:l}),style:{width:`${String(E)}%`},"data-testid":`slider-fill`}),(0,o.jsx)(`div`,{className:t.cn(i.sliderThumbVariants({intent:l,size:u}),w&&`outline-2 outline-offset-2 outline-(--nuka-border-focus)`),style:{left:`calc(${String(E)}% - ${String(D)}px)`},"data-testid":`slider-thumb`})]}),_&&(0,o.jsx)(`span`,{"aria-hidden":`true`,className:i.sliderValueVariants({size:u}),children:S})]})}c.displayName=`Slider`,exports.Slider=c;
 //# sourceMappingURL=Slider.cjs.map

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

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

package/dist/components/Slider/Slider.d.ts

@@ -1,6 +1,7 @@
 import { sliderWrapperVariants, sliderTrackVariants, sliderFillVariants, sliderThumbVariants, sliderValueVariants, SliderVariantProps } from './Slider.variants';
 import * as React from "react";
 export interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "onChange">, SliderVariantProps {
+    ref?: React.Ref<HTMLInputElement> | undefined;
     value?: number;
     defaultValue?: number;
     min?: number;
@@ -15,6 +16,9 @@ export interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputEle
  * WCAG 2.5.7: Dragging alternative satisfied by native keyboard support
  * (Arrow keys, Home, End, Page Up/Down).
  */
-declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLInputElement>>;
+declare function Slider({ ref, className, intent, size, value: controlledValue, defaultValue, min, max, step, onValueChange, showValue, id, disabled, ...props }: SliderProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Slider {
+    var displayName: string;
+}
 export { Slider, sliderWrapperVariants, sliderTrackVariants, sliderFillVariants, sliderThumbVariants, sliderValueVariants, };
 //# sourceMappingURL=Slider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,KAAK,kBAAkB,EACxB,MAAM,yCAAyC,CAAC;AAQjD,MAAM,WAAW,WACf,SACE,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,GAAG,UAAU,CAC7B,EACD,kBAAkB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;GAKG;AACH,QAAA,MAAM,MAAM,sFAkGX,CAAC;AAIF,OAAO,EACL,MAAM,EACN,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,GACpB,CAAC"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,KAAK,kBAAkB,EACxB,MAAM,yCAAyC,CAAC;AAQjD,MAAM,WAAW,WACf,SACE,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,GAAG,UAAU,CAC7B,EACD,kBAAkB;IACpB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;GAKG;AACH,iBAAS,MAAM,CAAC,EACd,GAAG,EACH,SAAS,EACT,MAAM,EACN,IAAI,EACJ,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,GAAO,EACP,GAAS,EACT,IAAQ,EACR,aAAa,EACb,SAAiB,EACjB,EAAE,EACF,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CA+Eb;kBA9FQ,MAAM;;;AAkGf,OAAO,EACL,MAAM,EACN,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,GACpB,CAAC"}

package/dist/components/Slider/Slider.js

@@ -10,24 +10,25 @@ var d = {
 	sm: 24,
 	md: 18,
 	lg: 22
-}, f = c.forwardRef(({ className: f, intent: p, size: m, value: h, defaultValue: g, min: _ = 0, max: v = 100, step: y = 1, onValueChange: b, showValue: x = !1, id: S, disabled: C, ...w }, T) => {
+};
+function f({ ref: f, className: p, intent: m, size: h, value: g, defaultValue: _, min: v = 0, max: y = 100, step: b = 1, onValueChange: x, showValue: S = !1, id: C, disabled: w, ...T }) {
 	let E = n({
-		id: S,
-		disabled: C,
-		"aria-invalid": w["aria-invalid"],
-		"aria-describedby": w["aria-describedby"],
-		"aria-required": w["aria-required"]
-	}), [D, O] = t(h, g ?? _, b), [k, A] = c.useState(!1), j = (D - _) / (v - _) * 100, M = d[m ?? "md"] / 2;
+		id: C,
+		disabled: w,
+		"aria-invalid": T["aria-invalid"],
+		"aria-describedby": T["aria-describedby"],
+		"aria-required": T["aria-required"]
+	}), [D, O] = t(g, _ ?? v, x), [k, A] = c.useState(!1), j = (D - v) / (y - v) * 100, M = d[h ?? "md"] / 2;
 	return /* @__PURE__ */ u("div", {
-		className: e(s({ size: m }), f),
+		className: e(s({ size: h }), p),
 		children: [
 			/* @__PURE__ */ l("input", {
 				type: "range",
-				ref: T,
+				ref: f,
 				id: E.resolvedId,
-				min: _,
-				max: v,
-				step: y,
+				min: v,
+				max: y,
+				step: b,
 				value: D,
 				onChange: (e) => {
 					O(Number(e.target.value));
@@ -36,38 +37,38 @@ var d = {
 				onBlur: () => A(!1),
 				disabled: E.resolvedDisabled,
 				className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer disabled:cursor-not-allowed",
-				"aria-valuemin": _,
-				"aria-valuemax": v,
+				"aria-valuemin": v,
+				"aria-valuemax": y,
 				"aria-valuenow": D,
 				"aria-invalid": E.ariaInvalid,
 				"aria-describedby": E.ariaDescribedBy,
 				"aria-required": E.ariaRequired,
-				...w
+				...T
 			}),
 			/* @__PURE__ */ u("div", {
-				className: a({ size: m }),
+				className: a({ size: h }),
 				"aria-hidden": "true",
 				children: [/* @__PURE__ */ l("div", {
-					className: r({ intent: p }),
+					className: r({ intent: m }),
 					style: { width: `${String(j)}%` },
 					"data-testid": "slider-fill"
 				}), /* @__PURE__ */ l("div", {
 					className: e(i({
-						intent: p,
-						size: m
+						intent: m,
+						size: h
 					}), k && "outline-2 outline-offset-2 outline-(--nuka-border-focus)"),
 					style: { left: `calc(${String(j)}% - ${String(M)}px)` },
 					"data-testid": "slider-thumb"
 				})]
 			}),
-			x && /* @__PURE__ */ l("span", {
+			S && /* @__PURE__ */ l("span", {
 				"aria-hidden": "true",
-				className: o({ size: m }),
+				className: o({ size: h }),
 				children: D
 			})
 		]
 	});
-});
+}
 f.displayName = "Slider";
 //#endregion
 export { f as Slider };

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

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

package/dist/components/Spinner/Spinner.cjs

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

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

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

package/dist/components/Spinner/Spinner.d.ts

@@ -1,8 +1,12 @@
 import { spinnerVariants, spinnerColorVariants, SpinnerVariantProps } from './Spinner.variants';
 import * as React from "react";
 export interface SpinnerProps extends Omit<React.ComponentPropsWithoutRef<"span">, "color">, SpinnerVariantProps {
+    ref?: React.Ref<HTMLSpanElement> | undefined;
     label?: string;
 }
-declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLSpanElement>>;
+declare function Spinner({ ref, className, size: sizeProp, color: colorProp, label, ...props }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Spinner {
+    var displayName: string;
+}
 export { Spinner, spinnerVariants, spinnerColorVariants };
 //# sourceMappingURL=Spinner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,KAAK,mBAAmB,EACzB,MAAM,2CAA2C,CAAC;AAWnD,MAAM,WAAW,YACf,SACE,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,EACrD,mBAAmB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,OAAO,sFAmDZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,KAAK,mBAAmB,EACzB,MAAM,2CAA2C,CAAC;AAWnD,MAAM,WAAW,YACf,SACE,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,EACrD,mBAAmB;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,EACH,SAAS,EACT,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,SAAS,EAChB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,YAAY,2CAiDd;kBAxDQ,OAAO;;;AA4DhB,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,CAAC"}