@nuka-ui/core 1.1.0 → 1.1.2

package/dist/components/Sidebar/SidebarInset.js

@@ -1,19 +1,19 @@
 "use client";
 import { cn as e } from "../../utils/cn.js";
 import { useSidebarContext as t } from "./Sidebar.context.js";
-import * as n from "react";
-import { jsx as r } from "react/jsx-runtime";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/components/Sidebar/SidebarInset.tsx
-var i = n.forwardRef(({ className: n, ...i }, a) => {
+function r({ ref: r, className: i, ...a }) {
 	let { isMobile: o } = t();
-	return /* @__PURE__ */ r("div", {
-		ref: a,
-		className: e("flex-1 overflow-auto", !o && "transition-[margin-left] duration-200 ease-in-out", !o && "motion-reduce:transition-none", n),
-		...i
+	return /* @__PURE__ */ n("div", {
+		ref: r,
+		className: e("flex-1 overflow-auto", !o && "transition-[margin-left] duration-200 ease-in-out", !o && "motion-reduce:transition-none", i),
+		...a
 	});
-});
-i.displayName = "SidebarInset";
+}
+r.displayName = "SidebarInset";
 //#endregion
-export { i as SidebarInset };
+export { r as SidebarInset };
 
 //# sourceMappingURL=SidebarInset.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarInset.js","names":[],"sources":["../../../src/components/Sidebar/SidebarInset.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\n\nexport interface SidebarInsetProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SidebarInset = React.forwardRef<HTMLDivElement, SidebarInsetProps>(\n  ({ className, ...props }, ref) => {\n    const { isMobile } = useSidebarContext();\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"flex-1 overflow-auto\",\n          !isMobile && \"transition-[margin-left] duration-200 ease-in-out\",\n          !isMobile && \"motion-reduce:transition-none\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nSidebarInset.displayName = \"SidebarInset\";\n\nexport { SidebarInset };\n"],"mappings":";;;;;;AAOA,IAAM,IAAe,EAAM,YACxB,EAAE,cAAW,GAAG,KAAS,MAAQ;CAChC,IAAM,EAAE,gBAAa,GAAmB;AAExC,QACE,kBAAC,OAAD;EACO;EACL,WAAW,EACT,wBACA,CAAC,KAAY,qDACb,CAAC,KAAY,iCACb,EACD;EACD,GAAI;EACJ,CAAA;EAGP;AAED,EAAa,cAAc"}
+{"version":3,"file":"SidebarInset.js","names":[],"sources":["../../../src/components/Sidebar/SidebarInset.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\n\nexport interface SidebarInsetProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction SidebarInset({ ref, className, ...props }: SidebarInsetProps) {\n  const { isMobile } = useSidebarContext();\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex-1 overflow-auto\",\n        !isMobile && \"transition-[margin-left] duration-200 ease-in-out\",\n        !isMobile && \"motion-reduce:transition-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nSidebarInset.displayName = \"SidebarInset\";\n\nexport { SidebarInset };\n"],"mappings":";;;;;;AASA,SAAS,EAAa,EAAE,QAAK,cAAW,GAAG,KAA4B;CACrE,IAAM,EAAE,gBAAa,GAAmB;AAExC,QACE,kBAAC,OAAD;EACO;EACL,WAAW,EACT,wBACA,CAAC,KAAY,qDACb,CAAC,KAAY,iCACb,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAa,cAAc"}

package/dist/components/Sidebar/SidebarMenu.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`);var i=n.forwardRef(({className:e,...n},i)=>(0,r.jsx)(`ul`,{ref:i,className:t.cn(`flex flex-col gap-(--space-0.5) list-none`,e),...n}));i.displayName=`SidebarMenu`,exports.SidebarMenu=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)(`ul`,{ref:e,className:t.cn(`flex flex-col gap-(--space-0.5) list-none`,n),...i})}i.displayName=`SidebarMenu`,exports.SidebarMenu=i;
 //# sourceMappingURL=SidebarMenu.cjs.map

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\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"}
+{"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"}

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

@@ -1,6 +1,10 @@
 import * as React from "react";
 export interface SidebarMenuProps extends React.HTMLAttributes<HTMLUListElement> {
+    ref?: React.Ref<HTMLUListElement> | undefined;
+}
+declare function SidebarMenu({ ref, className, ...props }: SidebarMenuProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SidebarMenu {
+    var displayName: string;
 }
-declare const SidebarMenu: React.ForwardRefExoticComponent<SidebarMenuProps & React.RefAttributes<HTMLUListElement>>;
 export { SidebarMenu };
 //# sourceMappingURL=SidebarMenu.d.ts.map

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;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;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"}

package/dist/components/Sidebar/SidebarMenu.js

@@ -1,15 +1,17 @@
 "use client";
 import { cn as e } from "../../utils/cn.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/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";
+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),
+		...i
+	});
+}
+n.displayName = "SidebarMenu";
 //#endregion
-export { r as SidebarMenu };
+export { n as SidebarMenu };
 
 //# sourceMappingURL=SidebarMenu.js.map

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\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"}
+{"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"}

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`);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;
+"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;
 //# 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  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"}
+{"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"}

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

@@ -1,8 +1,12 @@
 import * as React from "react";
 export interface SidebarMenuButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    ref?: React.Ref<HTMLButtonElement> | undefined;
     asChild?: boolean;
     tooltip?: string;
 }
-declare const SidebarMenuButton: React.ForwardRefExoticComponent<SidebarMenuButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare function SidebarMenuButton({ ref, asChild, tooltip, className, children, ...props }: SidebarMenuButtonProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SidebarMenuButton {
+    var displayName: string;
+}
 export { SidebarMenuButton };
 //# sourceMappingURL=SidebarMenuButton.d.ts.map

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,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,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"}

package/dist/components/Sidebar/SidebarMenuButton.js

@@ -5,27 +5,27 @@ 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";
+import "react";
+import { jsx as o, jsxs as s } 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
+function c({ ref: c, asChild: l = !1, tooltip: u, className: d, children: f, ...p }) {
+	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),
+		...p,
+		children: f
 	});
-	return g ? /* @__PURE__ */ c(n, {
+	return g ? /* @__PURE__ */ s(n, {
 		side: "right",
 		delay: 200,
-		children: [/* @__PURE__ */ s(r, {
+		children: [/* @__PURE__ */ o(r, {
 			asChild: !0,
 			children: _
-		}), /* @__PURE__ */ s(i, { children: l })]
+		}), /* @__PURE__ */ o(i, { children: u })]
 	}) : _;
-});
-l.displayName = "SidebarMenuButton";
+}
+c.displayName = "SidebarMenuButton";
 //#endregion
-export { l as SidebarMenuButton };
+export { c as SidebarMenuButton };
 
 //# sourceMappingURL=SidebarMenuButton.js.map

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  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"}
+{"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"}

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`);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;
+"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;
 //# 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\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"}
+{"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"}

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

@@ -1,6 +1,10 @@
 import * as React from "react";
 export interface SidebarMenuItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
+    ref?: React.Ref<HTMLLIElement> | undefined;
+}
+declare function SidebarMenuItem({ ref, className, ...props }: SidebarMenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SidebarMenuItem {
+    var displayName: string;
 }
-declare const SidebarMenuItem: React.ForwardRefExoticComponent<SidebarMenuItemProps & React.RefAttributes<HTMLLIElement>>;
 export { SidebarMenuItem };
 //# sourceMappingURL=SidebarMenuItem.d.ts.map

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;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;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"}

package/dist/components/Sidebar/SidebarMenuItem.js

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

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\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"}
+{"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"}

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`);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;
+"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;
 //# 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  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"}
+{"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"}

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

@@ -1,10 +1,14 @@
 import * as React from "react";
 export interface SidebarProviderProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     expanded?: boolean;
     defaultExpanded?: boolean;
     onExpandedChange?: (expanded: boolean) => void;
     mobileBreakpoint?: string;
 }
-declare const SidebarProvider: React.ForwardRefExoticComponent<SidebarProviderProps & React.RefAttributes<HTMLDivElement>>;
+declare function SidebarProvider({ ref, expanded: controlledExpanded, defaultExpanded, onExpandedChange, mobileBreakpoint, className, children, ...props }: SidebarProviderProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SidebarProvider {
+    var displayName: string;
+}
 export { SidebarProvider };
 //# sourceMappingURL=SidebarProvider.d.ts.map

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,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,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"}

package/dist/components/Sidebar/SidebarProvider.js

@@ -6,8 +6,8 @@ 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);
+function o({ ref: o, expanded: s, defaultExpanded: c = !0, onExpandedChange: l, mobileBreakpoint: u = "(max-width: 768px)", className: d, children: f, ...p }) {
+	let [m, h] = t(s, c, l), g = n(u), [_, v] = i.useState(!1);
 	return /* @__PURE__ */ a(r, {
 		value: i.useMemo(() => ({
 			expanded: m,
@@ -22,13 +22,13 @@ var o = i.forwardRef(({ expanded: o, defaultExpanded: s = !0, onExpandedChange:
 			_
 		]),
 		children: /* @__PURE__ */ a("div", {
-			ref: p,
-			className: e("flex min-h-svh w-full", u),
-			...f,
-			children: d
+			ref: o,
+			className: e("flex min-h-svh w-full", d),
+			...p,
+			children: f
 		})
 	});
-});
+}
 o.displayName = "SidebarProvider";
 //#endregion
 export { o as SidebarProvider };

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  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"}
+{"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"}

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`})]}),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;
+"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;
 //# 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\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"}
+{"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"}

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

@@ -1,6 +1,10 @@
 import * as React from "react";
 export interface SidebarTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    ref?: React.Ref<HTMLButtonElement> | undefined;
+}
+declare function SidebarTrigger({ ref, className, ...props }: SidebarTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SidebarTrigger {
+    var displayName: string;
 }
-declare const SidebarTrigger: React.ForwardRefExoticComponent<SidebarTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 export { SidebarTrigger };
 //# sourceMappingURL=SidebarTrigger.d.ts.map

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;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;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"}

package/dist/components/Sidebar/SidebarTrigger.js

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

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

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