@nuka-ui/core 1.1.0 → 1.1.2

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;
+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":["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  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":"wMASA,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":"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,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,18 @@
 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":["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  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":";;;;;AASA,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;
+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":["import * 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":"mKASA,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":"AAAA,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,18 @@
 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":["import * 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":";;;;AASA,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;
+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":["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  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":"uMAWA,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":"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,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"}

package/dist/components/Spinner/Spinner.js

@@ -1,29 +1,30 @@
 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 +32,7 @@ var o = {
 				strokeWidth: h,
 				strokeLinecap: "round",
 				fill: "none"
-			}), /* @__PURE__ */ i("circle", {
+			}), /* @__PURE__ */ r("circle", {
 				cx: "12",
 				cy: "12",
 				r: "9",
@@ -44,9 +45,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":["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  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":";;;;;AAWA,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;
+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":["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  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":"6OAsBA,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":"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,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"}