@nuka-ui/core 1.1.3 → 1.1.4

package/dist/components/Sidebar/SidebarMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenu.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarMenuProps extends React.HTMLAttributes<HTMLUListElement> {\n  ref?: React.Ref<HTMLUListElement> | undefined;\n}\n\nfunction SidebarMenu({ ref, className, ...props }: SidebarMenuProps) {\n  return (\n    <ul\n      ref={ref}\n      className={cn(\"flex flex-col gap-(--space-0.5) list-none\", className)}\n      {...props}\n    />\n  );\n}\n\nSidebarMenu.displayName = \"SidebarMenu\";\n\nexport { SidebarMenu };\n"],"mappings":"gLAQA,SAAS,EAAY,CAAE,MAAK,YAAW,GAAG,GAA2B,CACnE,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GAAG,4CAA6C,EAAU,CACrE,GAAI,EACJ,CAAA,CAIN,EAAY,YAAc"}
+{"version":3,"file":"SidebarMenu.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarMenuProps extends React.HTMLAttributes<HTMLUListElement> {\n  ref?: React.Ref<HTMLUListElement> | undefined;\n}\n\nfunction SidebarMenu({ ref, className, ...props }: SidebarMenuProps) {\n  return (\n    <ul\n      ref={ref}\n      className={cn(\"flex flex-col gap-(--space-0.5) list-none\", className)}\n      data-slot=\"menu\"\n      {...props}\n    />\n  );\n}\n\nSidebarMenu.displayName = \"SidebarMenu\";\n\nexport { SidebarMenu };\n"],"mappings":"gLAQA,SAAS,EAAY,CAAE,MAAK,YAAW,GAAG,GAA2B,CACnE,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GAAG,4CAA6C,EAAU,CACrE,YAAU,OACV,GAAI,EACJ,CAAA,CAIN,EAAY,YAAc"}

package/dist/components/Sidebar/SidebarMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC9E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;CAC/C;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAQlE;kBARQ,WAAW;;;AAYpB,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"SidebarMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC9E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;CAC/C;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CASlE;kBATQ,WAAW;;;AAapB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Sidebar/SidebarMenu.js

@@ -7,6 +7,7 @@ function n({ ref: n, className: r, ...i }) {
 	return /* @__PURE__ */ t("ul", {
 		ref: n,
 		className: e("flex flex-col gap-(--space-0.5) list-none", r),
+		"data-slot": "menu",
 		...i
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenu.js","names":[],"sources":["../../../src/components/Sidebar/SidebarMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarMenuProps extends React.HTMLAttributes<HTMLUListElement> {\n  ref?: React.Ref<HTMLUListElement> | undefined;\n}\n\nfunction SidebarMenu({ ref, className, ...props }: SidebarMenuProps) {\n  return (\n    <ul\n      ref={ref}\n      className={cn(\"flex flex-col gap-(--space-0.5) list-none\", className)}\n      {...props}\n    />\n  );\n}\n\nSidebarMenu.displayName = \"SidebarMenu\";\n\nexport { SidebarMenu };\n"],"mappings":";;;;;AAQA,SAAS,EAAY,EAAE,QAAK,cAAW,GAAG,KAA2B;AACnE,QACE,kBAAC,MAAD;EACO;EACL,WAAW,EAAG,6CAA6C,EAAU;EACrE,GAAI;EACJ,CAAA;;AAIN,EAAY,cAAc"}
+{"version":3,"file":"SidebarMenu.js","names":[],"sources":["../../../src/components/Sidebar/SidebarMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarMenuProps extends React.HTMLAttributes<HTMLUListElement> {\n  ref?: React.Ref<HTMLUListElement> | undefined;\n}\n\nfunction SidebarMenu({ ref, className, ...props }: SidebarMenuProps) {\n  return (\n    <ul\n      ref={ref}\n      className={cn(\"flex flex-col gap-(--space-0.5) list-none\", className)}\n      data-slot=\"menu\"\n      {...props}\n    />\n  );\n}\n\nSidebarMenu.displayName = \"SidebarMenu\";\n\nexport { SidebarMenu };\n"],"mappings":";;;;;AAQA,SAAS,EAAY,EAAE,QAAK,cAAW,GAAG,KAA2B;AACnE,QACE,kBAAC,MAAD;EACO;EACL,WAAW,EAAG,6CAA6C,EAAU;EACrE,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,EAAY,cAAc"}

package/dist/components/Sidebar/SidebarMenuButton.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../Tooltip/Tooltip.cjs`),i=require(`../Tooltip/TooltipTrigger.cjs`),a=require(`../Tooltip/TooltipContent.cjs`),o=require(`./Sidebar.context.cjs`);let s=require(`react`);s=e.__toESM(s,1);let c=require(`react/jsx-runtime`);function l({ref:e,asChild:s=!1,tooltip:l,className:u,children:d,...f}){let{expanded:p,isMobile:m}=o.useSidebarContext(),h=!p&&!m&&l!==void 0,g=(0,c.jsx)(s?n.Slot:`button`,{ref:e,className:t.cn(`flex w-full items-center gap-(--space-3)`,`rounded-(--radius-md) px-(--space-3) py-(--space-2)`,`text-sm text-(--nuka-text-base)`,`hover:bg-(--nuka-bg-muted)`,`transition-colors duration-150`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,!p&&!m&&`justify-center px-(--space-2)`,u),...f,children:d});return h?(0,c.jsxs)(r.Tooltip,{side:`right`,delay:200,children:[(0,c.jsx)(i.TooltipTrigger,{asChild:!0,children:g}),(0,c.jsx)(a.TooltipContent,{children:l})]}):g}l.displayName=`SidebarMenuButton`,exports.SidebarMenuButton=l;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../Tooltip/Tooltip.cjs`),i=require(`../Tooltip/TooltipTrigger.cjs`),a=require(`../Tooltip/TooltipContent.cjs`),o=require(`./Sidebar.context.cjs`);let s=require(`react`);s=e.__toESM(s,1);let c=require(`react/jsx-runtime`);function l({ref:e,asChild:s=!1,tooltip:l,className:u,children:d,...f}){let{expanded:p,isMobile:m}=o.useSidebarContext(),h=!p&&!m&&l!==void 0,g=(0,c.jsx)(s?n.Slot:`button`,{ref:e,className:t.cn(`flex w-full items-center gap-(--space-3)`,`rounded-(--radius-md) px-(--space-3) py-(--space-2)`,`text-sm text-(--nuka-text-base)`,`hover:bg-(--nuka-bg-muted)`,`transition-colors duration-150`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,!p&&!m&&`justify-center px-(--space-2)`,u),"data-slot":`menu-button`,...f,children:d});return h?(0,c.jsxs)(r.Tooltip,{side:`right`,delay:200,children:[(0,c.jsx)(i.TooltipTrigger,{asChild:!0,children:g}),(0,c.jsx)(a.TooltipContent,{children:l})]}):g}l.displayName=`SidebarMenuButton`,exports.SidebarMenuButton=l;
 //# sourceMappingURL=SidebarMenuButton.cjs.map

package/dist/components/Sidebar/SidebarMenuButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuButton.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarMenuButton.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\nimport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n} from \"@nuka/components/Tooltip\";\n\nexport interface SidebarMenuButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  asChild?: boolean;\n  tooltip?: string;\n}\n\nfunction SidebarMenuButton({\n  ref,\n  asChild = false,\n  tooltip,\n  className,\n  children,\n  ...props\n}: SidebarMenuButtonProps) {\n  const { expanded, isMobile } = useSidebarContext();\n  const showTooltip = !expanded && !isMobile && tooltip !== undefined;\n\n  const Comp = asChild ? Slot : \"button\";\n\n  const button = (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"flex w-full items-center gap-(--space-3)\",\n        \"rounded-(--radius-md) px-(--space-3) py-(--space-2)\",\n        \"text-sm text-(--nuka-text-base)\",\n        \"hover:bg-(--nuka-bg-muted)\",\n        \"transition-colors duration-150\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        !expanded && !isMobile && \"justify-center px-(--space-2)\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n\n  if (showTooltip) {\n    return (\n      <Tooltip side=\"right\" delay={200}>\n        <TooltipTrigger asChild>{button}</TooltipTrigger>\n        <TooltipContent>{tooltip}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return button;\n}\n\nSidebarMenuButton.displayName = \"SidebarMenuButton\";\n\nexport { SidebarMenuButton };\n"],"mappings":"+WAiBA,SAAS,EAAkB,CACzB,MACA,UAAU,GACV,UACA,YACA,WACA,GAAG,GACsB,CACzB,GAAM,CAAE,WAAU,YAAa,EAAA,mBAAmB,CAC5C,EAAc,CAAC,GAAY,CAAC,GAAY,IAAY,IAAA,GAIpD,GACJ,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,SAG5B,CACO,MACL,UAAW,EAAA,GACT,2CACA,sDACA,kCACA,6BACA,iCACA,yDACA,8CACA,CAAC,GAAY,CAAC,GAAY,gCAC1B,EACD,CACD,GAAI,EAEH,WACI,CAAA,CAYT,OATI,GAEA,EAAA,EAAA,MAAC,EAAA,QAAD,CAAS,KAAK,QAAQ,MAAO,aAA7B,EACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,QAAA,YAAS,EAAwB,CAAA,EACjD,EAAA,EAAA,KAAC,EAAA,eAAD,CAAA,SAAiB,EAAyB,CAAA,CAClC,GAIP,EAGT,EAAkB,YAAc"}
+{"version":3,"file":"SidebarMenuButton.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarMenuButton.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\nimport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n} from \"@nuka/components/Tooltip\";\n\nexport interface SidebarMenuButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  asChild?: boolean;\n  tooltip?: string;\n}\n\nfunction SidebarMenuButton({\n  ref,\n  asChild = false,\n  tooltip,\n  className,\n  children,\n  ...props\n}: SidebarMenuButtonProps) {\n  const { expanded, isMobile } = useSidebarContext();\n  const showTooltip = !expanded && !isMobile && tooltip !== undefined;\n\n  const Comp = asChild ? Slot : \"button\";\n\n  const button = (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"flex w-full items-center gap-(--space-3)\",\n        \"rounded-(--radius-md) px-(--space-3) py-(--space-2)\",\n        \"text-sm text-(--nuka-text-base)\",\n        \"hover:bg-(--nuka-bg-muted)\",\n        \"transition-colors duration-150\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        !expanded && !isMobile && \"justify-center px-(--space-2)\",\n        className,\n      )}\n      data-slot=\"menu-button\"\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n\n  if (showTooltip) {\n    return (\n      <Tooltip side=\"right\" delay={200}>\n        <TooltipTrigger asChild>{button}</TooltipTrigger>\n        <TooltipContent>{tooltip}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return button;\n}\n\nSidebarMenuButton.displayName = \"SidebarMenuButton\";\n\nexport { SidebarMenuButton };\n"],"mappings":"+WAiBA,SAAS,EAAkB,CACzB,MACA,UAAU,GACV,UACA,YACA,WACA,GAAG,GACsB,CACzB,GAAM,CAAE,WAAU,YAAa,EAAA,mBAAmB,CAC5C,EAAc,CAAC,GAAY,CAAC,GAAY,IAAY,IAAA,GAIpD,GACJ,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,SAG5B,CACO,MACL,UAAW,EAAA,GACT,2CACA,sDACA,kCACA,6BACA,iCACA,yDACA,8CACA,CAAC,GAAY,CAAC,GAAY,gCAC1B,EACD,CACD,YAAU,cACV,GAAI,EAEH,WACI,CAAA,CAYT,OATI,GAEA,EAAA,EAAA,MAAC,EAAA,QAAD,CAAS,KAAK,QAAQ,MAAO,aAA7B,EACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,QAAA,YAAS,EAAwB,CAAA,EACjD,EAAA,EAAA,KAAC,EAAA,eAAD,CAAA,SAAiB,EAAyB,CAAA,CAClC,GAIP,EAGT,EAAkB,YAAc"}

package/dist/components/Sidebar/SidebarMenuButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuButton.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarMenuButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC3F,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,iBAAS,iBAAiB,CAAC,EACzB,GAAG,EACH,OAAe,EACf,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAoCxB;kBA3CQ,iBAAiB;;;AA+C1B,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"SidebarMenuButton.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarMenuButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC3F,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,iBAAS,iBAAiB,CAAC,EACzB,GAAG,EACH,OAAe,EACf,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAqCxB;kBA5CQ,iBAAiB;;;AAgD1B,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/Sidebar/SidebarMenuButton.js

@@ -12,6 +12,7 @@ function c({ ref: c, asChild: l = !1, tooltip: u, className: d, children: f, ...
 	let { expanded: m, isMobile: h } = a(), g = !m && !h && u !== void 0, _ = /* @__PURE__ */ o(l ? t : "button", {
 		ref: c,
 		className: e("flex w-full items-center gap-(--space-3)", "rounded-(--radius-md) px-(--space-3) py-(--space-2)", "text-sm text-(--nuka-text-base)", "hover:bg-(--nuka-bg-muted)", "transition-colors duration-150", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", !m && !h && "justify-center px-(--space-2)", d),
+		"data-slot": "menu-button",
 		...p,
 		children: f
 	});

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuButton.js","names":[],"sources":["../../../src/components/Sidebar/SidebarMenuButton.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\nimport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n} from \"@nuka/components/Tooltip\";\n\nexport interface SidebarMenuButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  asChild?: boolean;\n  tooltip?: string;\n}\n\nfunction SidebarMenuButton({\n  ref,\n  asChild = false,\n  tooltip,\n  className,\n  children,\n  ...props\n}: SidebarMenuButtonProps) {\n  const { expanded, isMobile } = useSidebarContext();\n  const showTooltip = !expanded && !isMobile && tooltip !== undefined;\n\n  const Comp = asChild ? Slot : \"button\";\n\n  const button = (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"flex w-full items-center gap-(--space-3)\",\n        \"rounded-(--radius-md) px-(--space-3) py-(--space-2)\",\n        \"text-sm text-(--nuka-text-base)\",\n        \"hover:bg-(--nuka-bg-muted)\",\n        \"transition-colors duration-150\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        !expanded && !isMobile && \"justify-center px-(--space-2)\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n\n  if (showTooltip) {\n    return (\n      <Tooltip side=\"right\" delay={200}>\n        <TooltipTrigger asChild>{button}</TooltipTrigger>\n        <TooltipContent>{tooltip}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return button;\n}\n\nSidebarMenuButton.displayName = \"SidebarMenuButton\";\n\nexport { SidebarMenuButton };\n"],"mappings":";;;;;;;;;;AAiBA,SAAS,EAAkB,EACzB,QACA,aAAU,IACV,YACA,cACA,aACA,GAAG,KACsB;CACzB,IAAM,EAAE,aAAU,gBAAa,GAAmB,EAC5C,IAAc,CAAC,KAAY,CAAC,KAAY,MAAY,KAAA,GAIpD,IACJ,kBAHW,IAAU,IAAO,UAG5B;EACO;EACL,WAAW,EACT,4CACA,uDACA,mCACA,8BACA,kCACA,0DACA,+CACA,CAAC,KAAY,CAAC,KAAY,iCAC1B,EACD;EACD,GAAI;EAEH;EACI,CAAA;AAYT,QATI,IAEA,kBAAC,GAAD;EAAS,MAAK;EAAQ,OAAO;YAA7B,CACE,kBAAC,GAAD;GAAgB,SAAA;aAAS;GAAwB,CAAA,EACjD,kBAAC,GAAD,EAAA,UAAiB,GAAyB,CAAA,CAClC;MAIP;;AAGT,EAAkB,cAAc"}
+{"version":3,"file":"SidebarMenuButton.js","names":[],"sources":["../../../src/components/Sidebar/SidebarMenuButton.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\nimport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n} from \"@nuka/components/Tooltip\";\n\nexport interface SidebarMenuButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  asChild?: boolean;\n  tooltip?: string;\n}\n\nfunction SidebarMenuButton({\n  ref,\n  asChild = false,\n  tooltip,\n  className,\n  children,\n  ...props\n}: SidebarMenuButtonProps) {\n  const { expanded, isMobile } = useSidebarContext();\n  const showTooltip = !expanded && !isMobile && tooltip !== undefined;\n\n  const Comp = asChild ? Slot : \"button\";\n\n  const button = (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"flex w-full items-center gap-(--space-3)\",\n        \"rounded-(--radius-md) px-(--space-3) py-(--space-2)\",\n        \"text-sm text-(--nuka-text-base)\",\n        \"hover:bg-(--nuka-bg-muted)\",\n        \"transition-colors duration-150\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        !expanded && !isMobile && \"justify-center px-(--space-2)\",\n        className,\n      )}\n      data-slot=\"menu-button\"\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n\n  if (showTooltip) {\n    return (\n      <Tooltip side=\"right\" delay={200}>\n        <TooltipTrigger asChild>{button}</TooltipTrigger>\n        <TooltipContent>{tooltip}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return button;\n}\n\nSidebarMenuButton.displayName = \"SidebarMenuButton\";\n\nexport { SidebarMenuButton };\n"],"mappings":";;;;;;;;;;AAiBA,SAAS,EAAkB,EACzB,QACA,aAAU,IACV,YACA,cACA,aACA,GAAG,KACsB;CACzB,IAAM,EAAE,aAAU,gBAAa,GAAmB,EAC5C,IAAc,CAAC,KAAY,CAAC,KAAY,MAAY,KAAA,GAIpD,IACJ,kBAHW,IAAU,IAAO,UAG5B;EACO;EACL,WAAW,EACT,4CACA,uDACA,mCACA,8BACA,kCACA,0DACA,+CACA,CAAC,KAAY,CAAC,KAAY,iCAC1B,EACD;EACD,aAAU;EACV,GAAI;EAEH;EACI,CAAA;AAYT,QATI,IAEA,kBAAC,GAAD;EAAS,MAAK;EAAQ,OAAO;YAA7B,CACE,kBAAC,GAAD;GAAgB,SAAA;aAAS;GAAwB,CAAA,EACjD,kBAAC,GAAD,EAAA,UAAiB,GAAyB,CAAA,CAClC;MAIP;;AAGT,EAAkB,cAAc"}

package/dist/components/Sidebar/SidebarMenuItem.cjs

@@ -1,2 +1,2 @@
-"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,...i}){return(0,r.jsx)(`li`,{ref:e,className:t.cn(n),...i})}i.displayName=`SidebarMenuItem`,exports.SidebarMenuItem=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,...i}){return(0,r.jsx)(`li`,{ref:e,className:t.cn(n),"data-slot":`menu-item`,...i})}i.displayName=`SidebarMenuItem`,exports.SidebarMenuItem=i;
 //# sourceMappingURL=SidebarMenuItem.cjs.map

package/dist/components/Sidebar/SidebarMenuItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuItem.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarMenuItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarMenuItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n}\n\nfunction SidebarMenuItem({ ref, className, ...props }: SidebarMenuItemProps) {\n  return <li ref={ref} className={cn(className)} {...props} />;\n}\n\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\n\nexport { SidebarMenuItem };\n"],"mappings":"gLAQA,SAAS,EAAgB,CAAE,MAAK,YAAW,GAAG,GAA+B,CAC3E,OAAO,EAAA,EAAA,KAAC,KAAD,CAAS,MAAK,UAAW,EAAA,GAAG,EAAU,CAAE,GAAI,EAAS,CAAA,CAG9D,EAAgB,YAAc"}
+{"version":3,"file":"SidebarMenuItem.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarMenuItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarMenuItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n}\n\nfunction SidebarMenuItem({ ref, className, ...props }: SidebarMenuItemProps) {\n  return (\n    <li ref={ref} className={cn(className)} data-slot=\"menu-item\" {...props} />\n  );\n}\n\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\n\nexport { SidebarMenuItem };\n"],"mappings":"gLAQA,SAAS,EAAgB,CAAE,MAAK,YAAW,GAAG,GAA+B,CAC3E,OACE,EAAA,EAAA,KAAC,KAAD,CAAS,MAAK,UAAW,EAAA,GAAG,EAAU,CAAE,YAAU,YAAY,GAAI,EAAS,CAAA,CAI/E,EAAgB,YAAc"}

package/dist/components/Sidebar/SidebarMenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarMenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACjF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;CAC5C;AAED,iBAAS,eAAe,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAE1E;kBAFQ,eAAe;;;AAMxB,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"SidebarMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarMenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACjF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;CAC5C;AAED,iBAAS,eAAe,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAI1E;kBAJQ,eAAe;;;AAQxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Sidebar/SidebarMenuItem.js

@@ -7,6 +7,7 @@ function n({ ref: n, className: r, ...i }) {
 	return /* @__PURE__ */ t("li", {
 		ref: n,
 		className: e(r),
+		"data-slot": "menu-item",
 		...i
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuItem.js","names":[],"sources":["../../../src/components/Sidebar/SidebarMenuItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarMenuItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n}\n\nfunction SidebarMenuItem({ ref, className, ...props }: SidebarMenuItemProps) {\n  return <li ref={ref} className={cn(className)} {...props} />;\n}\n\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\n\nexport { SidebarMenuItem };\n"],"mappings":";;;;;AAQA,SAAS,EAAgB,EAAE,QAAK,cAAW,GAAG,KAA+B;AAC3E,QAAO,kBAAC,MAAD;EAAS;EAAK,WAAW,EAAG,EAAU;EAAE,GAAI;EAAS,CAAA;;AAG9D,EAAgB,cAAc"}
+{"version":3,"file":"SidebarMenuItem.js","names":[],"sources":["../../../src/components/Sidebar/SidebarMenuItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarMenuItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n}\n\nfunction SidebarMenuItem({ ref, className, ...props }: SidebarMenuItemProps) {\n  return (\n    <li ref={ref} className={cn(className)} data-slot=\"menu-item\" {...props} />\n  );\n}\n\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\n\nexport { SidebarMenuItem };\n"],"mappings":";;;;;AAQA,SAAS,EAAgB,EAAE,QAAK,cAAW,GAAG,KAA+B;AAC3E,QACE,kBAAC,MAAD;EAAS;EAAK,WAAW,EAAG,EAAU;EAAE,aAAU;EAAY,GAAI;EAAS,CAAA;;AAI/E,EAAgB,cAAc"}

package/dist/components/Sidebar/SidebarProvider.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-media-query.cjs`),i=require(`./Sidebar.context.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);function s({ref:e,expanded:s,defaultExpanded:c=!0,onExpandedChange:l,mobileBreakpoint:u=`(max-width: 768px)`,className:d,children:f,...p}){let[m,h]=n.useControllableState(s,c,l),g=r.useMediaQuery(u),[_,v]=a.useState(!1);return(0,o.jsx)(i.SidebarContext,{value:a.useMemo(()=>({expanded:m,setExpanded:h,isMobile:g,mobileOpen:_,setMobileOpen:v}),[m,h,g,_]),children:(0,o.jsx)(`div`,{ref:e,className:t.cn(`flex min-h-svh w-full`,d),...p,children:f})})}s.displayName=`SidebarProvider`,exports.SidebarProvider=s;
+"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-media-query.cjs`),i=require(`./Sidebar.context.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);function s({ref:e,expanded:s,defaultExpanded:c=!0,onExpandedChange:l,mobileBreakpoint:u=`(max-width: 768px)`,className:d,children:f,...p}){let[m,h]=n.useControllableState(s,c,l),g=r.useMediaQuery(u),[_,v]=a.useState(!1);return(0,o.jsx)(i.SidebarContext,{value:a.useMemo(()=>({expanded:m,setExpanded:h,isMobile:g,mobileOpen:_,setMobileOpen:v}),[m,h,g,_]),children:(0,o.jsx)(`div`,{ref:e,className:t.cn(`flex min-h-svh w-full`,d),"data-slot":`provider`,...p,children:f})})}s.displayName=`SidebarProvider`,exports.SidebarProvider=s;
 //# sourceMappingURL=SidebarProvider.cjs.map

package/dist/components/Sidebar/SidebarProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarProvider.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarProvider.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { useMediaQuery } from \"@nuka/hooks/use-media-query\";\nimport { SidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\nimport type { SidebarContextValue } from \"@nuka/components/Sidebar/Sidebar.context\";\n\nexport interface SidebarProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  expanded?: boolean;\n  defaultExpanded?: boolean;\n  onExpandedChange?: (expanded: boolean) => void;\n  mobileBreakpoint?: string;\n}\n\nfunction SidebarProvider({\n  ref,\n  expanded: controlledExpanded,\n  defaultExpanded = true,\n  onExpandedChange,\n  mobileBreakpoint = \"(max-width: 768px)\",\n  className,\n  children,\n  ...props\n}: SidebarProviderProps) {\n  const [currentExpanded, setExpanded] = useControllableState(\n    controlledExpanded,\n    defaultExpanded,\n    onExpandedChange,\n  );\n\n  const isMobile = useMediaQuery(mobileBreakpoint);\n  const [mobileOpen, setMobileOpen] = React.useState(false);\n\n  const contextValue: SidebarContextValue = React.useMemo(\n    () => ({\n      expanded: currentExpanded,\n      setExpanded,\n      isMobile,\n      mobileOpen,\n      setMobileOpen,\n    }),\n    [currentExpanded, setExpanded, isMobile, mobileOpen],\n  );\n\n  return (\n    <SidebarContext value={contextValue}>\n      <div\n        ref={ref}\n        className={cn(\"flex min-h-svh w-full\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </SidebarContext>\n  );\n}\n\nSidebarProvider.displayName = \"SidebarProvider\";\n\nexport { SidebarProvider };\n"],"mappings":"oTAgBA,SAAS,EAAgB,CACvB,MACA,SAAU,EACV,kBAAkB,GAClB,mBACA,mBAAmB,qBACnB,YACA,WACA,GAAG,GACoB,CACvB,GAAM,CAAC,EAAiB,GAAe,EAAA,qBACrC,EACA,EACA,EACD,CAEK,EAAW,EAAA,cAAc,EAAiB,CAC1C,CAAC,EAAY,GAAiB,EAAM,SAAS,GAAM,CAazD,OACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,MAZwB,EAAM,aACvC,CACL,SAAU,EACV,cACA,WACA,aACA,gBACD,EACD,CAAC,EAAiB,EAAa,EAAU,EAAW,CACrD,WAIG,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GAAG,wBAAyB,EAAU,CACjD,GAAI,EAEH,WACG,CAAA,CACS,CAAA,CAIrB,EAAgB,YAAc"}
+{"version":3,"file":"SidebarProvider.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarProvider.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { useMediaQuery } from \"@nuka/hooks/use-media-query\";\nimport { SidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\nimport type { SidebarContextValue } from \"@nuka/components/Sidebar/Sidebar.context\";\n\nexport interface SidebarProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  expanded?: boolean;\n  defaultExpanded?: boolean;\n  onExpandedChange?: (expanded: boolean) => void;\n  mobileBreakpoint?: string;\n}\n\nfunction SidebarProvider({\n  ref,\n  expanded: controlledExpanded,\n  defaultExpanded = true,\n  onExpandedChange,\n  mobileBreakpoint = \"(max-width: 768px)\",\n  className,\n  children,\n  ...props\n}: SidebarProviderProps) {\n  const [currentExpanded, setExpanded] = useControllableState(\n    controlledExpanded,\n    defaultExpanded,\n    onExpandedChange,\n  );\n\n  const isMobile = useMediaQuery(mobileBreakpoint);\n  const [mobileOpen, setMobileOpen] = React.useState(false);\n\n  const contextValue: SidebarContextValue = React.useMemo(\n    () => ({\n      expanded: currentExpanded,\n      setExpanded,\n      isMobile,\n      mobileOpen,\n      setMobileOpen,\n    }),\n    [currentExpanded, setExpanded, isMobile, mobileOpen],\n  );\n\n  return (\n    <SidebarContext value={contextValue}>\n      <div\n        ref={ref}\n        className={cn(\"flex min-h-svh w-full\", className)}\n        data-slot=\"provider\"\n        {...props}\n      >\n        {children}\n      </div>\n    </SidebarContext>\n  );\n}\n\nSidebarProvider.displayName = \"SidebarProvider\";\n\nexport { SidebarProvider };\n"],"mappings":"oTAgBA,SAAS,EAAgB,CACvB,MACA,SAAU,EACV,kBAAkB,GAClB,mBACA,mBAAmB,qBACnB,YACA,WACA,GAAG,GACoB,CACvB,GAAM,CAAC,EAAiB,GAAe,EAAA,qBACrC,EACA,EACA,EACD,CAEK,EAAW,EAAA,cAAc,EAAiB,CAC1C,CAAC,EAAY,GAAiB,EAAM,SAAS,GAAM,CAazD,OACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,MAZwB,EAAM,aACvC,CACL,SAAU,EACV,cACA,WACA,aACA,gBACD,EACD,CAAC,EAAiB,EAAa,EAAU,EAAW,CACrD,WAIG,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GAAG,wBAAyB,EAAU,CACjD,YAAU,WACV,GAAI,EAEH,WACG,CAAA,CACS,CAAA,CAIrB,EAAgB,YAAc"}

package/dist/components/Sidebar/SidebarProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,iBAAS,eAAe,CAAC,EACvB,GAAG,EACH,QAAQ,EAAE,kBAAkB,EAC5B,eAAsB,EACtB,gBAAgB,EAChB,gBAAuC,EACvC,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAgCtB;kBAzCQ,eAAe;;;AA6CxB,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"SidebarProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,iBAAS,eAAe,CAAC,EACvB,GAAG,EACH,QAAQ,EAAE,kBAAkB,EAC5B,eAAsB,EACtB,gBAAgB,EAChB,gBAAuC,EACvC,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAiCtB;kBA1CQ,eAAe;;;AA8CxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Sidebar/SidebarProvider.js

@@ -24,6 +24,7 @@ function o({ ref: o, expanded: s, defaultExpanded: c = !0, onExpandedChange: l,
 		children: /* @__PURE__ */ a("div", {
 			ref: o,
 			className: e("flex min-h-svh w-full", d),
+			"data-slot": "provider",
 			...p,
 			children: f
 		})

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarProvider.js","names":[],"sources":["../../../src/components/Sidebar/SidebarProvider.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { useMediaQuery } from \"@nuka/hooks/use-media-query\";\nimport { SidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\nimport type { SidebarContextValue } from \"@nuka/components/Sidebar/Sidebar.context\";\n\nexport interface SidebarProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  expanded?: boolean;\n  defaultExpanded?: boolean;\n  onExpandedChange?: (expanded: boolean) => void;\n  mobileBreakpoint?: string;\n}\n\nfunction SidebarProvider({\n  ref,\n  expanded: controlledExpanded,\n  defaultExpanded = true,\n  onExpandedChange,\n  mobileBreakpoint = \"(max-width: 768px)\",\n  className,\n  children,\n  ...props\n}: SidebarProviderProps) {\n  const [currentExpanded, setExpanded] = useControllableState(\n    controlledExpanded,\n    defaultExpanded,\n    onExpandedChange,\n  );\n\n  const isMobile = useMediaQuery(mobileBreakpoint);\n  const [mobileOpen, setMobileOpen] = React.useState(false);\n\n  const contextValue: SidebarContextValue = React.useMemo(\n    () => ({\n      expanded: currentExpanded,\n      setExpanded,\n      isMobile,\n      mobileOpen,\n      setMobileOpen,\n    }),\n    [currentExpanded, setExpanded, isMobile, mobileOpen],\n  );\n\n  return (\n    <SidebarContext value={contextValue}>\n      <div\n        ref={ref}\n        className={cn(\"flex min-h-svh w-full\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </SidebarContext>\n  );\n}\n\nSidebarProvider.displayName = \"SidebarProvider\";\n\nexport { SidebarProvider };\n"],"mappings":";;;;;;;;AAgBA,SAAS,EAAgB,EACvB,QACA,UAAU,GACV,qBAAkB,IAClB,qBACA,sBAAmB,sBACnB,cACA,aACA,GAAG,KACoB;CACvB,IAAM,CAAC,GAAiB,KAAe,EACrC,GACA,GACA,EACD,EAEK,IAAW,EAAc,EAAiB,EAC1C,CAAC,GAAY,KAAiB,EAAM,SAAS,GAAM;AAazD,QACE,kBAAC,GAAD;EAAgB,OAZwB,EAAM,eACvC;GACL,UAAU;GACV;GACA;GACA;GACA;GACD,GACD;GAAC;GAAiB;GAAa;GAAU;GAAW,CACrD;YAIG,kBAAC,OAAD;GACO;GACL,WAAW,EAAG,yBAAyB,EAAU;GACjD,GAAI;GAEH;GACG,CAAA;EACS,CAAA;;AAIrB,EAAgB,cAAc"}
+{"version":3,"file":"SidebarProvider.js","names":[],"sources":["../../../src/components/Sidebar/SidebarProvider.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { useMediaQuery } from \"@nuka/hooks/use-media-query\";\nimport { SidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\nimport type { SidebarContextValue } from \"@nuka/components/Sidebar/Sidebar.context\";\n\nexport interface SidebarProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  expanded?: boolean;\n  defaultExpanded?: boolean;\n  onExpandedChange?: (expanded: boolean) => void;\n  mobileBreakpoint?: string;\n}\n\nfunction SidebarProvider({\n  ref,\n  expanded: controlledExpanded,\n  defaultExpanded = true,\n  onExpandedChange,\n  mobileBreakpoint = \"(max-width: 768px)\",\n  className,\n  children,\n  ...props\n}: SidebarProviderProps) {\n  const [currentExpanded, setExpanded] = useControllableState(\n    controlledExpanded,\n    defaultExpanded,\n    onExpandedChange,\n  );\n\n  const isMobile = useMediaQuery(mobileBreakpoint);\n  const [mobileOpen, setMobileOpen] = React.useState(false);\n\n  const contextValue: SidebarContextValue = React.useMemo(\n    () => ({\n      expanded: currentExpanded,\n      setExpanded,\n      isMobile,\n      mobileOpen,\n      setMobileOpen,\n    }),\n    [currentExpanded, setExpanded, isMobile, mobileOpen],\n  );\n\n  return (\n    <SidebarContext value={contextValue}>\n      <div\n        ref={ref}\n        className={cn(\"flex min-h-svh w-full\", className)}\n        data-slot=\"provider\"\n        {...props}\n      >\n        {children}\n      </div>\n    </SidebarContext>\n  );\n}\n\nSidebarProvider.displayName = \"SidebarProvider\";\n\nexport { SidebarProvider };\n"],"mappings":";;;;;;;;AAgBA,SAAS,EAAgB,EACvB,QACA,UAAU,GACV,qBAAkB,IAClB,qBACA,sBAAmB,sBACnB,cACA,aACA,GAAG,KACoB;CACvB,IAAM,CAAC,GAAiB,KAAe,EACrC,GACA,GACA,EACD,EAEK,IAAW,EAAc,EAAiB,EAC1C,CAAC,GAAY,KAAiB,EAAM,SAAS,GAAM;AAazD,QACE,kBAAC,GAAD;EAAgB,OAZwB,EAAM,eACvC;GACL,UAAU;GACV;GACA;GACA;GACA;GACD,GACD;GAAC;GAAiB;GAAa;GAAU;GAAW,CACrD;YAIG,kBAAC,OAAD;GACO;GACL,WAAW,EAAG,yBAAyB,EAAU;GACjD,aAAU;GACV,GAAI;GAEH;GACG,CAAA;EACS,CAAA;;AAIrB,EAAgB,cAAc"}

package/dist/components/Sidebar/SidebarTrigger.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`./Sidebar.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=()=>(0,a.jsx)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:(0,a.jsx)(`path`,{d:`M18 6L6 18M6 6l12 12`,strokeLinecap:`round`,strokeLinejoin:`round`})}),s=()=>(0,a.jsx)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:(0,a.jsx)(`path`,{d:`M4 6h16M4 12h16M4 18h16`,strokeLinecap:`round`,strokeLinejoin:`round`})}),c=()=>(0,a.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:[(0,a.jsx)(`path`,{d:`M11 19l-7-7 7-7`,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,a.jsx)(`path`,{d:`M4 12h16`,strokeLinecap:`round`,strokeLinejoin:`round`})]}),l=()=>(0,a.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:[(0,a.jsx)(`path`,{d:`M13 5l7 7-7 7`,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,a.jsx)(`path`,{d:`M20 12H4`,strokeLinecap:`round`,strokeLinejoin:`round`})]});function u({ref:e,className:i,...u}){let{expanded:d,setExpanded:f,isMobile:p,setMobileOpen:m,mobileOpen:h}=r.useSidebarContext();function g(){p?m(!h):f(!d)}let _=p?h?o:s:d?c:l;return(0,a.jsx)(`button`,{ref:e,type:`button`,"aria-label":p?h?`Close navigation`:`Open navigation`:d?`Collapse sidebar`:`Expand sidebar`,onClick:g,className:t.cn(`inline-flex items-center justify-center`,`w-8 h-8 rounded-(--radius-md)`,`text-(--nuka-text-muted)`,`hover:bg-(--nuka-bg-muted) hover:text-(--nuka-text-base)`,`transition-colors duration-150`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,i),...u,children:(0,a.jsx)(n.Icon,{size:`sm`,children:(0,a.jsx)(_,{})})})}u.displayName=`SidebarTrigger`,exports.SidebarTrigger=u;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`./Sidebar.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=()=>(0,a.jsx)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:(0,a.jsx)(`path`,{d:`M18 6L6 18M6 6l12 12`,strokeLinecap:`round`,strokeLinejoin:`round`})}),s=()=>(0,a.jsx)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:(0,a.jsx)(`path`,{d:`M4 6h16M4 12h16M4 18h16`,strokeLinecap:`round`,strokeLinejoin:`round`})}),c=()=>(0,a.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:[(0,a.jsx)(`path`,{d:`M11 19l-7-7 7-7`,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,a.jsx)(`path`,{d:`M4 12h16`,strokeLinecap:`round`,strokeLinejoin:`round`})]}),l=()=>(0,a.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:[(0,a.jsx)(`path`,{d:`M13 5l7 7-7 7`,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,a.jsx)(`path`,{d:`M20 12H4`,strokeLinecap:`round`,strokeLinejoin:`round`})]});function u({ref:e,className:i,...u}){let{expanded:d,setExpanded:f,isMobile:p,setMobileOpen:m,mobileOpen:h}=r.useSidebarContext();function g(){p?m(!h):f(!d)}let _=p?h?o:s:d?c:l;return(0,a.jsx)(`button`,{ref:e,type:`button`,"aria-label":p?h?`Close navigation`:`Open navigation`:d?`Collapse sidebar`:`Expand sidebar`,onClick:g,className:t.cn(`inline-flex items-center justify-center`,`w-8 h-8 rounded-(--radius-md)`,`text-(--nuka-text-muted)`,`hover:bg-(--nuka-bg-muted) hover:text-(--nuka-text-base)`,`transition-colors duration-150`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,i),"data-slot":`trigger`,...u,children:(0,a.jsx)(n.Icon,{size:`sm`,children:(0,a.jsx)(_,{})})})}u.displayName=`SidebarTrigger`,exports.SidebarTrigger=u;
 //# sourceMappingURL=SidebarTrigger.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarTrigger.cjs","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":"iPAMA,IAAM,OACJ,EAAA,EAAA,KAAC,MAAD,CAAK,QAAQ,YAAY,KAAK,OAAO,OAAO,eAAe,YAAa,YACtE,EAAA,EAAA,KAAC,OAAD,CACE,EAAE,uBACF,cAAc,QACd,eAAe,QACf,CAAA,CACE,CAAA,CAGF,OACJ,EAAA,EAAA,KAAC,MAAD,CAAK,QAAQ,YAAY,KAAK,OAAO,OAAO,eAAe,YAAa,YACtE,EAAA,EAAA,KAAC,OAAD,CACE,EAAE,0BACF,cAAc,QACd,eAAe,QACf,CAAA,CACE,CAAA,CAGF,OACJ,EAAA,EAAA,MAAC,MAAD,CAAK,QAAQ,YAAY,KAAK,OAAO,OAAO,eAAe,YAAa,WAAxE,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,kBAAkB,cAAc,QAAQ,eAAe,QAAU,CAAA,EACzE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAW,cAAc,QAAQ,eAAe,QAAU,CAAA,CAC9D,GAGF,OACJ,EAAA,EAAA,MAAC,MAAD,CAAK,QAAQ,YAAY,KAAK,OAAO,OAAO,eAAe,YAAa,WAAxE,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,gBAAgB,cAAc,QAAQ,eAAe,QAAU,CAAA,EACvE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAW,cAAc,QAAQ,eAAe,QAAU,CAAA,CAC9D,GAOR,SAAS,EAAe,CAAE,MAAK,YAAW,GAAG,GAA8B,CACzE,GAAM,CAAE,WAAU,cAAa,WAAU,gBAAe,cACtD,EAAA,mBAAmB,CAErB,SAAS,GAAc,CACjB,EACF,EAAc,CAAC,EAAW,CAE1B,EAAY,CAAC,EAAS,CAI1B,IAAM,EAAU,EACZ,EACE,EACA,EACF,EACE,EACA,EAEN,OACE,EAAA,EAAA,KAAC,SAAD,CACO,MACL,KAAK,SACL,aACE,EACI,EACE,mBACA,kBACF,EACE,mBACA,iBAER,QAAS,EACT,UAAW,EAAA,GACT,0CACA,gCACA,2BACA,2DACA,iCACA,yDACA,8CACA,EACD,CACD,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,EAAD,EAAW,CAAA,CACN,CAAA,CACA,CAAA,CAIb,EAAe,YAAc"}
+{"version":3,"file":"SidebarTrigger.cjs","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":"iPAMA,IAAM,OACJ,EAAA,EAAA,KAAC,MAAD,CAAK,QAAQ,YAAY,KAAK,OAAO,OAAO,eAAe,YAAa,YACtE,EAAA,EAAA,KAAC,OAAD,CACE,EAAE,uBACF,cAAc,QACd,eAAe,QACf,CAAA,CACE,CAAA,CAGF,OACJ,EAAA,EAAA,KAAC,MAAD,CAAK,QAAQ,YAAY,KAAK,OAAO,OAAO,eAAe,YAAa,YACtE,EAAA,EAAA,KAAC,OAAD,CACE,EAAE,0BACF,cAAc,QACd,eAAe,QACf,CAAA,CACE,CAAA,CAGF,OACJ,EAAA,EAAA,MAAC,MAAD,CAAK,QAAQ,YAAY,KAAK,OAAO,OAAO,eAAe,YAAa,WAAxE,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,kBAAkB,cAAc,QAAQ,eAAe,QAAU,CAAA,EACzE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAW,cAAc,QAAQ,eAAe,QAAU,CAAA,CAC9D,GAGF,OACJ,EAAA,EAAA,MAAC,MAAD,CAAK,QAAQ,YAAY,KAAK,OAAO,OAAO,eAAe,YAAa,WAAxE,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,gBAAgB,cAAc,QAAQ,eAAe,QAAU,CAAA,EACvE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAW,cAAc,QAAQ,eAAe,QAAU,CAAA,CAC9D,GAOR,SAAS,EAAe,CAAE,MAAK,YAAW,GAAG,GAA8B,CACzE,GAAM,CAAE,WAAU,cAAa,WAAU,gBAAe,cACtD,EAAA,mBAAmB,CAErB,SAAS,GAAc,CACjB,EACF,EAAc,CAAC,EAAW,CAE1B,EAAY,CAAC,EAAS,CAI1B,IAAM,EAAU,EACZ,EACE,EACA,EACF,EACE,EACA,EAEN,OACE,EAAA,EAAA,KAAC,SAAD,CACO,MACL,KAAK,SACL,aACE,EACI,EACE,mBACA,kBACF,EACE,mBACA,iBAER,QAAS,EACT,UAAW,EAAA,GACT,0CACA,gCACA,2BACA,2DACA,iCACA,yDACA,8CACA,EACD,CACD,YAAU,UACV,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,EAAD,EAAW,CAAA,CACN,CAAA,CACA,CAAA,CAIb,EAAe,YAAc"}

package/dist/components/Sidebar/SidebarTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuC/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;CAChD;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAmDxE;kBAnDQ,cAAc;;;AAuDvB,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"SidebarTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuC/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;CAChD;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAoDxE;kBApDQ,cAAc;;;AAwDvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Sidebar/SidebarTrigger.js

@@ -66,6 +66,7 @@ function l({ ref: i, className: l, ...u }) {
 		"aria-label": p ? h ? "Close navigation" : "Open navigation" : d ? "Collapse sidebar" : "Expand sidebar",
 		onClick: g,
 		className: e("inline-flex items-center justify-center", "w-8 h-8 rounded-(--radius-md)", "text-(--nuka-text-muted)", "hover:bg-(--nuka-bg-muted) hover:text-(--nuka-text-base)", "transition-colors duration-150", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", l),
+		"data-slot": "trigger",
 		...u,
 		children: /* @__PURE__ */ r(t, {
 			size: "sm",

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/SkipLink/SkipLink.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,targetId:i=`main-content`,children:a=`Skip to main content`,...o}){return(0,r.jsx)(`a`,{ref:e,href:`#${i}`,className:t.cn(`sr-only focus:not-sr-only`,`fixed top-(--space-4) left-(--space-4) z-(--nuka-z-toast)`,`inline-flex items-center`,`rounded-(--radius-md) px-(--space-4) py-(--space-2)`,`bg-(--nuka-accent-bg) text-(--nuka-accent-fg)`,`text-sm font-medium`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,n),...o,children:a})}i.displayName=`SkipLink`,exports.SkipLink=i;
+"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":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SkipLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  /** Target element ID without the # prefix */\n  targetId?: string;\n}\n\nfunction SkipLink({\n  ref,\n  className,\n  targetId = \"main-content\",\n  children = \"Skip to main content\",\n  ...props\n}: SkipLinkProps) {\n  return (\n    <a\n      ref={ref}\n      href={`#${targetId}`}\n      className={cn(\n        \"sr-only focus:not-sr-only\",\n        \"fixed top-(--space-4) left-(--space-4) z-(--nuka-z-toast)\",\n        \"inline-flex items-center\",\n        \"rounded-(--radius-md) px-(--space-4) py-(--space-2)\",\n        \"bg-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n        \"text-sm font-medium\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </a>\n  );\n}\n\nSkipLink.displayName = \"SkipLink\";\n\nexport { SkipLink };\n"],"mappings":"gLAWA,SAAS,EAAS,CAChB,MACA,YACA,WAAW,eACX,WAAW,uBACX,GAAG,GACa,CAChB,OACE,EAAA,EAAA,KAAC,IAAD,CACO,MACL,KAAM,IAAI,IACV,UAAW,EAAA,GACT,4BACA,4DACA,2BACA,sDACA,gDACA,sBACA,yDACA,8CACA,EACD,CACD,GAAI,EAEH,WACC,CAAA,CAIR,EAAS,YAAc"}
+{"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.js

@@ -7,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":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SkipLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  /** Target element ID without the # prefix */\n  targetId?: string;\n}\n\nfunction SkipLink({\n  ref,\n  className,\n  targetId = \"main-content\",\n  children = \"Skip to main content\",\n  ...props\n}: SkipLinkProps) {\n  return (\n    <a\n      ref={ref}\n      href={`#${targetId}`}\n      className={cn(\n        \"sr-only focus:not-sr-only\",\n        \"fixed top-(--space-4) left-(--space-4) z-(--nuka-z-toast)\",\n        \"inline-flex items-center\",\n        \"rounded-(--radius-md) px-(--space-4) py-(--space-2)\",\n        \"bg-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n        \"text-sm font-medium\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </a>\n  );\n}\n\nSkipLink.displayName = \"SkipLink\";\n\nexport { SkipLink };\n"],"mappings":";;;;;AAWA,SAAS,EAAS,EAChB,QACA,cACA,cAAW,gBACX,cAAW,wBACX,GAAG,KACa;AAChB,QACE,kBAAC,KAAD;EACO;EACL,MAAM,IAAI;EACV,WAAW,EACT,6BACA,6DACA,4BACA,uDACA,iDACA,uBACA,0DACA,+CACA,EACD;EACD,GAAI;EAEH;EACC,CAAA;;AAIR,EAAS,cAAc"}
+{"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.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 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/responsive.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o={"right-sm-sm":`grid-cols-1 sm:grid-cols-[1fr_240px]`,"right-sm-md":`grid-cols-1 md:grid-cols-[1fr_240px]`,"right-sm-lg":`grid-cols-1 lg:grid-cols-[1fr_240px]`,"right-sm-xl":`grid-cols-1 xl:grid-cols-[1fr_240px]`,"right-md-sm":`grid-cols-1 sm:grid-cols-[1fr_320px]`,"right-md-md":`grid-cols-1 md:grid-cols-[1fr_320px]`,"right-md-lg":`grid-cols-1 lg:grid-cols-[1fr_320px]`,"right-md-xl":`grid-cols-1 xl:grid-cols-[1fr_320px]`,"right-lg-sm":`grid-cols-1 sm:grid-cols-[1fr_400px]`,"right-lg-md":`grid-cols-1 md:grid-cols-[1fr_400px]`,"right-lg-lg":`grid-cols-1 lg:grid-cols-[1fr_400px]`,"right-lg-xl":`grid-cols-1 xl:grid-cols-[1fr_400px]`,"right-xl-sm":`grid-cols-1 sm:grid-cols-[1fr_480px]`,"right-xl-md":`grid-cols-1 md:grid-cols-[1fr_480px]`,"right-xl-lg":`grid-cols-1 lg:grid-cols-[1fr_480px]`,"right-xl-xl":`grid-cols-1 xl:grid-cols-[1fr_480px]`,"left-sm-sm":`grid-cols-1 sm:grid-cols-[240px_1fr]`,"left-sm-md":`grid-cols-1 md:grid-cols-[240px_1fr]`,"left-sm-lg":`grid-cols-1 lg:grid-cols-[240px_1fr]`,"left-sm-xl":`grid-cols-1 xl:grid-cols-[240px_1fr]`,"left-md-sm":`grid-cols-1 sm:grid-cols-[320px_1fr]`,"left-md-md":`grid-cols-1 md:grid-cols-[320px_1fr]`,"left-md-lg":`grid-cols-1 lg:grid-cols-[320px_1fr]`,"left-md-xl":`grid-cols-1 xl:grid-cols-[320px_1fr]`,"left-lg-sm":`grid-cols-1 sm:grid-cols-[400px_1fr]`,"left-lg-md":`grid-cols-1 md:grid-cols-[400px_1fr]`,"left-lg-lg":`grid-cols-1 lg:grid-cols-[400px_1fr]`,"left-lg-xl":`grid-cols-1 xl:grid-cols-[400px_1fr]`,"left-xl-sm":`grid-cols-1 sm:grid-cols-[480px_1fr]`,"left-xl-md":`grid-cols-1 md:grid-cols-[480px_1fr]`,"left-xl-lg":`grid-cols-1 lg:grid-cols-[480px_1fr]`,"left-xl-xl":`grid-cols-1 xl:grid-cols-[480px_1fr]`};function s({ref:e,className:s,sidebar:c=`right`,sideWidth:l=`md`,stackBelow:u=`md`,gap:d=`none`,asChild:f=!1,children:p,...m}){if(process.env.NODE_ENV!==`production`){let e=i.Children.count(p);e!==2&&console.warn(`SplitLayout expects exactly 2 children (main + sidebar), received ${String(e)}.`)}return(0,a.jsx)(f?n.Slot:`div`,{ref:e,className:t.cn(`grid`,o[`${c}-${l}-${u}`],...r.resolveResponsiveClasses(d,r.gapClasses),s),...m,children:p})}s.displayName=`SplitLayout`,exports.SplitLayout=s;
+"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":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { resolveResponsiveClasses, gapClasses } from \"@nuka/utils/responsive\";\nimport type { Responsive, GapScale } from \"@nuka/utils/responsive\";\n\ntype Sidebar = \"left\" | \"right\";\ntype SideWidth = \"sm\" | \"md\" | \"lg\" | \"xl\";\ntype StackBelow = \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport interface SplitLayoutProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  sidebar?: Sidebar;\n  sideWidth?: SideWidth;\n  stackBelow?: StackBelow;\n  gap?: Responsive<GapScale>;\n  asChild?: boolean;\n}\n\ntype LayoutKey = `${Sidebar}-${SideWidth}-${StackBelow}`;\n\n// prettier-ignore\nconst layoutClasses: Record<LayoutKey, string> = {\n  \"right-sm-sm\": \"grid-cols-1 sm:grid-cols-[1fr_240px]\",\n  \"right-sm-md\": \"grid-cols-1 md:grid-cols-[1fr_240px]\",\n  \"right-sm-lg\": \"grid-cols-1 lg:grid-cols-[1fr_240px]\",\n  \"right-sm-xl\": \"grid-cols-1 xl:grid-cols-[1fr_240px]\",\n  \"right-md-sm\": \"grid-cols-1 sm:grid-cols-[1fr_320px]\",\n  \"right-md-md\": \"grid-cols-1 md:grid-cols-[1fr_320px]\",\n  \"right-md-lg\": \"grid-cols-1 lg:grid-cols-[1fr_320px]\",\n  \"right-md-xl\": \"grid-cols-1 xl:grid-cols-[1fr_320px]\",\n  \"right-lg-sm\": \"grid-cols-1 sm:grid-cols-[1fr_400px]\",\n  \"right-lg-md\": \"grid-cols-1 md:grid-cols-[1fr_400px]\",\n  \"right-lg-lg\": \"grid-cols-1 lg:grid-cols-[1fr_400px]\",\n  \"right-lg-xl\": \"grid-cols-1 xl:grid-cols-[1fr_400px]\",\n  \"right-xl-sm\": \"grid-cols-1 sm:grid-cols-[1fr_480px]\",\n  \"right-xl-md\": \"grid-cols-1 md:grid-cols-[1fr_480px]\",\n  \"right-xl-lg\": \"grid-cols-1 lg:grid-cols-[1fr_480px]\",\n  \"right-xl-xl\": \"grid-cols-1 xl:grid-cols-[1fr_480px]\",\n  \"left-sm-sm\":  \"grid-cols-1 sm:grid-cols-[240px_1fr]\",\n  \"left-sm-md\":  \"grid-cols-1 md:grid-cols-[240px_1fr]\",\n  \"left-sm-lg\":  \"grid-cols-1 lg:grid-cols-[240px_1fr]\",\n  \"left-sm-xl\":  \"grid-cols-1 xl:grid-cols-[240px_1fr]\",\n  \"left-md-sm\":  \"grid-cols-1 sm:grid-cols-[320px_1fr]\",\n  \"left-md-md\":  \"grid-cols-1 md:grid-cols-[320px_1fr]\",\n  \"left-md-lg\":  \"grid-cols-1 lg:grid-cols-[320px_1fr]\",\n  \"left-md-xl\":  \"grid-cols-1 xl:grid-cols-[320px_1fr]\",\n  \"left-lg-sm\":  \"grid-cols-1 sm:grid-cols-[400px_1fr]\",\n  \"left-lg-md\":  \"grid-cols-1 md:grid-cols-[400px_1fr]\",\n  \"left-lg-lg\":  \"grid-cols-1 lg:grid-cols-[400px_1fr]\",\n  \"left-lg-xl\":  \"grid-cols-1 xl:grid-cols-[400px_1fr]\",\n  \"left-xl-sm\":  \"grid-cols-1 sm:grid-cols-[480px_1fr]\",\n  \"left-xl-md\":  \"grid-cols-1 md:grid-cols-[480px_1fr]\",\n  \"left-xl-lg\":  \"grid-cols-1 lg:grid-cols-[480px_1fr]\",\n  \"left-xl-xl\":  \"grid-cols-1 xl:grid-cols-[480px_1fr]\",\n};\n\nfunction SplitLayout({\n  ref,\n  className,\n  sidebar = \"right\",\n  sideWidth = \"md\",\n  stackBelow = \"md\",\n  gap = \"none\",\n  asChild = false,\n  children,\n  ...props\n}: SplitLayoutProps) {\n  if (process.env.NODE_ENV !== \"production\") {\n    const count = React.Children.count(children);\n    if (count !== 2) {\n      console.warn(\n        `SplitLayout expects exactly 2 children (main + sidebar), received ${String(count)}.`,\n      );\n    }\n  }\n\n  const Comp = asChild ? Slot : \"div\";\n  const key: LayoutKey = `${sidebar}-${sideWidth}-${stackBelow}`;\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"grid\",\n        layoutClasses[key],\n        ...resolveResponsiveClasses(gap, gapClasses),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nSplitLayout.displayName = \"SplitLayout\";\n\nexport { SplitLayout };\n"],"mappings":"0PAwBA,IAAM,EAA2C,CAC/C,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,cAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCACf,aAAe,uCAChB,CAED,SAAS,EAAY,CACnB,MACA,YACA,UAAU,QACV,YAAY,KACZ,aAAa,KACb,MAAM,OACN,UAAU,GACV,WACA,GAAG,GACgB,CACnB,GAAA,QAAA,IAAA,WAA6B,aAAc,CACzC,IAAM,EAAQ,EAAM,SAAS,MAAM,EAAS,CACxC,IAAU,GACZ,QAAQ,KACN,qEAAqE,OAAO,EAAM,CAAC,GACpF,CAOL,OACE,EAAA,EAAA,KAJW,EAAU,EAAA,KAAO,MAI5B,CACO,MACL,UAAW,EAAA,GACT,OACA,EAPiB,GAAG,EAAQ,GAAG,EAAU,GAAG,KAQ5C,GAAG,EAAA,yBAAyB,EAAK,EAAA,WAAW,CAC5C,EACD,CACD,GAAI,EAEH,WACI,CAAA,CAIX,EAAY,YAAc"}
+{"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"}