@tlglobal/ui 2.0.0 → 2.0.1

package/dist/chunk-RX5FOAD2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-RX5FOAD2.cjs","../src/components/drawer/Drawer.jsx"],"names":["Content","Title","Description","Footer"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AAClB,4BAAqC;AAM/B,+CAAA;AAHN,IAAM,QAAA,EAAU,eAAA,CAAM,UAAA,CAAW,SAASA,QAAAA,CAAQ,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AACxF,EAAA,uBACE,8BAAA,YAAC,CAAW,MAAA,EAAX,EACC,QAAA,EAAA;AAAA,oBAAA,6BAAA,YAAC,CAAW,OAAA,EAAX,EAAmB,SAAA,EAAU,0CAAA,CAA0C,CAAA;AAAA,oBACxE,8BAAA;AAAA,MAAC,YAAA,CAAW,OAAA;AAAA,MAAX;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,kCAAA;AAAA,UACT,kIAAA;AAAA,UACA;AAAA,QACF,CAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,6BAAA,YAAC,CAAW,MAAA,EAAX,EAAkB,SAAA,EAAU,iEAAA,CAAiE,CAAA;AAAA,0BAC9F,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,0BAAA,EAA4B,SAAA,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACtD;AAAA,EAAA,EAAA,CACF,CAAA;AAEJ,CAAC,CAAA;AAED,IAAM,MAAA,EAAQ,eAAA,CAAM,UAAA,CAAW,SAASC,MAAAA,CAAM,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AAC1E,EAAA,uBAAO,6BAAA,YAAC,CAAW,KAAA,EAAX,EAAiB,GAAA,EAAU,SAAA,EAAW,kCAAA,qCAAG,EAAuC,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AACjH,CAAC,CAAA;AAED,IAAM,YAAA,EAAc,eAAA,CAAM,UAAA,CAAW,SAASC,YAAAA,CAAY,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AACtF,EAAA,uBACE,6BAAA;AAAA,IAAC,YAAA,CAAW,WAAA;AAAA,IAAX;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,kCAAA,oDAAG,EAAsD,SAAS,CAAA;AAAA,MAC5E,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ,CAAC,CAAA;AAED,IAAM,OAAA,EAAS,eAAA,CAAM,UAAA,CAAW,SAASC,OAAAA,CAAO,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AAC5E,EAAA,uBAAO,6BAAA,KAAC,EAAA,EAAI,GAAA,EAAU,SAAA,EAAW,kCAAA,+BAAG,EAAiC,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AAC9F,CAAC,CAAA;AAEM,IAAM,OAAA,EAAS;AAAA,EACpB,IAAA,EAAM,YAAA,CAAW,IAAA;AAAA,EACjB,OAAA,EAAS,YAAA,CAAW,OAAA;AAAA,EACpB,KAAA,EAAO,YAAA,CAAW,KAAA;AAAA,EAClB,OAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA;ADKA;AACA;AACE;AACF,wBAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-RX5FOAD2.cjs","sourcesContent":[null,"import React from \"react\";\nimport { Drawer as VaulDrawer } from \"vaul\";\nimport { cn } from \"../../lib/cn.js\";\n\nconst Content = React.forwardRef(function Content({ className, children, ...props }, ref) {\n  return (\n    <VaulDrawer.Portal>\n      <VaulDrawer.Overlay className=\"fixed inset-0 z-[100] bg-neutral-900/40\" />\n      <VaulDrawer.Content\n        ref={ref}\n        className={cn(\n          \"fixed inset-x-0 bottom-0 z-[100] mt-24 flex max-h-[85vh] flex-col rounded-t-lg border border-border-default bg-bg-page shadow-md\",\n          className,\n        )}\n        {...props}\n      >\n        <VaulDrawer.Handle className=\"mx-auto mt-3 h-1.5 w-10 shrink-0 rounded-full bg-border-strong\" />\n        <div className=\"flex-1 overflow-auto p-6\">{children}</div>\n      </VaulDrawer.Content>\n    </VaulDrawer.Portal>\n  );\n});\n\nconst Title = React.forwardRef(function Title({ className, ...props }, ref) {\n  return <VaulDrawer.Title ref={ref} className={cn(\"text-lg font-bold text-text-primary\", className)} {...props} />;\n});\n\nconst Description = React.forwardRef(function Description({ className, ...props }, ref) {\n  return (\n    <VaulDrawer.Description\n      ref={ref}\n      className={cn(\"mt-2 text-base leading-relaxed text-text-secondary\", className)}\n      {...props}\n    />\n  );\n});\n\nconst Footer = React.forwardRef(function Footer({ className, ...props }, ref) {\n  return <div ref={ref} className={cn(\"mt-6 flex justify-end gap-2.5\", className)} {...props} />;\n});\n\nexport const Drawer = {\n  Root: VaulDrawer.Root,\n  Trigger: VaulDrawer.Trigger,\n  Close: VaulDrawer.Close,\n  Content,\n  Title,\n  Description,\n  Footer,\n};\n"]}

package/dist/{chunk-XMCP5ITG.cjs → chunk-RXX2IGK5.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }'use client';
 
 
-var _chunk43UYUOCIcjs = require('./chunk-43UYUOCI.cjs');
+var _chunk44WYLL4Scjs = require('./chunk-44WYLL4S.cjs');
 
 
 var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
@@ -39,7 +39,7 @@ var DatePicker = _react2.default.forwardRef(function DatePicker2({ value, onValu
         sideOffset: 4,
         className: "z-50 rounded-md border border-border-default bg-bg-page shadow-md outline-none",
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk43UYUOCIcjs.Calendar,
+          _chunk44WYLL4Scjs.Calendar,
           {
             mode: "single",
             selected: value,
@@ -57,4 +57,4 @@ var DatePicker = _react2.default.forwardRef(function DatePicker2({ value, onValu
 
 
 exports.DatePicker = DatePicker;
-//# sourceMappingURL=chunk-XMCP5ITG.cjs.map
+//# sourceMappingURL=chunk-RXX2IGK5.cjs.map

package/dist/{chunk-XMCP5ITG.cjs.map → chunk-RXX2IGK5.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-XMCP5ITG.cjs","../src/components/date-picker/DatePicker.jsx"],"names":["DatePicker"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACRA,4EAAgC;AAChC,mCAAuB;AACvB,mCAAwC;AACxC,wCAAyC;AAYnC,+CAAA;AARC,IAAM,WAAA,EAAa,eAAA,CAAM,UAAA,CAAW,SAASA,WAAAA,CAClD,EAAE,KAAA,EAAO,aAAA,EAAe,YAAA,EAAc,aAAA,EAAe,QAAA,EAAU,SAAA,EAAW,GAAG,MAAM,CAAA,EACnF,GAAA,EACA;AACA,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,EAAA,EAAI,6BAAA,KAAc,CAAA;AAEtC,EAAA,uBACE,8BAAA,gBAAC,CAAa,IAAA,EAAb,EAAkB,IAAA,EAAY,YAAA,EAAc,OAAA,EAC3C,QAAA,EAAA;AAAA,oBAAA,8BAAA;AAAA,MAAC,gBAAA,CAAa,OAAA;AAAA,MAAb;AAAA,QACC,GAAA;AAAA,QACA,QAAA;AAAA,QACA,SAAA,EAAW,kCAAA;AAAA,UACT,4VAAA;AAAA,UACA,CAAC,MAAA,GAAS,iBAAA;AAAA,UACV;AAAA,QACF,CAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,6BAAA,eAAC,EAAA,EAAa,IAAA,EAAM,EAAA,EAAI,SAAA,EAAU,2BAAA,CAA2B,CAAA;AAAA,UAC5D,MAAA,EAAQ,6BAAA,KAAO,EAAO,KAAK,EAAA,EAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAClC,CAAA;AAAA,oBACA,6BAAA,gBAAC,CAAa,MAAA,EAAb,EACC,QAAA,kBAAA,6BAAA;AAAA,MAAC,gBAAA,CAAa,OAAA;AAAA,MAAb;AAAA,QACC,KAAA,EAAM,OAAA;AAAA,QACN,UAAA,EAAY,CAAA;AAAA,QACZ,SAAA,EAAU,gFAAA;AAAA,QAEV,QAAA,kBAAA,6BAAA;AAAA,UAAC,0BAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,QAAA,EAAU,KAAA;AAAA,YACV,QAAA,EAAU,CAAC,IAAA,EAAA,GAAS;AAClB,cAAA,cAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,aAAA,CAAgB,IAAA,CAAA;AAChB,cAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,YACf;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF,EAAA,CACF;AAAA,EAAA,EAAA,CACF,CAAA;AAEJ,CAAC,CAAA;ADSD;AACA;AACE;AACF,gCAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-XMCP5ITG.cjs","sourcesContent":[null,"import React, { useState } from \"react\";\nimport { format } from \"date-fns\";\nimport { Popover as RadixPopover } from \"radix-ui\";\nimport { Calendar as CalendarIcon } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\nimport { Calendar } from \"../calendar/Calendar.jsx\";\n\nexport const DatePicker = React.forwardRef(function DatePicker(\n  { value, onValueChange, placeholder = \"Pick a date\", disabled, className, ...props },\n  ref,\n) {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <RadixPopover.Root open={open} onOpenChange={setOpen}>\n      <RadixPopover.Trigger\n        ref={ref}\n        disabled={disabled}\n        className={cn(\n          \"flex h-[38px] w-full items-center gap-2 rounded-md border border-border-default bg-bg-page px-3 font-sans text-base text-text-primary outline-none transition-[border-color,box-shadow] duration-150 ease-out data-[state=open]:border-border-focus data-[state=open]:shadow-[var(--shadow-focus-ring)] disabled:cursor-not-allowed disabled:bg-bg-surface\",\n          !value && \"text-text-muted\",\n          className,\n        )}\n        {...props}\n      >\n        <CalendarIcon size={16} className=\"shrink-0 text-text-muted\" />\n        {value ? format(value, \"PPP\") : placeholder}\n      </RadixPopover.Trigger>\n      <RadixPopover.Portal>\n        <RadixPopover.Content\n          align=\"start\"\n          sideOffset={4}\n          className=\"z-50 rounded-md border border-border-default bg-bg-page shadow-md outline-none\"\n        >\n          <Calendar\n            mode=\"single\"\n            selected={value}\n            onSelect={(date) => {\n              onValueChange?.(date);\n              setOpen(false);\n            }}\n          />\n        </RadixPopover.Content>\n      </RadixPopover.Portal>\n    </RadixPopover.Root>\n  );\n});\n"]}
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-RXX2IGK5.cjs","../src/components/date-picker/DatePicker.jsx"],"names":["DatePicker"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACRA,4EAAgC;AAChC,mCAAuB;AACvB,mCAAwC;AACxC,wCAAyC;AAYnC,+CAAA;AARC,IAAM,WAAA,EAAa,eAAA,CAAM,UAAA,CAAW,SAASA,WAAAA,CAClD,EAAE,KAAA,EAAO,aAAA,EAAe,YAAA,EAAc,aAAA,EAAe,QAAA,EAAU,SAAA,EAAW,GAAG,MAAM,CAAA,EACnF,GAAA,EACA;AACA,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,EAAA,EAAI,6BAAA,KAAc,CAAA;AAEtC,EAAA,uBACE,8BAAA,gBAAC,CAAa,IAAA,EAAb,EAAkB,IAAA,EAAY,YAAA,EAAc,OAAA,EAC3C,QAAA,EAAA;AAAA,oBAAA,8BAAA;AAAA,MAAC,gBAAA,CAAa,OAAA;AAAA,MAAb;AAAA,QACC,GAAA;AAAA,QACA,QAAA;AAAA,QACA,SAAA,EAAW,kCAAA;AAAA,UACT,4VAAA;AAAA,UACA,CAAC,MAAA,GAAS,iBAAA;AAAA,UACV;AAAA,QACF,CAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,6BAAA,eAAC,EAAA,EAAa,IAAA,EAAM,EAAA,EAAI,SAAA,EAAU,2BAAA,CAA2B,CAAA;AAAA,UAC5D,MAAA,EAAQ,6BAAA,KAAO,EAAO,KAAK,EAAA,EAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAClC,CAAA;AAAA,oBACA,6BAAA,gBAAC,CAAa,MAAA,EAAb,EACC,QAAA,kBAAA,6BAAA;AAAA,MAAC,gBAAA,CAAa,OAAA;AAAA,MAAb;AAAA,QACC,KAAA,EAAM,OAAA;AAAA,QACN,UAAA,EAAY,CAAA;AAAA,QACZ,SAAA,EAAU,gFAAA;AAAA,QAEV,QAAA,kBAAA,6BAAA;AAAA,UAAC,0BAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,QAAA,EAAU,KAAA;AAAA,YACV,QAAA,EAAU,CAAC,IAAA,EAAA,GAAS;AAClB,cAAA,cAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,aAAA,CAAgB,IAAA,CAAA;AAChB,cAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,YACf;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF,EAAA,CACF;AAAA,EAAA,EAAA,CACF,CAAA;AAEJ,CAAC,CAAA;ADSD;AACA;AACE;AACF,gCAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-RXX2IGK5.cjs","sourcesContent":[null,"import React, { useState } from \"react\";\nimport { format } from \"date-fns\";\nimport { Popover as RadixPopover } from \"radix-ui\";\nimport { Calendar as CalendarIcon } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\nimport { Calendar } from \"../calendar/Calendar.jsx\";\n\nexport const DatePicker = React.forwardRef(function DatePicker(\n  { value, onValueChange, placeholder = \"Pick a date\", disabled, className, ...props },\n  ref,\n) {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <RadixPopover.Root open={open} onOpenChange={setOpen}>\n      <RadixPopover.Trigger\n        ref={ref}\n        disabled={disabled}\n        className={cn(\n          \"flex h-[38px] w-full items-center gap-2 rounded-md border border-border-default bg-bg-page px-3 font-sans text-base text-text-primary outline-none transition-[border-color,box-shadow] duration-150 ease-out data-[state=open]:border-border-focus data-[state=open]:shadow-[var(--shadow-focus-ring)] disabled:cursor-not-allowed disabled:bg-bg-surface\",\n          !value && \"text-text-muted\",\n          className,\n        )}\n        {...props}\n      >\n        <CalendarIcon size={16} className=\"shrink-0 text-text-muted\" />\n        {value ? format(value, \"PPP\") : placeholder}\n      </RadixPopover.Trigger>\n      <RadixPopover.Portal>\n        <RadixPopover.Content\n          align=\"start\"\n          sideOffset={4}\n          className=\"z-50 rounded-md border border-border-default bg-bg-page shadow-md outline-none\"\n        >\n          <Calendar\n            mode=\"single\"\n            selected={value}\n            onSelect={(date) => {\n              onValueChange?.(date);\n              setOpen(false);\n            }}\n          />\n        </RadixPopover.Content>\n      </RadixPopover.Portal>\n    </RadixPopover.Root>\n  );\n});\n"]}

package/dist/{chunk-JPABWZU4.js → chunk-S5CNVXZ3.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   toggleVariants
-} from "./chunk-77VS352K.js";
+} from "./chunk-KTKJUALJ.js";
 import {
   cn
 } from "./chunk-74GQ35MJ.js";
@@ -21,4 +21,4 @@ export {
   ToggleGroup,
   ToggleGroupItem
 };
-//# sourceMappingURL=chunk-JPABWZU4.js.map
+//# sourceMappingURL=chunk-S5CNVXZ3.js.map

package/dist/{chunk-OZR3RLEW.cjs → chunk-SQAK5ZSK.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }'use client';
 
 
-var _chunkXGCIOWNRcjs = require('./chunk-XGCIOWNR.cjs');
+var _chunkLS6JKLMLcjs = require('./chunk-LS6JKLML.cjs');
 
 
 var _chunkBYEEPZYOcjs = require('./chunk-BYEEPZYO.cjs');
 
 
-var _chunkNCYN3QQUcjs = require('./chunk-NCYN3QQU.cjs');
+var _chunkGD6QZD2Tcjs = require('./chunk-GD6QZD2T.cjs');
 
 
 var _chunkMRFK7JYScjs = require('./chunk-MRFK7JYS.cjs');
@@ -16,16 +16,91 @@ var _chunkMRFK7JYScjs = require('./chunk-MRFK7JYS.cjs');
 var _chunk5LY7WFC2cjs = require('./chunk-5LY7WFC2.cjs');
 
 
-var _chunk5TOJI2VTcjs = require('./chunk-5TOJI2VT.cjs');
+var _chunkBUXNYXY3cjs = require('./chunk-BUXNYXY3.cjs');
+
+
+var _chunkQ2JCE4CKcjs = require('./chunk-Q2JCE4CK.cjs');
 
 
 var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
 
 // src/components/sidebar/Sidebar.jsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-var _radixui = require('radix-ui');
 var _icons = require('@tlglobal/icons');
 
+// src/components/sidebar/SidebarSection.jsx
+var _jsxruntime = require('react/jsx-runtime');
+function Header({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-sidebar": "header", className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex flex-col gap-2 p-2", className), ...props });
+}
+function Footer({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-sidebar": "footer", className: _chunkNSTYHMFWcjs.cn.call(void 0, "mt-auto flex flex-col gap-2 p-2", className), ...props });
+}
+function Content({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-sidebar": "content",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto",
+        "group-data-[collapsible=icon]:overflow-hidden",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SidebarSeparator({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBYEEPZYOcjs.Separator, { "data-sidebar": "separator", className: _chunkNSTYHMFWcjs.cn.call(void 0, "mx-2 w-auto", className), ...props });
+}
+function SidebarInput({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5LY7WFC2cjs.Input, { "data-sidebar": "input", className: _chunkNSTYHMFWcjs.cn.call(void 0, "h-8 w-full bg-bg-page", className), ...props });
+}
+function Group({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-sidebar": "group", className: _chunkNSTYHMFWcjs.cn.call(void 0, "relative flex w-full min-w-0 flex-col p-2", className), ...props });
+}
+function GroupLabel({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-sidebar": "group-label",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-text-secondary",
+        "transition-[margin,opacity] duration-200 ease-linear",
+        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function GroupAction({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      type: "button",
+      "data-sidebar": "group-action",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "absolute right-3 top-3.5 flex h-5 w-5 items-center justify-center rounded-md",
+        "text-text-secondary outline-none transition-colors",
+        "hover:bg-bg-surface-hover hover:text-text-primary",
+        "focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
+        "[&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function GroupContent({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-sidebar": "group-content", className: _chunkNSTYHMFWcjs.cn.call(void 0, "w-full text-sm", className), ...props });
+}
+
+// src/components/sidebar/SidebarMenu.jsx
+
+var _radixui = require('radix-ui');
+
 // src/components/sidebar/Sidebar.variants.js
 var _classvarianceauthority = require('class-variance-authority');
 var sidebarMenuButtonVariants = _classvarianceauthority.cva.call(void 0, 
@@ -34,7 +109,7 @@ var sidebarMenuButtonVariants = _classvarianceauthority.cva.call(void 0,
     "px-2 py-2 text-left font-sans text-text-primary outline-none transition-colors",
     "hover:bg-bg-surface-hover",
     "focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
-    "disabled:pointer-events-none disabled:opacity-50",
+    _chunkQ2JCE4CKcjs.disabledClass,
     "aria-disabled:pointer-events-none aria-disabled:opacity-50",
     "data-[active=true]:bg-bg-surface-hover data-[active=true]:font-medium data-[active=true]:text-text-primary",
     "[&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0 [&>svg]:text-text-secondary",
@@ -84,8 +159,113 @@ var sidebarMenuSubButtonVariants = _classvarianceauthority.cva.call(void 0,
   }
 );
 
+// src/components/sidebar/SidebarMenu.jsx
+
+function Menu({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { "data-sidebar": "menu", className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex w-full min-w-0 flex-col gap-1", className), ...props });
+}
+function MenuItem({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { "data-sidebar": "menu-item", className: _chunkNSTYHMFWcjs.cn.call(void 0, "group/menu-item relative", className), ...props });
+}
+var MenuButton = _react2.default.forwardRef(function MenuButton2({ asChild = false, isActive = false, variant, size, tooltip, className, ...props }, ref) {
+  const { state, isMobile } = useSidebar();
+  const Comp = asChild ? _radixui.Slot.Root : "button";
+  const button = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      ref,
+      type: asChild ? void 0 : "button",
+      "data-sidebar": "menu-button",
+      "data-active": isActive,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, sidebarMenuButtonVariants({ variant, size }), className),
+      ...props
+    }
+  );
+  if (!tooltip || state !== "collapsed" || isMobile) return button;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLS6JKLMLcjs.Tooltip, { label: tooltip, side: "right", children: button });
+});
+function MenuAction({ className, showOnHover = false, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      type: "button",
+      "data-sidebar": "menu-action",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "absolute right-1 top-1/2 flex h-6 w-6 -translate-y-1/2 items-center justify-center rounded-md",
+        "text-text-secondary outline-none transition-colors",
+        "hover:bg-bg-surface-hover hover:text-text-primary",
+        "focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
+        "[&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0",
+        "group-data-[collapsible=icon]:hidden",
+        showOnHover && "opacity-0 focus-within:opacity-100 group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenuBadge({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-sidebar": "menu-badge",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "pointer-events-none absolute right-2 top-1/2 flex h-5 min-w-5 -translate-y-1/2 select-none",
+        "items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-text-secondary",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenuSkeleton({ showIcon = false, width = "70%", className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      "data-sidebar": "menu-skeleton",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex h-8 items-center gap-2 rounded-md px-2", className),
+      ...props,
+      children: [
+        showIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMRFK7JYScjs.Skeleton, { className: "h-4 w-4 shrink-0 rounded-sm" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMRFK7JYScjs.Skeleton, { className: "h-4 max-w-full flex-1", style: { width } })
+      ]
+    }
+  );
+}
+function MenuSub({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "ul",
+    {
+      "data-sidebar": "menu-sub",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "mx-3.5 flex min-w-0 flex-col gap-1 border-l border-border-default px-2.5 py-0.5",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenuSubItem({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { "data-sidebar": "menu-sub-item", className: _chunkNSTYHMFWcjs.cn.call(void 0, "group/menu-sub-item relative", className), ...props });
+}
+var MenuSubButton = _react2.default.forwardRef(function MenuSubButton2({ asChild = false, isActive = false, size, className, ...props }, ref) {
+  const Comp = asChild ? _radixui.Slot.Root : "a";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      ref,
+      "data-sidebar": "menu-sub-button",
+      "data-active": isActive,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, sidebarMenuSubButtonVariants({ size }), className),
+      ...props
+    }
+  );
+});
+
 // src/components/sidebar/Sidebar.jsx
-var _jsxruntime = require('react/jsx-runtime');
+
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
@@ -204,8 +384,8 @@ function Root({
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNCYN3QQUcjs.Sheet.Root, { open: openMobile, onOpenChange: setOpenMobile, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunkNCYN3QQUcjs.Sheet.Content,
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGD6QZD2Tcjs.Sheet.Root, { open: openMobile, onOpenChange: setOpenMobile, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _chunkGD6QZD2Tcjs.Sheet.Content,
       {
         side,
         "data-sidebar": "root",
@@ -213,7 +393,7 @@ function Root({
         className: _chunkNSTYHMFWcjs.cn.call(void 0, "w-[var(--sidebar-width-mobile)] gap-0 bg-bg-surface p-0", className),
         ...props,
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNCYN3QQUcjs.Sheet.Title, { className: "sr-only", children: mobileTitle }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGD6QZD2Tcjs.Sheet.Title, { className: "sr-only", children: mobileTitle }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-full w-full flex-col", children })
         ]
       }
@@ -287,7 +467,7 @@ function Inset({ className, ...props }) {
 var Trigger = _react2.default.forwardRef(function Trigger2({ className, onClick, ...props }, ref) {
   const { toggleSidebar } = useSidebar();
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk5TOJI2VTcjs.IconButton,
+    _chunkBUXNYXY3cjs.IconButton,
     {
       ref,
       variant: "ghost",
@@ -325,174 +505,6 @@ function Rail({ className, ...props }) {
     }
   );
 }
-function Header({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-sidebar": "header", className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex flex-col gap-2 p-2", className), ...props });
-}
-function Footer({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-sidebar": "footer", className: _chunkNSTYHMFWcjs.cn.call(void 0, "mt-auto flex flex-col gap-2 p-2", className), ...props });
-}
-function Content({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-sidebar": "content",
-      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
-        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto",
-        "group-data-[collapsible=icon]:overflow-hidden",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function SidebarSeparator({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBYEEPZYOcjs.Separator, { "data-sidebar": "separator", className: _chunkNSTYHMFWcjs.cn.call(void 0, "mx-2 w-auto", className), ...props });
-}
-function SidebarInput({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5LY7WFC2cjs.Input, { "data-sidebar": "input", className: _chunkNSTYHMFWcjs.cn.call(void 0, "h-8 w-full bg-bg-page", className), ...props });
-}
-function Group({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-sidebar": "group", className: _chunkNSTYHMFWcjs.cn.call(void 0, "relative flex w-full min-w-0 flex-col p-2", className), ...props });
-}
-function GroupLabel({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-sidebar": "group-label",
-      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
-        "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-text-secondary",
-        "transition-[margin,opacity] duration-200 ease-linear",
-        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function GroupAction({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "button",
-    {
-      type: "button",
-      "data-sidebar": "group-action",
-      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
-        "absolute right-3 top-3.5 flex h-5 w-5 items-center justify-center rounded-md",
-        "text-text-secondary outline-none transition-colors",
-        "hover:bg-bg-surface-hover hover:text-text-primary",
-        "focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
-        "[&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0",
-        "group-data-[collapsible=icon]:hidden",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function GroupContent({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-sidebar": "group-content", className: _chunkNSTYHMFWcjs.cn.call(void 0, "w-full text-sm", className), ...props });
-}
-function Menu({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { "data-sidebar": "menu", className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex w-full min-w-0 flex-col gap-1", className), ...props });
-}
-function MenuItem({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { "data-sidebar": "menu-item", className: _chunkNSTYHMFWcjs.cn.call(void 0, "group/menu-item relative", className), ...props });
-}
-var MenuButton = _react2.default.forwardRef(function MenuButton2({ asChild = false, isActive = false, variant, size, tooltip, className, ...props }, ref) {
-  const { state, isMobile } = useSidebar();
-  const Comp = asChild ? _radixui.Slot.Root : "button";
-  const button = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    Comp,
-    {
-      ref,
-      type: asChild ? void 0 : "button",
-      "data-sidebar": "menu-button",
-      "data-active": isActive,
-      className: _chunkNSTYHMFWcjs.cn.call(void 0, sidebarMenuButtonVariants({ variant, size }), className),
-      ...props
-    }
-  );
-  if (!tooltip || state !== "collapsed" || isMobile) return button;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXGCIOWNRcjs.Tooltip, { label: tooltip, side: "right", children: button });
-});
-function MenuAction({ className, showOnHover = false, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "button",
-    {
-      type: "button",
-      "data-sidebar": "menu-action",
-      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
-        "absolute right-1 top-1/2 flex h-6 w-6 -translate-y-1/2 items-center justify-center rounded-md",
-        "text-text-secondary outline-none transition-colors",
-        "hover:bg-bg-surface-hover hover:text-text-primary",
-        "focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
-        "[&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0",
-        "group-data-[collapsible=icon]:hidden",
-        showOnHover && "opacity-0 focus-within:opacity-100 group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function MenuBadge({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-sidebar": "menu-badge",
-      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
-        "pointer-events-none absolute right-2 top-1/2 flex h-5 min-w-5 -translate-y-1/2 select-none",
-        "items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-text-secondary",
-        "group-data-[collapsible=icon]:hidden",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function MenuSkeleton({ showIcon = false, width = "70%", className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      "data-sidebar": "menu-skeleton",
-      className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex h-8 items-center gap-2 rounded-md px-2", className),
-      ...props,
-      children: [
-        showIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMRFK7JYScjs.Skeleton, { className: "h-4 w-4 shrink-0 rounded-sm" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMRFK7JYScjs.Skeleton, { className: "h-4 max-w-full flex-1", style: { width } })
-      ]
-    }
-  );
-}
-function MenuSub({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "ul",
-    {
-      "data-sidebar": "menu-sub",
-      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
-        "mx-3.5 flex min-w-0 flex-col gap-1 border-l border-border-default px-2.5 py-0.5",
-        "group-data-[collapsible=icon]:hidden",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function MenuSubItem({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { "data-sidebar": "menu-sub-item", className: _chunkNSTYHMFWcjs.cn.call(void 0, "group/menu-sub-item relative", className), ...props });
-}
-var MenuSubButton = _react2.default.forwardRef(function MenuSubButton2({ asChild = false, isActive = false, size, className, ...props }, ref) {
-  const Comp = asChild ? _radixui.Slot.Root : "a";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    Comp,
-    {
-      ref,
-      "data-sidebar": "menu-sub-button",
-      "data-active": isActive,
-      className: _chunkNSTYHMFWcjs.cn.call(void 0, sidebarMenuSubButtonVariants({ size }), className),
-      ...props
-    }
-  );
-});
 var Sidebar = {
   Provider,
   Root,
@@ -523,4 +535,4 @@ var Sidebar = {
 
 
 exports.useSidebar = useSidebar; exports.Sidebar = Sidebar;
-//# sourceMappingURL=chunk-OZR3RLEW.cjs.map
+//# sourceMappingURL=chunk-SQAK5ZSK.cjs.map

package/dist/chunk-SQAK5ZSK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-SQAK5ZSK.cjs","../src/components/sidebar/Sidebar.jsx","../src/components/sidebar/SidebarSection.jsx","../src/components/sidebar/SidebarMenu.jsx","../src/components/sidebar/Sidebar.variants.js"],"names":["jsx","MenuButton","MenuSubButton","jsxs","React","Trigger"],"mappings":"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","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-SQAK5ZSK.cjs","sourcesContent":[null,"import React, { createContext, useCallback, useContext, useEffect, useMemo, useState } from \"react\";\nimport { PanelLeft } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\nimport { IconButton } from \"../icon-button/IconButton.jsx\";\nimport { Sheet } from \"../sheet/Sheet.jsx\";\nimport {\n  Content,\n  Footer,\n  Group,\n  GroupAction,\n  GroupContent,\n  GroupLabel,\n  Header,\n  SidebarInput,\n  SidebarSeparator,\n} from \"./SidebarSection.jsx\";\nimport { Menu, MenuAction, MenuBadge, MenuButton, MenuItem, MenuSkeleton, MenuSub, MenuSubButton, MenuSubItem } from \"./SidebarMenu.jsx\";\n\nconst SIDEBAR_WIDTH = \"16rem\";\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\";\n\nconst SidebarContext = createContext(null);\n\nexport function useSidebar() {\n  const context = useContext(SidebarContext);\n  if (!context) throw new Error(\"Sidebar parts must be used within Sidebar.Provider\");\n  return context;\n}\n\n/*\n * Starts false so the first render matches what a server would produce, then corrects on mount.\n * The desktop panel is `hidden md:block` in CSS anyway, so the pre-hydration frame is already\n * correct at both sizes — this hook only drives *which tree* renders (fixed panel vs. Sheet).\n */\nfunction useIsMobile(breakpoint) {\n  const [isMobile, setIsMobile] = useState(false);\n\n  useEffect(() => {\n    const query = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);\n    const update = () => setIsMobile(query.matches);\n    update();\n    query.addEventListener(\"change\", update);\n    return () => query.removeEventListener(\"change\", update);\n  }, [breakpoint]);\n\n  return isMobile;\n}\n\nfunction Provider({\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange,\n  persistKey,\n  mobileBreakpoint = 768,\n  keyboardShortcut = \"b\",\n  className,\n  style,\n  children,\n  ...props\n}) {\n  const isMobile = useIsMobile(mobileBreakpoint);\n  const [openMobile, setOpenMobile] = useState(false);\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n\n  const isControlled = openProp !== undefined;\n  const open = isControlled ? openProp : uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (value) => {\n      const next = typeof value === \"function\" ? value(open) : value;\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n      if (persistKey) {\n        // Storage throws in Safari private mode and when cookies/storage are blocked outright;\n        // persistence is a nicety, so a failure here must never take the sidebar down with it.\n        try {\n          window.localStorage.setItem(persistKey, String(next));\n        } catch {\n          /* ignore */\n        }\n      }\n    },\n    [open, isControlled, onOpenChange, persistKey],\n  );\n\n  /*\n   * Rehydrate after mount rather than in the useState initializer: reading localStorage during\n   * render would produce server/client markup that disagrees and blow up hydration. The cost is\n   * one corrective frame — SSR apps that care should read their own cookie and pass `defaultOpen`.\n   */\n  useEffect(() => {\n    if (!persistKey || isControlled) return;\n    try {\n      const stored = window.localStorage.getItem(persistKey);\n      if (stored !== null) setUncontrolledOpen(stored === \"true\");\n    } catch {\n      /* ignore */\n    }\n  }, [persistKey, isControlled]);\n\n  const toggleSidebar = useCallback(() => {\n    if (isMobile) setOpenMobile((value) => !value);\n    else setOpen((value) => !value);\n  }, [isMobile, setOpen]);\n\n  useEffect(() => {\n    if (!keyboardShortcut) return undefined;\n    const onKeyDown = (event) => {\n      if (event.key.toLowerCase() !== keyboardShortcut.toLowerCase()) return;\n      if (!event.metaKey && !event.ctrlKey) return;\n      event.preventDefault();\n      toggleSidebar();\n    };\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  }, [keyboardShortcut, toggleSidebar]);\n\n  const state = open ? \"expanded\" : \"collapsed\";\n\n  const context = useMemo(\n    () => ({ state, open, setOpen, openMobile, setOpenMobile, isMobile, toggleSidebar }),\n    [state, open, setOpen, openMobile, isMobile, toggleSidebar],\n  );\n\n  return (\n    <SidebarContext.Provider value={context}>\n      <div\n        data-slot=\"sidebar-wrapper\"\n        style={{\n          \"--sidebar-width\": SIDEBAR_WIDTH,\n          \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n          \"--sidebar-width-mobile\": SIDEBAR_WIDTH_MOBILE,\n          ...style,\n        }}\n        className={cn(\"group/sidebar-wrapper flex min-h-svh w-full font-sans\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </SidebarContext.Provider>\n  );\n}\n\nfunction Root({\n  side = \"left\",\n  variant = \"sidebar\",\n  collapsible = \"offcanvas\",\n  mobileTitle = \"Sidebar\",\n  className,\n  children,\n  ...props\n}) {\n  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n  const detached = variant === \"floating\" || variant === \"inset\";\n\n  if (collapsible === \"none\") {\n    return (\n      <div\n        data-sidebar=\"root\"\n        className={cn(\"flex h-full w-[var(--sidebar-width)] flex-col bg-bg-surface\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  if (isMobile) {\n    return (\n      <Sheet.Root open={openMobile} onOpenChange={setOpenMobile}>\n        <Sheet.Content\n          side={side}\n          data-sidebar=\"root\"\n          data-mobile=\"true\"\n          className={cn(\"w-[var(--sidebar-width-mobile)] gap-0 bg-bg-surface p-0\", className)}\n          {...props}\n        >\n          <Sheet.Title className=\"sr-only\">{mobileTitle}</Sheet.Title>\n          <div className=\"flex h-full w-full flex-col\">{children}</div>\n        </Sheet.Content>\n      </Sheet.Root>\n    );\n  }\n\n  /*\n   * Two elements, deliberately: the first is an inert spacer that occupies the sidebar's width in\n   * normal flow so Sidebar.Inset lays out beside it, and the second is the fixed panel the user\n   * actually sees. Collapsing animates both — the spacer's width and the panel's offset — which is\n   * what lets the main content reflow in step with the panel sliding away, without either element\n   * needing to know about the other.\n   */\n  return (\n    <div\n      className=\"group peer hidden md:block\"\n      data-sidebar=\"wrapper\"\n      data-state={state}\n      data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n      data-variant={variant}\n      data-side={side}\n    >\n      <div\n        aria-hidden=\"true\"\n        className={cn(\n          \"relative h-svh w-[var(--sidebar-width)] bg-transparent transition-[width] duration-200 ease-linear\",\n          \"group-data-[collapsible=offcanvas]:w-0\",\n          detached\n            ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem)]\"\n            : \"group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)]\",\n        )}\n      />\n      <div\n        data-sidebar=\"root\"\n        className={cn(\n          \"fixed inset-y-0 z-30 hidden h-svh w-[var(--sidebar-width)] md:flex\",\n          \"transition-[left,right,width] duration-200 ease-linear\",\n          side === \"left\"\n            ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n            : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n          detached\n            ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem)]\"\n            : \"group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)]\",\n          !detached && (side === \"left\" ? \"border-r border-border-default\" : \"border-l border-border-default\"),\n          className,\n        )}\n        {...props}\n      >\n        <div\n          data-sidebar=\"panel\"\n          className={cn(\n            \"relative flex h-full w-full flex-col overflow-hidden bg-bg-surface\",\n            detached && \"rounded-lg border border-border-default shadow-sm\",\n          )}\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction Inset({ className, ...props }) {\n  return (\n    <main\n      className={cn(\n        \"relative flex min-h-svh flex-1 flex-col bg-bg-page\",\n        \"peer-data-[variant=inset]:m-2 peer-data-[variant=inset]:min-h-[calc(100svh-1rem)]\",\n        \"peer-data-[variant=inset]:rounded-xl peer-data-[variant=inset]:border peer-data-[variant=inset]:border-border-default\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nconst Trigger = React.forwardRef(function Trigger({ className, onClick, ...props }, ref) {\n  const { toggleSidebar } = useSidebar();\n  return (\n    <IconButton\n      ref={ref}\n      variant=\"ghost\"\n      size=\"sm\"\n      aria-label=\"Toggle sidebar\"\n      icon={<PanelLeft size={16} />}\n      onClick={(event) => {\n        onClick?.(event);\n        toggleSidebar();\n      }}\n      className={cn(\"shrink-0\", className)}\n      {...props}\n    />\n  );\n});\n\n/*\n * The hit strip along the panel's outer edge. tabIndex={-1} is deliberate: Sidebar.Trigger is the\n * keyboard-and-screen-reader path, and exposing a second focusable control that does exactly the\n * same thing just adds a stop to the tab order for no benefit. aria-hidden matches that intent.\n */\nfunction Rail({ className, ...props }) {\n  const { toggleSidebar } = useSidebar();\n  return (\n    <button\n      type=\"button\"\n      tabIndex={-1}\n      aria-hidden=\"true\"\n      title=\"Toggle sidebar\"\n      data-sidebar=\"rail\"\n      onClick={toggleSidebar}\n      className={cn(\n        \"absolute inset-y-0 z-20 hidden w-4 cursor-pointer transition-colors sm:block\",\n        \"after:absolute after:inset-y-0 after:left-1/2 after:w-px after:-translate-x-1/2\",\n        \"hover:after:bg-border-strong\",\n        \"group-data-[side=left]:right-0 group-data-[side=right]:left-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport const Sidebar = {\n  Provider,\n  Root,\n  Inset,\n  Trigger,\n  Rail,\n  Header,\n  Footer,\n  Content,\n  Separator: SidebarSeparator,\n  Input: SidebarInput,\n  Group,\n  GroupLabel,\n  GroupAction,\n  GroupContent,\n  Menu,\n  MenuItem,\n  MenuButton,\n  MenuAction,\n  MenuBadge,\n  MenuSkeleton,\n  MenuSub,\n  MenuSubItem,\n  MenuSubButton,\n};\n","import { cn } from \"../../lib/cn.js\";\nimport { Input } from \"../input/Input.jsx\";\nimport { Separator as BaseSeparator } from \"../separator/Separator.jsx\";\n\nexport function Header({ className, ...props }) {\n  return <div data-sidebar=\"header\" className={cn(\"flex flex-col gap-2 p-2\", className)} {...props} />;\n}\n\nexport function Footer({ className, ...props }) {\n  return <div data-sidebar=\"footer\" className={cn(\"mt-auto flex flex-col gap-2 p-2\", className)} {...props} />;\n}\n\nexport function Content({ className, ...props }) {\n  return (\n    <div\n      data-sidebar=\"content\"\n      className={cn(\n        \"flex min-h-0 flex-1 flex-col gap-2 overflow-auto\",\n        \"group-data-[collapsible=icon]:overflow-hidden\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function SidebarSeparator({ className, ...props }) {\n  return <BaseSeparator data-sidebar=\"separator\" className={cn(\"mx-2 w-auto\", className)} {...props} />;\n}\n\nexport function SidebarInput({ className, ...props }) {\n  return <Input data-sidebar=\"input\" className={cn(\"h-8 w-full bg-bg-page\", className)} {...props} />;\n}\n\nexport function Group({ className, ...props }) {\n  return (\n    <div data-sidebar=\"group\" className={cn(\"relative flex w-full min-w-0 flex-col p-2\", className)} {...props} />\n  );\n}\n\n/*\n * Collapses upward into the group above it rather than disappearing outright — the negative margin\n * plus opacity keeps the transition continuous, where `hidden` would snap the whole menu up a row.\n */\nexport function GroupLabel({ className, ...props }) {\n  return (\n    <div\n      data-sidebar=\"group-label\"\n      className={cn(\n        \"flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-text-secondary\",\n        \"transition-[margin,opacity] duration-200 ease-linear\",\n        \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function GroupAction({ className, ...props }) {\n  return (\n    <button\n      type=\"button\"\n      data-sidebar=\"group-action\"\n      className={cn(\n        \"absolute right-3 top-3.5 flex h-5 w-5 items-center justify-center rounded-md\",\n        \"text-text-secondary outline-none transition-colors\",\n        \"hover:bg-bg-surface-hover hover:text-text-primary\",\n        \"focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\",\n        \"[&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function GroupContent({ className, ...props }) {\n  return <div data-sidebar=\"group-content\" className={cn(\"w-full text-sm\", className)} {...props} />;\n}\n","import React from \"react\";\nimport { Slot } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\nimport { Skeleton } from \"../skeleton/Skeleton.jsx\";\nimport { Tooltip } from \"../tooltip/Tooltip.jsx\";\nimport { useSidebar } from \"./Sidebar.jsx\";\nimport { sidebarMenuButtonVariants, sidebarMenuSubButtonVariants } from \"./Sidebar.variants.js\";\n\nexport function Menu({ className, ...props }) {\n  return <ul data-sidebar=\"menu\" className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)} {...props} />;\n}\n\nexport function MenuItem({ className, ...props }) {\n  return <li data-sidebar=\"menu-item\" className={cn(\"group/menu-item relative\", className)} {...props} />;\n}\n\nexport const MenuButton = React.forwardRef(function MenuButton(\n  { asChild = false, isActive = false, variant, size, tooltip, className, ...props },\n  ref,\n) {\n  const { state, isMobile } = useSidebar();\n  const Comp = asChild ? Slot.Root : \"button\";\n\n  const button = (\n    <Comp\n      ref={ref}\n      type={asChild ? undefined : \"button\"}\n      data-sidebar=\"menu-button\"\n      data-active={isActive}\n      className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n\n  // Only worth mounting once the label is actually hidden — the mobile panel is full-width, so\n  // there's nothing a tooltip could reveal there.\n  if (!tooltip || state !== \"collapsed\" || isMobile) return button;\n\n  return (\n    <Tooltip label={tooltip} side=\"right\">\n      {button}\n    </Tooltip>\n  );\n});\n\nexport function MenuAction({ className, showOnHover = false, ...props }) {\n  return (\n    <button\n      type=\"button\"\n      data-sidebar=\"menu-action\"\n      className={cn(\n        \"absolute right-1 top-1/2 flex h-6 w-6 -translate-y-1/2 items-center justify-center rounded-md\",\n        \"text-text-secondary outline-none transition-colors\",\n        \"hover:bg-bg-surface-hover hover:text-text-primary\",\n        \"focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\",\n        \"[&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0\",\n        \"group-data-[collapsible=icon]:hidden\",\n        showOnHover &&\n          \"opacity-0 focus-within:opacity-100 group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function MenuBadge({ className, ...props }) {\n  return (\n    <div\n      data-sidebar=\"menu-badge\"\n      className={cn(\n        \"pointer-events-none absolute right-2 top-1/2 flex h-5 min-w-5 -translate-y-1/2 select-none\",\n        \"items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-text-secondary\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/*\n * `width` is a prop rather than the randomised value shadcn uses, so a page of skeletons renders\n * identically every time — otherwise visual-regression snapshots would diff on every run.\n */\nexport function MenuSkeleton({ showIcon = false, width = \"70%\", className, ...props }) {\n  return (\n    <div\n      data-sidebar=\"menu-skeleton\"\n      className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n      {...props}\n    >\n      {showIcon && <Skeleton className=\"h-4 w-4 shrink-0 rounded-sm\" />}\n      <Skeleton className=\"h-4 max-w-full flex-1\" style={{ width }} />\n    </div>\n  );\n}\n\nexport function MenuSub({ className, ...props }) {\n  return (\n    <ul\n      data-sidebar=\"menu-sub\"\n      className={cn(\n        \"mx-3.5 flex min-w-0 flex-col gap-1 border-l border-border-default px-2.5 py-0.5\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function MenuSubItem({ className, ...props }) {\n  return <li data-sidebar=\"menu-sub-item\" className={cn(\"group/menu-sub-item relative\", className)} {...props} />;\n}\n\nexport const MenuSubButton = React.forwardRef(function MenuSubButton(\n  { asChild = false, isActive = false, size, className, ...props },\n  ref,\n) {\n  const Comp = asChild ? Slot.Root : \"a\";\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-sub-button\"\n      data-active={isActive}\n      className={cn(sidebarMenuSubButtonVariants({ size }), className)}\n      {...props}\n    />\n  );\n});\n","import { cva } from \"class-variance-authority\";\nimport { disabledClass } from \"../../lib/disabled.js\";\n\n/*\n * The `group-data-[collapsible=icon]:` variants throughout this file key off the data attributes\n * set by Sidebar.Root's outer wrapper — that's how every nested part knows the rail has collapsed\n * without each one subscribing to context. Anything that should vanish in the icon rail (labels,\n * badges, actions, sub-menus) hides itself here rather than being conditionally rendered, so the\n * collapse stays a pure CSS transition with no remount.\n */\nexport const sidebarMenuButtonVariants = cva(\n  [\n    \"group/menu-button peer/menu-button relative flex w-full items-center gap-2 overflow-hidden rounded-md\",\n    \"px-2 py-2 text-left font-sans text-text-primary outline-none transition-colors\",\n    \"hover:bg-bg-surface-hover\",\n    \"focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\",\n    disabledClass,\n    \"aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n    \"data-[active=true]:bg-bg-surface-hover data-[active=true]:font-medium data-[active=true]:text-text-primary\",\n    \"[&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0 [&>svg]:text-text-secondary\",\n    \"data-[active=true]:[&>svg]:text-text-primary\",\n    // In the icon rail only the leading icon survives: the label collapses to zero width rather\n    // than unmounting, so expanding again doesn't re-run the consumer's render.\n    \"group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0\",\n    \"group-data-[collapsible=icon]:[&>span]:hidden\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        outline: [\n          \"bg-bg-page shadow-[0_0_0_1px_var(--border-default)]\",\n          \"hover:shadow-[0_0_0_1px_var(--border-strong)]\",\n        ],\n      },\n      size: {\n        sm: \"h-7 text-xs\",\n        md: \"h-8 text-sm\",\n        lg: \"h-12 text-sm\",\n      },\n    },\n    defaultVariants: { variant: \"default\", size: \"md\" },\n  },\n);\n\nexport const sidebarMenuSubButtonVariants = cva(\n  [\n    \"relative flex h-7 w-full items-center gap-2 overflow-hidden rounded-md px-2\",\n    \"font-sans text-text-secondary outline-none transition-colors\",\n    \"hover:bg-bg-surface-hover hover:text-text-primary\",\n    \"focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\",\n    \"aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n    \"data-[active=true]:bg-bg-surface-hover data-[active=true]:font-medium data-[active=true]:text-text-primary\",\n    \"[&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0\",\n    \"[&>span]:truncate\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n"]}