@nuka-ui/core 1.1.0 → 1.1.2

package/dist/components/Sheet/Sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.js","names":[],"sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { useFocusTrap } from \"@nuka/hooks/use-focus-trap\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport {\n  createModalPrimitive,\n  useEscapeKey,\n  useModalTitleWarning,\n} from \"@nuka/utils/modal-primitive\";\nimport type {\n  ModalRootProps,\n  ModalTriggerProps,\n  ModalTitleProps,\n  ModalDescriptionProps,\n  ModalCloseProps,\n} from \"@nuka/utils/modal-primitive\";\nimport {\n  SheetContext,\n  useSheetContext,\n} from \"@nuka/components/Sheet/Sheet.context\";\n\nexport type SheetSide = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nconst {\n  Root: Sheet,\n  Trigger: SheetTrigger,\n  Title: SheetTitle,\n  Description: SheetDescription,\n  Close: SheetClose,\n} = createModalPrimitive({\n  displayNamePrefix: \"Sheet\",\n  closeLabel: \"Close sheet\",\n  Context: SheetContext,\n  useContext: useSheetContext,\n});\n\nexport type SheetProps = ModalRootProps;\nexport type SheetTriggerProps = ModalTriggerProps;\nexport type SheetTitleProps = ModalTitleProps;\nexport type SheetDescriptionProps = ModalDescriptionProps;\nexport type SheetCloseProps = ModalCloseProps;\n\nconst sideClasses: Record<SheetSide, string> = {\n  right:\n    \"inset-y-0 right-0 h-full w-3/4 max-w-sm translate-x-full data-[state=open]:translate-x-0 border-l\",\n  left: \"inset-y-0 left-0 h-full w-3/4 max-w-sm -translate-x-full data-[state=open]:translate-x-0 border-r\",\n  top: \"inset-x-0 top-0 w-full -translate-y-full data-[state=open]:translate-y-0 border-b\",\n  bottom:\n    \"inset-x-0 bottom-0 w-full translate-y-full data-[state=open]:translate-y-0 border-t\",\n};\n\nexport interface SheetContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  side?: SheetSide;\n}\n\nconst SheetContent = React.forwardRef<HTMLDivElement, SheetContentProps>(\n  ({ side = \"right\", className, children, ...props }, ref) => {\n    const ctx = useSheetContext();\n    const panelRef = React.useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, panelRef);\n\n    useFocusTrap(panelRef, ctx.open);\n    useScrollLock(ctx.open);\n    useModalTitleWarning(\"Sheet\", ctx.titleId, ctx.open);\n    useEscapeKey(() => ctx.onOpenChange(false), ctx.open);\n\n    if (!ctx.open) return null;\n\n    return (\n      <Portal>\n        <div\n          className={cn(\n            \"fixed inset-0 z-(--nuka-z-modal)\",\n            \"bg-(--nuka-bg-overlay)\",\n            \"data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]\",\n          )}\n          data-state=\"open\"\n          onClick={() => ctx.onOpenChange(false)}\n          aria-hidden=\"true\"\n        />\n        <div\n          ref={composedRef}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={ctx.titleId}\n          aria-describedby={ctx.hasDescription ? ctx.descriptionId : undefined}\n          tabIndex={-1}\n          data-state=\"open\"\n          data-side={side}\n          className={cn(\n            \"fixed z-(--nuka-z-modal)\",\n            \"bg-(--nuka-bg-base) border-(--nuka-border-base) shadow-md\",\n            \"p-(--space-6)\",\n            \"transition-transform duration-300 ease-in-out\",\n            \"motion-reduce:transition-none\",\n            // Programmatic focus via useFocusTrap; :focus-visible does not activate, so this is inert\n            \"focus-visible:outline-none\",\n            sideClasses[side],\n            className,\n          )}\n          {...props}\n        >\n          <DismissButton\n            onClick={() => ctx.onOpenChange(false)}\n            label=\"Close sheet\"\n            className=\"absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)\"\n          />\n          {children}\n        </div>\n      </Portal>\n    );\n  },\n);\n\nSheetContent.displayName = \"SheetContent\";\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetContent,\n  SheetTitle,\n  SheetDescription,\n  SheetClose,\n};\n"],"mappings":";;;;;;;;;;;;;AA2BA,IAAM,EACJ,MAAM,GACN,SAAS,GACT,OAAO,GACP,aAAa,GACb,OAAO,MACL,EAAqB;CACvB,mBAAmB;CACnB,YAAY;CACZ,SAAS;CACT,YAAY;CACb,CAAC,EAQI,IAAyC;CAC7C,OACE;CACF,MAAM;CACN,KAAK;CACL,QACE;CACH,EAMK,IAAe,EAAM,YACxB,EAAE,UAAO,SAAS,cAAW,aAAU,GAAG,KAAS,MAAQ;CAC1D,IAAM,IAAM,GAAiB,EACvB,IAAW,EAAM,OAAuB,KAAK,EAC7C,IAAc,EAAY,GAAK,EAAS;AAS9C,QAPA,EAAa,GAAU,EAAI,KAAK,EAChC,EAAc,EAAI,KAAK,EACvB,EAAqB,SAAS,EAAI,SAAS,EAAI,KAAK,EACpD,QAAmB,EAAI,aAAa,GAAM,EAAE,EAAI,KAAK,EAEhD,EAAI,OAGP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;EACE,WAAW,EACT,oCACA,0BACA,uEACD;EACD,cAAW;EACX,eAAe,EAAI,aAAa,GAAM;EACtC,eAAY;EACZ,CAAA,EACF,kBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAW;EACX,mBAAiB,EAAI;EACrB,oBAAkB,EAAI,iBAAiB,EAAI,gBAAgB,KAAA;EAC3D,UAAU;EACV,cAAW;EACX,aAAW;EACX,WAAW,EACT,4BACA,6DACA,iBACA,iDACA,iCAEA,8BACA,EAAY,IACZ,EACD;EACD,GAAI;YApBN,CAsBE,kBAAC,GAAD;GACE,eAAe,EAAI,aAAa,GAAM;GACtC,OAAM;GACN,WAAU;GACV,CAAA,EACD,EACG;IACC,EAAA,CAAA,GA3CW;EA8CzB;AAED,EAAa,cAAc"}
+{"version":3,"file":"Sheet.js","names":[],"sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { useFocusTrap } from \"@nuka/hooks/use-focus-trap\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport {\n  createModalPrimitive,\n  useEscapeKey,\n} from \"@nuka/utils/modal-primitive\";\nimport { useModalTitleWarning } from \"@nuka/hooks/use-modal-title-warning\";\nimport type {\n  ModalRootProps,\n  ModalTriggerProps,\n  ModalTitleProps,\n  ModalDescriptionProps,\n  ModalCloseProps,\n} from \"@nuka/utils/modal-primitive\";\nimport {\n  SheetContext,\n  useSheetContext,\n} from \"@nuka/components/Sheet/Sheet.context\";\n\nexport type SheetSide = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nconst {\n  Root: Sheet,\n  Trigger: SheetTrigger,\n  Title: SheetTitle,\n  Description: SheetDescription,\n  Close: SheetClose,\n} = createModalPrimitive({\n  displayNamePrefix: \"Sheet\",\n  closeLabel: \"Close sheet\",\n  Context: SheetContext,\n  useContext: useSheetContext,\n});\n\nexport type SheetProps = ModalRootProps;\nexport type SheetTriggerProps = ModalTriggerProps;\nexport type SheetTitleProps = ModalTitleProps;\nexport type SheetDescriptionProps = ModalDescriptionProps;\nexport type SheetCloseProps = ModalCloseProps;\n\nconst sideClasses: Record<SheetSide, string> = {\n  right:\n    \"inset-y-0 right-0 h-full w-3/4 max-w-sm translate-x-full data-[state=open]:translate-x-0 border-l\",\n  left: \"inset-y-0 left-0 h-full w-3/4 max-w-sm -translate-x-full data-[state=open]:translate-x-0 border-r\",\n  top: \"inset-x-0 top-0 w-full -translate-y-full data-[state=open]:translate-y-0 border-b\",\n  bottom:\n    \"inset-x-0 bottom-0 w-full translate-y-full data-[state=open]:translate-y-0 border-t\",\n};\n\nexport interface SheetContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  side?: SheetSide;\n}\n\nfunction SheetContent({\n  ref,\n  side = \"right\",\n  className,\n  children,\n  ...props\n}: SheetContentProps) {\n  const ctx = useSheetContext();\n  const panelRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, panelRef);\n\n  useFocusTrap(panelRef, ctx.open);\n  useScrollLock(ctx.open);\n  useModalTitleWarning(\"Sheet\", ctx.titleId, ctx.open);\n  useEscapeKey(() => ctx.onOpenChange(false), ctx.open);\n\n  if (!ctx.open) return null;\n\n  return (\n    <Portal>\n      <div\n        className={cn(\n          \"fixed inset-0 z-(--nuka-z-modal)\",\n          \"bg-(--nuka-bg-overlay)\",\n          \"data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]\",\n        )}\n        data-state=\"open\"\n        onClick={() => ctx.onOpenChange(false)}\n        aria-hidden=\"true\"\n      />\n      <div\n        ref={composedRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={ctx.titleId}\n        aria-describedby={ctx.hasDescription ? ctx.descriptionId : undefined}\n        tabIndex={-1}\n        data-state=\"open\"\n        data-side={side}\n        className={cn(\n          \"fixed z-(--nuka-z-modal)\",\n          \"bg-(--nuka-bg-base) border-(--nuka-border-base) shadow-md\",\n          \"p-(--space-6)\",\n          \"transition-transform duration-300 ease-in-out\",\n          \"motion-reduce:transition-none\",\n          // Programmatic focus via useFocusTrap; :focus-visible does not activate, so this is inert\n          \"focus-visible:outline-none\",\n          sideClasses[side],\n          className,\n        )}\n        {...props}\n      >\n        <DismissButton\n          onClick={() => ctx.onOpenChange(false)}\n          label=\"Close sheet\"\n          className=\"absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)\"\n        />\n        {children}\n      </div>\n    </Portal>\n  );\n}\n\nSheetContent.displayName = \"SheetContent\";\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetContent,\n  SheetTitle,\n  SheetDescription,\n  SheetClose,\n};\n"],"mappings":";;;;;;;;;;;;;;AA2BA,IAAM,EACJ,MAAM,GACN,SAAS,GACT,OAAO,GACP,aAAa,GACb,OAAO,MACL,EAAqB;CACvB,mBAAmB;CACnB,YAAY;CACZ,SAAS;CACT,YAAY;CACb,CAAC,EAQI,IAAyC;CAC7C,OACE;CACF,MAAM;CACN,KAAK;CACL,QACE;CACH;AAOD,SAAS,EAAa,EACpB,QACA,UAAO,SACP,cACA,aACA,GAAG,KACiB;CACpB,IAAM,IAAM,GAAiB,EACvB,IAAW,EAAM,OAAuB,KAAK,EAC7C,IAAc,EAAY,GAAK,EAAS;AAS9C,QAPA,EAAa,GAAU,EAAI,KAAK,EAChC,EAAc,EAAI,KAAK,EACvB,EAAqB,SAAS,EAAI,SAAS,EAAI,KAAK,EACpD,QAAmB,EAAI,aAAa,GAAM,EAAE,EAAI,KAAK,EAEhD,EAAI,OAGP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;EACE,WAAW,EACT,oCACA,0BACA,uEACD;EACD,cAAW;EACX,eAAe,EAAI,aAAa,GAAM;EACtC,eAAY;EACZ,CAAA,EACF,kBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAW;EACX,mBAAiB,EAAI;EACrB,oBAAkB,EAAI,iBAAiB,EAAI,gBAAgB,KAAA;EAC3D,UAAU;EACV,cAAW;EACX,aAAW;EACX,WAAW,EACT,4BACA,6DACA,iBACA,iDACA,iCAEA,8BACA,EAAY,IACZ,EACD;EACD,GAAI;YApBN,CAsBE,kBAAC,GAAD;GACE,eAAe,EAAI,aAAa,GAAM;GACtC,OAAM;GACN,WAAU;GACV,CAAA,EACD,EACG;IACC,EAAA,CAAA,GA3CW;;AA+CxB,EAAa,cAAc"}

package/dist/components/Sidebar/Sidebar.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Sheet/Sheet.cjs`),r=require(`./Sidebar.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({className:e,children:i,...o},s)=>{let{expanded:c,isMobile:l,mobileOpen:u,setMobileOpen:d}=r.useSidebarContext();return l?(0,a.jsx)(n.Sheet,{open:u,onOpenChange:d,children:(0,a.jsxs)(n.SheetContent,{side:`left`,className:`w-72 p-0`,children:[(0,a.jsx)(n.SheetTitle,{className:`sr-only`,children:`Navigation`}),(0,a.jsx)(n.SheetDescription,{className:`sr-only`,children:`Main navigation menu`}),(0,a.jsx)(`div`,{className:`flex h-full flex-col`,...o,children:i})]})}):(0,a.jsx)(`aside`,{ref:s,"data-expanded":c?``:void 0,"data-collapsed":c?void 0:``,className:t.cn(`flex h-full flex-col`,`border-r border-(--nuka-border-base)`,`bg-(--nuka-bg-base)`,`transition-[width] duration-200 ease-in-out`,`motion-reduce:transition-none`,`overflow-hidden shrink-0`,c?`w-64`:`w-14`,e),...o,children:i})});o.displayName=`Sidebar`,exports.Sidebar=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Sheet/Sheet.cjs`),r=require(`./Sidebar.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,className:i,children:o,...s}){let{expanded:c,isMobile:l,mobileOpen:u,setMobileOpen:d}=r.useSidebarContext();return l?(0,a.jsx)(n.Sheet,{open:u,onOpenChange:d,children:(0,a.jsxs)(n.SheetContent,{side:`left`,className:`w-72 p-0`,children:[(0,a.jsx)(n.SheetTitle,{className:`sr-only`,children:`Navigation`}),(0,a.jsx)(n.SheetDescription,{className:`sr-only`,children:`Main navigation menu`}),(0,a.jsx)(`div`,{className:`flex h-full flex-col`,...s,children:o})]})}):(0,a.jsx)(`aside`,{ref:e,"data-expanded":c?``:void 0,"data-collapsed":c?void 0:``,className:t.cn(`flex h-full flex-col`,`border-r border-(--nuka-border-base)`,`bg-(--nuka-bg-base)`,`transition-[width] duration-200 ease-in-out`,`motion-reduce:transition-none`,`overflow-hidden shrink-0`,c?`w-64`:`w-14`,i),...s,children:o})}o.displayName=`Sidebar`,exports.Sidebar=o;
 //# sourceMappingURL=Sidebar.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.cjs","names":[],"sources":["../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetTitle,\n  SheetDescription,\n} from \"@nuka/components/Sheet\";\n\nexport interface SidebarProps extends React.HTMLAttributes<HTMLElement> {}\n\nconst Sidebar = React.forwardRef<HTMLElement, SidebarProps>(\n  ({ className, children, ...props }, ref) => {\n    const { expanded, isMobile, mobileOpen, setMobileOpen } =\n      useSidebarContext();\n\n    if (isMobile) {\n      return (\n        <Sheet open={mobileOpen} onOpenChange={setMobileOpen}>\n          {/* w-72 (288px): layout-specific width, no matching design token */}\n          <SheetContent side=\"left\" className=\"w-72 p-0\">\n            <SheetTitle className=\"sr-only\">Navigation</SheetTitle>\n            <SheetDescription className=\"sr-only\">\n              Main navigation menu\n            </SheetDescription>\n            <div className=\"flex h-full flex-col\" {...props}>\n              {children}\n            </div>\n          </SheetContent>\n        </Sheet>\n      );\n    }\n\n    return (\n      <aside\n        ref={ref}\n        data-expanded={expanded ? \"\" : undefined}\n        data-collapsed={!expanded ? \"\" : undefined}\n        className={cn(\n          \"flex h-full flex-col\",\n          \"border-r border-(--nuka-border-base)\",\n          \"bg-(--nuka-bg-base)\",\n          \"transition-[width] duration-200 ease-in-out\",\n          \"motion-reduce:transition-none\",\n          \"overflow-hidden shrink-0\",\n          // w-64 (256px) expanded, w-14 (56px) collapsed: layout-specific widths, no matching design tokens\n          expanded ? \"w-64\" : \"w-14\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </aside>\n    );\n  },\n);\n\nSidebar.displayName = \"Sidebar\";\n\nexport { Sidebar };\n"],"mappings":"mPAaA,IAAM,EAAU,EAAM,YACnB,CAAE,YAAW,WAAU,GAAG,GAAS,IAAQ,CAC1C,GAAM,CAAE,WAAU,WAAU,aAAY,iBACtC,EAAA,mBAAmB,CAmBrB,OAjBI,GAEA,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,KAAM,EAAY,aAAc,YAErC,EAAA,EAAA,MAAC,EAAA,aAAD,CAAc,KAAK,OAAO,UAAU,oBAApC,EACE,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,UAAU,mBAAU,aAAuB,CAAA,EACvD,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAkB,UAAU,mBAAU,uBAEnB,CAAA,EACnB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uBAAuB,GAAI,EACvC,WACG,CAAA,CACO,GACT,CAAA,EAKV,EAAA,EAAA,KAAC,QAAD,CACO,MACL,gBAAe,EAAW,GAAK,IAAA,GAC/B,iBAAiB,EAAgB,IAAA,GAAL,GAC5B,UAAW,EAAA,GACT,uBACA,uCACA,sBACA,8CACA,gCACA,2BAEA,EAAW,OAAS,OACpB,EACD,CACD,GAAI,EAEH,WACK,CAAA,EAGb,CAED,EAAQ,YAAc"}
+{"version":3,"file":"Sidebar.cjs","names":[],"sources":["../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetTitle,\n  SheetDescription,\n} from \"@nuka/components/Sheet\";\n\nexport interface SidebarProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction Sidebar({ ref, className, children, ...props }: SidebarProps) {\n  const { expanded, isMobile, mobileOpen, setMobileOpen } = useSidebarContext();\n\n  if (isMobile) {\n    return (\n      <Sheet open={mobileOpen} onOpenChange={setMobileOpen}>\n        {/* w-72 (288px): layout-specific width, no matching design token */}\n        <SheetContent side=\"left\" className=\"w-72 p-0\">\n          <SheetTitle className=\"sr-only\">Navigation</SheetTitle>\n          <SheetDescription className=\"sr-only\">\n            Main navigation menu\n          </SheetDescription>\n          <div className=\"flex h-full flex-col\" {...props}>\n            {children}\n          </div>\n        </SheetContent>\n      </Sheet>\n    );\n  }\n\n  return (\n    <aside\n      ref={ref}\n      data-expanded={expanded ? \"\" : undefined}\n      data-collapsed={!expanded ? \"\" : undefined}\n      className={cn(\n        \"flex h-full flex-col\",\n        \"border-r border-(--nuka-border-base)\",\n        \"bg-(--nuka-bg-base)\",\n        \"transition-[width] duration-200 ease-in-out\",\n        \"motion-reduce:transition-none\",\n        \"overflow-hidden shrink-0\",\n        // w-64 (256px) expanded, w-14 (56px) collapsed: layout-specific widths, no matching design tokens\n        expanded ? \"w-64\" : \"w-14\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </aside>\n  );\n}\n\nSidebar.displayName = \"Sidebar\";\n\nexport { Sidebar };\n"],"mappings":"mPAeA,SAAS,EAAQ,CAAE,MAAK,YAAW,WAAU,GAAG,GAAuB,CACrE,GAAM,CAAE,WAAU,WAAU,aAAY,iBAAkB,EAAA,mBAAmB,CAmB7E,OAjBI,GAEA,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,KAAM,EAAY,aAAc,YAErC,EAAA,EAAA,MAAC,EAAA,aAAD,CAAc,KAAK,OAAO,UAAU,oBAApC,EACE,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,UAAU,mBAAU,aAAuB,CAAA,EACvD,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAkB,UAAU,mBAAU,uBAEnB,CAAA,EACnB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uBAAuB,GAAI,EACvC,WACG,CAAA,CACO,GACT,CAAA,EAKV,EAAA,EAAA,KAAC,QAAD,CACO,MACL,gBAAe,EAAW,GAAK,IAAA,GAC/B,iBAAiB,EAAgB,IAAA,GAAL,GAC5B,UAAW,EAAA,GACT,uBACA,uCACA,sBACA,8CACA,gCACA,2BAEA,EAAW,OAAS,OACpB,EACD,CACD,GAAI,EAEH,WACK,CAAA,CAIZ,EAAQ,YAAc"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;CAAG;AAE1E,QAAA,MAAM,OAAO,kFA4CZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACrE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;CAC1C;AAED,iBAAS,OAAO,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAyCpE;kBAzCQ,OAAO;;;AA6ChB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Sidebar/Sidebar.js

@@ -2,44 +2,44 @@
 import { cn as e } from "../../utils/cn.js";
 import { Sheet as t, SheetContent as n, SheetDescription as r, SheetTitle as i } from "../Sheet/Sheet.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/Sidebar.tsx
-var l = o.forwardRef(({ className: o, children: l, ...u }, d) => {
+function c({ ref: c, className: l, children: u, ...d }) {
 	let { expanded: f, isMobile: p, mobileOpen: m, setMobileOpen: h } = a();
-	return p ? /* @__PURE__ */ s(t, {
+	return p ? /* @__PURE__ */ o(t, {
 		open: m,
 		onOpenChange: h,
-		children: /* @__PURE__ */ c(n, {
+		children: /* @__PURE__ */ s(n, {
 			side: "left",
 			className: "w-72 p-0",
 			children: [
-				/* @__PURE__ */ s(i, {
+				/* @__PURE__ */ o(i, {
 					className: "sr-only",
 					children: "Navigation"
 				}),
-				/* @__PURE__ */ s(r, {
+				/* @__PURE__ */ o(r, {
 					className: "sr-only",
 					children: "Main navigation menu"
 				}),
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ o("div", {
 					className: "flex h-full flex-col",
-					...u,
-					children: l
+					...d,
+					children: u
 				})
 			]
 		})
-	}) : /* @__PURE__ */ s("aside", {
-		ref: d,
+	}) : /* @__PURE__ */ o("aside", {
+		ref: c,
 		"data-expanded": f ? "" : void 0,
 		"data-collapsed": f ? void 0 : "",
-		className: e("flex h-full flex-col", "border-r border-(--nuka-border-base)", "bg-(--nuka-bg-base)", "transition-[width] duration-200 ease-in-out", "motion-reduce:transition-none", "overflow-hidden shrink-0", f ? "w-64" : "w-14", o),
-		...u,
-		children: l
+		className: e("flex h-full flex-col", "border-r border-(--nuka-border-base)", "bg-(--nuka-bg-base)", "transition-[width] duration-200 ease-in-out", "motion-reduce:transition-none", "overflow-hidden shrink-0", f ? "w-64" : "w-14", l),
+		...d,
+		children: u
 	});
-});
-l.displayName = "Sidebar";
+}
+c.displayName = "Sidebar";
 //#endregion
-export { l as Sidebar };
+export { c as Sidebar };
 
 //# sourceMappingURL=Sidebar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","names":[],"sources":["../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetTitle,\n  SheetDescription,\n} from \"@nuka/components/Sheet\";\n\nexport interface SidebarProps extends React.HTMLAttributes<HTMLElement> {}\n\nconst Sidebar = React.forwardRef<HTMLElement, SidebarProps>(\n  ({ className, children, ...props }, ref) => {\n    const { expanded, isMobile, mobileOpen, setMobileOpen } =\n      useSidebarContext();\n\n    if (isMobile) {\n      return (\n        <Sheet open={mobileOpen} onOpenChange={setMobileOpen}>\n          {/* w-72 (288px): layout-specific width, no matching design token */}\n          <SheetContent side=\"left\" className=\"w-72 p-0\">\n            <SheetTitle className=\"sr-only\">Navigation</SheetTitle>\n            <SheetDescription className=\"sr-only\">\n              Main navigation menu\n            </SheetDescription>\n            <div className=\"flex h-full flex-col\" {...props}>\n              {children}\n            </div>\n          </SheetContent>\n        </Sheet>\n      );\n    }\n\n    return (\n      <aside\n        ref={ref}\n        data-expanded={expanded ? \"\" : undefined}\n        data-collapsed={!expanded ? \"\" : undefined}\n        className={cn(\n          \"flex h-full flex-col\",\n          \"border-r border-(--nuka-border-base)\",\n          \"bg-(--nuka-bg-base)\",\n          \"transition-[width] duration-200 ease-in-out\",\n          \"motion-reduce:transition-none\",\n          \"overflow-hidden shrink-0\",\n          // w-64 (256px) expanded, w-14 (56px) collapsed: layout-specific widths, no matching design tokens\n          expanded ? \"w-64\" : \"w-14\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </aside>\n    );\n  },\n);\n\nSidebar.displayName = \"Sidebar\";\n\nexport { Sidebar };\n"],"mappings":";;;;;;;AAaA,IAAM,IAAU,EAAM,YACnB,EAAE,cAAW,aAAU,GAAG,KAAS,MAAQ;CAC1C,IAAM,EAAE,aAAU,aAAU,eAAY,qBACtC,GAAmB;AAmBrB,QAjBI,IAEA,kBAAC,GAAD;EAAO,MAAM;EAAY,cAAc;YAErC,kBAAC,GAAD;GAAc,MAAK;GAAO,WAAU;aAApC;IACE,kBAAC,GAAD;KAAY,WAAU;eAAU;KAAuB,CAAA;IACvD,kBAAC,GAAD;KAAkB,WAAU;eAAU;KAEnB,CAAA;IACnB,kBAAC,OAAD;KAAK,WAAU;KAAuB,GAAI;KACvC;KACG,CAAA;IACO;;EACT,CAAA,GAKV,kBAAC,SAAD;EACO;EACL,iBAAe,IAAW,KAAK,KAAA;EAC/B,kBAAiB,IAAgB,KAAA,IAAL;EAC5B,WAAW,EACT,wBACA,wCACA,uBACA,+CACA,iCACA,4BAEA,IAAW,SAAS,QACpB,EACD;EACD,GAAI;EAEH;EACK,CAAA;EAGb;AAED,EAAQ,cAAc"}
+{"version":3,"file":"Sidebar.js","names":[],"sources":["../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetTitle,\n  SheetDescription,\n} from \"@nuka/components/Sheet\";\n\nexport interface SidebarProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction Sidebar({ ref, className, children, ...props }: SidebarProps) {\n  const { expanded, isMobile, mobileOpen, setMobileOpen } = useSidebarContext();\n\n  if (isMobile) {\n    return (\n      <Sheet open={mobileOpen} onOpenChange={setMobileOpen}>\n        {/* w-72 (288px): layout-specific width, no matching design token */}\n        <SheetContent side=\"left\" className=\"w-72 p-0\">\n          <SheetTitle className=\"sr-only\">Navigation</SheetTitle>\n          <SheetDescription className=\"sr-only\">\n            Main navigation menu\n          </SheetDescription>\n          <div className=\"flex h-full flex-col\" {...props}>\n            {children}\n          </div>\n        </SheetContent>\n      </Sheet>\n    );\n  }\n\n  return (\n    <aside\n      ref={ref}\n      data-expanded={expanded ? \"\" : undefined}\n      data-collapsed={!expanded ? \"\" : undefined}\n      className={cn(\n        \"flex h-full flex-col\",\n        \"border-r border-(--nuka-border-base)\",\n        \"bg-(--nuka-bg-base)\",\n        \"transition-[width] duration-200 ease-in-out\",\n        \"motion-reduce:transition-none\",\n        \"overflow-hidden shrink-0\",\n        // w-64 (256px) expanded, w-14 (56px) collapsed: layout-specific widths, no matching design tokens\n        expanded ? \"w-64\" : \"w-14\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </aside>\n  );\n}\n\nSidebar.displayName = \"Sidebar\";\n\nexport { Sidebar };\n"],"mappings":";;;;;;;AAeA,SAAS,EAAQ,EAAE,QAAK,cAAW,aAAU,GAAG,KAAuB;CACrE,IAAM,EAAE,aAAU,aAAU,eAAY,qBAAkB,GAAmB;AAmB7E,QAjBI,IAEA,kBAAC,GAAD;EAAO,MAAM;EAAY,cAAc;YAErC,kBAAC,GAAD;GAAc,MAAK;GAAO,WAAU;aAApC;IACE,kBAAC,GAAD;KAAY,WAAU;eAAU;KAAuB,CAAA;IACvD,kBAAC,GAAD;KAAkB,WAAU;eAAU;KAEnB,CAAA;IACnB,kBAAC,OAAD;KAAK,WAAU;KAAuB,GAAI;KACvC;KACG,CAAA;IACO;;EACT,CAAA,GAKV,kBAAC,SAAD;EACO;EACL,iBAAe,IAAW,KAAK,KAAA;EAC/B,kBAAiB,IAAgB,KAAA,IAAL;EAC5B,WAAW,EACT,wBACA,wCACA,uBACA,+CACA,iCACA,4BAEA,IAAW,SAAS,QACpB,EACD;EACD,GAAI;EAEH;EACK,CAAA;;AAIZ,EAAQ,cAAc"}

package/dist/components/Sidebar/SidebarContent.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)(`div`,{ref:i,className:t.cn(`flex-1 overflow-y-auto px-(--space-2) py-(--space-2)`,e),...n}));i.displayName=`SidebarContent`,exports.SidebarContent=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)(`div`,{ref:e,className:t.cn(`flex-1 overflow-y-auto px-(--space-2) py-(--space-2)`,n),...i})}i.displayName=`SidebarContent`,exports.SidebarContent=i;
 //# sourceMappingURL=SidebarContent.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarContent.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SidebarContent = React.forwardRef<HTMLDivElement, SidebarContentProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex-1 overflow-y-auto px-(--space-2) py-(--space-2)\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nSidebarContent.displayName = \"SidebarContent\";\n\nexport { SidebarContent };\n"],"mappings":"gLAMA,IAAM,EAAiB,EAAM,YAC1B,CAAE,YAAW,GAAG,GAAS,KACxB,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,uDACA,EACD,CACD,GAAI,EACJ,CAAA,CAEL,CAED,EAAe,YAAc"}
+{"version":3,"file":"SidebarContent.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction SidebarContent({ ref, className, ...props }: SidebarContentProps) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex-1 overflow-y-auto px-(--space-2) py-(--space-2)\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nSidebarContent.displayName = \"SidebarContent\";\n\nexport { SidebarContent };\n"],"mappings":"gLAQA,SAAS,EAAe,CAAE,MAAK,YAAW,GAAG,GAA8B,CACzE,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,uDACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAe,YAAc"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarContent.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpF,QAAA,MAAM,cAAc,4FAWnB,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"SidebarContent.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAWxE;kBAXQ,cAAc;;;AAevB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Sidebar/SidebarContent.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/SidebarContent.tsx
-var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
-	ref: i,
-	className: e("flex-1 overflow-y-auto px-(--space-2) py-(--space-2)", t),
-	...r
-}));
-r.displayName = "SidebarContent";
+function n({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		ref: n,
+		className: e("flex-1 overflow-y-auto px-(--space-2) py-(--space-2)", r),
+		...i
+	});
+}
+n.displayName = "SidebarContent";
 //#endregion
-export { r as SidebarContent };
+export { n as SidebarContent };
 
 //# sourceMappingURL=SidebarContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarContent.js","names":[],"sources":["../../../src/components/Sidebar/SidebarContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SidebarContent = React.forwardRef<HTMLDivElement, SidebarContentProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex-1 overflow-y-auto px-(--space-2) py-(--space-2)\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nSidebarContent.displayName = \"SidebarContent\";\n\nexport { SidebarContent };\n"],"mappings":";;;;;AAMA,IAAM,IAAiB,EAAM,YAC1B,EAAE,cAAW,GAAG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,WAAW,EACT,wDACA,EACD;CACD,GAAI;CACJ,CAAA,CAEL;AAED,EAAe,cAAc"}
+{"version":3,"file":"SidebarContent.js","names":[],"sources":["../../../src/components/Sidebar/SidebarContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction SidebarContent({ ref, className, ...props }: SidebarContentProps) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex-1 overflow-y-auto px-(--space-2) py-(--space-2)\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nSidebarContent.displayName = \"SidebarContent\";\n\nexport { SidebarContent };\n"],"mappings":";;;;;AAQA,SAAS,EAAe,EAAE,QAAK,cAAW,GAAG,KAA8B;AACzE,QACE,kBAAC,OAAD;EACO;EACL,WAAW,EACT,wDACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAe,cAAc"}

package/dist/components/Sidebar/SidebarFooter.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)(`div`,{ref:i,className:t.cn(`flex items-center gap-(--space-2) px-(--space-3) py-(--space-3)`,`border-t border-(--nuka-border-base)`,e),...n}));i.displayName=`SidebarFooter`,exports.SidebarFooter=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)(`div`,{ref:e,className:t.cn(`flex items-center gap-(--space-2) px-(--space-3) py-(--space-3)`,`border-t border-(--nuka-border-base)`,n),...i})}i.displayName=`SidebarFooter`,exports.SidebarFooter=i;
 //# sourceMappingURL=SidebarFooter.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarFooter.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarFooter.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SidebarFooter = React.forwardRef<HTMLDivElement, SidebarFooterProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-(--space-2) px-(--space-3) py-(--space-3)\",\n        \"border-t border-(--nuka-border-base)\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nSidebarFooter.displayName = \"SidebarFooter\";\n\nexport { SidebarFooter };\n"],"mappings":"gLAMA,IAAM,EAAgB,EAAM,YACzB,CAAE,YAAW,GAAG,GAAS,KACxB,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,kEACA,uCACA,EACD,CACD,GAAI,EACJ,CAAA,CAEL,CAED,EAAc,YAAc"}
+{"version":3,"file":"SidebarFooter.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarFooter.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction SidebarFooter({ ref, className, ...props }: SidebarFooterProps) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-(--space-2) px-(--space-3) py-(--space-3)\",\n        \"border-t border-(--nuka-border-base)\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nSidebarFooter.displayName = \"SidebarFooter\";\n\nexport { SidebarFooter };\n"],"mappings":"gLAQA,SAAS,EAAc,CAAE,MAAK,YAAW,GAAG,GAA6B,CACvE,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,kEACA,uCACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAc,YAAc"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarFooter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEnF,QAAA,MAAM,aAAa,2FAYlB,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"SidebarFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarFooter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,aAAa,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAYtE;kBAZQ,aAAa;;;AAgBtB,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Sidebar/SidebarFooter.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/SidebarFooter.tsx
-var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
-	ref: i,
-	className: e("flex items-center gap-(--space-2) px-(--space-3) py-(--space-3)", "border-t border-(--nuka-border-base)", t),
-	...r
-}));
-r.displayName = "SidebarFooter";
+function n({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		ref: n,
+		className: e("flex items-center gap-(--space-2) px-(--space-3) py-(--space-3)", "border-t border-(--nuka-border-base)", r),
+		...i
+	});
+}
+n.displayName = "SidebarFooter";
 //#endregion
-export { r as SidebarFooter };
+export { n as SidebarFooter };
 
 //# sourceMappingURL=SidebarFooter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarFooter.js","names":[],"sources":["../../../src/components/Sidebar/SidebarFooter.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SidebarFooter = React.forwardRef<HTMLDivElement, SidebarFooterProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-(--space-2) px-(--space-3) py-(--space-3)\",\n        \"border-t border-(--nuka-border-base)\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nSidebarFooter.displayName = \"SidebarFooter\";\n\nexport { SidebarFooter };\n"],"mappings":";;;;;AAMA,IAAM,IAAgB,EAAM,YACzB,EAAE,cAAW,GAAG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,WAAW,EACT,mEACA,wCACA,EACD;CACD,GAAI;CACJ,CAAA,CAEL;AAED,EAAc,cAAc"}
+{"version":3,"file":"SidebarFooter.js","names":[],"sources":["../../../src/components/Sidebar/SidebarFooter.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction SidebarFooter({ ref, className, ...props }: SidebarFooterProps) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-(--space-2) px-(--space-3) py-(--space-3)\",\n        \"border-t border-(--nuka-border-base)\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nSidebarFooter.displayName = \"SidebarFooter\";\n\nexport { SidebarFooter };\n"],"mappings":";;;;;AAQA,SAAS,EAAc,EAAE,QAAK,cAAW,GAAG,KAA6B;AACvE,QACE,kBAAC,OAAD;EACO;EACL,WAAW,EACT,mEACA,wCACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAc,cAAc"}

package/dist/components/Sidebar/SidebarGroup.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)(`div`,{ref:i,className:t.cn(`py-(--space-2)`,e),...n}));i.displayName=`SidebarGroup`,exports.SidebarGroup=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)(`div`,{ref:e,className:t.cn(`py-(--space-2)`,n),...i})}i.displayName=`SidebarGroup`,exports.SidebarGroup=i;
 //# sourceMappingURL=SidebarGroup.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroup.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarGroupProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SidebarGroup = React.forwardRef<HTMLDivElement, SidebarGroupProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"py-(--space-2)\", className)} {...props} />\n  ),\n);\n\nSidebarGroup.displayName = \"SidebarGroup\";\n\nexport { SidebarGroup };\n"],"mappings":"gLAMA,IAAM,EAAe,EAAM,YACxB,CAAE,YAAW,GAAG,GAAS,KACxB,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,UAAW,EAAA,GAAG,iBAAkB,EAAU,CAAE,GAAI,EAAS,CAAA,CAE3E,CAED,EAAa,YAAc"}
+{"version":3,"file":"SidebarGroup.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction SidebarGroup({ ref, className, ...props }: SidebarGroupProps) {\n  return (\n    <div ref={ref} className={cn(\"py-(--space-2)\", className)} {...props} />\n  );\n}\n\nSidebarGroup.displayName = \"SidebarGroup\";\n\nexport { SidebarGroup };\n"],"mappings":"gLAQA,SAAS,EAAa,CAAE,MAAK,YAAW,GAAG,GAA4B,CACrE,OACE,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,UAAW,EAAA,GAAG,iBAAkB,EAAU,CAAE,GAAI,EAAS,CAAA,CAI5E,EAAa,YAAc"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAElF,QAAA,MAAM,YAAY,0FAIjB,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"SidebarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAIpE;kBAJQ,YAAY;;;AAQrB,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Sidebar/SidebarGroup.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/SidebarGroup.tsx
-var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
-	ref: i,
-	className: e("py-(--space-2)", t),
-	...r
-}));
-r.displayName = "SidebarGroup";
+function n({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		ref: n,
+		className: e("py-(--space-2)", r),
+		...i
+	});
+}
+n.displayName = "SidebarGroup";
 //#endregion
-export { r as SidebarGroup };
+export { n as SidebarGroup };
 
 //# sourceMappingURL=SidebarGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroup.js","names":[],"sources":["../../../src/components/Sidebar/SidebarGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarGroupProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SidebarGroup = React.forwardRef<HTMLDivElement, SidebarGroupProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"py-(--space-2)\", className)} {...props} />\n  ),\n);\n\nSidebarGroup.displayName = \"SidebarGroup\";\n\nexport { SidebarGroup };\n"],"mappings":";;;;;AAMA,IAAM,IAAe,EAAM,YACxB,EAAE,cAAW,GAAG,KAAS,MACxB,kBAAC,OAAD;CAAU;CAAK,WAAW,EAAG,kBAAkB,EAAU;CAAE,GAAI;CAAS,CAAA,CAE3E;AAED,EAAa,cAAc"}
+{"version":3,"file":"SidebarGroup.js","names":[],"sources":["../../../src/components/Sidebar/SidebarGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction SidebarGroup({ ref, className, ...props }: SidebarGroupProps) {\n  return (\n    <div ref={ref} className={cn(\"py-(--space-2)\", className)} {...props} />\n  );\n}\n\nSidebarGroup.displayName = \"SidebarGroup\";\n\nexport { SidebarGroup };\n"],"mappings":";;;;;AAQA,SAAS,EAAa,EAAE,QAAK,cAAW,GAAG,KAA4B;AACrE,QACE,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAG,kBAAkB,EAAU;EAAE,GAAI;EAAS,CAAA;;AAI5E,EAAa,cAAc"}

package/dist/components/Sidebar/SidebarGroupLabel.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Text/Text.cjs`),r=require(`./Sidebar.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({className:e,...i},o)=>{let{expanded:s,isMobile:c}=r.useSidebarContext();return s||c?(0,a.jsx)(n.Text,{ref:o,as:`span`,size:`xs`,weight:`semibold`,color:`muted`,className:t.cn(`block px-(--space-3) py-(--space-1)`,e),...i}):null});o.displayName=`SidebarGroupLabel`,exports.SidebarGroupLabel=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Text/Text.cjs`),r=require(`./Sidebar.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,className:i,...o}){let{expanded:s,isMobile:c}=r.useSidebarContext();return s||c?(0,a.jsx)(n.Text,{ref:e,as:`span`,size:`xs`,weight:`semibold`,color:`muted`,className:t.cn(`block px-(--space-3) py-(--space-1)`,i),...o}):null}o.displayName=`SidebarGroupLabel`,exports.SidebarGroupLabel=o;
 //# sourceMappingURL=SidebarGroupLabel.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroupLabel.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarGroupLabel.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\n\nexport interface SidebarGroupLabelProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {}\n\nconst SidebarGroupLabel = React.forwardRef<HTMLElement, SidebarGroupLabelProps>(\n  ({ className, ...props }, ref) => {\n    const { expanded, isMobile } = useSidebarContext();\n    const isVisible = expanded || isMobile;\n\n    if (!isVisible) return null;\n\n    return (\n      <Text\n        ref={ref}\n        as=\"span\"\n        size=\"xs\"\n        weight=\"semibold\"\n        color=\"muted\"\n        className={cn(\"block px-(--space-3) py-(--space-1)\", className)}\n        {...props}\n      />\n    );\n  },\n);\n\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\";\n\nexport { SidebarGroupLabel };\n"],"mappings":"iPAWA,IAAM,EAAoB,EAAM,YAC7B,CAAE,YAAW,GAAG,GAAS,IAAQ,CAChC,GAAM,CAAE,WAAU,YAAa,EAAA,mBAAmB,CAKlD,OAJkB,GAAY,GAK5B,EAAA,EAAA,KAAC,EAAA,KAAD,CACO,MACL,GAAG,OACH,KAAK,KACL,OAAO,WACP,MAAM,QACN,UAAW,EAAA,GAAG,sCAAuC,EAAU,CAC/D,GAAI,EACJ,CAAA,CAXmB,MAc1B,CAED,EAAkB,YAAc"}
+{"version":3,"file":"SidebarGroupLabel.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarGroupLabel.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\n\nexport interface SidebarGroupLabelProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction SidebarGroupLabel({\n  ref,\n  className,\n  ...props\n}: SidebarGroupLabelProps) {\n  const { expanded, isMobile } = useSidebarContext();\n  const isVisible = expanded || isMobile;\n\n  if (!isVisible) return null;\n\n  return (\n    <Text\n      ref={ref}\n      as=\"span\"\n      size=\"xs\"\n      weight=\"semibold\"\n      color=\"muted\"\n      className={cn(\"block px-(--space-3) py-(--space-1)\", className)}\n      {...props}\n    />\n  );\n}\n\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\";\n\nexport { SidebarGroupLabel };\n"],"mappings":"iPAaA,SAAS,EAAkB,CACzB,MACA,YACA,GAAG,GACsB,CACzB,GAAM,CAAE,WAAU,YAAa,EAAA,mBAAmB,CAKlD,OAJkB,GAAY,GAK5B,EAAA,EAAA,KAAC,EAAA,KAAD,CACO,MACL,GAAG,OACH,KAAK,KACL,OAAO,WACP,MAAM,QACN,UAAW,EAAA,GAAG,sCAAuC,EAAU,CAC/D,GAAI,EACJ,CAAA,CAXmB,KAezB,EAAkB,YAAc"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroupLabel.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarGroupLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,OAAO,CACR;CAAG;AAEJ,QAAA,MAAM,iBAAiB,4FAmBtB,CAAC;AAIF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"SidebarGroupLabel.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarGroupLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,OAAO,CACR;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;CAC1C;AAED,iBAAS,iBAAiB,CAAC,EACzB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,kDAiBxB;kBArBQ,iBAAiB;;;AAyB1B,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/Sidebar/SidebarGroupLabel.js

@@ -2,23 +2,23 @@
 import { cn as e } from "../../utils/cn.js";
 import { Text as t } from "../Text/Text.js";
 import { useSidebarContext as n } from "./Sidebar.context.js";
-import * as r from "react";
-import { jsx as i } from "react/jsx-runtime";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/components/Sidebar/SidebarGroupLabel.tsx
-var a = r.forwardRef(({ className: r, ...a }, o) => {
+function i({ ref: i, className: a, ...o }) {
 	let { expanded: s, isMobile: c } = n();
-	return s || c ? /* @__PURE__ */ i(t, {
-		ref: o,
+	return s || c ? /* @__PURE__ */ r(t, {
+		ref: i,
 		as: "span",
 		size: "xs",
 		weight: "semibold",
 		color: "muted",
-		className: e("block px-(--space-3) py-(--space-1)", r),
-		...a
+		className: e("block px-(--space-3) py-(--space-1)", a),
+		...o
 	}) : null;
-});
-a.displayName = "SidebarGroupLabel";
+}
+i.displayName = "SidebarGroupLabel";
 //#endregion
-export { a as SidebarGroupLabel };
+export { i as SidebarGroupLabel };
 
 //# sourceMappingURL=SidebarGroupLabel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroupLabel.js","names":[],"sources":["../../../src/components/Sidebar/SidebarGroupLabel.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\n\nexport interface SidebarGroupLabelProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {}\n\nconst SidebarGroupLabel = React.forwardRef<HTMLElement, SidebarGroupLabelProps>(\n  ({ className, ...props }, ref) => {\n    const { expanded, isMobile } = useSidebarContext();\n    const isVisible = expanded || isMobile;\n\n    if (!isVisible) return null;\n\n    return (\n      <Text\n        ref={ref}\n        as=\"span\"\n        size=\"xs\"\n        weight=\"semibold\"\n        color=\"muted\"\n        className={cn(\"block px-(--space-3) py-(--space-1)\", className)}\n        {...props}\n      />\n    );\n  },\n);\n\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\";\n\nexport { SidebarGroupLabel };\n"],"mappings":";;;;;;;AAWA,IAAM,IAAoB,EAAM,YAC7B,EAAE,cAAW,GAAG,KAAS,MAAQ;CAChC,IAAM,EAAE,aAAU,gBAAa,GAAmB;AAKlD,QAJkB,KAAY,IAK5B,kBAAC,GAAD;EACO;EACL,IAAG;EACH,MAAK;EACL,QAAO;EACP,OAAM;EACN,WAAW,EAAG,uCAAuC,EAAU;EAC/D,GAAI;EACJ,CAAA,GAXmB;EAc1B;AAED,EAAkB,cAAc"}
+{"version":3,"file":"SidebarGroupLabel.js","names":[],"sources":["../../../src/components/Sidebar/SidebarGroupLabel.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\n\nexport interface SidebarGroupLabelProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction SidebarGroupLabel({\n  ref,\n  className,\n  ...props\n}: SidebarGroupLabelProps) {\n  const { expanded, isMobile } = useSidebarContext();\n  const isVisible = expanded || isMobile;\n\n  if (!isVisible) return null;\n\n  return (\n    <Text\n      ref={ref}\n      as=\"span\"\n      size=\"xs\"\n      weight=\"semibold\"\n      color=\"muted\"\n      className={cn(\"block px-(--space-3) py-(--space-1)\", className)}\n      {...props}\n    />\n  );\n}\n\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\";\n\nexport { SidebarGroupLabel };\n"],"mappings":";;;;;;;AAaA,SAAS,EAAkB,EACzB,QACA,cACA,GAAG,KACsB;CACzB,IAAM,EAAE,aAAU,gBAAa,GAAmB;AAKlD,QAJkB,KAAY,IAK5B,kBAAC,GAAD;EACO;EACL,IAAG;EACH,MAAK;EACL,QAAO;EACP,OAAM;EACN,WAAW,EAAG,uCAAuC,EAAU;EAC/D,GAAI;EACJ,CAAA,GAXmB;;AAezB,EAAkB,cAAc"}

package/dist/components/Sidebar/SidebarHeader.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)(`div`,{ref:i,className:t.cn(`flex items-center gap-(--space-2) px-(--space-3) py-(--space-4)`,`border-b border-(--nuka-border-base)`,e),...n}));i.displayName=`SidebarHeader`,exports.SidebarHeader=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)(`div`,{ref:e,className:t.cn(`flex items-center gap-(--space-2) px-(--space-3) py-(--space-4)`,`border-b border-(--nuka-border-base)`,n),...i})}i.displayName=`SidebarHeader`,exports.SidebarHeader=i;
 //# sourceMappingURL=SidebarHeader.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarHeader.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarHeader.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SidebarHeader = React.forwardRef<HTMLDivElement, SidebarHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-(--space-2) px-(--space-3) py-(--space-4)\",\n        \"border-b border-(--nuka-border-base)\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nSidebarHeader.displayName = \"SidebarHeader\";\n\nexport { SidebarHeader };\n"],"mappings":"gLAMA,IAAM,EAAgB,EAAM,YACzB,CAAE,YAAW,GAAG,GAAS,KACxB,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,kEACA,uCACA,EACD,CACD,GAAI,EACJ,CAAA,CAEL,CAED,EAAc,YAAc"}
+{"version":3,"file":"SidebarHeader.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarHeader.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction SidebarHeader({ ref, className, ...props }: SidebarHeaderProps) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-(--space-2) px-(--space-3) py-(--space-4)\",\n        \"border-b border-(--nuka-border-base)\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nSidebarHeader.displayName = \"SidebarHeader\";\n\nexport { SidebarHeader };\n"],"mappings":"gLAQA,SAAS,EAAc,CAAE,MAAK,YAAW,GAAG,GAA6B,CACvE,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,kEACA,uCACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAc,YAAc"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEnF,QAAA,MAAM,aAAa,2FAYlB,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"SidebarHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,aAAa,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAYtE;kBAZQ,aAAa;;;AAgBtB,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Sidebar/SidebarHeader.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/SidebarHeader.tsx
-var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
-	ref: i,
-	className: e("flex items-center gap-(--space-2) px-(--space-3) py-(--space-4)", "border-b border-(--nuka-border-base)", t),
-	...r
-}));
-r.displayName = "SidebarHeader";
+function n({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		ref: n,
+		className: e("flex items-center gap-(--space-2) px-(--space-3) py-(--space-4)", "border-b border-(--nuka-border-base)", r),
+		...i
+	});
+}
+n.displayName = "SidebarHeader";
 //#endregion
-export { r as SidebarHeader };
+export { n as SidebarHeader };
 
 //# sourceMappingURL=SidebarHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarHeader.js","names":[],"sources":["../../../src/components/Sidebar/SidebarHeader.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SidebarHeader = React.forwardRef<HTMLDivElement, SidebarHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-(--space-2) px-(--space-3) py-(--space-4)\",\n        \"border-b border-(--nuka-border-base)\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nSidebarHeader.displayName = \"SidebarHeader\";\n\nexport { SidebarHeader };\n"],"mappings":";;;;;AAMA,IAAM,IAAgB,EAAM,YACzB,EAAE,cAAW,GAAG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,WAAW,EACT,mEACA,wCACA,EACD;CACD,GAAI;CACJ,CAAA,CAEL;AAED,EAAc,cAAc"}
+{"version":3,"file":"SidebarHeader.js","names":[],"sources":["../../../src/components/Sidebar/SidebarHeader.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction SidebarHeader({ ref, className, ...props }: SidebarHeaderProps) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-(--space-2) px-(--space-3) py-(--space-4)\",\n        \"border-b border-(--nuka-border-base)\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nSidebarHeader.displayName = \"SidebarHeader\";\n\nexport { SidebarHeader };\n"],"mappings":";;;;;AAQA,SAAS,EAAc,EAAE,QAAK,cAAW,GAAG,KAA6B;AACvE,QACE,kBAAC,OAAD;EACO;EACL,WAAW,EACT,mEACA,wCACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAc,cAAc"}

package/dist/components/Sidebar/SidebarInset.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Sidebar.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({className:e,...r},a)=>{let{isMobile:o}=n.useSidebarContext();return(0,i.jsx)(`div`,{ref:a,className:t.cn(`flex-1 overflow-auto`,!o&&`transition-[margin-left] duration-200 ease-in-out`,!o&&`motion-reduce:transition-none`,e),...r})});a.displayName=`SidebarInset`,exports.SidebarInset=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Sidebar.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:r,...a}){let{isMobile:o}=n.useSidebarContext();return(0,i.jsx)(`div`,{ref:e,className:t.cn(`flex-1 overflow-auto`,!o&&`transition-[margin-left] duration-200 ease-in-out`,!o&&`motion-reduce:transition-none`,r),...a})}a.displayName=`SidebarInset`,exports.SidebarInset=a;
 //# sourceMappingURL=SidebarInset.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarInset.cjs","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":"mNAOA,IAAM,EAAe,EAAM,YACxB,CAAE,YAAW,GAAG,GAAS,IAAQ,CAChC,GAAM,CAAE,YAAa,EAAA,mBAAmB,CAExC,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,uBACA,CAAC,GAAY,oDACb,CAAC,GAAY,gCACb,EACD,CACD,GAAI,EACJ,CAAA,EAGP,CAED,EAAa,YAAc"}
+{"version":3,"file":"SidebarInset.cjs","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":"mNASA,SAAS,EAAa,CAAE,MAAK,YAAW,GAAG,GAA4B,CACrE,GAAM,CAAE,YAAa,EAAA,mBAAmB,CAExC,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,uBACA,CAAC,GAAY,oDACb,CAAC,GAAY,gCACb,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAa,YAAc"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarInset.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarInset.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAElF,QAAA,MAAM,YAAY,0FAiBjB,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"SidebarInset.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarInset.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAepE;kBAfQ,YAAY;;;AAmBrB,OAAO,EAAE,YAAY,EAAE,CAAC"}