@nuka-ui/core 1.1.2 → 1.1.4

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  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"}
+{"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      data-slot=\"trigger\"\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,aAAU;EACV,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`);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;
+"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  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"}
+{"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.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,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"}
+{"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,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { skeletonVariants as t } from "./Skeleton.variants.js";
 import "react";

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  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"}
+{"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`);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;
+"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-[number:var(--font-weight-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  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"}
+{"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-[number:var(--font-weight-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,kDACA,yDACA,8CACA,EACD,CACD,GAAI,EAEH,WACC,CAAA,CAIR,EAAS,YAAc"}

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,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"}
+{"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,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";
@@ -6,7 +7,7 @@ function n({ ref: n, className: r, targetId: i = "main-content", children: a = "
 	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),
+		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-[number:var(--font-weight-medium)]", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", r),
 		...o,
 		children: a
 	});

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  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"}
+{"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-[number:var(--font-weight-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,mDACA,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};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;
+"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),"data-slot":`root`,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,"data-slot":`input`,...b}),(0,o.jsxs)(`div`,{className:i.sliderTrackVariants({size:u}),"aria-hidden":`true`,"data-slot":`track`,children:[(0,o.jsx)(`div`,{className:i.sliderFillVariants({intent:l}),style:{width:`${String(E)}%`},"data-slot":`fill`,"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-slot":`thumb`,"data-testid":`slider-thumb`})]}),_&&(0,o.jsx)(`span`,{"aria-hidden":`true`,className:i.sliderValueVariants({size:u}),"data-slot":`value`,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  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"}
+{"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\n      className={cn(sliderWrapperVariants({ size }), className)}\n      data-slot=\"root\"\n    >\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        data-slot=\"input\"\n        {...props}\n      />\n\n      {/* Track */}\n      <div\n        className={sliderTrackVariants({ size })}\n        aria-hidden=\"true\"\n        data-slot=\"track\"\n      >\n        {/* Fill */}\n        <div\n          className={sliderFillVariants({ intent })}\n          style={{ width: `${String(percentage)}%` }}\n          data-slot=\"fill\"\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-slot=\"thumb\"\n          data-testid=\"slider-thumb\"\n        />\n      </div>\n\n      {/* Optional value display */}\n      {showValue && (\n        <span\n          aria-hidden=\"true\"\n          className={sliderValueVariants({ size })}\n          data-slot=\"value\"\n        >\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,CACE,UAAW,EAAA,GAAG,EAAA,sBAAsB,CAAE,OAAM,CAAC,CAAE,EAAU,CACzD,YAAU,gBAFZ,EAKE,EAAA,EAAA,KAAC,QAAD,CACE,KAAK,QACA,MACL,GAAI,EAAM,WACL,MACA,MACC,OACN,MAAO,EACP,SAlBgB,GAA2C,CAC/D,EAAgB,OAAO,EAAE,OAAO,MAAM,CAAC,EAkBnC,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,YAAU,QACV,GAAI,EACJ,CAAA,EAGF,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,oBAAoB,CAAE,OAAM,CAAC,CACxC,cAAY,OACZ,YAAU,iBAHZ,EAME,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,mBAAmB,CAAE,SAAQ,CAAC,CACzC,MAAO,CAAE,MAAO,GAAG,OAAO,EAAW,CAAC,GAAI,CAC1C,YAAU,OACV,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,YAAU,QACV,cAAY,eACZ,CAAA,CACE,GAGL,IACC,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,UAAW,EAAA,oBAAoB,CAAE,OAAM,CAAC,CACxC,YAAU,iBAET,EACI,CAAA,CAEL,GAIV,EAAO,YAAc"}

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,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"}
+{"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,2CA6Fb;kBA5GQ,MAAM;;;AAgHf,OAAO,EACL,MAAM,EACN,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,GACpB,CAAC"}

package/dist/components/Slider/Slider.js

@@ -21,6 +21,7 @@ function f({ ref: f, className: p, intent: m, size: h, value: g, defaultValue: _
 	}), [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: h }), p),
+		"data-slot": "root",
 		children: [
 			/* @__PURE__ */ l("input", {
 				type: "range",
@@ -43,14 +44,17 @@ function f({ ref: f, className: p, intent: m, size: h, value: g, defaultValue: _
 				"aria-invalid": E.ariaInvalid,
 				"aria-describedby": E.ariaDescribedBy,
 				"aria-required": E.ariaRequired,
+				"data-slot": "input",
 				...T
 			}),
 			/* @__PURE__ */ u("div", {
 				className: a({ size: h }),
 				"aria-hidden": "true",
+				"data-slot": "track",
 				children: [/* @__PURE__ */ l("div", {
 					className: r({ intent: m }),
 					style: { width: `${String(j)}%` },
+					"data-slot": "fill",
 					"data-testid": "slider-fill"
 				}), /* @__PURE__ */ l("div", {
 					className: e(i({
@@ -58,12 +62,14 @@ function f({ ref: f, className: p, intent: m, size: h, value: g, defaultValue: _
 						size: h
 					}), k && "outline-2 outline-offset-2 outline-(--nuka-border-focus)"),
 					style: { left: `calc(${String(j)}% - ${String(M)}px)` },
+					"data-slot": "thumb",
 					"data-testid": "slider-thumb"
 				})]
 			}),
 			S && /* @__PURE__ */ l("span", {
 				"aria-hidden": "true",
 				className: o({ size: h }),
+				"data-slot": "value",
 				children: D
 			})
 		]

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  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"}
+{"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\n      className={cn(sliderWrapperVariants({ size }), className)}\n      data-slot=\"root\"\n    >\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        data-slot=\"input\"\n        {...props}\n      />\n\n      {/* Track */}\n      <div\n        className={sliderTrackVariants({ size })}\n        aria-hidden=\"true\"\n        data-slot=\"track\"\n      >\n        {/* Fill */}\n        <div\n          className={sliderFillVariants({ intent })}\n          style={{ width: `${String(percentage)}%` }}\n          data-slot=\"fill\"\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-slot=\"thumb\"\n          data-testid=\"slider-thumb\"\n        />\n      </div>\n\n      {/* Optional value display */}\n      {showValue && (\n        <span\n          aria-hidden=\"true\"\n          className={sliderValueVariants({ size })}\n          data-slot=\"value\"\n        >\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;EACE,WAAW,EAAG,EAAsB,EAAE,SAAM,CAAC,EAAE,EAAU;EACzD,aAAU;YAFZ;GAKE,kBAAC,SAAD;IACE,MAAK;IACA;IACL,IAAI,EAAM;IACL;IACA;IACC;IACN,OAAO;IACP,WAlBgB,MAA2C;AAC/D,OAAgB,OAAO,EAAE,OAAO,MAAM,CAAC;;IAkBnC,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,aAAU;IACV,GAAI;IACJ,CAAA;GAGF,kBAAC,OAAD;IACE,WAAW,EAAoB,EAAE,SAAM,CAAC;IACxC,eAAY;IACZ,aAAU;cAHZ,CAME,kBAAC,OAAD;KACE,WAAW,EAAmB,EAAE,WAAQ,CAAC;KACzC,OAAO,EAAE,OAAO,GAAG,OAAO,EAAW,CAAC,IAAI;KAC1C,aAAU;KACV,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,aAAU;KACV,eAAY;KACZ,CAAA,CACE;;GAGL,KACC,kBAAC,QAAD;IACE,eAAY;IACZ,WAAW,EAAoB,EAAE,SAAM,CAAC;IACxC,aAAU;cAET;IACI,CAAA;GAEL;;;AAIV,EAAO,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.variants.cjs","names":[],"sources":["../../../src/components/Slider/Slider.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const sliderWrapperVariants = cva(\n  [\"relative flex items-center w-full\"],\n  {\n    variants: {\n      size: {\n        sm: \"min-h-[24px]\",\n        md: \"min-h-[24px]\",\n        lg: \"min-h-[24px]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const sliderTrackVariants = cva(\n  [\"relative w-full rounded-full\", \"bg-(--nuka-border-base)\"],\n  {\n    variants: {\n      size: {\n        sm: \"h-1\",\n        md: \"h-1.5\",\n        lg: \"h-2\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const sliderFillVariants = cva(\n  [\n    \"absolute left-0 top-0 h-full rounded-full\",\n    \"transition-[width] duration-75\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"bg-(--nuka-accent-bg)\",\n        danger: \"bg-(--nuka-danger-base)\",\n        success: \"bg-(--nuka-success-base)\",\n        warning: \"bg-(--nuka-warning-base)\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n    },\n  },\n);\n\nexport const sliderThumbVariants = cva(\n  [\n    \"absolute top-1/2 -translate-y-1/2\",\n    \"rounded-full\",\n    \"border-2 border-(--nuka-bg-base)\",\n    \"shadow-sm\",\n    \"transition-[left] duration-75\",\n    \"pointer-events-none\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"bg-(--nuka-accent-bg)\",\n        danger: \"bg-(--nuka-danger-base)\",\n        success: \"bg-(--nuka-success-base)\",\n        warning: \"bg-(--nuka-warning-base)\",\n      },\n      size: {\n        sm: \"w-6 h-6\",\n        md: \"w-[18px] h-[18px]\",\n        lg: \"w-[22px] h-[22px]\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const sliderValueVariants = cva(\n  [\"tabular-nums text-(--nuka-text-muted)\", \"ml-(--space-3)\", \"select-none\"],\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport type SliderVariantProps = VariantProps<typeof sliderFillVariants> &\n  VariantProps<typeof sliderThumbVariants>;\n"],"mappings":"8EAEA,IAAa,EAAwB,EAAA,IACnC,CAAC,oCAAoC,CACrC,CACE,SAAU,CACR,KAAM,CACJ,GAAI,eACJ,GAAI,eACJ,GAAI,eACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CACF,CAEY,EAAsB,EAAA,IACjC,CAAC,+BAAgC,0BAA0B,CAC3D,CACE,SAAU,CACR,KAAM,CACJ,GAAI,MACJ,GAAI,QACJ,GAAI,MACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CACF,CAEY,EAAqB,EAAA,IAChC,CACE,4CACA,iCACD,CACD,CACE,SAAU,CACR,OAAQ,CACN,QAAS,wBACT,OAAQ,0BACR,QAAS,2BACT,QAAS,2BACV,CACF,CACD,gBAAiB,CACf,OAAQ,UACT,CACF,CACF,CAEY,EAAsB,EAAA,IACjC,CACE,oCACA,eACA,mCACA,YACA,gCACA,sBACD,CACD,CACE,SAAU,CACR,OAAQ,CACN,QAAS,wBACT,OAAQ,0BACR,QAAS,2BACT,QAAS,2BACV,CACD,KAAM,CACJ,GAAI,UACJ,GAAI,oBACJ,GAAI,oBACL,CACF,CACD,gBAAiB,CACf,OAAQ,UACR,KAAM,KACP,CACF,CACF,CAEY,EAAsB,EAAA,IACjC,CAAC,wCAAyC,iBAAkB,cAAc,CAC1E,CACE,SAAU,CACR,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,GAAI,YACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CACF"}
+{"version":3,"file":"Slider.variants.cjs","names":[],"sources":["../../../src/components/Slider/Slider.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const sliderWrapperVariants = cva(\n  [\"relative flex items-center w-full\"],\n  {\n    variants: {\n      size: {\n        sm: \"min-h-[24px]\",\n        md: \"min-h-[24px]\",\n        lg: \"min-h-[24px]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\n// The track is the visual bar inside sliderWrapperVariants; the wrapper\n// (min-h-[24px]) plus the overlay input provide the touch target. The track\n// itself is a thin decorative sub-element.\nexport const sliderTrackVariants = cva(\n  [\"relative w-full rounded-full\", \"bg-(--nuka-border-base)\"],\n  {\n    variants: {\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"h-1\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"h-1.5\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        lg: \"h-2\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const sliderFillVariants = cva(\n  [\n    \"absolute left-0 top-0 h-full rounded-full\",\n    \"transition-[width] duration-75\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"bg-(--nuka-accent-bg)\",\n        danger: \"bg-(--nuka-danger-base)\",\n        success: \"bg-(--nuka-success-base)\",\n        warning: \"bg-(--nuka-warning-base)\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n    },\n  },\n);\n\nexport const sliderThumbVariants = cva(\n  [\n    \"absolute top-1/2 -translate-y-1/2\",\n    \"rounded-full\",\n    \"border-2 border-(--nuka-bg-base)\",\n    \"shadow-sm\",\n    \"transition-[left] duration-75\",\n    \"pointer-events-none\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"bg-(--nuka-accent-bg)\",\n        danger: \"bg-(--nuka-danger-base)\",\n        success: \"bg-(--nuka-success-base)\",\n        warning: \"bg-(--nuka-warning-base)\",\n      },\n      // Thumb sits inside the wrapper (sliderWrapperVariants) which provides\n      // the touch target together with the overlay <input> at inset-0.\n      size: {\n        sm: \"w-6 h-6\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"w-[18px] h-[18px]\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        lg: \"w-[22px] h-[22px]\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const sliderValueVariants = cva(\n  [\"tabular-nums text-(--nuka-text-muted)\", \"ml-(--space-3)\", \"select-none\"],\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport type SliderVariantProps = VariantProps<typeof sliderFillVariants> &\n  VariantProps<typeof sliderThumbVariants>;\n"],"mappings":"8EAEA,IAAa,EAAwB,EAAA,IACnC,CAAC,oCAAoC,CACrC,CACE,SAAU,CACR,KAAM,CACJ,GAAI,eACJ,GAAI,eACJ,GAAI,eACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CACF,CAKY,EAAsB,EAAA,IACjC,CAAC,+BAAgC,0BAA0B,CAC3D,CACE,SAAU,CACR,KAAM,CAEJ,GAAI,MAEJ,GAAI,QAEJ,GAAI,MACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CACF,CAEY,EAAqB,EAAA,IAChC,CACE,4CACA,iCACD,CACD,CACE,SAAU,CACR,OAAQ,CACN,QAAS,wBACT,OAAQ,0BACR,QAAS,2BACT,QAAS,2BACV,CACF,CACD,gBAAiB,CACf,OAAQ,UACT,CACF,CACF,CAEY,EAAsB,EAAA,IACjC,CACE,oCACA,eACA,mCACA,YACA,gCACA,sBACD,CACD,CACE,SAAU,CACR,OAAQ,CACN,QAAS,wBACT,OAAQ,0BACR,QAAS,2BACT,QAAS,2BACV,CAGD,KAAM,CACJ,GAAI,UAEJ,GAAI,oBAEJ,GAAI,oBACL,CACF,CACD,gBAAiB,CACf,OAAQ,UACR,KAAM,KACP,CACF,CACF,CAEY,EAAsB,EAAA,IACjC,CAAC,wCAAyC,iBAAkB,cAAc,CAC1E,CACE,SAAU,CACR,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,GAAI,YACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,qBAAqB;;8EAcjC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;8EAc/B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;8EAkB9B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;8EA4B/B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;8EAc/B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,GACtE,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"Slider.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,qBAAqB;;8EAcjC,CAAC;AAKF,eAAO,MAAM,mBAAmB;;8EAiB/B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;8EAkB9B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;8EAgC/B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;8EAc/B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,GACtE,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.variants.js","names":[],"sources":["../../../src/components/Slider/Slider.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const sliderWrapperVariants = cva(\n  [\"relative flex items-center w-full\"],\n  {\n    variants: {\n      size: {\n        sm: \"min-h-[24px]\",\n        md: \"min-h-[24px]\",\n        lg: \"min-h-[24px]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const sliderTrackVariants = cva(\n  [\"relative w-full rounded-full\", \"bg-(--nuka-border-base)\"],\n  {\n    variants: {\n      size: {\n        sm: \"h-1\",\n        md: \"h-1.5\",\n        lg: \"h-2\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const sliderFillVariants = cva(\n  [\n    \"absolute left-0 top-0 h-full rounded-full\",\n    \"transition-[width] duration-75\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"bg-(--nuka-accent-bg)\",\n        danger: \"bg-(--nuka-danger-base)\",\n        success: \"bg-(--nuka-success-base)\",\n        warning: \"bg-(--nuka-warning-base)\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n    },\n  },\n);\n\nexport const sliderThumbVariants = cva(\n  [\n    \"absolute top-1/2 -translate-y-1/2\",\n    \"rounded-full\",\n    \"border-2 border-(--nuka-bg-base)\",\n    \"shadow-sm\",\n    \"transition-[left] duration-75\",\n    \"pointer-events-none\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"bg-(--nuka-accent-bg)\",\n        danger: \"bg-(--nuka-danger-base)\",\n        success: \"bg-(--nuka-success-base)\",\n        warning: \"bg-(--nuka-warning-base)\",\n      },\n      size: {\n        sm: \"w-6 h-6\",\n        md: \"w-[18px] h-[18px]\",\n        lg: \"w-[22px] h-[22px]\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const sliderValueVariants = cva(\n  [\"tabular-nums text-(--nuka-text-muted)\", \"ml-(--space-3)\", \"select-none\"],\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport type SliderVariantProps = VariantProps<typeof sliderFillVariants> &\n  VariantProps<typeof sliderThumbVariants>;\n"],"mappings":";;AAEA,IAAa,IAAwB,EACnC,CAAC,oCAAoC,EACrC;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF,EAEY,IAAsB,EACjC,CAAC,gCAAgC,0BAA0B,EAC3D;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF,EAEY,IAAqB,EAChC,CACE,6CACA,iCACD,EACD;CACE,UAAU,EACR,QAAQ;EACN,SAAS;EACT,QAAQ;EACR,SAAS;EACT,SAAS;EACV,EACF;CACD,iBAAiB,EACf,QAAQ,WACT;CACF,CACF,EAEY,IAAsB,EACjC;CACE;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,QAAQ;EACR,MAAM;EACP;CACF,CACF,EAEY,IAAsB,EACjC;CAAC;CAAyC;CAAkB;CAAc,EAC1E;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF"}
+{"version":3,"file":"Slider.variants.js","names":[],"sources":["../../../src/components/Slider/Slider.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const sliderWrapperVariants = cva(\n  [\"relative flex items-center w-full\"],\n  {\n    variants: {\n      size: {\n        sm: \"min-h-[24px]\",\n        md: \"min-h-[24px]\",\n        lg: \"min-h-[24px]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\n// The track is the visual bar inside sliderWrapperVariants; the wrapper\n// (min-h-[24px]) plus the overlay input provide the touch target. The track\n// itself is a thin decorative sub-element.\nexport const sliderTrackVariants = cva(\n  [\"relative w-full rounded-full\", \"bg-(--nuka-border-base)\"],\n  {\n    variants: {\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"h-1\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"h-1.5\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        lg: \"h-2\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const sliderFillVariants = cva(\n  [\n    \"absolute left-0 top-0 h-full rounded-full\",\n    \"transition-[width] duration-75\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"bg-(--nuka-accent-bg)\",\n        danger: \"bg-(--nuka-danger-base)\",\n        success: \"bg-(--nuka-success-base)\",\n        warning: \"bg-(--nuka-warning-base)\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n    },\n  },\n);\n\nexport const sliderThumbVariants = cva(\n  [\n    \"absolute top-1/2 -translate-y-1/2\",\n    \"rounded-full\",\n    \"border-2 border-(--nuka-bg-base)\",\n    \"shadow-sm\",\n    \"transition-[left] duration-75\",\n    \"pointer-events-none\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"bg-(--nuka-accent-bg)\",\n        danger: \"bg-(--nuka-danger-base)\",\n        success: \"bg-(--nuka-success-base)\",\n        warning: \"bg-(--nuka-warning-base)\",\n      },\n      // Thumb sits inside the wrapper (sliderWrapperVariants) which provides\n      // the touch target together with the overlay <input> at inset-0.\n      size: {\n        sm: \"w-6 h-6\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"w-[18px] h-[18px]\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        lg: \"w-[22px] h-[22px]\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const sliderValueVariants = cva(\n  [\"tabular-nums text-(--nuka-text-muted)\", \"ml-(--space-3)\", \"select-none\"],\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport type SliderVariantProps = VariantProps<typeof sliderFillVariants> &\n  VariantProps<typeof sliderThumbVariants>;\n"],"mappings":";;AAEA,IAAa,IAAwB,EACnC,CAAC,oCAAoC,EACrC;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF,EAKY,IAAsB,EACjC,CAAC,gCAAgC,0BAA0B,EAC3D;CACE,UAAU,EACR,MAAM;EAEJ,IAAI;EAEJ,IAAI;EAEJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF,EAEY,IAAqB,EAChC,CACE,6CACA,iCACD,EACD;CACE,UAAU,EACR,QAAQ;EACN,SAAS;EACT,QAAQ;EACR,SAAS;EACT,SAAS;EACV,EACF;CACD,iBAAiB,EACf,QAAQ,WACT;CACF,CACF,EAEY,IAAsB,EACjC;CACE;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,SAAS;GACT,SAAS;GACV;EAGD,MAAM;GACJ,IAAI;GAEJ,IAAI;GAEJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,QAAQ;EACR,MAAM;EACP;CACF,CACF,EAEY,IAAsB,EACjC;CAAC;CAAyC;CAAkB;CAAc,EAC1E;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF"}

package/dist/components/Spinner/Spinner.cjs

@@ -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};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;
+"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  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"}
+{"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.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,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"}
+{"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"}

package/dist/components/Spinner/Spinner.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { spinnerColorVariants as t, spinnerVariants as n } from "./Spinner.variants.js";
 import "react";

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

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.variants.cjs","names":[],"sources":["../../../src/components/Spinner/Spinner.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const spinnerVariants = cva(\n  [\"inline-flex items-center justify-center\", \"shrink-0\"],\n  {\n    variants: {\n      size: {\n        sm: \"size-4\",\n        md: \"size-6\",\n        lg: \"size-8\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const spinnerColorVariants = cva([], {\n  variants: {\n    color: {\n      default: \"stroke-(--nuka-accent-bg)\",\n      muted: \"stroke-(--nuka-text-muted)\",\n      inverse: \"stroke-(--nuka-text-inverse)\",\n    },\n  },\n  defaultVariants: {\n    color: \"default\",\n  },\n});\n\nexport type SpinnerVariantProps = VariantProps<typeof spinnerVariants> &\n  VariantProps<typeof spinnerColorVariants>;\n"],"mappings":"8EAEA,IAAa,EAAkB,EAAA,IAC7B,CAAC,0CAA2C,WAAW,CACvD,CACE,SAAU,CACR,KAAM,CACJ,GAAI,SACJ,GAAI,SACJ,GAAI,SACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CACF,CAEY,EAAuB,EAAA,IAAI,EAAE,CAAE,CAC1C,SAAU,CACR,MAAO,CACL,QAAS,4BACT,MAAO,6BACP,QAAS,+BACV,CACF,CACD,gBAAiB,CACf,MAAO,UACR,CACF,CAAC"}
+{"version":3,"file":"Spinner.variants.cjs","names":[],"sources":["../../../src/components/Spinner/Spinner.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\n// Spinner is a non-interactive loading indicator, not a touch target. Size\n// classes here set the visual glyph dimensions; the 24x24 WCAG minimum does\n// not apply.\nexport const spinnerVariants = cva(\n  [\"inline-flex items-center justify-center\", \"shrink-0\"],\n  {\n    variants: {\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"size-4\",\n        md: \"size-6\",\n        lg: \"size-8\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const spinnerColorVariants = cva([], {\n  variants: {\n    color: {\n      default: \"stroke-(--nuka-accent-bg)\",\n      muted: \"stroke-(--nuka-text-muted)\",\n      inverse: \"stroke-(--nuka-text-inverse)\",\n    },\n  },\n  defaultVariants: {\n    color: \"default\",\n  },\n});\n\nexport type SpinnerVariantProps = VariantProps<typeof spinnerVariants> &\n  VariantProps<typeof spinnerColorVariants>;\n"],"mappings":"8EAKA,IAAa,EAAkB,EAAA,IAC7B,CAAC,0CAA2C,WAAW,CACvD,CACE,SAAU,CACR,KAAM,CAEJ,GAAI,SACJ,GAAI,SACJ,GAAI,SACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CACF,CAEY,EAAuB,EAAA,IAAI,EAAE,CAAE,CAC1C,SAAU,CACR,MAAO,CACL,QAAS,4BACT,MAAO,6BACP,QAAS,+BACV,CACF,CACD,gBAAiB,CACf,MAAO,UACR,CACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,eAAe;;8EAc3B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;8EAW/B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,GACpE,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC"}
+{"version":3,"file":"Spinner.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAK9D,eAAO,MAAM,eAAe;;8EAe3B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;8EAW/B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,GACpE,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.variants.js","names":[],"sources":["../../../src/components/Spinner/Spinner.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const spinnerVariants = cva(\n  [\"inline-flex items-center justify-center\", \"shrink-0\"],\n  {\n    variants: {\n      size: {\n        sm: \"size-4\",\n        md: \"size-6\",\n        lg: \"size-8\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const spinnerColorVariants = cva([], {\n  variants: {\n    color: {\n      default: \"stroke-(--nuka-accent-bg)\",\n      muted: \"stroke-(--nuka-text-muted)\",\n      inverse: \"stroke-(--nuka-text-inverse)\",\n    },\n  },\n  defaultVariants: {\n    color: \"default\",\n  },\n});\n\nexport type SpinnerVariantProps = VariantProps<typeof spinnerVariants> &\n  VariantProps<typeof spinnerColorVariants>;\n"],"mappings":";;AAEA,IAAa,IAAkB,EAC7B,CAAC,2CAA2C,WAAW,EACvD;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF,EAEY,IAAuB,EAAI,EAAE,EAAE;CAC1C,UAAU,EACR,OAAO;EACL,SAAS;EACT,OAAO;EACP,SAAS;EACV,EACF;CACD,iBAAiB,EACf,OAAO,WACR;CACF,CAAC"}
+{"version":3,"file":"Spinner.variants.js","names":[],"sources":["../../../src/components/Spinner/Spinner.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\n// Spinner is a non-interactive loading indicator, not a touch target. Size\n// classes here set the visual glyph dimensions; the 24x24 WCAG minimum does\n// not apply.\nexport const spinnerVariants = cva(\n  [\"inline-flex items-center justify-center\", \"shrink-0\"],\n  {\n    variants: {\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"size-4\",\n        md: \"size-6\",\n        lg: \"size-8\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const spinnerColorVariants = cva([], {\n  variants: {\n    color: {\n      default: \"stroke-(--nuka-accent-bg)\",\n      muted: \"stroke-(--nuka-text-muted)\",\n      inverse: \"stroke-(--nuka-text-inverse)\",\n    },\n  },\n  defaultVariants: {\n    color: \"default\",\n  },\n});\n\nexport type SpinnerVariantProps = VariantProps<typeof spinnerVariants> &\n  VariantProps<typeof spinnerColorVariants>;\n"],"mappings":";;AAKA,IAAa,IAAkB,EAC7B,CAAC,2CAA2C,WAAW,EACvD;CACE,UAAU,EACR,MAAM;EAEJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF,EAEY,IAAuB,EAAI,EAAE,EAAE;CAC1C,UAAU,EACR,OAAO;EACL,SAAS;EACT,OAAO;EACP,SAAS;EACV,EACF;CACD,iBAAiB,EACf,OAAO,WACR;CACF,CAAC"}

package/dist/components/SplitLayout/SplitLayout.cjs

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

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

package/dist/components/SplitLayout/SplitLayout.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { Slot as t } from "../../utils/slot.js";
 import { gapClasses as n, resolveResponsiveClasses as r } from "../../utils/responsive.js";
@@ -46,6 +47,7 @@ function s({ ref: s, className: c, sidebar: l = "right", sideWidth: u = "md", st
 	return /* @__PURE__ */ a(p ? t : "div", {
 		ref: s,
 		className: e("grid", o[`${l}-${u}-${d}`], ...r(f, n), c),
+		"data-slot": "root",
 		...h,
 		children: m
 	});

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

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

package/dist/components/Stack/Stack.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"Stack.cjs","names":[],"sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  directionClasses,\n  gapClasses,\n  alignClasses,\n  justifyClasses,\n  wrapClasses,\n} from \"@nuka/utils/responsive\";\nimport type {\n  Responsive,\n  GapScale,\n  Direction,\n  Align,\n  Justify,\n  Wrap,\n} from \"@nuka/utils/responsive\";\n\nexport interface StackProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  direction?: Responsive<Direction>;\n  gap?: Responsive<GapScale>;\n  align?: Responsive<Align>;\n  justify?: Responsive<Justify>;\n  wrap?: Responsive<Wrap>;\n  asChild?: boolean;\n}\n\nfunction Stack({\n  ref,\n  className,\n  direction = \"column\",\n  gap = \"none\",\n  align,\n  justify,\n  wrap,\n  asChild = false,\n  ...props\n}: StackProps) {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"flex\",\n        ...resolveResponsiveClasses(direction, directionClasses),\n        ...resolveResponsiveClasses(gap, gapClasses),\n        ...resolveResponsiveClasses(align, alignClasses),\n        ...resolveResponsiveClasses(justify, justifyClasses),\n        ...resolveResponsiveClasses(wrap, wrapClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nStack.displayName = \"Stack\";\n\nexport { Stack };\n"],"mappings":"6OA8BA,SAAS,EAAM,CACb,MACA,YACA,YAAY,SACZ,MAAM,OACN,QACA,UACA,OACA,UAAU,GACV,GAAG,GACU,CAGb,OACE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,MAG5B,CACO,MACL,UAAW,EAAA,GACT,OACA,GAAG,EAAA,yBAAyB,EAAW,EAAA,iBAAiB,CACxD,GAAG,EAAA,yBAAyB,EAAK,EAAA,WAAW,CAC5C,GAAG,EAAA,yBAAyB,EAAO,EAAA,aAAa,CAChD,GAAG,EAAA,yBAAyB,EAAS,EAAA,eAAe,CACpD,GAAG,EAAA,yBAAyB,EAAM,EAAA,YAAY,CAC9C,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAM,YAAc"}
+{"version":3,"file":"Stack.cjs","names":[],"sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  directionClasses,\n  gapClasses,\n  alignClasses,\n  justifyClasses,\n  wrapClasses,\n} from \"@nuka/utils/responsive\";\nimport type {\n  Responsive,\n  GapScale,\n  Direction,\n  Align,\n  Justify,\n  Wrap,\n} from \"@nuka/utils/responsive\";\nimport type { LayoutElement } from \"@nuka/utils/polymorphic\";\n\nexport interface StackProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  /**\n   * The HTML element to render. Defaults to \"div\".\n   *\n   * When `asChild` is true, this prop is ignored and the child element\n   * determines the rendered tag.\n   */\n  as?: LayoutElement;\n  direction?: Responsive<Direction>;\n  gap?: Responsive<GapScale>;\n  align?: Responsive<Align>;\n  justify?: Responsive<Justify>;\n  wrap?: Responsive<Wrap>;\n  asChild?: boolean;\n}\n\nfunction Stack({\n  ref,\n  className,\n  as = \"div\",\n  direction = \"column\",\n  gap = \"none\",\n  align,\n  justify,\n  wrap,\n  asChild = false,\n  ...props\n}: StackProps) {\n  const Comp = asChild ? Slot : as;\n\n  return (\n    <Comp\n      // Safe: the `as` prop makes the element type dynamic, so ref cannot\n      // satisfy any single element ref type. Each render produces one\n      // concrete element, so the ref assignment is correct at runtime.\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        \"flex\",\n        ...resolveResponsiveClasses(direction, directionClasses),\n        ...resolveResponsiveClasses(gap, gapClasses),\n        ...resolveResponsiveClasses(align, alignClasses),\n        ...resolveResponsiveClasses(justify, justifyClasses),\n        ...resolveResponsiveClasses(wrap, wrapClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nStack.displayName = \"Stack\";\n\nexport { Stack };\n"],"mappings":"0PAwCA,SAAS,EAAM,CACb,MACA,YACA,KAAK,MACL,YAAY,SACZ,MAAM,OACN,QACA,UACA,OACA,UAAU,GACV,GAAG,GACU,CAGb,OACE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,EAG5B,CAIO,MACL,UAAW,EAAA,GACT,OACA,GAAG,EAAA,yBAAyB,EAAW,EAAA,iBAAiB,CACxD,GAAG,EAAA,yBAAyB,EAAK,EAAA,WAAW,CAC5C,GAAG,EAAA,yBAAyB,EAAO,EAAA,aAAa,CAChD,GAAG,EAAA,yBAAyB,EAAS,EAAA,eAAe,CACpD,GAAG,EAAA,yBAAyB,EAAM,EAAA,YAAY,CAC9C,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAM,YAAc"}

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

@@ -1,7 +1,15 @@
 import { Responsive, GapScale, Direction, Align, Justify, Wrap } from '../../utils/responsive';
+import { LayoutElement } from '../../utils/polymorphic';
 import * as React from "react";
-export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
-    ref?: React.Ref<HTMLDivElement> | undefined;
+export interface StackProps extends React.HTMLAttributes<HTMLElement> {
+    ref?: React.Ref<HTMLElement> | undefined;
+    /**
+     * The HTML element to render. Defaults to "div".
+     *
+     * When `asChild` is true, this prop is ignored and the child element
+     * determines the rendered tag.
+     */
+    as?: LayoutElement;
     direction?: Responsive<Direction>;
     gap?: Responsive<GapScale>;
     align?: Responsive<Align>;
@@ -9,7 +17,7 @@ export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
     wrap?: Responsive<Wrap>;
     asChild?: boolean;
 }
-declare function Stack({ ref, className, direction, gap, align, justify, wrap, asChild, ...props }: StackProps): import("react/jsx-runtime").JSX.Element;
+declare function Stack({ ref, className, as, direction, gap, align, justify, wrap, asChild, ...props }: StackProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Stack {
     var displayName: string;
 }

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

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

package/dist/components/Stack/Stack.js

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