@nuka-ui/core 1.0.2 → 1.1.0

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

@@ -0,0 +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\nconst SidebarMenu = React.forwardRef<HTMLUListElement, SidebarMenuProps>(\n  ({ className, ...props }, ref) => (\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":"gLAMA,IAAM,EAAc,EAAM,YACvB,CAAE,YAAW,GAAG,GAAS,KACxB,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GAAG,4CAA6C,EAAU,CACrE,GAAI,EACJ,CAAA,CAEL,CAED,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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;CAAG;AAEnF,QAAA,MAAM,WAAW,2FAQhB,CAAC;AAIF,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;CAAG;AAEnF,QAAA,MAAM,WAAW,2FAQhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Sidebar/SidebarMenu.js

@@ -0,0 +1,15 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Sidebar/SidebarMenu.tsx
+var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("ul", {
+	ref: i,
+	className: e("flex flex-col gap-(--space-0.5) list-none", t),
+	...r
+}));
+r.displayName = "SidebarMenu";
+//#endregion
+export { r as SidebarMenu };
+
+//# sourceMappingURL=SidebarMenu.js.map

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

@@ -0,0 +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\nconst SidebarMenu = React.forwardRef<HTMLUListElement, SidebarMenuProps>(\n  ({ className, ...props }, ref) => (\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":";;;;;AAMA,IAAM,IAAc,EAAM,YACvB,EAAE,cAAW,GAAG,KAAS,MACxB,kBAAC,MAAD;CACO;CACL,WAAW,EAAG,6CAA6C,EAAU;CACrE,GAAI;CACJ,CAAA,CAEL;AAED,EAAY,cAAc"}

package/dist/components/Sidebar/SidebarMenuButton.cjs

@@ -0,0 +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`);var l=s.forwardRef(({asChild:e=!1,tooltip:s,className:l,children:u,...d},f)=>{let{expanded:p,isMobile:m}=o.useSidebarContext(),h=!p&&!m&&s!==void 0,g=(0,c.jsx)(e?n.Slot:`button`,{ref:f,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)`,l),...d,children:u});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:s})]}):g});l.displayName=`SidebarMenuButton`,exports.SidebarMenuButton=l;
+//# sourceMappingURL=SidebarMenuButton.cjs.map

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

@@ -0,0 +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  asChild?: boolean;\n  tooltip?: string;\n}\n\nconst SidebarMenuButton = React.forwardRef<\n  HTMLButtonElement,\n  SidebarMenuButtonProps\n>(({ asChild = false, tooltip, className, children, ...props }, ref) => {\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":"+WAgBA,IAAM,EAAoB,EAAM,YAG7B,CAAE,UAAU,GAAO,UAAS,YAAW,WAAU,GAAG,GAAS,IAAQ,CACtE,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,GACP,CAEF,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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC3F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,iBAAiB,kGAuCrB,CAAC;AAIH,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,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,iBAAiB,kGAuCrB,CAAC;AAIH,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/Sidebar/SidebarMenuButton.js

@@ -0,0 +1,31 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { Slot as t } from "../../utils/slot.js";
+import { Tooltip as n } from "../Tooltip/Tooltip.js";
+import { TooltipTrigger as r } from "../Tooltip/TooltipTrigger.js";
+import { TooltipContent as i } from "../Tooltip/TooltipContent.js";
+import { useSidebarContext as a } from "./Sidebar.context.js";
+import * as o from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/Sidebar/SidebarMenuButton.tsx
+var l = o.forwardRef(({ asChild: o = !1, tooltip: l, className: u, children: d, ...f }, p) => {
+	let { expanded: m, isMobile: h } = a(), g = !m && !h && l !== void 0, _ = /* @__PURE__ */ s(o ? t : "button", {
+		ref: p,
+		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)", u),
+		...f,
+		children: d
+	});
+	return g ? /* @__PURE__ */ c(n, {
+		side: "right",
+		delay: 200,
+		children: [/* @__PURE__ */ s(r, {
+			asChild: !0,
+			children: _
+		}), /* @__PURE__ */ s(i, { children: l })]
+	}) : _;
+});
+l.displayName = "SidebarMenuButton";
+//#endregion
+export { l as SidebarMenuButton };
+
+//# sourceMappingURL=SidebarMenuButton.js.map

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

@@ -0,0 +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  asChild?: boolean;\n  tooltip?: string;\n}\n\nconst SidebarMenuButton = React.forwardRef<\n  HTMLButtonElement,\n  SidebarMenuButtonProps\n>(({ asChild = false, tooltip, className, children, ...props }, ref) => {\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":";;;;;;;;;;AAgBA,IAAM,IAAoB,EAAM,YAG7B,EAAE,aAAU,IAAO,YAAS,cAAW,aAAU,GAAG,KAAS,MAAQ;CACtE,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;EACP;AAEF,EAAkB,cAAc"}

package/dist/components/Sidebar/SidebarMenuItem.cjs

@@ -0,0 +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`);var i=n.forwardRef(({className:e,...n},i)=>(0,r.jsx)(`li`,{ref:i,className:t.cn(e),...n}));i.displayName=`SidebarMenuItem`,exports.SidebarMenuItem=i;
+//# sourceMappingURL=SidebarMenuItem.cjs.map

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

@@ -0,0 +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\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, SidebarMenuItemProps>(\n  ({ className, ...props }, ref) => (\n    <li ref={ref} className={cn(className)} {...props} />\n  ),\n);\n\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\n\nexport { SidebarMenuItem };\n"],"mappings":"gLAMA,IAAM,EAAkB,EAAM,YAC3B,CAAE,YAAW,GAAG,GAAS,KACxB,EAAA,EAAA,KAAC,KAAD,CAAS,MAAK,UAAW,EAAA,GAAG,EAAU,CAAE,GAAI,EAAS,CAAA,CAExD,CAED,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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;CAAG;AAEtF,QAAA,MAAM,eAAe,4FAIpB,CAAC;AAIF,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;CAAG;AAEtF,QAAA,MAAM,eAAe,4FAIpB,CAAC;AAIF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Sidebar/SidebarMenuItem.js

@@ -0,0 +1,15 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Sidebar/SidebarMenuItem.tsx
+var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("li", {
+	ref: i,
+	className: e(t),
+	...r
+}));
+r.displayName = "SidebarMenuItem";
+//#endregion
+export { r as SidebarMenuItem };
+
+//# sourceMappingURL=SidebarMenuItem.js.map

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

@@ -0,0 +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\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, SidebarMenuItemProps>(\n  ({ className, ...props }, ref) => (\n    <li ref={ref} className={cn(className)} {...props} />\n  ),\n);\n\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\n\nexport { SidebarMenuItem };\n"],"mappings":";;;;;AAMA,IAAM,IAAkB,EAAM,YAC3B,EAAE,cAAW,GAAG,KAAS,MACxB,kBAAC,MAAD;CAAS;CAAK,WAAW,EAAG,EAAU;CAAE,GAAI;CAAS,CAAA,CAExD;AAED,EAAgB,cAAc"}

package/dist/components/Sidebar/SidebarProvider.cjs

@@ -0,0 +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`);var s=a.forwardRef(({expanded:e,defaultExpanded:s=!0,onExpandedChange:c,mobileBreakpoint:l=`(max-width: 768px)`,className:u,children:d,...f},p)=>{let[m,h]=n.useControllableState(e,s,c),g=r.useMediaQuery(l),[_,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:p,className:t.cn(`flex min-h-svh w-full`,u),...f,children:d})})});s.displayName=`SidebarProvider`,exports.SidebarProvider=s;
+//# sourceMappingURL=SidebarProvider.cjs.map

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

@@ -0,0 +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  expanded?: boolean;\n  defaultExpanded?: boolean;\n  onExpandedChange?: (expanded: boolean) => void;\n  mobileBreakpoint?: string;\n}\n\nconst SidebarProvider = React.forwardRef<HTMLDivElement, SidebarProviderProps>(\n  (\n    {\n      expanded: controlledExpanded,\n      defaultExpanded = true,\n      onExpandedChange,\n      mobileBreakpoint = \"(max-width: 768px)\",\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\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);\n\nSidebarProvider.displayName = \"SidebarProvider\";\n\nexport { SidebarProvider };\n"],"mappings":"oTAeA,IAAM,EAAkB,EAAM,YAE1B,CACE,SAAU,EACV,kBAAkB,GAClB,mBACA,mBAAmB,qBACnB,YACA,WACA,GAAG,GAEL,IACG,CACH,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,EAGtB,CAED,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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,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,QAAA,MAAM,eAAe,6FA6CpB,CAAC;AAIF,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,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,QAAA,MAAM,eAAe,6FA6CpB,CAAC;AAIF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Sidebar/SidebarProvider.js

@@ -0,0 +1,36 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useControllableState as t } from "../../hooks/use-controllable-state.js";
+import { useMediaQuery as n } from "../../hooks/use-media-query.js";
+import { SidebarContext as r } from "./Sidebar.context.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/Sidebar/SidebarProvider.tsx
+var o = i.forwardRef(({ expanded: o, defaultExpanded: s = !0, onExpandedChange: c, mobileBreakpoint: l = "(max-width: 768px)", className: u, children: d, ...f }, p) => {
+	let [m, h] = t(o, s, c), g = n(l), [_, v] = i.useState(!1);
+	return /* @__PURE__ */ a(r, {
+		value: i.useMemo(() => ({
+			expanded: m,
+			setExpanded: h,
+			isMobile: g,
+			mobileOpen: _,
+			setMobileOpen: v
+		}), [
+			m,
+			h,
+			g,
+			_
+		]),
+		children: /* @__PURE__ */ a("div", {
+			ref: p,
+			className: e("flex min-h-svh w-full", u),
+			...f,
+			children: d
+		})
+	});
+});
+o.displayName = "SidebarProvider";
+//#endregion
+export { o as SidebarProvider };
+
+//# sourceMappingURL=SidebarProvider.js.map

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

@@ -0,0 +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  expanded?: boolean;\n  defaultExpanded?: boolean;\n  onExpandedChange?: (expanded: boolean) => void;\n  mobileBreakpoint?: string;\n}\n\nconst SidebarProvider = React.forwardRef<HTMLDivElement, SidebarProviderProps>(\n  (\n    {\n      expanded: controlledExpanded,\n      defaultExpanded = true,\n      onExpandedChange,\n      mobileBreakpoint = \"(max-width: 768px)\",\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\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);\n\nSidebarProvider.displayName = \"SidebarProvider\";\n\nexport { SidebarProvider };\n"],"mappings":";;;;;;;;AAeA,IAAM,IAAkB,EAAM,YAE1B,EACE,UAAU,GACV,qBAAkB,IAClB,qBACA,sBAAmB,sBACnB,cACA,aACA,GAAG,KAEL,MACG;CACH,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;EAGtB;AAED,EAAgB,cAAc"}

package/dist/components/Sidebar/SidebarTrigger.cjs

@@ -0,0 +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`})]}),u=i.forwardRef(({className:e,...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:u,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)`,e),...i,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

@@ -0,0 +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\nconst SidebarTrigger = React.forwardRef<HTMLButtonElement, SidebarTriggerProps>(\n  ({ className, ...props }, ref) => {\n    const { expanded, setExpanded, isMobile, setMobileOpen, mobileOpen } =\n      useSidebarContext();\n\n    function handleClick() {\n      if (isMobile) {\n        setMobileOpen(!mobileOpen);\n      } else {\n        setExpanded(!expanded);\n      }\n    }\n\n    const IconSvg = isMobile\n      ? mobileOpen\n        ? CloseIcon\n        : MenuIcon\n      : expanded\n        ? CollapseIcon\n        : ExpandIcon;\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label={\n          isMobile\n            ? mobileOpen\n              ? \"Close navigation\"\n              : \"Open navigation\"\n            : expanded\n              ? \"Collapse sidebar\"\n              : \"Expand sidebar\"\n        }\n        onClick={handleClick}\n        className={cn(\n          \"inline-flex items-center justify-center\",\n          \"w-8 h-8 rounded-(--radius-md)\",\n          \"text-(--nuka-text-muted)\",\n          \"hover:bg-(--nuka-bg-muted) hover:text-(--nuka-text-base)\",\n          \"transition-colors duration-150\",\n          \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n          \"focus-visible:outline-(--nuka-border-focus)\",\n          className,\n        )}\n        {...props}\n      >\n        <Icon size=\"sm\">\n          <IconSvg />\n        </Icon>\n      </button>\n    );\n  },\n);\n\nSidebarTrigger.displayName = \"SidebarTrigger\";\n\nexport { SidebarTrigger };\n"],"mappings":"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,GAKF,EAAiB,EAAM,YAC1B,CAAE,YAAW,GAAG,GAAS,IAAQ,CAChC,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,EAGd,CAED,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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuC/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAE7F,QAAA,MAAM,cAAc,+FAqDnB,CAAC;AAIF,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;CAAG;AAE7F,QAAA,MAAM,cAAc,+FAqDnB,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Sidebar/SidebarTrigger.js

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

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

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

package/dist/components/Skeleton/Skeleton.cjs

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

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

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

package/dist/components/Skeleton/Skeleton.js

@@ -0,0 +1,16 @@
+import { cn as e } from "../../utils/cn.js";
+import { skeletonVariants as t } from "./Skeleton.variants.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/Skeleton/Skeleton.tsx
+var i = n.forwardRef(({ className: n, shape: i, ...a }, o) => /* @__PURE__ */ r("div", {
+	ref: o,
+	...a,
+	"aria-hidden": "true",
+	className: e(t({ shape: i }), n)
+}));
+i.displayName = "Skeleton";
+//#endregion
+export { i as Skeleton };
+
+//# sourceMappingURL=Skeleton.js.map

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

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

package/dist/components/Skeleton/Skeleton.variants.cjs

@@ -0,0 +1,2 @@
+var e=require(`../../node_modules/class-variance-authority/dist/index.cjs`).cva([`animate-pulse bg-(--nuka-bg-muted)`],{variants:{shape:{rect:`rounded-(--radius-md)`,circle:`rounded-full aspect-square`,text:`rounded-(--radius-sm) h-[1em]`}},defaultVariants:{shape:`rect`}});exports.skeletonVariants=e;
+//# sourceMappingURL=Skeleton.variants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.variants.cjs","names":[],"sources":["../../../src/components/Skeleton/Skeleton.variants.ts"],"sourcesContent":["import { cva } from \"@nuka/utils/variants\";\n\nexport const skeletonVariants = cva([\"animate-pulse bg-(--nuka-bg-muted)\"], {\n  variants: {\n    shape: {\n      rect: \"rounded-(--radius-md)\",\n      circle: \"rounded-full aspect-square\",\n      text: \"rounded-(--radius-sm) h-[1em]\",\n    },\n  },\n  defaultVariants: {\n    shape: \"rect\",\n  },\n});\n"],"mappings":"AAEA,IAAa,wEAAmB,IAAI,CAAC,qCAAqC,CAAE,CAC1E,SAAU,CACR,MAAO,CACL,KAAM,wBACN,OAAQ,6BACR,KAAM,gCACP,CACF,CACD,gBAAiB,CACf,MAAO,OACR,CACF,CAAC"}

package/dist/components/Skeleton/Skeleton.variants.js

@@ -0,0 +1,14 @@
+import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
+//#region src/components/Skeleton/Skeleton.variants.ts
+var t = e(["animate-pulse bg-(--nuka-bg-muted)"], {
+	variants: { shape: {
+		rect: "rounded-(--radius-md)",
+		circle: "rounded-full aspect-square",
+		text: "rounded-(--radius-sm) h-[1em]"
+	} },
+	defaultVariants: { shape: "rect" }
+});
+//#endregion
+export { t as skeletonVariants };
+
+//# sourceMappingURL=Skeleton.variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.variants.js","names":[],"sources":["../../../src/components/Skeleton/Skeleton.variants.ts"],"sourcesContent":["import { cva } from \"@nuka/utils/variants\";\n\nexport const skeletonVariants = cva([\"animate-pulse bg-(--nuka-bg-muted)\"], {\n  variants: {\n    shape: {\n      rect: \"rounded-(--radius-md)\",\n      circle: \"rounded-full aspect-square\",\n      text: \"rounded-(--radius-sm) h-[1em]\",\n    },\n  },\n  defaultVariants: {\n    shape: \"rect\",\n  },\n});\n"],"mappings":";;AAEA,IAAa,IAAmB,EAAI,CAAC,qCAAqC,EAAE;CAC1E,UAAU,EACR,OAAO;EACL,MAAM;EACN,QAAQ;EACR,MAAM;EACP,EACF;CACD,iBAAiB,EACf,OAAO,QACR;CACF,CAAC"}

package/dist/components/SkipLink/SkipLink.cjs

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

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

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

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface SkipLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Target element ID without the # prefix */
+    targetId?: string;
+}
+declare const SkipLink: React.ForwardRefExoticComponent<SkipLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export { SkipLink };
+//# sourceMappingURL=SkipLink.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SkipLink.d.ts","sourceRoot":"","sources":["../../../src/components/SkipLink/SkipLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAClF,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,QAAQ,yFA6Bb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/SkipLink/SkipLink.js

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

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

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

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

@@ -0,0 +1,3 @@
+export { SkipLink } from './SkipLink';
+export type { SkipLinkProps } from './SkipLink';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SkipLink/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/Slider/Slider.cjs

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

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

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

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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,KAAK,kBAAkB,EACxB,MAAM,yCAAyC,CAAC;AAQjD,MAAM,WAAW,WACf,SACE,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,GAAG,UAAU,CAC7B,EACD,kBAAkB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;GAKG;AACH,QAAA,MAAM,MAAM,sFAkGX,CAAC;AAIF,OAAO,EACL,MAAM,EACN,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,GACpB,CAAC"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,KAAK,kBAAkB,EACxB,MAAM,yCAAyC,CAAC;AAQjD,MAAM,WAAW,WACf,SACE,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,GAAG,UAAU,CAC7B,EACD,kBAAkB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;GAKG;AACH,QAAA,MAAM,MAAM,sFAkGX,CAAC;AAIF,OAAO,EACL,MAAM,EACN,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,GACpB,CAAC"}

package/dist/components/Slider/Slider.js

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

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

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

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

@@ -0,0 +1,2 @@
+const e=require(`../../node_modules/class-variance-authority/dist/index.cjs`);var t=e.cva([`relative flex items-center w-full`],{variants:{size:{sm:`min-h-[24px]`,md:`min-h-[24px]`,lg:`min-h-[24px]`}},defaultVariants:{size:`md`}}),n=e.cva([`relative w-full rounded-full`,`bg-(--nuka-border-base)`],{variants:{size:{sm:`h-1`,md:`h-1.5`,lg:`h-2`}},defaultVariants:{size:`md`}}),r=e.cva([`absolute left-0 top-0 h-full rounded-full`,`transition-[width] duration-75`],{variants:{intent:{default:`bg-(--nuka-accent-bg)`,danger:`bg-(--nuka-danger-base)`,success:`bg-(--nuka-success-base)`,warning:`bg-(--nuka-warning-base)`}},defaultVariants:{intent:`default`}}),i=e.cva([`absolute top-1/2 -translate-y-1/2`,`rounded-full`,`border-2 border-(--nuka-bg-base)`,`shadow-sm`,`transition-[left] duration-75`,`pointer-events-none`],{variants:{intent:{default:`bg-(--nuka-accent-bg)`,danger:`bg-(--nuka-danger-base)`,success:`bg-(--nuka-success-base)`,warning:`bg-(--nuka-warning-base)`},size:{sm:`w-6 h-6`,md:`w-[18px] h-[18px]`,lg:`w-[22px] h-[22px]`}},defaultVariants:{intent:`default`,size:`md`}}),a=e.cva([`tabular-nums text-(--nuka-text-muted)`,`ml-(--space-3)`,`select-none`],{variants:{size:{sm:`text-xs`,md:`text-sm`,lg:`text-base`}},defaultVariants:{size:`md`}});exports.sliderFillVariants=r,exports.sliderThumbVariants=i,exports.sliderTrackVariants=n,exports.sliderValueVariants=a,exports.sliderWrapperVariants=t;
+//# sourceMappingURL=Slider.variants.cjs.map

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

@@ -0,0 +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"}