@acronis-platform/shadcn-uikit 0.32.3 → 0.33.0

package/dist/components/ui/sheet.js

@@ -1,8 +1,9 @@
 import { jsx as o, jsxs as i, Fragment as p } from "react/jsx-runtime";
 import * as s from "react";
 import { cva as g } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { X as h } from "lucide-react";
 import { cn as r } from "../../lib/utils.js";
+import "../icons/dynamic-icons.js";
+import { CloseIcon as h } from "../icons/auto-generated.js";
 import { DialogBackdrop as u } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/dialog/backdrop/DialogBackdrop.js";
 import { DialogPopup as x } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/dialog/popup/DialogPopup.js";
 import { DialogClose as l } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/dialog/close/DialogClose.js";
@@ -11,7 +12,7 @@ import { DialogTitle as y } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_
 import { DialogDescription as S } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/dialog/description/DialogDescription.js";
 import { DialogRoot as N } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/dialog/root/DialogRoot.js";
 import { DialogTrigger as w } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/dialog/trigger/DialogTrigger.js";
-const I = N, J = w, K = l, D = b, d = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+const K = N, L = w, M = l, D = b, d = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   u,
   {
     className: r(
@@ -38,7 +39,7 @@ const v = g(
       side: "right"
     }
   }
-), R = s.forwardRef(
+), C = s.forwardRef(
   ({ side: e = "right", className: t, children: a, portal: m = !0, ...c }, f) => {
     const n = /* @__PURE__ */ i(p, { children: [
       /* @__PURE__ */ o(d, {}),
@@ -53,9 +54,9 @@ const v = g(
     return m ? /* @__PURE__ */ o(D, { children: n }) : n;
   }
 );
-R.displayName = "SheetContent";
-const C = ({ className: e, ...t }) => /* @__PURE__ */ o("div", { className: r("flex flex-col space-y-2 text-center sm:text-left", e), ...t });
-C.displayName = "SheetHeader";
+C.displayName = "SheetContent";
+const R = ({ className: e, ...t }) => /* @__PURE__ */ o("div", { className: r("flex flex-col space-y-2 text-center sm:text-left", e), ...t });
+R.displayName = "SheetHeader";
 const T = ({ className: e, ...t }) => /* @__PURE__ */ o(
   "div",
   {
@@ -83,15 +84,15 @@ const j = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
 ));
 j.displayName = "SheetDescription";
 export {
-  I as Sheet,
-  K as SheetClose,
-  R as SheetContent,
+  K as Sheet,
+  M as SheetClose,
+  C as SheetContent,
   j as SheetDescription,
   T as SheetFooter,
-  C as SheetHeader,
+  R as SheetHeader,
   d as SheetOverlay,
   D as SheetPortal,
   k as SheetTitle,
-  J as SheetTrigger
+  L as SheetTrigger
 };
 //# sourceMappingURL=sheet.js.map

package/dist/components/ui/sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","sources":["../../../src/components/ui/sheet.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Dialog } from '@base-ui/react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { X } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\n// Dialog.Root is the component function, not the namespace export\nconst Sheet = Dialog.Root\n\nconst SheetTrigger = Dialog.Trigger\n\nconst SheetClose = Dialog.Close\n\nconst SheetPortal = Dialog.Portal\n\nconst SheetOverlay = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof Dialog.Backdrop>\n>(({ className, ...props }, ref) => (\n  <Dialog.Backdrop\n    className={cn(\n      'fixed inset-0 z-50 bg-black/80 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0',\n      className\n    )}\n    {...props}\n    ref={ref}\n  />\n))\nSheetOverlay.displayName = 'SheetOverlay'\n\nconst sheetVariants = cva(\n  'fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[open]:animate-in data-[closed]:animate-out data-[closed]:duration-300 data-[open]:duration-500',\n  {\n    variants: {\n      side: {\n        top: 'inset-x-0 top-0 border-b data-[closed]:slide-out-to-top data-[open]:slide-in-from-top',\n        bottom:\n          'inset-x-0 bottom-0 border-t data-[closed]:slide-out-to-bottom data-[open]:slide-in-from-bottom',\n        left: 'inset-y-0 left-0 h-full w-3/4 border-r data-[closed]:slide-out-to-left data-[open]:slide-in-from-left sm:max-w-sm',\n        right:\n          'inset-y-0 right-0 h-full w-3/4 border-l data-[closed]:slide-out-to-right data-[open]:slide-in-from-right sm:max-w-sm',\n      },\n    },\n    defaultVariants: {\n      side: 'right',\n    },\n  }\n)\n\ninterface SheetContentProps\n  extends React.ComponentPropsWithoutRef<typeof Dialog.Popup>,\n    VariantProps<typeof sheetVariants> {\n  portal?: boolean\n}\n\nconst SheetContent = React.forwardRef<HTMLDivElement, SheetContentProps>(\n  ({ side = 'right', className, children, portal = true, ...props }, ref) => {\n    const element = (\n      <>\n        <SheetOverlay />\n        <Dialog.Popup ref={ref} className={cn(sheetVariants({ side }), className)} {...props}>\n          {children}\n          <Dialog.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[open]:bg-secondary\">\n            <X className=\"h-4 w-4\" />\n            <span className=\"sr-only\">Close</span>\n          </Dialog.Close>\n        </Dialog.Popup>\n      </>\n    )\n\n    return portal ? <SheetPortal>{element}</SheetPortal> : element\n  }\n)\nSheetContent.displayName = 'SheetContent'\n\nconst SheetHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col space-y-2 text-center sm:text-left', className)} {...props} />\n)\nSheetHeader.displayName = 'SheetHeader'\n\nconst SheetFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}\n    {...props}\n  />\n)\nSheetFooter.displayName = 'SheetFooter'\n\nconst SheetTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.ComponentPropsWithoutRef<typeof Dialog.Title>\n>(({ className, ...props }, ref) => (\n  <Dialog.Title\n    ref={ref}\n    className={cn('text-lg font-semibold text-foreground', className)}\n    {...props}\n  />\n))\nSheetTitle.displayName = 'SheetTitle'\n\nconst SheetDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.ComponentPropsWithoutRef<typeof Dialog.Description>\n>(({ className, ...props }, ref) => (\n  <Dialog.Description\n    ref={ref}\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n))\nSheetDescription.displayName = 'SheetDescription'\n\nexport {\n  Sheet,\n  SheetPortal,\n  SheetOverlay,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n"],"names":["Sheet","Dialog.Root","SheetTrigger","Dialog.Trigger","SheetClose","Dialog.Close","SheetPortal","Dialog.Portal","SheetOverlay","React","className","props","ref","jsx","Dialog.Backdrop","cn","sheetVariants","cva","SheetContent","side","children","portal","element","jsxs","Fragment","Dialog.Popup","X","SheetHeader","SheetFooter","SheetTitle","Dialog.Title","SheetDescription","Dialog.Description"],"mappings":";;;;;;;;;;;;;AAUA,MAAMA,IAAQC,GAERC,IAAeC,GAEfC,IAAaC,GAEbC,IAAcC,GAEdC,IAAeC,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD;AACDJ,EAAa,cAAc;AAE3B,MAAMQ,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,QACE;AAAA,QACF,MAAM;AAAA,QACN,OACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAQMC,IAAeT,EAAM;AAAA,EACzB,CAAC,EAAE,MAAAU,IAAO,SAAS,WAAAT,GAAW,UAAAU,GAAU,QAAAC,IAAS,IAAM,GAAGV,EAAA,GAASC,MAAQ;AACzE,UAAMU,IACJ,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAX,EAACL,GAAA,EAAa;AAAA,MACd,gBAAAe,EAACE,GAAA,EAAa,KAAAb,GAAU,WAAWG,EAAGC,EAAc,EAAE,MAAAG,GAAM,GAAGT,CAAS,GAAI,GAAGC,GAC5E,UAAA;AAAA,QAAAS;AAAA,QACD,gBAAAG,EAAClB,GAAA,EAAa,WAAU,sOACtB,UAAA;AAAA,UAAA,gBAAAQ,EAACa,GAAA,EAAE,WAAU,UAAA,CAAU;AAAA,UACvB,gBAAAb,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,QAAA,EAAA,CACjC;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAGF,WAAOQ,IAAS,gBAAAR,EAACP,GAAA,EAAa,UAAAgB,EAAA,CAAQ,IAAiBA;AAAA,EACzD;AACF;AACAJ,EAAa,cAAc;AAE3B,MAAMS,IAAc,CAAC,EAAE,WAAAjB,GAAW,GAAGC,EAAA,MACnC,gBAAAE,EAAC,OAAA,EAAI,WAAWE,EAAG,oDAAoDL,CAAS,GAAI,GAAGC,EAAA,CAAO;AAEhGgB,EAAY,cAAc;AAE1B,MAAMC,IAAc,CAAC,EAAE,WAAAlB,GAAW,GAAGC,QACnC,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWE,EAAG,iEAAiEL,CAAS;AAAA,IACvF,GAAGC;AAAA,EAAA;AACN;AAEFiB,EAAY,cAAc;AAE1B,MAAMC,IAAapB,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACiB;AAAAA,EAAA;AAAA,IACC,KAAAlB;AAAA,IACA,WAAWG,EAAG,yCAAyCL,CAAS;AAAA,IAC/D,GAAGC;AAAA,EAAA;AACN,CACD;AACDkB,EAAW,cAAc;AAEzB,MAAME,IAAmBtB,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACmB;AAAAA,EAAA;AAAA,IACC,KAAApB;AAAA,IACA,WAAWG,EAAG,iCAAiCL,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDoB,EAAiB,cAAc;"}
+{"version":3,"file":"sheet.js","sources":["../../../src/components/ui/sheet.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Dialog } from '@base-ui/react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { CloseIcon } from '@/components/icons'\n\nimport { cn } from '@/lib/utils'\n\n// Dialog.Root is the component function, not the namespace export\nconst Sheet = Dialog.Root\n\nconst SheetTrigger = Dialog.Trigger\n\nconst SheetClose = Dialog.Close\n\nconst SheetPortal = Dialog.Portal\n\nconst SheetOverlay = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof Dialog.Backdrop>\n>(({ className, ...props }, ref) => (\n  <Dialog.Backdrop\n    className={cn(\n      'fixed inset-0 z-50 bg-black/80 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0',\n      className\n    )}\n    {...props}\n    ref={ref}\n  />\n))\nSheetOverlay.displayName = 'SheetOverlay'\n\nconst sheetVariants = cva(\n  'fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[open]:animate-in data-[closed]:animate-out data-[closed]:duration-300 data-[open]:duration-500',\n  {\n    variants: {\n      side: {\n        top: 'inset-x-0 top-0 border-b data-[closed]:slide-out-to-top data-[open]:slide-in-from-top',\n        bottom:\n          'inset-x-0 bottom-0 border-t data-[closed]:slide-out-to-bottom data-[open]:slide-in-from-bottom',\n        left: 'inset-y-0 left-0 h-full w-3/4 border-r data-[closed]:slide-out-to-left data-[open]:slide-in-from-left sm:max-w-sm',\n        right:\n          'inset-y-0 right-0 h-full w-3/4 border-l data-[closed]:slide-out-to-right data-[open]:slide-in-from-right sm:max-w-sm',\n      },\n    },\n    defaultVariants: {\n      side: 'right',\n    },\n  }\n)\n\ninterface SheetContentProps\n  extends React.ComponentPropsWithoutRef<typeof Dialog.Popup>,\n    VariantProps<typeof sheetVariants> {\n  portal?: boolean\n}\n\nconst SheetContent = React.forwardRef<HTMLDivElement, SheetContentProps>(\n  ({ side = 'right', className, children, portal = true, ...props }, ref) => {\n    const element = (\n      <>\n        <SheetOverlay />\n        <Dialog.Popup ref={ref} className={cn(sheetVariants({ side }), className)} {...props}>\n          {children}\n          <Dialog.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[open]:bg-secondary\">\n            <CloseIcon className=\"h-4 w-4\" />\n            <span className=\"sr-only\">Close</span>\n          </Dialog.Close>\n        </Dialog.Popup>\n      </>\n    )\n\n    return portal ? <SheetPortal>{element}</SheetPortal> : element\n  }\n)\nSheetContent.displayName = 'SheetContent'\n\nconst SheetHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col space-y-2 text-center sm:text-left', className)} {...props} />\n)\nSheetHeader.displayName = 'SheetHeader'\n\nconst SheetFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}\n    {...props}\n  />\n)\nSheetFooter.displayName = 'SheetFooter'\n\nconst SheetTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.ComponentPropsWithoutRef<typeof Dialog.Title>\n>(({ className, ...props }, ref) => (\n  <Dialog.Title\n    ref={ref}\n    className={cn('text-lg font-semibold text-foreground', className)}\n    {...props}\n  />\n))\nSheetTitle.displayName = 'SheetTitle'\n\nconst SheetDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.ComponentPropsWithoutRef<typeof Dialog.Description>\n>(({ className, ...props }, ref) => (\n  <Dialog.Description\n    ref={ref}\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n))\nSheetDescription.displayName = 'SheetDescription'\n\nexport {\n  Sheet,\n  SheetPortal,\n  SheetOverlay,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n"],"names":["Sheet","Dialog.Root","SheetTrigger","Dialog.Trigger","SheetClose","Dialog.Close","SheetPortal","Dialog.Portal","SheetOverlay","React","className","props","ref","jsx","Dialog.Backdrop","cn","sheetVariants","cva","SheetContent","side","children","portal","element","jsxs","Fragment","Dialog.Popup","CloseIcon","SheetHeader","SheetFooter","SheetTitle","Dialog.Title","SheetDescription","Dialog.Description"],"mappings":";;;;;;;;;;;;;;AAUA,MAAMA,IAAQC,GAERC,IAAeC,GAEfC,IAAaC,GAEbC,IAAcC,GAEdC,IAAeC,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD;AACDJ,EAAa,cAAc;AAE3B,MAAMQ,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,QACE;AAAA,QACF,MAAM;AAAA,QACN,OACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAQMC,IAAeT,EAAM;AAAA,EACzB,CAAC,EAAE,MAAAU,IAAO,SAAS,WAAAT,GAAW,UAAAU,GAAU,QAAAC,IAAS,IAAM,GAAGV,EAAA,GAASC,MAAQ;AACzE,UAAMU,IACJ,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAX,EAACL,GAAA,EAAa;AAAA,MACd,gBAAAe,EAACE,GAAA,EAAa,KAAAb,GAAU,WAAWG,EAAGC,EAAc,EAAE,MAAAG,GAAM,GAAGT,CAAS,GAAI,GAAGC,GAC5E,UAAA;AAAA,QAAAS;AAAA,QACD,gBAAAG,EAAClB,GAAA,EAAa,WAAU,sOACtB,UAAA;AAAA,UAAA,gBAAAQ,EAACa,GAAA,EAAU,WAAU,UAAA,CAAU;AAAA,UAC/B,gBAAAb,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,QAAA,EAAA,CACjC;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAGF,WAAOQ,IAAS,gBAAAR,EAACP,GAAA,EAAa,UAAAgB,EAAA,CAAQ,IAAiBA;AAAA,EACzD;AACF;AACAJ,EAAa,cAAc;AAE3B,MAAMS,IAAc,CAAC,EAAE,WAAAjB,GAAW,GAAGC,EAAA,MACnC,gBAAAE,EAAC,OAAA,EAAI,WAAWE,EAAG,oDAAoDL,CAAS,GAAI,GAAGC,EAAA,CAAO;AAEhGgB,EAAY,cAAc;AAE1B,MAAMC,IAAc,CAAC,EAAE,WAAAlB,GAAW,GAAGC,QACnC,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWE,EAAG,iEAAiEL,CAAS;AAAA,IACvF,GAAGC;AAAA,EAAA;AACN;AAEFiB,EAAY,cAAc;AAE1B,MAAMC,IAAapB,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACiB;AAAAA,EAAA;AAAA,IACC,KAAAlB;AAAA,IACA,WAAWG,EAAG,yCAAyCL,CAAS;AAAA,IAC/D,GAAGC;AAAA,EAAA;AACN,CACD;AACDkB,EAAW,cAAc;AAEzB,MAAME,IAAmBtB,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACmB;AAAAA,EAAA;AAAA,IACC,KAAApB;AAAA,IACA,WAAWG,EAAG,iCAAiCL,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDoB,EAAiB,cAAc;"}

package/dist/components/ui/sidebar.js

@@ -1,10 +1,11 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
 import * as i from "react";
 import { Slot as v } from "@radix-ui/react-slot";
-import { cva as I } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { PanelLeft as k } from "lucide-react";
-import { useIsMobile as z } from "../../hooks/use-mobile.js";
+import { cva as C } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
 import { cn as o } from "../../lib/utils.js";
+import "../icons/dynamic-icons.js";
+import { PanelLeftIcon as k } from "../icons/auto-generated.js";
+import { useIsMobile as z } from "../../hooks/use-mobile.js";
 import { Button as T } from "./button.js";
 import { Input as B } from "./input.js";
 import { Separator as E } from "./separator.js";
@@ -41,7 +42,7 @@ const X = i.forwardRef(
       };
       return window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
     }, [S]);
-    const y = h ? "expanded" : "collapsed", C = i.useMemo(
+    const y = h ? "expanded" : "collapsed", I = i.useMemo(
       () => ({
         state: y,
         open: h,
@@ -53,7 +54,7 @@ const X = i.forwardRef(
       }),
       [y, h, w, c, p, u, S]
     );
-    return /* @__PURE__ */ r(M.Provider, { value: C, children: /* @__PURE__ */ r(K, { delay: 0, children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ r(M.Provider, { value: I, children: /* @__PURE__ */ r(K, { delay: 0, children: /* @__PURE__ */ r(
       "div",
       {
         style: {
@@ -364,7 +365,7 @@ const ce = i.forwardRef(
   )
 );
 ce.displayName = "SidebarMenuItem";
-const ue = I(
+const ue = C(
   "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {

package/dist/components/ui/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","sources":["../../../src/components/ui/sidebar.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { PanelLeft } from 'lucide-react'\n\nimport { useIsMobile } from '@/hooks/use-mobile'\nimport { cn } from '@/lib/utils'\nimport { Button } from '@/components/ui/button'\nimport { Input } from '@/components/ui/input'\nimport { Separator } from '@/components/ui/separator'\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from '@/components/ui/sheet'\nimport { Skeleton } from '@/components/ui/skeleton'\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'\n\nconst SIDEBAR_COOKIE_NAME = 'sidebar_state'\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\nconst SIDEBAR_WIDTH = '16rem'\nconst SIDEBAR_WIDTH_MOBILE = '18rem'\nconst SIDEBAR_WIDTH_ICON = '3rem'\nconst SIDEBAR_KEYBOARD_SHORTCUT = 'b'\n\ntype SidebarContextProps = {\n  state: 'expanded' | 'collapsed'\n  open: boolean\n  setOpen: (open: boolean) => void\n  openMobile: boolean\n  setOpenMobile: (open: boolean) => void\n  isMobile: boolean\n  toggleSidebar: () => void\n}\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null)\n\nfunction useSidebar() {\n  const context = React.useContext(SidebarContext)\n  if (!context) {\n    throw new Error('useSidebar must be used within a SidebarProvider.')\n  }\n\n  return context\n}\n\nconst SidebarProvider = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & {\n    defaultOpen?: boolean\n    open?: boolean\n    onOpenChange?: (open: boolean) => void\n  }\n>(\n  (\n    {\n      defaultOpen = true,\n      open: openProp,\n      onOpenChange: setOpenProp,\n      className,\n      style,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const isMobile = useIsMobile()\n    const [openMobile, setOpenMobile] = React.useState(false)\n\n    // This is the internal state of the sidebar.\n    // We use openProp and setOpenProp for control from outside the component.\n    const [_open, _setOpen] = React.useState(defaultOpen)\n    const open = openProp ?? _open\n    const setOpen = React.useCallback(\n      (value: boolean | ((value: boolean) => boolean)) => {\n        const openState = typeof value === 'function' ? value(open) : value\n        if (setOpenProp) {\n          setOpenProp(openState)\n        } else {\n          _setOpen(openState)\n        }\n\n        // This sets the cookie to keep the sidebar state.\n        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n      },\n      [setOpenProp, open]\n    )\n\n    // Helper to toggle the sidebar.\n    const toggleSidebar = React.useCallback(() => {\n      return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open)\n    }, [isMobile, setOpen, setOpenMobile])\n\n    // Adds a keyboard shortcut to toggle the sidebar.\n    React.useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n          event.preventDefault()\n          toggleSidebar()\n        }\n      }\n\n      window.addEventListener('keydown', handleKeyDown)\n      return () => window.removeEventListener('keydown', handleKeyDown)\n    }, [toggleSidebar])\n\n    // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n    // This makes it easier to style the sidebar with Tailwind classes.\n    const state = open ? 'expanded' : 'collapsed'\n\n    const contextValue = React.useMemo<SidebarContextProps>(\n      () => ({\n        state,\n        open,\n        setOpen,\n        isMobile,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n      }),\n      [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n    )\n\n    return (\n      <SidebarContext.Provider value={contextValue}>\n        <TooltipProvider delay={0}>\n          <div\n            style={\n              {\n                '--sidebar-width': SIDEBAR_WIDTH,\n                '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n                ...style,\n              } as React.CSSProperties\n            }\n            className={cn(\n              'group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar',\n              className\n            )}\n            ref={ref}\n            {...props}\n          >\n            {children}\n          </div>\n        </TooltipProvider>\n      </SidebarContext.Provider>\n    )\n  }\n)\nSidebarProvider.displayName = 'SidebarProvider'\n\nconst Sidebar = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & {\n    side?: 'left' | 'right'\n    variant?: 'sidebar' | 'floating' | 'inset'\n    collapsible?: 'offcanvas' | 'icon' | 'none'\n  }\n>(\n  (\n    {\n      side = 'left',\n      variant = 'sidebar',\n      collapsible = 'offcanvas',\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const { isMobile, state, openMobile, setOpenMobile } = useSidebar()\n\n    if (collapsible === 'none') {\n      return (\n        <div\n          className={cn(\n            'flex h-full w-[var(--sidebar-width)] flex-col bg-sidebar text-sidebar-foreground',\n            className\n          )}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </div>\n      )\n    }\n\n    if (isMobile) {\n      return (\n        <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n          <SheetContent\n            data-sidebar=\"sidebar\"\n            data-mobile=\"true\"\n            className=\"w-[var(--sidebar-width)] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden\"\n            style={\n              {\n                '--sidebar-width': SIDEBAR_WIDTH_MOBILE,\n              } as React.CSSProperties\n            }\n            side={side}\n          >\n            <SheetHeader className=\"sr-only\">\n              <SheetTitle>Sidebar</SheetTitle>\n              <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n            </SheetHeader>\n            <div className=\"flex h-full w-full flex-col\">{children}</div>\n          </SheetContent>\n        </Sheet>\n      )\n    }\n\n    return (\n      <div\n        ref={ref}\n        className=\"group peer hidden text-sidebar-foreground md:block\"\n        data-state={state}\n        data-collapsible={state === 'collapsed' ? collapsible : ''}\n        data-variant={variant}\n        data-side={side}\n      >\n        {/* This is what handles the sidebar gap on desktop */}\n        <div\n          className={cn(\n            'relative w-[var(--sidebar-width)] bg-transparent transition-[width] duration-200 ease-linear',\n            'group-data-[collapsible=offcanvas]:w-0',\n            'group-data-[side=right]:rotate-180',\n            variant === 'floating' || variant === 'inset'\n              ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]'\n              : 'group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)]'\n          )}\n        />\n        <div\n          className={cn(\n            'fixed inset-y-0 z-10 hidden h-svh w-[var(--sidebar-width)] transition-[left,right,width] duration-200 ease-linear md:flex',\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            // Adjust the padding for floating and inset variants.\n            variant === 'floating' || variant === 'inset'\n              ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]'\n              : 'group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)] group-data-[side=left]:border-r group-data-[side=right]:border-l',\n            className\n          )}\n          {...props}\n        >\n          <div\n            data-sidebar=\"sidebar\"\n            className=\"flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow-sm\"\n          >\n            {children}\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\nSidebar.displayName = 'Sidebar'\n\nconst SidebarTrigger = React.forwardRef<\n  React.ElementRef<typeof Button>,\n  React.ComponentProps<typeof Button>\n>(({ className, onClick, ...props }, ref) => {\n  const { toggleSidebar } = useSidebar()\n\n  return (\n    <Button\n      ref={ref}\n      data-sidebar=\"trigger\"\n      variant=\"ghost\"\n      size=\"icon\"\n      className={cn('h-7 w-7', className)}\n      onClick={(event) => {\n        onClick?.(event)\n        toggleSidebar()\n      }}\n      {...props}\n    >\n      <PanelLeft />\n      <span className=\"sr-only\">Toggle Sidebar</span>\n    </Button>\n  )\n})\nSidebarTrigger.displayName = 'SidebarTrigger'\n\nconst SidebarRail = React.forwardRef<HTMLButtonElement, React.ComponentProps<'button'>>(\n  ({ className, ...props }, ref) => {\n    const { toggleSidebar } = useSidebar()\n\n    return (\n      <button\n        ref={ref}\n        data-sidebar=\"rail\"\n        aria-label=\"Toggle Sidebar\"\n        tabIndex={-1}\n        onClick={toggleSidebar}\n        title=\"Toggle Sidebar\"\n        className={cn(\n          'absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex',\n          '[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize',\n          '[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize',\n          'group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar',\n          '[[data-side=left][data-collapsible=offcanvas]_&]:-right-2',\n          '[[data-side=right][data-collapsible=offcanvas]_&]:-left-2',\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nSidebarRail.displayName = 'SidebarRail'\n\nconst SidebarInset = React.forwardRef<HTMLDivElement, React.ComponentProps<'main'>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <main\n        ref={ref}\n        className={cn(\n          'relative flex w-full flex-1 flex-col bg-background',\n          'md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm',\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nSidebarInset.displayName = 'SidebarInset'\n\nconst SidebarInput = React.forwardRef<\n  React.ElementRef<typeof Input>,\n  React.ComponentProps<typeof Input>\n>(({ className, ...props }, ref) => {\n  return (\n    <Input\n      ref={ref}\n      data-sidebar=\"input\"\n      className={cn(\n        'h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring',\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarInput.displayName = 'SidebarInput'\n\nconst SidebarHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-sidebar=\"header\"\n        className={cn('flex flex-col gap-2 p-2', className)}\n        {...props}\n      />\n    )\n  }\n)\nSidebarHeader.displayName = 'SidebarHeader'\n\nconst SidebarFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-sidebar=\"footer\"\n        className={cn('flex flex-col gap-2 p-2', className)}\n        {...props}\n      />\n    )\n  }\n)\nSidebarFooter.displayName = 'SidebarFooter'\n\nconst SidebarSeparator = React.forwardRef<\n  React.ElementRef<typeof Separator>,\n  React.ComponentProps<typeof Separator>\n>(({ className, ...props }, ref) => {\n  return (\n    <Separator\n      ref={ref}\n      data-sidebar=\"separator\"\n      className={cn('mx-2 w-auto bg-sidebar-border', className)}\n      {...props}\n    />\n  )\n})\nSidebarSeparator.displayName = 'SidebarSeparator'\n\nconst SidebarContent = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-sidebar=\"content\"\n        className={cn(\n          'flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden',\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nSidebarContent.displayName = 'SidebarContent'\n\nconst SidebarGroup = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-sidebar=\"group\"\n        className={cn('relative flex w-full min-w-0 flex-col p-2', className)}\n        {...props}\n      />\n    )\n  }\n)\nSidebarGroup.displayName = 'SidebarGroup'\n\nconst SidebarGroupLabel = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      ref={ref}\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-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',\n        'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarGroupLabel.displayName = 'SidebarGroupLabel'\n\nconst SidebarGroupAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<'button'> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'button'\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"group-action\"\n      className={cn(\n        'absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',\n        // Increases the hit area of the button on mobile.\n        'after:absolute after:-inset-2 after:md:hidden',\n        'group-data-[collapsible=icon]:hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarGroupAction.displayName = 'SidebarGroupAction'\n\nconst SidebarGroupContent = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-sidebar=\"group-content\"\n      className={cn('w-full text-sm', className)}\n      {...props}\n    />\n  )\n)\nSidebarGroupContent.displayName = 'SidebarGroupContent'\n\nconst SidebarMenu = React.forwardRef<HTMLUListElement, React.ComponentProps<'ul'>>(\n  ({ className, ...props }, ref) => (\n    <ul\n      ref={ref}\n      data-sidebar=\"menu\"\n      className={cn('flex w-full min-w-0 flex-col gap-1', className)}\n      {...props}\n    />\n  )\n)\nSidebarMenu.displayName = 'SidebarMenu'\n\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, React.ComponentProps<'li'>>(\n  ({ className, ...props }, ref) => (\n    <li\n      ref={ref}\n      data-sidebar=\"menu-item\"\n      className={cn('group/menu-item relative', className)}\n      {...props}\n    />\n  )\n)\nSidebarMenuItem.displayName = 'SidebarMenuItem'\n\nconst sidebarMenuButtonVariants = cva(\n  'peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n        outline:\n          'bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]',\n      },\n      size: {\n        default: 'h-8 text-sm',\n        sm: 'h-7 text-xs',\n        lg: 'h-12 text-sm group-data-[collapsible=icon]:!p-0',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n)\n\nconst SidebarMenuButton = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<'button'> & {\n    asChild?: boolean\n    isActive?: boolean\n    tooltip?: string | React.ComponentProps<typeof TooltipContent>\n  } & VariantProps<typeof sidebarMenuButtonVariants>\n>(\n  (\n    {\n      asChild = false,\n      isActive = false,\n      variant = 'default',\n      size = 'default',\n      tooltip,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : 'button'\n    const { isMobile, state } = useSidebar()\n\n    const button = (\n      <Comp\n        ref={ref}\n        data-sidebar=\"menu-button\"\n        data-size={size}\n        data-active={isActive}\n        className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n        {...props}\n      />\n    )\n\n    if (!tooltip) {\n      return button\n    }\n\n    if (typeof tooltip === 'string') {\n      tooltip = {\n        children: tooltip,\n      }\n    }\n\n    return (\n      <Tooltip>\n        <TooltipTrigger render={button} />\n        <TooltipContent\n          side=\"right\"\n          align=\"center\"\n          hidden={state !== 'collapsed' || isMobile}\n          {...tooltip}\n        />\n      </Tooltip>\n    )\n  }\n)\nSidebarMenuButton.displayName = 'SidebarMenuButton'\n\nconst SidebarMenuAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<'button'> & {\n    asChild?: boolean\n    showOnHover?: boolean\n  }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'button'\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-action\"\n      className={cn(\n        'absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0',\n        // Increases the hit area of the button on mobile.\n        'after:absolute after:-inset-2 after:md:hidden',\n        'peer-data-[size=sm]/menu-button:top-1',\n        'peer-data-[size=default]/menu-button:top-1.5',\n        'peer-data-[size=lg]/menu-button:top-2.5',\n        'group-data-[collapsible=icon]:hidden',\n        showOnHover &&\n          'group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0',\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarMenuAction.displayName = 'SidebarMenuAction'\n\nconst SidebarMenuBadge = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-sidebar=\"menu-badge\"\n      className={cn(\n        'pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground',\n        'peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground',\n        'peer-data-[size=sm]/menu-button:top-1',\n        'peer-data-[size=default]/menu-button:top-1.5',\n        'peer-data-[size=lg]/menu-button:top-2.5',\n        'group-data-[collapsible=icon]:hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n)\nSidebarMenuBadge.displayName = 'SidebarMenuBadge'\n\nconst SidebarMenuSkeleton = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & {\n    showIcon?: boolean\n  }\n>(({ className, showIcon = false, ...props }, ref) => {\n  // Random width between 50 to 90%.\n  const width = React.useMemo(() => {\n    return `${Math.floor(Math.random() * 40) + 50}%`\n  }, [])\n\n  return (\n    <div\n      ref={ref}\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=\"size-4 rounded-md\" data-sidebar=\"menu-skeleton-icon\" />}\n      <Skeleton\n        className=\"h-4 max-w-[var(--skeleton-width)] flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            '--skeleton-width': width,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  )\n})\nSidebarMenuSkeleton.displayName = 'SidebarMenuSkeleton'\n\nconst SidebarMenuSub = React.forwardRef<HTMLUListElement, React.ComponentProps<'ul'>>(\n  ({ className, ...props }, ref) => (\n    <ul\n      ref={ref}\n      data-sidebar=\"menu-sub\"\n      className={cn(\n        'mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5',\n        'group-data-[collapsible=icon]:hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n)\nSidebarMenuSub.displayName = 'SidebarMenuSub'\n\nconst SidebarMenuSubItem = React.forwardRef<HTMLLIElement, React.ComponentProps<'li'>>(\n  ({ ...props }, ref) => <li ref={ref} {...props} />\n)\nSidebarMenuSubItem.displayName = 'SidebarMenuSubItem'\n\nconst SidebarMenuSubButton = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentProps<'a'> & {\n    asChild?: boolean\n    size?: 'sm' | 'md'\n    isActive?: boolean\n  }\n>(({ asChild = false, size = 'md', isActive, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'a'\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-sub-button\"\n      data-size={size}\n      data-active={isActive}\n      className={cn(\n        'flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground',\n        'data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground',\n        size === 'sm' && 'text-xs',\n        size === 'md' && 'text-sm',\n        'group-data-[collapsible=icon]:hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarMenuSubButton.displayName = 'SidebarMenuSubButton'\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar,\n}\n"],"names":["SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","React","useSidebar","context","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","ref","isMobile","useIsMobile","openMobile","setOpenMobile","_open","_setOpen","open","setOpen","value","openState","toggleSidebar","handleKeyDown","event","state","contextValue","jsx","TooltipProvider","cn","Sidebar","side","variant","collapsible","Sheet","jsxs","SheetContent","SheetHeader","SheetTitle","SheetDescription","SidebarTrigger","onClick","Button","PanelLeft","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","SidebarGroupLabel","asChild","Slot","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariants","cva","SidebarMenuButton","isActive","size","tooltip","Comp","button","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Skeleton","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton"],"mappings":"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"}
+{"version":3,"file":"sidebar.js","sources":["../../../src/components/ui/sidebar.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { PanelLeftIcon } from '@/components/icons'\n\nimport { useIsMobile } from '@/hooks/use-mobile'\nimport { cn } from '@/lib/utils'\nimport { Button } from '@/components/ui/button'\nimport { Input } from '@/components/ui/input'\nimport { Separator } from '@/components/ui/separator'\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from '@/components/ui/sheet'\nimport { Skeleton } from '@/components/ui/skeleton'\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'\n\nconst SIDEBAR_COOKIE_NAME = 'sidebar_state'\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\nconst SIDEBAR_WIDTH = '16rem'\nconst SIDEBAR_WIDTH_MOBILE = '18rem'\nconst SIDEBAR_WIDTH_ICON = '3rem'\nconst SIDEBAR_KEYBOARD_SHORTCUT = 'b'\n\ntype SidebarContextProps = {\n  state: 'expanded' | 'collapsed'\n  open: boolean\n  setOpen: (open: boolean) => void\n  openMobile: boolean\n  setOpenMobile: (open: boolean) => void\n  isMobile: boolean\n  toggleSidebar: () => void\n}\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null)\n\nfunction useSidebar() {\n  const context = React.useContext(SidebarContext)\n  if (!context) {\n    throw new Error('useSidebar must be used within a SidebarProvider.')\n  }\n\n  return context\n}\n\nconst SidebarProvider = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & {\n    defaultOpen?: boolean\n    open?: boolean\n    onOpenChange?: (open: boolean) => void\n  }\n>(\n  (\n    {\n      defaultOpen = true,\n      open: openProp,\n      onOpenChange: setOpenProp,\n      className,\n      style,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const isMobile = useIsMobile()\n    const [openMobile, setOpenMobile] = React.useState(false)\n\n    // This is the internal state of the sidebar.\n    // We use openProp and setOpenProp for control from outside the component.\n    const [_open, _setOpen] = React.useState(defaultOpen)\n    const open = openProp ?? _open\n    const setOpen = React.useCallback(\n      (value: boolean | ((value: boolean) => boolean)) => {\n        const openState = typeof value === 'function' ? value(open) : value\n        if (setOpenProp) {\n          setOpenProp(openState)\n        } else {\n          _setOpen(openState)\n        }\n\n        // This sets the cookie to keep the sidebar state.\n        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n      },\n      [setOpenProp, open]\n    )\n\n    // Helper to toggle the sidebar.\n    const toggleSidebar = React.useCallback(() => {\n      return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open)\n    }, [isMobile, setOpen, setOpenMobile])\n\n    // Adds a keyboard shortcut to toggle the sidebar.\n    React.useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n          event.preventDefault()\n          toggleSidebar()\n        }\n      }\n\n      window.addEventListener('keydown', handleKeyDown)\n      return () => window.removeEventListener('keydown', handleKeyDown)\n    }, [toggleSidebar])\n\n    // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n    // This makes it easier to style the sidebar with Tailwind classes.\n    const state = open ? 'expanded' : 'collapsed'\n\n    const contextValue = React.useMemo<SidebarContextProps>(\n      () => ({\n        state,\n        open,\n        setOpen,\n        isMobile,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n      }),\n      [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n    )\n\n    return (\n      <SidebarContext.Provider value={contextValue}>\n        <TooltipProvider delay={0}>\n          <div\n            style={\n              {\n                '--sidebar-width': SIDEBAR_WIDTH,\n                '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n                ...style,\n              } as React.CSSProperties\n            }\n            className={cn(\n              'group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar',\n              className\n            )}\n            ref={ref}\n            {...props}\n          >\n            {children}\n          </div>\n        </TooltipProvider>\n      </SidebarContext.Provider>\n    )\n  }\n)\nSidebarProvider.displayName = 'SidebarProvider'\n\nconst Sidebar = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & {\n    side?: 'left' | 'right'\n    variant?: 'sidebar' | 'floating' | 'inset'\n    collapsible?: 'offcanvas' | 'icon' | 'none'\n  }\n>(\n  (\n    {\n      side = 'left',\n      variant = 'sidebar',\n      collapsible = 'offcanvas',\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const { isMobile, state, openMobile, setOpenMobile } = useSidebar()\n\n    if (collapsible === 'none') {\n      return (\n        <div\n          className={cn(\n            'flex h-full w-[var(--sidebar-width)] flex-col bg-sidebar text-sidebar-foreground',\n            className\n          )}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </div>\n      )\n    }\n\n    if (isMobile) {\n      return (\n        <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n          <SheetContent\n            data-sidebar=\"sidebar\"\n            data-mobile=\"true\"\n            className=\"w-[var(--sidebar-width)] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden\"\n            style={\n              {\n                '--sidebar-width': SIDEBAR_WIDTH_MOBILE,\n              } as React.CSSProperties\n            }\n            side={side}\n          >\n            <SheetHeader className=\"sr-only\">\n              <SheetTitle>Sidebar</SheetTitle>\n              <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n            </SheetHeader>\n            <div className=\"flex h-full w-full flex-col\">{children}</div>\n          </SheetContent>\n        </Sheet>\n      )\n    }\n\n    return (\n      <div\n        ref={ref}\n        className=\"group peer hidden text-sidebar-foreground md:block\"\n        data-state={state}\n        data-collapsible={state === 'collapsed' ? collapsible : ''}\n        data-variant={variant}\n        data-side={side}\n      >\n        {/* This is what handles the sidebar gap on desktop */}\n        <div\n          className={cn(\n            'relative w-[var(--sidebar-width)] bg-transparent transition-[width] duration-200 ease-linear',\n            'group-data-[collapsible=offcanvas]:w-0',\n            'group-data-[side=right]:rotate-180',\n            variant === 'floating' || variant === 'inset'\n              ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]'\n              : 'group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)]'\n          )}\n        />\n        <div\n          className={cn(\n            'fixed inset-y-0 z-10 hidden h-svh w-[var(--sidebar-width)] transition-[left,right,width] duration-200 ease-linear md:flex',\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            // Adjust the padding for floating and inset variants.\n            variant === 'floating' || variant === 'inset'\n              ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]'\n              : 'group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)] group-data-[side=left]:border-r group-data-[side=right]:border-l',\n            className\n          )}\n          {...props}\n        >\n          <div\n            data-sidebar=\"sidebar\"\n            className=\"flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow-sm\"\n          >\n            {children}\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\nSidebar.displayName = 'Sidebar'\n\nconst SidebarTrigger = React.forwardRef<\n  React.ElementRef<typeof Button>,\n  React.ComponentProps<typeof Button>\n>(({ className, onClick, ...props }, ref) => {\n  const { toggleSidebar } = useSidebar()\n\n  return (\n    <Button\n      ref={ref}\n      data-sidebar=\"trigger\"\n      variant=\"ghost\"\n      size=\"icon\"\n      className={cn('h-7 w-7', className)}\n      onClick={(event) => {\n        onClick?.(event)\n        toggleSidebar()\n      }}\n      {...props}\n    >\n      <PanelLeftIcon />\n      <span className=\"sr-only\">Toggle Sidebar</span>\n    </Button>\n  )\n})\nSidebarTrigger.displayName = 'SidebarTrigger'\n\nconst SidebarRail = React.forwardRef<HTMLButtonElement, React.ComponentProps<'button'>>(\n  ({ className, ...props }, ref) => {\n    const { toggleSidebar } = useSidebar()\n\n    return (\n      <button\n        ref={ref}\n        data-sidebar=\"rail\"\n        aria-label=\"Toggle Sidebar\"\n        tabIndex={-1}\n        onClick={toggleSidebar}\n        title=\"Toggle Sidebar\"\n        className={cn(\n          'absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex',\n          '[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize',\n          '[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize',\n          'group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar',\n          '[[data-side=left][data-collapsible=offcanvas]_&]:-right-2',\n          '[[data-side=right][data-collapsible=offcanvas]_&]:-left-2',\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nSidebarRail.displayName = 'SidebarRail'\n\nconst SidebarInset = React.forwardRef<HTMLDivElement, React.ComponentProps<'main'>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <main\n        ref={ref}\n        className={cn(\n          'relative flex w-full flex-1 flex-col bg-background',\n          'md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm',\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nSidebarInset.displayName = 'SidebarInset'\n\nconst SidebarInput = React.forwardRef<\n  React.ElementRef<typeof Input>,\n  React.ComponentProps<typeof Input>\n>(({ className, ...props }, ref) => {\n  return (\n    <Input\n      ref={ref}\n      data-sidebar=\"input\"\n      className={cn(\n        'h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring',\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarInput.displayName = 'SidebarInput'\n\nconst SidebarHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-sidebar=\"header\"\n        className={cn('flex flex-col gap-2 p-2', className)}\n        {...props}\n      />\n    )\n  }\n)\nSidebarHeader.displayName = 'SidebarHeader'\n\nconst SidebarFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-sidebar=\"footer\"\n        className={cn('flex flex-col gap-2 p-2', className)}\n        {...props}\n      />\n    )\n  }\n)\nSidebarFooter.displayName = 'SidebarFooter'\n\nconst SidebarSeparator = React.forwardRef<\n  React.ElementRef<typeof Separator>,\n  React.ComponentProps<typeof Separator>\n>(({ className, ...props }, ref) => {\n  return (\n    <Separator\n      ref={ref}\n      data-sidebar=\"separator\"\n      className={cn('mx-2 w-auto bg-sidebar-border', className)}\n      {...props}\n    />\n  )\n})\nSidebarSeparator.displayName = 'SidebarSeparator'\n\nconst SidebarContent = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-sidebar=\"content\"\n        className={cn(\n          'flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden',\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nSidebarContent.displayName = 'SidebarContent'\n\nconst SidebarGroup = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-sidebar=\"group\"\n        className={cn('relative flex w-full min-w-0 flex-col p-2', className)}\n        {...props}\n      />\n    )\n  }\n)\nSidebarGroup.displayName = 'SidebarGroup'\n\nconst SidebarGroupLabel = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      ref={ref}\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-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',\n        'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarGroupLabel.displayName = 'SidebarGroupLabel'\n\nconst SidebarGroupAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<'button'> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'button'\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"group-action\"\n      className={cn(\n        'absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',\n        // Increases the hit area of the button on mobile.\n        'after:absolute after:-inset-2 after:md:hidden',\n        'group-data-[collapsible=icon]:hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarGroupAction.displayName = 'SidebarGroupAction'\n\nconst SidebarGroupContent = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-sidebar=\"group-content\"\n      className={cn('w-full text-sm', className)}\n      {...props}\n    />\n  )\n)\nSidebarGroupContent.displayName = 'SidebarGroupContent'\n\nconst SidebarMenu = React.forwardRef<HTMLUListElement, React.ComponentProps<'ul'>>(\n  ({ className, ...props }, ref) => (\n    <ul\n      ref={ref}\n      data-sidebar=\"menu\"\n      className={cn('flex w-full min-w-0 flex-col gap-1', className)}\n      {...props}\n    />\n  )\n)\nSidebarMenu.displayName = 'SidebarMenu'\n\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, React.ComponentProps<'li'>>(\n  ({ className, ...props }, ref) => (\n    <li\n      ref={ref}\n      data-sidebar=\"menu-item\"\n      className={cn('group/menu-item relative', className)}\n      {...props}\n    />\n  )\n)\nSidebarMenuItem.displayName = 'SidebarMenuItem'\n\nconst sidebarMenuButtonVariants = cva(\n  'peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n        outline:\n          'bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]',\n      },\n      size: {\n        default: 'h-8 text-sm',\n        sm: 'h-7 text-xs',\n        lg: 'h-12 text-sm group-data-[collapsible=icon]:!p-0',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n)\n\nconst SidebarMenuButton = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<'button'> & {\n    asChild?: boolean\n    isActive?: boolean\n    tooltip?: string | React.ComponentProps<typeof TooltipContent>\n  } & VariantProps<typeof sidebarMenuButtonVariants>\n>(\n  (\n    {\n      asChild = false,\n      isActive = false,\n      variant = 'default',\n      size = 'default',\n      tooltip,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : 'button'\n    const { isMobile, state } = useSidebar()\n\n    const button = (\n      <Comp\n        ref={ref}\n        data-sidebar=\"menu-button\"\n        data-size={size}\n        data-active={isActive}\n        className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n        {...props}\n      />\n    )\n\n    if (!tooltip) {\n      return button\n    }\n\n    if (typeof tooltip === 'string') {\n      tooltip = {\n        children: tooltip,\n      }\n    }\n\n    return (\n      <Tooltip>\n        <TooltipTrigger render={button} />\n        <TooltipContent\n          side=\"right\"\n          align=\"center\"\n          hidden={state !== 'collapsed' || isMobile}\n          {...tooltip}\n        />\n      </Tooltip>\n    )\n  }\n)\nSidebarMenuButton.displayName = 'SidebarMenuButton'\n\nconst SidebarMenuAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<'button'> & {\n    asChild?: boolean\n    showOnHover?: boolean\n  }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'button'\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-action\"\n      className={cn(\n        'absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0',\n        // Increases the hit area of the button on mobile.\n        'after:absolute after:-inset-2 after:md:hidden',\n        'peer-data-[size=sm]/menu-button:top-1',\n        'peer-data-[size=default]/menu-button:top-1.5',\n        'peer-data-[size=lg]/menu-button:top-2.5',\n        'group-data-[collapsible=icon]:hidden',\n        showOnHover &&\n          'group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0',\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarMenuAction.displayName = 'SidebarMenuAction'\n\nconst SidebarMenuBadge = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-sidebar=\"menu-badge\"\n      className={cn(\n        'pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground',\n        'peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground',\n        'peer-data-[size=sm]/menu-button:top-1',\n        'peer-data-[size=default]/menu-button:top-1.5',\n        'peer-data-[size=lg]/menu-button:top-2.5',\n        'group-data-[collapsible=icon]:hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n)\nSidebarMenuBadge.displayName = 'SidebarMenuBadge'\n\nconst SidebarMenuSkeleton = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & {\n    showIcon?: boolean\n  }\n>(({ className, showIcon = false, ...props }, ref) => {\n  // Random width between 50 to 90%.\n  const width = React.useMemo(() => {\n    return `${Math.floor(Math.random() * 40) + 50}%`\n  }, [])\n\n  return (\n    <div\n      ref={ref}\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=\"size-4 rounded-md\" data-sidebar=\"menu-skeleton-icon\" />}\n      <Skeleton\n        className=\"h-4 max-w-[var(--skeleton-width)] flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            '--skeleton-width': width,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  )\n})\nSidebarMenuSkeleton.displayName = 'SidebarMenuSkeleton'\n\nconst SidebarMenuSub = React.forwardRef<HTMLUListElement, React.ComponentProps<'ul'>>(\n  ({ className, ...props }, ref) => (\n    <ul\n      ref={ref}\n      data-sidebar=\"menu-sub\"\n      className={cn(\n        'mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5',\n        'group-data-[collapsible=icon]:hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n)\nSidebarMenuSub.displayName = 'SidebarMenuSub'\n\nconst SidebarMenuSubItem = React.forwardRef<HTMLLIElement, React.ComponentProps<'li'>>(\n  ({ ...props }, ref) => <li ref={ref} {...props} />\n)\nSidebarMenuSubItem.displayName = 'SidebarMenuSubItem'\n\nconst SidebarMenuSubButton = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentProps<'a'> & {\n    asChild?: boolean\n    size?: 'sm' | 'md'\n    isActive?: boolean\n  }\n>(({ asChild = false, size = 'md', isActive, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'a'\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-sub-button\"\n      data-size={size}\n      data-active={isActive}\n      className={cn(\n        'flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground',\n        'data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground',\n        size === 'sm' && 'text-xs',\n        size === 'md' && 'text-sm',\n        'group-data-[collapsible=icon]:hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarMenuSubButton.displayName = 'SidebarMenuSubButton'\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar,\n}\n"],"names":["SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","React","useSidebar","context","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","ref","isMobile","useIsMobile","openMobile","setOpenMobile","_open","_setOpen","open","setOpen","value","openState","toggleSidebar","handleKeyDown","event","state","contextValue","jsx","TooltipProvider","cn","Sidebar","side","variant","collapsible","Sheet","jsxs","SheetContent","SheetHeader","SheetTitle","SheetDescription","SidebarTrigger","onClick","Button","PanelLeftIcon","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","SidebarGroupLabel","asChild","Slot","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariants","cva","SidebarMenuButton","isActive","size","tooltip","Comp","button","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Skeleton","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton"],"mappings":"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"}

package/dist/components/ui/stack.d.ts

@@ -3,8 +3,8 @@ import * as React from 'react';
 declare const stackVariants: (props?: ({
     direction?: "horizontal" | "vertical" | null | undefined;
     gap?: "none" | "sm" | "lg" | "md" | "xl" | "xs" | null | undefined;
-    align?: "center" | "end" | "start" | "stretch" | null | undefined;
-    justify?: "center" | "end" | "start" | "between" | null | undefined;
+    align?: "end" | "start" | "center" | "stretch" | null | undefined;
+    justify?: "end" | "start" | "center" | "between" | null | undefined;
     wrap?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface StackProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof stackVariants> {

package/dist/components/ui/tree.js

@@ -1,14 +1,15 @@
-import { jsxs as P, jsx as a } from "react/jsx-runtime";
+import { jsxs as E, jsx as a } from "react/jsx-runtime";
 import * as p from "react";
-import { ChevronDown as L, ChevronRight as T } from "lucide-react";
-import { cn as D } from "../../lib/utils.js";
+import { cn as P } from "../../lib/utils.js";
+import "../icons/dynamic-icons.js";
+import { ChevronDownIcon as L, ChevronRightIcon as T } from "../icons/auto-generated.js";
 import { Checkbox as $ } from "./checkbox.js";
-const E = p.forwardRef(
+const I = p.forwardRef(
   ({
     node: t,
     level: v = 0,
-    showCheckbox: x = !1,
-    showIcon: u = !1,
+    showCheckbox: o = !1,
+    showIcon: x = !1,
     onToggle: h,
     onSelect: m,
     onCheck: l,
@@ -16,19 +17,19 @@ const E = p.forwardRef(
     selectedNodes: i,
     checkedNodes: n
   }, b) => {
-    var o;
-    const f = t.children && t.children.length > 0, w = (s == null ? void 0 : s.has(t.id)) ?? !1, y = (i == null ? void 0 : i.has(t.id)) ?? !1, C = (n == null ? void 0 : n.has(t.id)) ?? !1, g = (r) => {
+    var w;
+    const f = t.children && t.children.length > 0, u = (s == null ? void 0 : s.has(t.id)) ?? !1, y = (i == null ? void 0 : i.has(t.id)) ?? !1, C = (n == null ? void 0 : n.has(t.id)) ?? !1, g = (r) => {
       r.stopPropagation(), f && h && h(t.id);
     }, d = () => {
       m && m(t.id);
     }, R = (r) => {
       l && typeof r == "boolean" && l(t.id, r);
     };
-    return /* @__PURE__ */ P("div", { ref: b, children: [
-      /* @__PURE__ */ P(
+    return /* @__PURE__ */ E("div", { ref: b, children: [
+      /* @__PURE__ */ E(
         "div",
         {
-          className: D(
+          className: P(
             "flex items-center gap-4 px-4 py-2 cursor-pointer transition-colors",
             "hover:bg-[hsl(var(--tree-item-hover)/0.05)]",
             y && "bg-[hsl(var(--tree-item-selected)/0.1)]"
@@ -41,10 +42,10 @@ const E = p.forwardRef(
               {
                 onClick: g,
                 className: "flex items-center justify-center w-4 h-4 text-[hsl(var(--tree-icon))] hover:opacity-80",
-                children: w ? /* @__PURE__ */ a(L, { className: "w-4 h-4" }) : /* @__PURE__ */ a(T, { className: "w-4 h-4" })
+                children: u ? /* @__PURE__ */ a(L, { className: "w-4 h-4" }) : /* @__PURE__ */ a(T, { className: "w-4 h-4" })
               }
             ) : /* @__PURE__ */ a("div", { className: "w-4 h-4" }),
-            x && /* @__PURE__ */ a(
+            o && /* @__PURE__ */ a(
               $,
               {
                 checked: C,
@@ -52,18 +53,18 @@ const E = p.forwardRef(
                 onClick: (r) => r.stopPropagation()
               }
             ),
-            u && t.icon && /* @__PURE__ */ a("div", { className: "flex items-center", children: t.icon }),
+            x && t.icon && /* @__PURE__ */ a("div", { className: "flex items-center", children: t.icon }),
             /* @__PURE__ */ a("span", { className: "text-sm text-[hsl(var(--tree-text))] leading-6", children: t.label })
           ]
         }
       ),
-      f && w && /* @__PURE__ */ a("div", { children: (o = t.children) == null ? void 0 : o.map((r) => /* @__PURE__ */ a(
-        E,
+      f && u && /* @__PURE__ */ a("div", { children: (w = t.children) == null ? void 0 : w.map((r) => /* @__PURE__ */ a(
+        I,
         {
           node: r,
           level: v + 1,
-          showCheckbox: x,
-          showIcon: u,
+          showCheckbox: o,
+          showIcon: x,
           onToggle: h,
           onSelect: m,
           onCheck: l,
@@ -76,13 +77,13 @@ const E = p.forwardRef(
     ] });
   }
 );
-E.displayName = "TreeItem";
+I.displayName = "TreeItem";
 const q = p.forwardRef(
   ({
     data: t,
     showCheckbox: v = !1,
-    showIcon: x = !1,
-    defaultExpanded: u = [],
+    showIcon: o = !1,
+    defaultExpanded: x = [],
     defaultSelected: h = [],
     defaultChecked: m = [],
     onNodeToggle: l,
@@ -91,14 +92,14 @@ const q = p.forwardRef(
     className: n,
     ...b
   }, f) => {
-    const [w, y] = p.useState(new Set(u)), [C, g] = p.useState(new Set(h)), [d, R] = p.useState(new Set(m)), o = (e) => {
+    const [u, y] = p.useState(new Set(x)), [C, g] = p.useState(new Set(h)), [d, R] = p.useState(new Set(m)), w = (e) => {
       y((S) => {
         const c = new Set(S);
         return c.has(e) ? c.delete(e) : c.add(e), c;
       }), l == null || l(e);
     }, r = (e) => {
       g(/* @__PURE__ */ new Set([e])), s == null || s(e);
-    }, I = (e, S) => {
+    }, D = (e, S) => {
       R((c) => {
         const j = new Set(c);
         return S ? j.add(e) : j.delete(e), j;
@@ -108,18 +109,18 @@ const q = p.forwardRef(
       "div",
       {
         ref: f,
-        className: D("rounded-lg border border-[hsl(var(--tree-divider)/0.1)]", n),
+        className: P("rounded-lg border border-[hsl(var(--tree-divider)/0.1)]", n),
         ...b,
         children: t.map((e) => /* @__PURE__ */ a(
-          E,
+          I,
           {
             node: e,
             showCheckbox: v,
-            showIcon: x,
-            onToggle: o,
+            showIcon: o,
+            onToggle: w,
             onSelect: r,
-            onCheck: I,
-            expandedNodes: w,
+            onCheck: D,
+            expandedNodes: u,
             selectedNodes: C,
             checkedNodes: d
           },
@@ -132,6 +133,6 @@ const q = p.forwardRef(
 q.displayName = "Tree";
 export {
   q as Tree,
-  E as TreeItem
+  I as TreeItem
 };
 //# sourceMappingURL=tree.js.map

package/dist/components/ui/tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree.js","sources":["../../../src/components/ui/tree.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ChevronRight, ChevronDown } from 'lucide-react'\nimport { cn } from '@/lib/utils'\nimport { Checkbox } from './checkbox'\n\nexport interface TreeNode {\n  id: string\n  label: string\n  icon?: React.ReactNode\n  children?: TreeNode[]\n}\n\ninterface TreeItemProps {\n  node: TreeNode\n  level?: number\n  expanded?: boolean\n  selected?: boolean\n  showCheckbox?: boolean\n  showIcon?: boolean\n  onToggle?: (id: string) => void\n  onSelect?: (id: string) => void\n  onCheck?: (id: string, checked: boolean) => void\n  expandedNodes?: Set<string>\n  selectedNodes?: Set<string>\n  checkedNodes?: Set<string>\n}\n\nconst TreeItem = React.forwardRef<HTMLDivElement, TreeItemProps>(\n  (\n    {\n      node,\n      level = 0,\n      showCheckbox = false,\n      showIcon = false,\n      onToggle,\n      onSelect,\n      onCheck,\n      expandedNodes,\n      selectedNodes,\n      checkedNodes,\n    },\n    ref\n  ) => {\n    const hasChildren = node.children && node.children.length > 0\n    const isExpanded = expandedNodes?.has(node.id) ?? false\n    const isSelected = selectedNodes?.has(node.id) ?? false\n    const isChecked = checkedNodes?.has(node.id) ?? false\n\n    const handleToggle = (e: React.MouseEvent) => {\n      e.stopPropagation()\n      if (hasChildren && onToggle) {\n        onToggle(node.id)\n      }\n    }\n\n    const handleSelect = () => {\n      if (onSelect) {\n        onSelect(node.id)\n      }\n    }\n\n    const handleCheck = (checked: boolean | 'indeterminate') => {\n      if (onCheck && typeof checked === 'boolean') {\n        onCheck(node.id, checked)\n      }\n    }\n\n    return (\n      <div ref={ref}>\n        <div\n          className={cn(\n            'flex items-center gap-4 px-4 py-2 cursor-pointer transition-colors',\n            'hover:bg-[hsl(var(--tree-item-hover)/0.05)]',\n            isSelected && 'bg-[hsl(var(--tree-item-selected)/0.1)]'\n          )}\n          style={{ paddingLeft: `${level * 32 + 16}px` }}\n          onClick={handleSelect}\n        >\n          {hasChildren ? (\n            <button\n              onClick={handleToggle}\n              className=\"flex items-center justify-center w-4 h-4 text-[hsl(var(--tree-icon))] hover:opacity-80\"\n            >\n              {isExpanded ? (\n                <ChevronDown className=\"w-4 h-4\" />\n              ) : (\n                <ChevronRight className=\"w-4 h-4\" />\n              )}\n            </button>\n          ) : (\n            <div className=\"w-4 h-4\" />\n          )}\n\n          {showCheckbox && (\n            <Checkbox\n              checked={isChecked}\n              onCheckedChange={handleCheck}\n              onClick={(e) => e.stopPropagation()}\n            />\n          )}\n\n          {showIcon && node.icon && <div className=\"flex items-center\">{node.icon}</div>}\n\n          <span className=\"text-sm text-[hsl(var(--tree-text))] leading-6\">{node.label}</span>\n        </div>\n\n        {hasChildren && isExpanded && (\n          <div>\n            {node.children?.map((child) => (\n              <TreeItem\n                key={child.id}\n                node={child}\n                level={level + 1}\n                showCheckbox={showCheckbox}\n                showIcon={showIcon}\n                onToggle={onToggle}\n                onSelect={onSelect}\n                onCheck={onCheck}\n                expandedNodes={expandedNodes}\n                selectedNodes={selectedNodes}\n                checkedNodes={checkedNodes}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\nTreeItem.displayName = 'TreeItem'\n\nexport interface TreeProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultChecked'> {\n  data: TreeNode[]\n  showCheckbox?: boolean\n  showIcon?: boolean\n  defaultExpanded?: string[]\n  defaultSelected?: string[]\n  defaultChecked?: string[]\n  onNodeToggle?: (id: string) => void\n  onNodeSelect?: (id: string) => void\n  onNodeCheck?: (id: string, checked: boolean) => void\n}\n\nconst Tree = React.forwardRef<HTMLDivElement, TreeProps>(\n  (\n    {\n      data,\n      showCheckbox = false,\n      showIcon = false,\n      defaultExpanded = [],\n      defaultSelected = [],\n      defaultChecked = [],\n      onNodeToggle,\n      onNodeSelect,\n      onNodeCheck,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const [expandedNodes, setExpandedNodes] = React.useState<Set<string>>(new Set(defaultExpanded))\n    const [selectedNodes, setSelectedNodes] = React.useState<Set<string>>(new Set(defaultSelected))\n    const [checkedNodes, setCheckedNodes] = React.useState<Set<string>>(new Set(defaultChecked))\n\n    const handleToggle = (id: string) => {\n      setExpandedNodes((prev) => {\n        const next = new Set(prev)\n        if (next.has(id)) {\n          next.delete(id)\n        } else {\n          next.add(id)\n        }\n        return next\n      })\n      onNodeToggle?.(id)\n    }\n\n    const handleSelect = (id: string) => {\n      setSelectedNodes(new Set([id]))\n      onNodeSelect?.(id)\n    }\n\n    const handleCheck = (id: string, checked: boolean) => {\n      setCheckedNodes((prev) => {\n        const next = new Set(prev)\n        if (checked) {\n          next.add(id)\n        } else {\n          next.delete(id)\n        }\n        return next\n      })\n      onNodeCheck?.(id, checked)\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn('rounded-lg border border-[hsl(var(--tree-divider)/0.1)]', className)}\n        {...props}\n      >\n        {data.map((node) => (\n          <TreeItem\n            key={node.id}\n            node={node}\n            showCheckbox={showCheckbox}\n            showIcon={showIcon}\n            onToggle={handleToggle}\n            onSelect={handleSelect}\n            onCheck={handleCheck}\n            expandedNodes={expandedNodes}\n            selectedNodes={selectedNodes}\n            checkedNodes={checkedNodes}\n          />\n        ))}\n      </div>\n    )\n  }\n)\nTree.displayName = 'Tree'\n\nexport { Tree, TreeItem }\n"],"names":["TreeItem","React","node","level","showCheckbox","showIcon","onToggle","onSelect","onCheck","expandedNodes","selectedNodes","checkedNodes","ref","hasChildren","isExpanded","isSelected","isChecked","handleToggle","e","handleSelect","handleCheck","checked","jsxs","cn","jsx","ChevronDown","ChevronRight","Checkbox","child","Tree","data","defaultExpanded","defaultSelected","defaultChecked","onNodeToggle","onNodeSelect","onNodeCheck","className","props","setExpandedNodes","setSelectedNodes","setCheckedNodes","id","prev","next"],"mappings":";;;;;AA2BA,MAAMA,IAAWC,EAAM;AAAA,EACrB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,cAAAC,IAAe;AAAA,IACf,UAAAC,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,GAEFC,MACG;;AACH,UAAMC,IAAcX,EAAK,YAAYA,EAAK,SAAS,SAAS,GACtDY,KAAaL,KAAA,gBAAAA,EAAe,IAAIP,EAAK,QAAO,IAC5Ca,KAAaL,KAAA,gBAAAA,EAAe,IAAIR,EAAK,QAAO,IAC5Cc,KAAYL,KAAA,gBAAAA,EAAc,IAAIT,EAAK,QAAO,IAE1Ce,IAAe,CAACC,MAAwB;AAC5C,MAAAA,EAAE,gBAAA,GACEL,KAAeP,KACjBA,EAASJ,EAAK,EAAE;AAAA,IAEpB,GAEMiB,IAAe,MAAM;AACzB,MAAIZ,KACFA,EAASL,EAAK,EAAE;AAAA,IAEpB,GAEMkB,IAAc,CAACC,MAAuC;AAC1D,MAAIb,KAAW,OAAOa,KAAY,aAChCb,EAAQN,EAAK,IAAImB,CAAO;AAAA,IAE5B;AAEA,WACE,gBAAAC,EAAC,SAAI,KAAAV,GACH,UAAA;AAAA,MAAA,gBAAAU;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC;AAAA,YACT;AAAA,YACA;AAAA,YACAR,KAAc;AAAA,UAAA;AAAA,UAEhB,OAAO,EAAE,aAAa,GAAGZ,IAAQ,KAAK,EAAE,KAAA;AAAA,UACxC,SAASgB;AAAA,UAER,UAAA;AAAA,YAAAN,IACC,gBAAAW;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAASP;AAAA,gBACT,WAAU;AAAA,gBAET,UAAAH,sBACEW,GAAA,EAAY,WAAU,WAAU,IAEjC,gBAAAD,EAACE,GAAA,EAAa,WAAU,UAAA,CAAU;AAAA,cAAA;AAAA,YAAA,IAItC,gBAAAF,EAAC,OAAA,EAAI,WAAU,UAAA,CAAU;AAAA,YAG1BpB,KACC,gBAAAoB;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,SAASX;AAAA,gBACT,iBAAiBI;AAAA,gBACjB,SAAS,CAACF,MAAMA,EAAE,gBAAA;AAAA,cAAgB;AAAA,YAAA;AAAA,YAIrCb,KAAYH,EAAK,QAAQ,gBAAAsB,EAAC,SAAI,WAAU,qBAAqB,YAAK,KAAA,CAAK;AAAA,YAExE,gBAAAA,EAAC,QAAA,EAAK,WAAU,kDAAkD,YAAK,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAG9EX,KAAeC,KACd,gBAAAU,EAAC,OAAA,EACE,iBAAK,+BAAU,IAAI,CAACI,MACnB,gBAAAJ;AAAA,QAACxB;AAAA,QAAA;AAAA,UAEC,MAAM4B;AAAA,UACN,OAAOzB,IAAQ;AAAA,UACf,cAAAC;AAAA,UACA,UAAAC;AAAA,UACA,UAAAC;AAAA,UACA,UAAAC;AAAA,UACA,SAAAC;AAAA,UACA,eAAAC;AAAA,UACA,eAAAC;AAAA,UACA,cAAAC;AAAA,QAAA;AAAA,QAVKiB,EAAM;AAAA,MAAA,GAYd,CACH;AAAA,IAAA,GAEJ;AAAA,EAEJ;AACF;AACA5B,EAAS,cAAc;AAevB,MAAM6B,IAAO5B,EAAM;AAAA,EACjB,CACE;AAAA,IACE,MAAA6B;AAAA,IACA,cAAA1B,IAAe;AAAA,IACf,UAAAC,IAAW;AAAA,IACX,iBAAA0B,IAAkB,CAAA;AAAA,IAClB,iBAAAC,IAAkB,CAAA;AAAA,IAClB,gBAAAC,IAAiB,CAAA;AAAA,IACjB,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEL1B,MACG;AACH,UAAM,CAACH,GAAe8B,CAAgB,IAAItC,EAAM,SAAsB,IAAI,IAAI8B,CAAe,CAAC,GACxF,CAACrB,GAAe8B,CAAgB,IAAIvC,EAAM,SAAsB,IAAI,IAAI+B,CAAe,CAAC,GACxF,CAACrB,GAAc8B,CAAe,IAAIxC,EAAM,SAAsB,IAAI,IAAIgC,CAAc,CAAC,GAErFhB,IAAe,CAACyB,MAAe;AACnC,MAAAH,EAAiB,CAACI,MAAS;AACzB,cAAMC,IAAO,IAAI,IAAID,CAAI;AACzB,eAAIC,EAAK,IAAIF,CAAE,IACbE,EAAK,OAAOF,CAAE,IAEdE,EAAK,IAAIF,CAAE,GAENE;AAAA,MACT,CAAC,GACDV,KAAA,QAAAA,EAAeQ;AAAA,IACjB,GAEMvB,IAAe,CAACuB,MAAe;AACnC,MAAAF,EAAiB,oBAAI,IAAI,CAACE,CAAE,CAAC,CAAC,GAC9BP,KAAA,QAAAA,EAAeO;AAAA,IACjB,GAEMtB,IAAc,CAACsB,GAAYrB,MAAqB;AACpD,MAAAoB,EAAgB,CAACE,MAAS;AACxB,cAAMC,IAAO,IAAI,IAAID,CAAI;AACzB,eAAItB,IACFuB,EAAK,IAAIF,CAAE,IAEXE,EAAK,OAAOF,CAAE,GAETE;AAAA,MACT,CAAC,GACDR,KAAA,QAAAA,EAAcM,GAAIrB;AAAA,IACpB;AAEA,WACE,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAZ;AAAA,QACA,WAAWW,EAAG,2DAA2Dc,CAAS;AAAA,QACjF,GAAGC;AAAA,QAEH,UAAAR,EAAK,IAAI,CAAC5B,MACT,gBAAAsB;AAAA,UAACxB;AAAA,UAAA;AAAA,YAEC,MAAAE;AAAA,YACA,cAAAE;AAAA,YACA,UAAAC;AAAA,YACA,UAAUY;AAAA,YACV,UAAUE;AAAA,YACV,SAASC;AAAA,YACT,eAAAX;AAAA,YACA,eAAAC;AAAA,YACA,cAAAC;AAAA,UAAA;AAAA,UATKT,EAAK;AAAA,QAAA,CAWb;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AACA2B,EAAK,cAAc;"}
+{"version":3,"file":"tree.js","sources":["../../../src/components/ui/tree.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ChevronRightIcon, ChevronDownIcon } from '@/components/icons'\nimport { cn } from '@/lib/utils'\nimport { Checkbox } from './checkbox'\n\nexport interface TreeNode {\n  id: string\n  label: string\n  icon?: React.ReactNode\n  children?: TreeNode[]\n}\n\ninterface TreeItemProps {\n  node: TreeNode\n  level?: number\n  expanded?: boolean\n  selected?: boolean\n  showCheckbox?: boolean\n  showIcon?: boolean\n  onToggle?: (id: string) => void\n  onSelect?: (id: string) => void\n  onCheck?: (id: string, checked: boolean) => void\n  expandedNodes?: Set<string>\n  selectedNodes?: Set<string>\n  checkedNodes?: Set<string>\n}\n\nconst TreeItem = React.forwardRef<HTMLDivElement, TreeItemProps>(\n  (\n    {\n      node,\n      level = 0,\n      showCheckbox = false,\n      showIcon = false,\n      onToggle,\n      onSelect,\n      onCheck,\n      expandedNodes,\n      selectedNodes,\n      checkedNodes,\n    },\n    ref\n  ) => {\n    const hasChildren = node.children && node.children.length > 0\n    const isExpanded = expandedNodes?.has(node.id) ?? false\n    const isSelected = selectedNodes?.has(node.id) ?? false\n    const isChecked = checkedNodes?.has(node.id) ?? false\n\n    const handleToggle = (e: React.MouseEvent) => {\n      e.stopPropagation()\n      if (hasChildren && onToggle) {\n        onToggle(node.id)\n      }\n    }\n\n    const handleSelect = () => {\n      if (onSelect) {\n        onSelect(node.id)\n      }\n    }\n\n    const handleCheck = (checked: boolean | 'indeterminate') => {\n      if (onCheck && typeof checked === 'boolean') {\n        onCheck(node.id, checked)\n      }\n    }\n\n    return (\n      <div ref={ref}>\n        <div\n          className={cn(\n            'flex items-center gap-4 px-4 py-2 cursor-pointer transition-colors',\n            'hover:bg-[hsl(var(--tree-item-hover)/0.05)]',\n            isSelected && 'bg-[hsl(var(--tree-item-selected)/0.1)]'\n          )}\n          style={{ paddingLeft: `${level * 32 + 16}px` }}\n          onClick={handleSelect}\n        >\n          {hasChildren ? (\n            <button\n              onClick={handleToggle}\n              className=\"flex items-center justify-center w-4 h-4 text-[hsl(var(--tree-icon))] hover:opacity-80\"\n            >\n              {isExpanded ? (\n                <ChevronDownIcon className=\"w-4 h-4\" />\n              ) : (\n                <ChevronRightIcon className=\"w-4 h-4\" />\n              )}\n            </button>\n          ) : (\n            <div className=\"w-4 h-4\" />\n          )}\n\n          {showCheckbox && (\n            <Checkbox\n              checked={isChecked}\n              onCheckedChange={handleCheck}\n              onClick={(e) => e.stopPropagation()}\n            />\n          )}\n\n          {showIcon && node.icon && <div className=\"flex items-center\">{node.icon}</div>}\n\n          <span className=\"text-sm text-[hsl(var(--tree-text))] leading-6\">{node.label}</span>\n        </div>\n\n        {hasChildren && isExpanded && (\n          <div>\n            {node.children?.map((child) => (\n              <TreeItem\n                key={child.id}\n                node={child}\n                level={level + 1}\n                showCheckbox={showCheckbox}\n                showIcon={showIcon}\n                onToggle={onToggle}\n                onSelect={onSelect}\n                onCheck={onCheck}\n                expandedNodes={expandedNodes}\n                selectedNodes={selectedNodes}\n                checkedNodes={checkedNodes}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\nTreeItem.displayName = 'TreeItem'\n\nexport interface TreeProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultChecked'> {\n  data: TreeNode[]\n  showCheckbox?: boolean\n  showIcon?: boolean\n  defaultExpanded?: string[]\n  defaultSelected?: string[]\n  defaultChecked?: string[]\n  onNodeToggle?: (id: string) => void\n  onNodeSelect?: (id: string) => void\n  onNodeCheck?: (id: string, checked: boolean) => void\n}\n\nconst Tree = React.forwardRef<HTMLDivElement, TreeProps>(\n  (\n    {\n      data,\n      showCheckbox = false,\n      showIcon = false,\n      defaultExpanded = [],\n      defaultSelected = [],\n      defaultChecked = [],\n      onNodeToggle,\n      onNodeSelect,\n      onNodeCheck,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const [expandedNodes, setExpandedNodes] = React.useState<Set<string>>(new Set(defaultExpanded))\n    const [selectedNodes, setSelectedNodes] = React.useState<Set<string>>(new Set(defaultSelected))\n    const [checkedNodes, setCheckedNodes] = React.useState<Set<string>>(new Set(defaultChecked))\n\n    const handleToggle = (id: string) => {\n      setExpandedNodes((prev) => {\n        const next = new Set(prev)\n        if (next.has(id)) {\n          next.delete(id)\n        } else {\n          next.add(id)\n        }\n        return next\n      })\n      onNodeToggle?.(id)\n    }\n\n    const handleSelect = (id: string) => {\n      setSelectedNodes(new Set([id]))\n      onNodeSelect?.(id)\n    }\n\n    const handleCheck = (id: string, checked: boolean) => {\n      setCheckedNodes((prev) => {\n        const next = new Set(prev)\n        if (checked) {\n          next.add(id)\n        } else {\n          next.delete(id)\n        }\n        return next\n      })\n      onNodeCheck?.(id, checked)\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn('rounded-lg border border-[hsl(var(--tree-divider)/0.1)]', className)}\n        {...props}\n      >\n        {data.map((node) => (\n          <TreeItem\n            key={node.id}\n            node={node}\n            showCheckbox={showCheckbox}\n            showIcon={showIcon}\n            onToggle={handleToggle}\n            onSelect={handleSelect}\n            onCheck={handleCheck}\n            expandedNodes={expandedNodes}\n            selectedNodes={selectedNodes}\n            checkedNodes={checkedNodes}\n          />\n        ))}\n      </div>\n    )\n  }\n)\nTree.displayName = 'Tree'\n\nexport { Tree, TreeItem }\n"],"names":["TreeItem","React","node","level","showCheckbox","showIcon","onToggle","onSelect","onCheck","expandedNodes","selectedNodes","checkedNodes","ref","hasChildren","isExpanded","isSelected","isChecked","handleToggle","e","handleSelect","handleCheck","checked","jsxs","cn","jsx","ChevronDownIcon","ChevronRightIcon","Checkbox","child","Tree","data","defaultExpanded","defaultSelected","defaultChecked","onNodeToggle","onNodeSelect","onNodeCheck","className","props","setExpandedNodes","setSelectedNodes","setCheckedNodes","id","prev","next"],"mappings":"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"}