@cryptlex/web-components 5.0.0 → 5.1.1

package/dist/components/ui/disclosure.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"disclosure.es.js","sources":["../../../lib/components/ui/disclosure.tsx"],"sourcesContent":["import { ChevronDownIcon } from \"lucide-react\"\nimport React, { useContext } from \"react\"\nimport {\n  Disclosure as AriaDisclosure,\n  DisclosureGroup as AriaDisclosureGroup,\n  DisclosureGroupProps as AriaDisclosureGroupProps,\n  DisclosurePanel as AriaDisclosurePanel,\n  DisclosurePanelProps as AriaDisclosurePanelProps,\n  DisclosureProps as AriaDisclosureProps,\n  Button,\n  ButtonProps,\n  composeRenderProps,\n  DisclosureGroupStateContext,\n  Heading,\n} from \"react-aria-components\"\n\nimport { cn } from \"@/utils/index\"\n\nexport interface DisclosureProps extends AriaDisclosureProps {\n  children: React.ReactNode\n}\n\nexport function Disclosure({ children, className, ...props }: DisclosureProps) {\n  let isInGroup = useContext(DisclosureGroupStateContext) !== null\n  return (\n    <AriaDisclosure\n      {...props}\n      className={composeRenderProps(className, (className, renderProps) =>\n        cn(\n          \"group min-w-64\",\n          isInGroup && \"border-0 border-b last:border-b-0\",\n          className\n        )\n      )}\n    >\n      {children}\n    </AriaDisclosure>\n  )\n}\n\nexport interface DisclosureHeaderProps {\n  children: React.ReactNode\n  className?: ButtonProps[\"className\"]\n}\n\nexport function DisclosureHeader({ children, className }: DisclosureHeaderProps) {\n  return (\n    <Heading className=\"flex\">\n      <Button\n        slot=\"trigger\"\n        className={composeRenderProps(className, (className) => {\n          return cn(\n            \"group flex flex-1 items-center justify-between rounded-md py-4 font-medium ring-offset-background transition-all hover:underline\",\n            \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n            \"data-[focus-visible]:outline-none data-[focus-visible]:ring-2 data-[focus-visible]:ring-ring data-[focus-visible]:ring-offset-2\",\n            \"outline-none\",\n            className\n          )\n        })}\n      >\n        {children}\n        <ChevronDownIcon\n          aria-hidden\n          className={cn(\n            \"size-4 shrink-0 transition-transform duration-200\",\n            \"group-data-[expanded]:rotate-180\",\n            \"group-data-[disabled]:opacity-50\"\n          )}\n        />\n      </Button>\n    </Heading>\n  )\n}\n\nexport interface DisclosurePanelProps extends AriaDisclosurePanelProps {\n  children: React.ReactNode\n}\n\nexport function DisclosurePanel({\n  children,\n  className,\n  ...props\n}: DisclosurePanelProps) {\n  return (\n    <AriaDisclosurePanel\n      {...props}\n      className={\"overflow-hidden text-sm transition-all\"}\n    >\n      <div className={cn(\"pb-4 pt-0\", className)}>{children}</div>\n    </AriaDisclosurePanel>\n  )\n}\n\nexport interface DisclosureGroupProps extends AriaDisclosureGroupProps {\n  children: React.ReactNode\n}\n\nexport function DisclosureGroup({\n  children,\n  className,\n  ...props\n}: DisclosureGroupProps) {\n  return (\n    <AriaDisclosureGroup\n      {...props}\n      className={composeRenderProps(className, (className, renderProps) =>\n        cn(\"\", className)\n      )}\n    >\n      {children}\n    </AriaDisclosureGroup>\n  )\n}\n"],"names":["Disclosure","children","className","props","isInGroup","useContext","DisclosureGroupStateContext","jsx","AriaDisclosure","composeRenderProps","renderProps","cn","DisclosureHeader","Heading","jsxs","Button","ChevronDownIcon","DisclosurePanel","AriaDisclosurePanel","DisclosureGroup","AriaDisclosureGroup"],"mappings":";;;;;;;;AAsBO,SAASA,EAAW,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,KAA0B;AAC7E,MAAIC,IAAYC,EAAWC,CAA2B,MAAM;AAC5D,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACJ,WAAWM;AAAAA,QAAmBP;AAAA,QAAW,CAACA,GAAWQ,MACnDC;AAAA,UACE;AAAA,UACAP,KAAa;AAAA,UACbF;AAAAA,QAAA;AAAA,MACF;AAAA,MAGD,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAOO,SAASW,EAAiB,EAAE,UAAAX,GAAU,WAAAC,KAAoC;AAC/E,SACE,gBAAAK,EAACM,GAAA,EAAQ,WAAU,QACjB,UAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWN,EAAmBP,GAAW,CAACA,MACjCS;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAT;AAAAA,MAAA,CAEH;AAAA,MAEA,UAAA;AAAA,QAAAD;AAAA,QACD,gBAAAM;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,eAAW;AAAA,YACX,WAAWL;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAMO,SAASM,EAAgB;AAAA,EAC9B,UAAAhB;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAyB;AACvB,SACE,gBAAAI;AAAA,IAACW;AAAAA,IAAA;AAAA,MACE,GAAGf;AAAA,MACJ,WAAW;AAAA,MAEX,4BAAC,OAAA,EAAI,WAAWQ,EAAG,aAAaT,CAAS,GAAI,UAAAD,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG5D;AAMO,SAASkB,EAAgB;AAAA,EAC9B,UAAAlB;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAyB;AACvB,SACE,gBAAAI;AAAA,IAACa;AAAAA,IAAA;AAAA,MACE,GAAGjB;AAAA,MACJ,WAAWM;AAAAA,QAAmBP;AAAA,QAAW,CAACA,GAAWQ,MACnDC,EAAG,IAAIT,CAAS;AAAA,MAAA;AAAA,MAGjB,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"disclosure.es.js","sources":["../../../lib/components/ui/disclosure.tsx"],"sourcesContent":["import { ChevronDownIcon } from \"lucide-react\"\nimport React, { useContext } from \"react\"\nimport {\n  Disclosure as AriaDisclosure,\n  DisclosureGroup as AriaDisclosureGroup,\n  DisclosureGroupProps as AriaDisclosureGroupProps,\n  DisclosurePanel as AriaDisclosurePanel,\n  DisclosurePanelProps as AriaDisclosurePanelProps,\n  DisclosureProps as AriaDisclosureProps,\n  Button,\n  ButtonProps,\n  composeRenderProps,\n  DisclosureGroupStateContext,\n  Heading,\n} from \"react-aria-components\"\n\nimport { cn } from \"@/utils/index\"\n\nexport interface DisclosureProps extends AriaDisclosureProps {\n  children: React.ReactNode\n}\n\nexport function Disclosure({ children, className, ...props }: DisclosureProps) {\n  let isInGroup = useContext(DisclosureGroupStateContext) !== null\n  return (\n    <AriaDisclosure\n      {...props}\n      className={composeRenderProps(className, (className, renderProps) =>\n        cn(\n          \"group min-w-64\",\n          isInGroup && \"border-0 border-b last:border-b-0\",\n          className\n        )\n      )}\n    >\n      {children}\n    </AriaDisclosure>\n  )\n}\n\nexport interface DisclosureHeaderProps {\n  children: React.ReactNode\n  className?: ButtonProps[\"className\"]\n}\n\nexport function DisclosureHeader({ children, className }: DisclosureHeaderProps) {\n  return (\n    <Heading className=\"flex\">\n      <Button\n        slot=\"trigger\"\n        className={composeRenderProps(className, (className) => {\n          return cn(\n            \"group flex flex-1 items-center justify-between rounded-md py-4 font-medium ring-offset-background transition-all hover:underline\",\n            \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n            \"data-[focus-visible]:outline-none data-[focus-visible]:ring-2 data-[focus-visible]:ring-ring data-[focus-visible]:ring-offset-2\",\n            \"outline-none\",\n            className\n          )\n        })}\n      >\n        {children}\n        <ChevronDownIcon\n          aria-hidden\n          className={cn(\n            \"size-4 shrink-0 transition-transform duration-200\",\n            \"group-data-[expanded]:rotate-180\",\n            \"group-data-[disabled]:opacity-50\"\n          )}\n        />\n      </Button>\n    </Heading>\n  )\n}\n\nexport interface DisclosurePanelProps extends AriaDisclosurePanelProps {\n  children: React.ReactNode\n}\n\nexport function DisclosurePanel({\n  children,\n  className,\n  ...props\n}: DisclosurePanelProps) {\n  return (\n    <AriaDisclosurePanel\n      {...props}\n      className={\"overflow-hidden text-sm transition-all\"}\n    >\n      <div className={cn(\"pb-4 pt-0\", className)}>{children}</div>\n    </AriaDisclosurePanel>\n  )\n}\n\nexport interface DisclosureGroupProps extends AriaDisclosureGroupProps {\n  children: React.ReactNode\n}\n\nexport function DisclosureGroup({\n  children,\n  className,\n  ...props\n}: DisclosureGroupProps) {\n  return (\n    <AriaDisclosureGroup\n      {...props}\n      className={composeRenderProps(className, (className, renderProps) =>\n        cn(\"\", className)\n      )}\n    >\n      {children}\n    </AriaDisclosureGroup>\n  )\n}\n"],"names":["Disclosure","children","className","props","isInGroup","useContext","DisclosureGroupStateContext","jsx","AriaDisclosure","composeRenderProps","renderProps","cn","DisclosureHeader","Heading","jsxs","Button","ChevronDownIcon","DisclosurePanel","AriaDisclosurePanel","DisclosureGroup","AriaDisclosureGroup"],"mappings":";;;;;AAsBO,SAASA,EAAW,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,KAA0B;AAC7E,MAAIC,IAAYC,EAAWC,CAA2B,MAAM;AAC5D,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACJ,WAAWM;AAAA,QAAmBP;AAAA,QAAW,CAACA,GAAWQ,MACnDC;AAAA,UACE;AAAA,UACAP,KAAa;AAAA,UACbF;AAAAA,QAAA;AAAA,MACF;AAAA,MAGD,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAOO,SAASW,EAAiB,EAAE,UAAAX,GAAU,WAAAC,KAAoC;AAC/E,SACE,gBAAAK,EAACM,GAAA,EAAQ,WAAU,QACjB,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWN,EAAmBP,GAAW,CAACA,MACjCS;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAT;AAAAA,MAAA,CAEH;AAAA,MAEA,UAAA;AAAA,QAAAD;AAAA,QACD,gBAAAM;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,eAAW;AAAA,YACX,WAAWL;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAMO,SAASM,EAAgB;AAAA,EAC9B,UAAAhB;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAyB;AACvB,SACE,gBAAAI;AAAA,IAACW;AAAAA,IAAA;AAAA,MACE,GAAGf;AAAA,MACJ,WAAW;AAAA,MAEX,4BAAC,OAAA,EAAI,WAAWQ,EAAG,aAAaT,CAAS,GAAI,UAAAD,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG5D;AAMO,SAASkB,EAAgB;AAAA,EAC9B,UAAAlB;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAyB;AACvB,SACE,gBAAAI;AAAA,IAACa;AAAAA,IAAA;AAAA,MACE,GAAGjB;AAAA,MACJ,WAAWM;AAAA,QAAmBP;AAAA,QAAW,CAACA,GAAWQ,MACnDC,EAAG,IAAIT,CAAS;AAAA,MAAA;AAAA,MAGjB,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/ui/list-box.es.js

@@ -1,22 +1,19 @@
-import { jsx as o, jsxs as d, Fragment as i } from "react/jsx-runtime";
-import { composeRenderProps as s } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/utils.es.js";
-import { Header as m } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Header.es.js";
-import { ListBoxItem as f, ListBox as p } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/ListBox.es.js";
-import { Collection as l } from "../../node_modules/.pnpm/@react-aria_collections@3.0.0-rc.4_react-dom@19.1.0_react@19.1.0/node_modules/@react-aria/collections/dist/CollectionBuilder.es.js";
+import { jsx as o, jsxs as c, Fragment as d } from "react/jsx-runtime";
+import { Collection as l, ListBoxItem as m, composeRenderProps as n, Header as p, ListBox as u } from "react-aria-components";
 import { Check as x } from "lucide-react";
-import { cn as n } from "../../utils/primitives.es.js";
-const L = l;
-function h({
+import { cn as r } from "../../utils/primitives.es.js";
+const b = l;
+function v({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ o(
-    p,
+    u,
     {
-      className: s(
+      className: n(
         t,
-        (a) => n(
-          a,
+        (s) => r(
+          s,
           "group overflow-auto border bg-popover p-1 text-popover-foreground shadow-md outline-none",
           /* Empty */
           "data-[empty]:p-6 data-[empty]:text-center data-[empty]:text-sm"
@@ -26,18 +23,18 @@ function h({
     }
   );
 }
-function N({
+function y({
   className: t,
   children: e,
-  ...a
+  ...s
 }) {
   return /* @__PURE__ */ o(
-    f,
+    m,
     {
-      textValue: a.textValue || (typeof e == "string" ? e : void 0),
-      className: s(
+      textValue: s.textValue || (typeof e == "string" ? e : void 0),
+      className: n(
         t,
-        (r) => n(
+        (a) => r(
           "relative flex w-full cursor-default select-none items-center px-2 py-1.5 text-sm outline-none",
           /* Disabled */
           "disabled-muted",
@@ -47,33 +44,33 @@ function N({
           "data-[hovered]:bg-accent data-[hovered]:text-accent-foreground",
           /* Selection */
           "data-[selection-mode]:pl-input",
-          r
+          a
         )
       ),
-      ...a,
-      children: s(e, (r, c) => /* @__PURE__ */ d(i, { children: [
-        c.isSelected && /* @__PURE__ */ o("span", { className: "absolute left-2 flex size-icon items-center justify-center", children: /* @__PURE__ */ o(x, { className: "size-icon" }) }),
-        r
+      ...s,
+      children: n(e, (a, i) => /* @__PURE__ */ c(d, { children: [
+        i.isSelected && /* @__PURE__ */ o("span", { className: "absolute left-2 flex size-icon items-center justify-center", children: /* @__PURE__ */ o(x, { className: "size-icon" }) }),
+        a
       ] }))
     }
   );
 }
-function j({
+function h({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ o(
-    m,
+    p,
     {
-      className: n("py-1.5 pl-input pr-2 text-sm font-semibold", t),
+      className: r("py-1.5 pl-input pr-2 text-sm font-semibold", t),
       ...e
     }
   );
 }
 export {
-  h as ListBox,
-  L as ListBoxCollection,
-  j as ListBoxHeader,
-  N as ListBoxItem
+  v as ListBox,
+  b as ListBoxCollection,
+  h as ListBoxHeader,
+  y as ListBoxItem
 };
 //# sourceMappingURL=list-box.es.js.map

package/dist/components/ui/list-box.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-box.es.js","sources":["../../../lib/components/ui/list-box.tsx"],"sourcesContent":["import {\n  Collection as AriaCollection,\n  Header as AriaHeader,\n  ListBox as AriaListBox,\n  ListBoxItem as AriaListBoxItem,\n  ListBoxItemProps as AriaListBoxItemProps,\n  ListBoxProps as AriaListBoxProps,\n  composeRenderProps\n} from \"react-aria-components\"\n\nimport { cn } from \"@/utils/index\"\nimport { Check } from \"lucide-react\"\n\n\nexport const ListBoxCollection = AriaCollection\n\nexport function ListBox<T extends object>({\n  className,\n  ...props\n}: AriaListBoxProps<T>) {\n  return (\n    <AriaListBox\n      className={composeRenderProps(className, (className) =>\n        cn(\n          className,\n          \"group overflow-auto border bg-popover p-1 text-popover-foreground shadow-md outline-none\",\n          /* Empty */\n          \"data-[empty]:p-6 data-[empty]:text-center data-[empty]:text-sm\"\n        )\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function ListBoxItem<T extends object>({\n  className,\n  children,\n  ...props\n}: AriaListBoxItemProps<T>) {\n  return (\n    <AriaListBoxItem\n      textValue={\n        props.textValue || (typeof children === \"string\" ? children : undefined)\n      }\n      className={composeRenderProps(className, (className) =>\n        cn(\n          \"relative flex w-full cursor-default select-none items-center px-2 py-1.5 text-sm outline-none\",\n          /* Disabled */\n          \"disabled-muted\",\n          /* Focused */\n          \"data-[focused]:bg-accent data-[focused]:text-accent-foreground\",\n          /* Hovered */\n          \"data-[hovered]:bg-accent data-[hovered]:text-accent-foreground\",\n          /* Selection */\n          \"data-[selection-mode]:pl-input\",\n          className\n        )\n      )}\n      {...props}\n    >\n      {composeRenderProps(children, (children, renderProps) => (\n        <>\n          {renderProps.isSelected && (\n            <span className=\"absolute left-2 flex size-icon items-center justify-center\">\n              <Check className=\"size-icon\" />\n            </span>\n          )}\n          {children}\n        </>\n      ))}\n    </AriaListBoxItem>\n  )\n}\n\nexport function ListBoxHeader({\n  className,\n  ...props\n}: React.ComponentProps<typeof AriaHeader>) {\n  return (\n    <AriaHeader\n      className={cn(\"py-1.5 pl-input pr-2 text-sm font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n"],"names":["ListBoxCollection","AriaCollection","ListBox","className","props","jsx","AriaListBox","composeRenderProps","cn","ListBoxItem","children","AriaListBoxItem","renderProps","jsxs","Fragment","Check","ListBoxHeader","AriaHeader"],"mappings":";;;;;;;AAcO,MAAMA,IAAoBC;AAE1B,SAASC,EAA0B;AAAA,EACxC,WAAAC;AAAA,EACA,GAAGC;AACL,GAAwB;AACtB,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK;AAAA,UACEL;AAAAA,UACA;AAAA;AAAA,UAEA;AAAA,QAAA;AAAA,MACF;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,SAASK,EAA8B;AAAA,EAC5C,WAAAN;AAAA,EACA,UAAAO;AAAA,EACA,GAAGN;AACL,GAA4B;AAC1B,SACE,gBAAAC;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,WACEP,EAAM,cAAc,OAAOM,KAAa,WAAWA,IAAW;AAAA,MAEhE,WAAWH;AAAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK;AAAA,UACE;AAAA;AAAA,UAEA;AAAA;AAAA,UAEA;AAAA;AAAA,UAEA;AAAA;AAAA,UAEA;AAAA,UACAL;AAAAA,QAAA;AAAA,MACF;AAAA,MAED,GAAGC;AAAA,MAEH,UAAAG,EAAmBG,GAAU,CAACA,GAAUE,MACvC,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,QAAAF,EAAY,gCACV,QAAA,EAAK,WAAU,8DACd,UAAA,gBAAAP,EAACU,GAAA,EAAM,WAAU,YAAA,CAAY,EAAA,CAC/B;AAAA,QAEDL;AAAAA,MAAA,GACH,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASM,EAAc;AAAA,EAC5B,WAAAb;AAAA,EACA,GAAGC;AACL,GAA4C;AAC1C,SACE,gBAAAC;AAAA,IAACY;AAAAA,IAAA;AAAA,MACC,WAAWT,EAAG,8CAA8CL,CAAS;AAAA,MACpE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"list-box.es.js","sources":["../../../lib/components/ui/list-box.tsx"],"sourcesContent":["import {\n  Collection as AriaCollection,\n  Header as AriaHeader,\n  ListBox as AriaListBox,\n  ListBoxItem as AriaListBoxItem,\n  ListBoxItemProps as AriaListBoxItemProps,\n  ListBoxProps as AriaListBoxProps,\n  composeRenderProps\n} from \"react-aria-components\"\n\nimport { cn } from \"@/utils/index\"\nimport { Check } from \"lucide-react\"\n\n\nexport const ListBoxCollection = AriaCollection\n\nexport function ListBox<T extends object>({\n  className,\n  ...props\n}: AriaListBoxProps<T>) {\n  return (\n    <AriaListBox\n      className={composeRenderProps(className, (className) =>\n        cn(\n          className,\n          \"group overflow-auto border bg-popover p-1 text-popover-foreground shadow-md outline-none\",\n          /* Empty */\n          \"data-[empty]:p-6 data-[empty]:text-center data-[empty]:text-sm\"\n        )\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function ListBoxItem<T extends object>({\n  className,\n  children,\n  ...props\n}: AriaListBoxItemProps<T>) {\n  return (\n    <AriaListBoxItem\n      textValue={\n        props.textValue || (typeof children === \"string\" ? children : undefined)\n      }\n      className={composeRenderProps(className, (className) =>\n        cn(\n          \"relative flex w-full cursor-default select-none items-center px-2 py-1.5 text-sm outline-none\",\n          /* Disabled */\n          \"disabled-muted\",\n          /* Focused */\n          \"data-[focused]:bg-accent data-[focused]:text-accent-foreground\",\n          /* Hovered */\n          \"data-[hovered]:bg-accent data-[hovered]:text-accent-foreground\",\n          /* Selection */\n          \"data-[selection-mode]:pl-input\",\n          className\n        )\n      )}\n      {...props}\n    >\n      {composeRenderProps(children, (children, renderProps) => (\n        <>\n          {renderProps.isSelected && (\n            <span className=\"absolute left-2 flex size-icon items-center justify-center\">\n              <Check className=\"size-icon\" />\n            </span>\n          )}\n          {children}\n        </>\n      ))}\n    </AriaListBoxItem>\n  )\n}\n\nexport function ListBoxHeader({\n  className,\n  ...props\n}: React.ComponentProps<typeof AriaHeader>) {\n  return (\n    <AriaHeader\n      className={cn(\"py-1.5 pl-input pr-2 text-sm font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n"],"names":["ListBoxCollection","AriaCollection","ListBox","className","props","jsx","AriaListBox","composeRenderProps","cn","ListBoxItem","children","AriaListBoxItem","renderProps","jsxs","Fragment","Check","ListBoxHeader","AriaHeader"],"mappings":";;;;AAcO,MAAMA,IAAoBC;AAE1B,SAASC,EAA0B;AAAA,EACxC,WAAAC;AAAA,EACA,GAAGC;AACL,GAAwB;AACtB,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK;AAAA,UACEL;AAAAA,UACA;AAAA;AAAA,UAEA;AAAA,QAAA;AAAA,MACF;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,SAASK,EAA8B;AAAA,EAC5C,WAAAN;AAAA,EACA,UAAAO;AAAA,EACA,GAAGN;AACL,GAA4B;AAC1B,SACE,gBAAAC;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,WACEP,EAAM,cAAc,OAAOM,KAAa,WAAWA,IAAW;AAAA,MAEhE,WAAWH;AAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK;AAAA,UACE;AAAA;AAAA,UAEA;AAAA;AAAA,UAEA;AAAA;AAAA,UAEA;AAAA;AAAA,UAEA;AAAA,UACAL;AAAAA,QAAA;AAAA,MACF;AAAA,MAED,GAAGC;AAAA,MAEH,UAAAG,EAAmBG,GAAU,CAACA,GAAUE,MACvC,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,QAAAF,EAAY,gCACV,QAAA,EAAK,WAAU,8DACd,UAAA,gBAAAP,EAACU,GAAA,EAAM,WAAU,YAAA,CAAY,EAAA,CAC/B;AAAA,QAEDL;AAAAA,MAAA,GACH,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASM,EAAc;AAAA,EAC5B,WAAAb;AAAA,EACA,GAAGC;AACL,GAA4C;AAC1C,SACE,gBAAAC;AAAA,IAACY;AAAAA,IAAA;AAAA,MACC,WAAWT,EAAG,8CAA8CL,CAAS;AAAA,MACpE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/ui/menu.es.js

@@ -1,32 +1,28 @@
-import { jsx as o, jsxs as i, Fragment as u } from "react/jsx-runtime";
-import { composeRenderProps as s } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/utils.es.js";
-import { Header as m } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Header.es.js";
-import { Keyboard as l } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Keyboard.es.js";
-import { MenuTrigger as f, SubmenuTrigger as p, Menu as d, MenuItem as b } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Menu.es.js";
-import { Separator as x } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Separator.es.js";
-import { Dot as $, Check as g, ChevronRight as M } from "lucide-react";
-import { SelectPopover as h } from "../inputs/select.es.js";
-import { Button as y } from "./button.es.js";
-import { ListBoxCollection as N } from "./list-box.es.js";
-import { cn as n } from "../../utils/primitives.es.js";
-const v = f, V = p, D = N;
-function S({ className: e, ...t }) {
-  return /* @__PURE__ */ o(
-    h,
+import { jsx as n, jsxs as s, Fragment as l } from "react/jsx-runtime";
+import { MenuTrigger as m, SubmenuTrigger as d, composeRenderProps as u, Menu as p, MenuItem as f, Header as g, Separator as x, Keyboard as b } from "react-aria-components";
+import { Dot as M, Check as h, ChevronRight as y } from "lucide-react";
+import { SelectPopover as N } from "../inputs/select.es.js";
+import { Button as v } from "./button.es.js";
+import { ListBoxCollection as S } from "./list-box.es.js";
+import { cn as i } from "../../utils/primitives.es.js";
+const T = m, k = d, H = S;
+function _({ className: e, ...t }) {
+  return /* @__PURE__ */ n(
+    N,
     {
-      className: s(
+      className: u(
         e,
-        (c) => n(c)
+        (o) => i(o)
       ),
       ...t
     }
   );
 }
-function _({ className: e, ...t }) {
-  return /* @__PURE__ */ o(
-    d,
+function z({ className: e, ...t }) {
+  return /* @__PURE__ */ n(
+    p,
     {
-      className: n(
+      className: i(
         "overflow-auto p-1 outline-0 [clip-path:inset(0_0_0_0_round_calc(var(--radius)-2px))]",
         e
       ),
@@ -35,14 +31,14 @@ function _({ className: e, ...t }) {
     }
   );
 }
-function E({ children: e, className: t, ...c }) {
-  return /* @__PURE__ */ o(
-    b,
+function R({ children: e, className: t, ...o }) {
+  return /* @__PURE__ */ n(
+    f,
     {
-      textValue: c.textValue || (typeof e == "string" ? e : void 0),
-      className: s(
+      textValue: o.textValue || (typeof e == "string" ? e : void 0),
+      className: u(
         t,
-        (r) => n(
+        (r) => i(
           "relative flex cursor-default select-none items-center gap-2 px-2 py-1.5 text-sm outline-none transition-colors",
           /* Disabled */
           "disabled-muted",
@@ -53,80 +49,81 @@ function E({ children: e, className: t, ...c }) {
           r
         )
       ),
-      ...c,
-      children: s(e, (r, a) => /* @__PURE__ */ i(u, { children: [
-        /* @__PURE__ */ o("span", { className: "absolute left-2 flex size-icon items-center justify-center", children: a.isSelected && /* @__PURE__ */ i(u, { children: [
-          a.selectionMode == "single" && /* @__PURE__ */ o($, { className: "size-icon fill-current" }),
-          a.selectionMode == "multiple" && /* @__PURE__ */ o(g, { className: "size-icon" })
+      ...o,
+      children: u(e, (r, a) => /* @__PURE__ */ s(l, { children: [
+        /* @__PURE__ */ n("span", { className: "absolute left-2 flex size-icon items-center justify-center", children: a.isSelected && /* @__PURE__ */ s(l, { children: [
+          a.selectionMode == "single" && /* @__PURE__ */ n(M, { className: "size-icon fill-current" }),
+          a.selectionMode == "multiple" && /* @__PURE__ */ n(h, { className: "size-icon" })
         ] }) }),
         r,
-        a.hasSubmenu && /* @__PURE__ */ o(M, { className: "ml-auto size-icon" })
+        a.hasSubmenu && /* @__PURE__ */ n(y, { className: "ml-auto size-icon" })
       ] }))
     }
   );
 }
-function F({
+function V({
   className: e,
   inset: t,
-  separator: c = !0,
+  separator: o = !0,
   ...r
 }) {
-  return /* @__PURE__ */ o(
-    m,
+  return /* @__PURE__ */ n(
+    g,
     {
-      className: n(
+      className: i(
         "px-3 py-1.5 text-sm font-semibold",
         t && "pl-input",
-        c && "-mx-1 mb-1 border-b border-b-border pb-2.5",
+        o && "-mx-1 mb-1 border-b border-b-border pb-2.5",
         e
       ),
       ...r
     }
   );
 }
-function L({ className: e, ...t }) {
-  return /* @__PURE__ */ o(
+function D({ className: e, ...t }) {
+  return /* @__PURE__ */ n(
     x,
     {
-      className: n("-mx-1 my-1 h-px bg-muted", e),
+      className: i("-mx-1 my-1 h-px bg-muted", e),
       ...t
     }
   );
 }
-function q({
+function E({
   className: e,
   ...t
 }) {
-  return /* @__PURE__ */ o(
-    l,
+  return /* @__PURE__ */ n(
+    b,
     {
-      className: n("ml-auto text-xs tracking-widest opacity-60", e),
+      className: i("ml-auto text-xs tracking-widest opacity-60", e),
       ...t
     }
   );
 }
-function A({
+function F({
   label: e,
   children: t,
-  variant: c,
-  size: r,
-  ...a
+  variant: o,
+  isDisabled: r,
+  size: a,
+  ...c
 }) {
-  return /* @__PURE__ */ i(v, { ...a, children: [
-    /* @__PURE__ */ o(y, { type: "button", variant: c, size: r, children: e }),
-    /* @__PURE__ */ o(S, { className: "overflow-auto", children: /* @__PURE__ */ o(_, { ...a, children: t }) })
+  return /* @__PURE__ */ s(T, { ...c, children: [
+    /* @__PURE__ */ n(v, { isDisabled: r, type: "button", variant: o, size: a, children: e }),
+    /* @__PURE__ */ n(_, { className: "overflow-auto", children: /* @__PURE__ */ n(z, { ...c, children: t }) })
   ] });
 }
 export {
-  A as EasyMenu,
-  _ as Menu,
-  D as MenuCollection,
-  F as MenuHeader,
-  E as MenuItem,
-  q as MenuKeyboard,
-  S as MenuPopover,
-  L as MenuSeparator,
-  V as MenuSubTrigger,
-  v as MenuTrigger
+  F as EasyMenu,
+  z as Menu,
+  H as MenuCollection,
+  V as MenuHeader,
+  R as MenuItem,
+  E as MenuKeyboard,
+  _ as MenuPopover,
+  D as MenuSeparator,
+  k as MenuSubTrigger,
+  T as MenuTrigger
 };
 //# sourceMappingURL=menu.es.js.map

package/dist/components/ui/menu.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.es.js","sources":["../../../lib/components/ui/menu.tsx"],"sourcesContent":["import { VariantProps } from \"class-variance-authority\"\nimport * as React from \"react\"\nimport {\n  Header as AriaHeader,\n  Keyboard as AriaKeyboard,\n  Menu as AriaMenu,\n  MenuItem as AriaMenuItem,\n  MenuItemProps as AriaMenuItemProps,\n  MenuProps as AriaMenuProps,\n  MenuTrigger as AriaMenuTrigger,\n  MenuTriggerProps as AriaMenuTriggerProps,\n  Separator as AriaSeparator,\n  SeparatorProps as AriaSeparatorProps,\n  SubmenuTrigger as AriaSubmenuTrigger,\n  composeRenderProps,\n  PopoverProps,\n} from \"react-aria-components\"\n\nimport { cn } from \"@/utils/index\"\n\nimport { Check, ChevronRight, Dot } from \"lucide-react\"\nimport { SelectPopover } from \"../inputs/select\"\nimport { Button, buttonVariants } from \"./button\"\nimport { ListBoxCollection } from \"./list-box\"\n\nexport const MenuTrigger = AriaMenuTrigger\nexport const MenuSubTrigger = AriaSubmenuTrigger\nexport const MenuCollection = ListBoxCollection\n\nexport function MenuPopover({ className, ...props }: PopoverProps) {\n  return (\n    <SelectPopover\n      className={composeRenderProps(className, (className) =>\n        cn(className)\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function Menu<T extends object>({ className, ...props }: AriaMenuProps<T>) {\n  return (\n    <AriaMenu\n      className={cn(\n        \"overflow-auto p-1 outline-0 [clip-path:inset(0_0_0_0_round_calc(var(--radius)-2px))]\",\n        className\n      )}\n      escapeKeyBehavior=\"none\"\n      {...props}\n    />\n  )\n}\n\nexport function MenuItem({ children, className, ...props }: AriaMenuItemProps & { ref?: React.Ref<HTMLDivElement> }) {\n  return (\n    <AriaMenuItem\n      textValue={\n        props.textValue || (typeof children === \"string\" ? children : undefined)\n      }\n      className={composeRenderProps(className, (className) =>\n        cn(\n          \"relative flex cursor-default select-none items-center gap-2 px-2 py-1.5 text-sm outline-none transition-colors\",\n          /* Disabled */\n          \"disabled-muted\",\n          /* Focused */\n          \"data-[focused]:bg-accent data-[focused]:text-accent-foreground \",\n          /* Selection Mode */\n          \"data-[selection-mode]:pl-input\",\n          className\n        )\n      )}\n      {...props}\n    >\n      {composeRenderProps(children, (children, renderProps) => (\n        <>\n          <span className=\"absolute left-2 flex size-icon items-center justify-center\">\n            {renderProps.isSelected && (\n              <>\n                {renderProps.selectionMode == \"single\" && (\n                  <Dot className=\"size-icon fill-current\" />\n                )}\n                {renderProps.selectionMode == \"multiple\" && (\n                  <Check className=\"size-icon\" />\n                )}\n              </>\n            )}\n          </span>\n\n          {children}\n\n          {renderProps.hasSubmenu && <ChevronRight className=\"ml-auto size-icon\" />}\n        </>\n      ))}\n    </AriaMenuItem>\n  )\n}\n\ninterface MenuHeaderProps extends React.ComponentProps<typeof AriaHeader> {\n  inset?: boolean\n  separator?: boolean\n}\n\nexport function MenuHeader({\n  className,\n  inset,\n  separator = true,\n  ...props\n}: MenuHeaderProps) {\n  return (\n    <AriaHeader\n      className={cn(\n        \"px-3 py-1.5 text-sm font-semibold\",\n        inset && \"pl-input\",\n        separator && \"-mx-1 mb-1 border-b border-b-border pb-2.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function MenuSeparator({ className, ...props }: AriaSeparatorProps) {\n  return (\n    <AriaSeparator\n      className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n      {...props}\n    />\n  )\n}\n\nexport function MenuKeyboard({\n  className,\n  ...props\n}: React.ComponentProps<typeof AriaKeyboard>) {\n  return (\n    <AriaKeyboard\n      className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)}\n      {...props}\n    />\n  )\n}\ninterface MenuProps<T>\n  extends AriaMenuProps<T>,\n  VariantProps<typeof buttonVariants>,\n  Omit<AriaMenuTriggerProps, \"children\"> {\n  label?: React.ReactNode\n}\n// TODO name this better\nexport function EasyMenu<T extends object>({\n  label,\n  children,\n  variant,\n  size,\n  ...props\n}: MenuProps<T>) {\n  return (\n    <MenuTrigger {...props}>\n      <Button type=\"button\" variant={variant} size={size}>\n        {label}\n      </Button>\n      <MenuPopover className=\"overflow-auto\">\n        <Menu {...props}>{children}</Menu>\n      </MenuPopover>\n    </MenuTrigger>\n  )\n}\n"],"names":["MenuTrigger","AriaMenuTrigger","MenuSubTrigger","AriaSubmenuTrigger","MenuCollection","ListBoxCollection","MenuPopover","className","props","jsx","SelectPopover","composeRenderProps","cn","Menu","AriaMenu","MenuItem","children","AriaMenuItem","renderProps","jsxs","Fragment","Dot","Check","ChevronRight","MenuHeader","inset","separator","AriaHeader","MenuSeparator","AriaSeparator","MenuKeyboard","AriaKeyboard","EasyMenu","label","variant","size","Button"],"mappings":"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"}
+{"version":3,"file":"menu.es.js","sources":["../../../lib/components/ui/menu.tsx"],"sourcesContent":["import { VariantProps } from \"class-variance-authority\"\nimport * as React from \"react\"\nimport {\n  Header as AriaHeader,\n  Keyboard as AriaKeyboard,\n  Menu as AriaMenu,\n  MenuItem as AriaMenuItem,\n  MenuItemProps as AriaMenuItemProps,\n  MenuProps as AriaMenuProps,\n  MenuTrigger as AriaMenuTrigger,\n  MenuTriggerProps as AriaMenuTriggerProps,\n  Separator as AriaSeparator,\n  SeparatorProps as AriaSeparatorProps,\n  SubmenuTrigger as AriaSubmenuTrigger,\n  composeRenderProps,\n  PopoverProps,\n} from \"react-aria-components\"\n\nimport { cn } from \"@/utils/index\"\n\nimport { Check, ChevronRight, Dot } from \"lucide-react\"\nimport { SelectPopover } from \"../inputs/select\"\nimport { Button, buttonVariants } from \"./button\"\nimport { ListBoxCollection } from \"./list-box\"\n\nexport const MenuTrigger = AriaMenuTrigger\nexport const MenuSubTrigger = AriaSubmenuTrigger\nexport const MenuCollection = ListBoxCollection\n\nexport function MenuPopover({ className, ...props }: PopoverProps) {\n  return (\n    <SelectPopover\n      className={composeRenderProps(className, (className) =>\n        cn(className)\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function Menu<T extends object>({ className, ...props }: AriaMenuProps<T>) {\n  return (\n    <AriaMenu\n      className={cn(\n        \"overflow-auto p-1 outline-0 [clip-path:inset(0_0_0_0_round_calc(var(--radius)-2px))]\",\n        className\n      )}\n      escapeKeyBehavior=\"none\"\n      {...props}\n    />\n  )\n}\n\nexport function MenuItem({ children, className, ...props }: AriaMenuItemProps & { ref?: React.Ref<HTMLDivElement> }) {\n  return (\n    <AriaMenuItem\n      textValue={\n        props.textValue || (typeof children === \"string\" ? children : undefined)\n      }\n      className={composeRenderProps(className, (className) =>\n        cn(\n          \"relative flex cursor-default select-none items-center gap-2 px-2 py-1.5 text-sm outline-none transition-colors\",\n          /* Disabled */\n          \"disabled-muted\",\n          /* Focused */\n          \"data-[focused]:bg-accent data-[focused]:text-accent-foreground \",\n          /* Selection Mode */\n          \"data-[selection-mode]:pl-input\",\n          className\n        )\n      )}\n      {...props}\n    >\n      {composeRenderProps(children, (children, renderProps) => (\n        <>\n          <span className=\"absolute left-2 flex size-icon items-center justify-center\">\n            {renderProps.isSelected && (\n              <>\n                {renderProps.selectionMode == \"single\" && (\n                  <Dot className=\"size-icon fill-current\" />\n                )}\n                {renderProps.selectionMode == \"multiple\" && (\n                  <Check className=\"size-icon\" />\n                )}\n              </>\n            )}\n          </span>\n\n          {children}\n\n          {renderProps.hasSubmenu && <ChevronRight className=\"ml-auto size-icon\" />}\n        </>\n      ))}\n    </AriaMenuItem>\n  )\n}\n\ninterface MenuHeaderProps extends React.ComponentProps<typeof AriaHeader> {\n  inset?: boolean\n  separator?: boolean\n}\n\nexport function MenuHeader({\n  className,\n  inset,\n  separator = true,\n  ...props\n}: MenuHeaderProps) {\n  return (\n    <AriaHeader\n      className={cn(\n        \"px-3 py-1.5 text-sm font-semibold\",\n        inset && \"pl-input\",\n        separator && \"-mx-1 mb-1 border-b border-b-border pb-2.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function MenuSeparator({ className, ...props }: AriaSeparatorProps) {\n  return (\n    <AriaSeparator\n      className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n      {...props}\n    />\n  )\n}\n\nexport function MenuKeyboard({\n  className,\n  ...props\n}: React.ComponentProps<typeof AriaKeyboard>) {\n  return (\n    <AriaKeyboard\n      className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)}\n      {...props}\n    />\n  )\n}\ninterface MenuProps<T>\n  extends AriaMenuProps<T>,\n  VariantProps<typeof buttonVariants>,\n  Omit<AriaMenuTriggerProps, \"children\"> {\n  label?: React.ReactNode\n  isDisabled?: boolean\n}\n// TODO name this better\nexport function EasyMenu<T extends object>({\n  label,\n  children,\n  variant,\n  isDisabled,\n  size,\n  ...props\n}: MenuProps<T>) {\n  return (\n    <MenuTrigger {...props}>\n      <Button isDisabled={isDisabled} type=\"button\" variant={variant} size={size}>\n        {label}\n      </Button>\n      <MenuPopover className=\"overflow-auto\">\n        <Menu {...props}>{children}</Menu>\n      </MenuPopover>\n    </MenuTrigger>\n  )\n}\n"],"names":["MenuTrigger","AriaMenuTrigger","MenuSubTrigger","AriaSubmenuTrigger","MenuCollection","ListBoxCollection","MenuPopover","className","props","jsx","SelectPopover","composeRenderProps","cn","Menu","AriaMenu","MenuItem","children","AriaMenuItem","renderProps","jsxs","Fragment","Dot","Check","ChevronRight","MenuHeader","inset","separator","AriaHeader","MenuSeparator","AriaSeparator","MenuKeyboard","AriaKeyboard","EasyMenu","label","variant","isDisabled","size","Button"],"mappings":"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"}

package/dist/components/ui/popover.es.js

@@ -1,34 +1,32 @@
 import { jsx as t } from "react/jsx-runtime";
-import { composeRenderProps as n } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/utils.es.js";
-import { DialogTrigger as m, Dialog as d } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Dialog.es.js";
-import { Popover as p } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Popover.es.js";
+import { DialogTrigger as r, Popover as m, composeRenderProps as p, Dialog as d } from "react-aria-components";
 import { cn as a } from "../../utils/primitives.es.js";
-const b = m, $ = ({ className: e, offset: o = 4, ...r }) => /* @__PURE__ */ t(
-  p,
+const f = r, c = ({ className: o, offset: e = 4, ...i }) => /* @__PURE__ */ t(
+  m,
   {
-    offset: o,
-    className: n(
-      e,
-      (i) => a(
-        "z-50 border bg-popover text-popover-foreground outline-none max-w-table",
+    offset: e,
+    className: p(
+      o,
+      (n) => a(
+        "z-50 border bg-popover text-popover-foreground outline-none max-w-lg",
         /* Entering */
         "data-[entering]:animate-in data-[entering]:fade-in-0 data-[entering]:zoom-in-95",
         /* Exiting */
         "data-[exiting]:animate-out data-[exiting]:fade-out-0 data-[exiting]:zoom-out-95",
         /* Placement */
         "data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2",
-        i
+        n
       )
     ),
-    ...r
+    ...i
   }
 );
-function x({ className: e, ...o }) {
-  return /* @__PURE__ */ t(d, { className: a("p-icon outline-0", e), ...o });
+function u({ className: o, ...e }) {
+  return /* @__PURE__ */ t(d, { className: a("p-icon outline-0", o), ...e });
 }
 export {
-  $ as Popover,
-  x as PopoverDialog,
-  b as PopoverTrigger
+  c as Popover,
+  u as PopoverDialog,
+  f as PopoverTrigger
 };
 //# sourceMappingURL=popover.es.js.map

package/dist/components/ui/popover.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.es.js","sources":["../../../lib/components/ui/popover.tsx"],"sourcesContent":["import {\n\tDialog as AriaDialog,\n\tDialogProps as AriaDialogProps,\n\tDialogTrigger as AriaDialogTrigger,\n\tPopover as AriaPopover,\n\tPopoverProps as AriaPopoverProps,\n\tcomposeRenderProps,\n} from \"react-aria-components\"\n\nimport { cn } from \"@/utils/index\"\n\nexport const PopoverTrigger = AriaDialogTrigger\n\nexport const Popover = ({ className, offset = 4, ...props }: AriaPopoverProps) => (\n\t<AriaPopover\n\t\toffset={offset}\n\t\tclassName={composeRenderProps(className, (className) =>\n\t\t\tcn(\n\t\t\t\t\"z-50 border bg-popover text-popover-foreground outline-none max-w-table\",\n\t\t\t\t/* Entering */\n\t\t\t\t\"data-[entering]:animate-in data-[entering]:fade-in-0 data-[entering]:zoom-in-95\",\n\t\t\t\t/* Exiting */\n\t\t\t\t\"data-[exiting]:animate-out data-[exiting]:fade-out-0 data-[exiting]:zoom-out-95\",\n\t\t\t\t/* Placement */\n\t\t\t\t\"data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2\",\n\t\t\t\tclassName\n\t\t\t)\n\t\t)}\n\t\t{...props}\n\t/>\n)\n\nexport function PopoverDialog({ className, ...props }: AriaDialogProps) {\n\treturn (\n\t\t<AriaDialog className={cn(\"p-icon outline-0\", className)} {...props} />\n\t)\n}\n"],"names":["PopoverTrigger","AriaDialogTrigger","Popover","className","offset","props","jsx","AriaPopover","composeRenderProps","cn","PopoverDialog","AriaDialog"],"mappings":";;;;;AAWO,MAAMA,IAAiBC,GAEjBC,IAAU,CAAC,EAAE,WAAAC,GAAW,QAAAC,IAAS,GAAG,GAAGC,QACnD,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACA,QAAAH;AAAA,IACA,WAAWI;AAAAA,MAAmBL;AAAA,MAAW,CAACA,MACzCM;AAAA,QACC;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACAN;AAAAA,MAAA;AAAA,IACD;AAAA,IAEA,GAAGE;AAAA,EAAA;AACL;AAGM,SAASK,EAAc,EAAE,WAAAP,GAAW,GAAGE,KAA0B;AACvE,SACC,gBAAAC,EAACK,KAAW,WAAWF,EAAG,oBAAoBN,CAAS,GAAI,GAAGE,GAAO;AAEvE;"}
+{"version":3,"file":"popover.es.js","sources":["../../../lib/components/ui/popover.tsx"],"sourcesContent":["import {\n\tDialog as AriaDialog,\n\tDialogProps as AriaDialogProps,\n\tDialogTrigger as AriaDialogTrigger,\n\tPopover as AriaPopover,\n\tPopoverProps as AriaPopoverProps,\n\tcomposeRenderProps,\n} from \"react-aria-components\"\n\nimport { cn } from \"@/utils/index\"\n\nexport const PopoverTrigger = AriaDialogTrigger\n\nexport const Popover = ({ className, offset = 4, ...props }: AriaPopoverProps) => (\n\t<AriaPopover\n\t\toffset={offset}\n\t\tclassName={composeRenderProps(className, (className) =>\n\t\t\tcn(\n\t\t\t\t\"z-50 border bg-popover text-popover-foreground outline-none max-w-lg\",\n\t\t\t\t/* Entering */\n\t\t\t\t\"data-[entering]:animate-in data-[entering]:fade-in-0 data-[entering]:zoom-in-95\",\n\t\t\t\t/* Exiting */\n\t\t\t\t\"data-[exiting]:animate-out data-[exiting]:fade-out-0 data-[exiting]:zoom-out-95\",\n\t\t\t\t/* Placement */\n\t\t\t\t\"data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2\",\n\t\t\t\tclassName\n\t\t\t)\n\t\t)}\n\t\t{...props}\n\t/>\n)\n\nexport function PopoverDialog({ className, ...props }: AriaDialogProps) {\n\treturn (\n\t\t<AriaDialog className={cn(\"p-icon outline-0\", className)} {...props} />\n\t)\n}\n"],"names":["PopoverTrigger","AriaDialogTrigger","Popover","className","offset","props","jsx","AriaPopover","composeRenderProps","cn","PopoverDialog","AriaDialog"],"mappings":";;;AAWO,MAAMA,IAAiBC,GAEjBC,IAAU,CAAC,EAAE,WAAAC,GAAW,QAAAC,IAAS,GAAG,GAAGC,QACnD,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACA,QAAAH;AAAA,IACA,WAAWI;AAAA,MAAmBL;AAAA,MAAW,CAACA,MACzCM;AAAA,QACC;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACAN;AAAAA,MAAA;AAAA,IACD;AAAA,IAEA,GAAGE;AAAA,EAAA;AACL;AAGM,SAASK,EAAc,EAAE,WAAAP,GAAW,GAAGE,KAA0B;AACvE,SACC,gBAAAC,EAACK,KAAW,WAAWF,EAAG,oBAAoBN,CAAS,GAAI,GAAGE,GAAO;AAEvE;"}

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar.es.js","sources":["../../../lib/components/ui/sidebar.tsx"],"sourcesContent":["\"use client\"\nimport { PanelLeftClose, PanelLeftOpen } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { DialogContent, DialogOverlay, DialogTrigger } from \"@/components/ui/dialog\"\nimport { Skeleton } from \"@/components/ui/skeleton\"\nimport { Tooltip, TooltipTrigger } from \"@/components/ui/tooltip\"\nimport { cn, useIsMobile } from \"@/utils\"\n\n// TODO use tailwind variables\nconst SIDEBAR_WIDTH = \"16rem\"\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\"\nconst SIDEBAR_WIDTH_ICON = \"3rem\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\n\ntype SidebarContextProps = {\n\tstate: \"expanded\" | \"collapsed\"\n\topen: boolean\n\tsetOpen: (open: boolean) => void\n\topenMobile: boolean\n\tsetOpenMobile: (open: boolean) => void\n\tisMobile: boolean\n\ttoggleSidebar: () => void\n}\n\nexport const SidebarContext = React.createContext<SidebarContextProps | null>(null)\n\nexport function useSidebar() {\n\tconst context = React.useContext(SidebarContext)\n\tif (!context) {\n\t\tthrow new Error(\"useSidebar must be used within a SidebarProvider.\")\n\t}\n\n\treturn context\n}\n\nexport function SidebarProvider(\n\t{\n\t\tdefaultOpen = true,\n\t\topen: openProp,\n\t\tonOpenChange: setOpenProp,\n\t\tclassName,\n\t\tstyle,\n\t\tchildren,\n\t\t...props\n\t}: React.ComponentProps<'div'> & {\n\t\tdefaultOpen?: boolean\n\t\topen?: boolean\n\t\tonOpenChange?: (open: boolean) => void\n\t}) {\n\tconst isMobile = useIsMobile()\n\tconst [openMobile, setOpenMobile] = React.useState(false)\n\n\t// This is the internal state of the sidebar.\n\t// We use openProp and setOpenProp for control from outside the component.\n\tconst [_open, _setOpen] = React.useState(defaultOpen)\n\tconst open = openProp ?? _open\n\tconst setOpen = React.useCallback(\n\t\t(value: boolean | ((value: boolean) => boolean)) => {\n\t\t\tconst openState = typeof value === \"function\" ? value(open) : value\n\t\t\tif (setOpenProp) {\n\t\t\t\tsetOpenProp(openState)\n\t\t\t} else {\n\t\t\t\t_setOpen(openState)\n\t\t\t}\n\n\t\t\t// TODO, use different model for persistence\n\t\t\t// This sets the cookie to keep the sidebar state.\n\t\t\t// document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n\t\t},\n\t\t[setOpenProp, open]\n\t)\n\n\t// Helper to toggle the sidebar.\n\tconst toggleSidebar = React.useCallback(() => {\n\t\treturn isMobile\n\t\t\t? setOpenMobile((open) => !open)\n\t\t\t: setOpen((open) => !open)\n\t}, [isMobile, setOpen, setOpenMobile])\n\n\t// Adds a keyboard shortcut to toggle the sidebar.\n\tReact.useEffect(() => {\n\t\tconst handleKeyDown = (event: KeyboardEvent) => {\n\t\t\tif (\n\t\t\t\tevent.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n\t\t\t\t(event.metaKey || event.ctrlKey)\n\t\t\t) {\n\t\t\t\tevent.preventDefault()\n\t\t\t\ttoggleSidebar()\n\t\t\t}\n\t\t}\n\n\t\twindow.addEventListener(\"keydown\", handleKeyDown)\n\t\treturn () => window.removeEventListener(\"keydown\", handleKeyDown)\n\t}, [toggleSidebar])\n\n\t// We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n\t// This makes it easier to style the sidebar with Tailwind classes.\n\tconst state = open ? \"expanded\" : \"collapsed\"\n\n\tconst contextValue = React.useMemo<SidebarContextProps>(\n\t\t() => ({\n\t\t\tstate,\n\t\t\topen,\n\t\t\tsetOpen,\n\t\t\tisMobile,\n\t\t\topenMobile,\n\t\t\tsetOpenMobile,\n\t\t\ttoggleSidebar,\n\t\t}),\n\t\t[state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n\t)\n\n\treturn (\n\t\t<SidebarContext.Provider value={contextValue}>\n\t\t\t<div\n\t\t\t\tstyle={\n\t\t\t\t\t{\n\t\t\t\t\t\t\"--sidebar-width\": SIDEBAR_WIDTH,\n\t\t\t\t\t\t\"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n\t\t\t\t\t\t...style,\n\t\t\t\t\t} as React.CSSProperties\n\t\t\t\t}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"group/sidebar-wrapper flex w-full has-[[data-variant=inset]]:bg-sidebar-background\",\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</SidebarContext.Provider>\n\t)\n}\n\n\nexport function Sidebar(\n\t{\n\t\tside = \"left\",\n\t\tvariant = \"sidebar\",\n\t\tcollapsible = \"offcanvas\",\n\t\tclassName,\n\t\tchildren,\n\t\t...props\n\t}: React.ComponentProps<\"div\"> & {\n\t\tside?: \"left\" | \"right\"\n\t\tvariant?: \"sidebar\" | \"floating\" | \"inset\"\n\t\tcollapsible?: \"offcanvas\" | \"icon\" | \"none\"\n\t}\n) {\n\tconst { isMobile, state, openMobile, setOpenMobile } = useSidebar()\n\n\tif (collapsible === \"none\") {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"flex h-full w-[--sidebar-width] flex-col bg-sidebar-background text-sidebar-foreground\",\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t)\n\t}\n\n\tif (isMobile) {\n\t\treturn (\n\t\t\t<DialogTrigger style={{ \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE, } as React.CSSProperties} isOpen={openMobile} onOpenChange={setOpenMobile} {...props} >\n\t\t\t\t<DialogOverlay>\n\t\t\t\t\t<DialogContent\n\t\t\t\t\t\tdata-sidebar=\"sidebar\"\n\t\t\t\t\t\tdata-mobile=\"true\"\n\t\t\t\t\t\tclassName=\"w-[--sidebar-width] p-0 [&>button]:hidden\" side=\"right\">\n\t\t\t\t\t\t{() => (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</DialogContent>\n\t\t\t\t</DialogOverlay>\n\t\t\t</DialogTrigger>\n\t\t)\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"group peer hidden text-sidebar-foreground md:block\"\n\t\t\tdata-state={state}\n\t\t\tdata-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n\t\t\tdata-variant={variant}\n\t\t\tdata-side={side}\n\t\t>\n\t\t\t{/* This is what handles the sidebar gap on desktop */}\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"relative w-(--sidebar-width) bg-sidebar-background transition-[width] duration-200 ease-linear\",\n\t\t\t\t\t\"group-data-[collapsible=offcanvas]:w-0\",\n\t\t\t\t\t\"group-data-[side=right]:rotate-180\",\n\t\t\t\t\tvariant === \"floating\" || variant === \"inset\"\n\t\t\t\t\t\t? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]\"\n\t\t\t\t\t\t: \"group-data-[collapsible=icon]:w-[--sidebar-width-icon]\"\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex\",\n\t\t\t\t\tside === \"left\"\n\t\t\t\t\t\t? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n\t\t\t\t\t\t: \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n\t\t\t\t\t// Adjust the padding for floating and inset variants.\n\t\t\t\t\tvariant === \"floating\" || variant === \"inset\"\n\t\t\t\t\t\t? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]\"\n\t\t\t\t\t\t: \"group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tdata-sidebar=\"sidebar\"\n\t\t\t\t\tclassName=\"flex h-full w-full flex-col bg-sidebar-background group-data-[variant=floating]:border group-data-[variant=floating]:border-border group-data-[variant=floating]:shadow\"\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\n\n\nexport function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>) {\n\tconst { toggleSidebar, open } = useSidebar()\n\n\treturn (\n\t\t<Button\n\t\t\tdata-sidebar=\"trigger\"\n\t\t\tvariant=\"neutral\"\n\t\t\tsize=\"icon\"\n\t\t\tonClick={(event) => {\n\t\t\t\tonClick?.(event)\n\t\t\t\ttoggleSidebar()\n\t\t\t}}\n\t\t\t{...props}\n\t\t>{open ? <PanelLeftClose /> : <PanelLeftOpen />}</Button>\n\t)\n}\n\n// TODO, evaluate if we need this??\nexport const SidebarRail = React.forwardRef<\n\tHTMLButtonElement,\n\tReact.ComponentProps<\"button\">\n>(({ className, ...props }, ref) => {\n\tconst { toggleSidebar } = useSidebar()\n\n\treturn (\n\t\t<button\n\t\t\tref={ref}\n\t\t\tdata-sidebar=\"rail\"\n\t\t\taria-label=\"Toggle Sidebar\"\n\t\t\ttabIndex={-1}\n\t\t\tonClick={toggleSidebar}\n\t\t\ttitle=\"Toggle Sidebar\"\n\t\t\tclassName={cn(\n\t\t\t\t\"absolute inset-y-0 z-20 hidden w-icon -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-border group-data-[side=left]:-right-icon group-data-[side=right]:left-0 sm:flex\",\n\t\t\t\t\"[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize\",\n\t\t\t\t\"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n\t\t\t\t\"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar-background\",\n\t\t\t\t\"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n\t\t\t\t\"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n})\nSidebarRail.displayName = \"SidebarRail\"\n\nexport function SidebarInset({ className, ...props }: React.ComponentProps<'main'>) {\n\treturn (\n\t\t<main\n\t\t\tclassName={cn(\n\t\t\t\t\"relative flex w-full flex-1 flex-col bg-background\",\n\t\t\t\t\"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\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\n\nexport function SidebarHeader({ className, ...props }: React.ComponentProps<'div'>) {\n\treturn (\n\t\t<div\n\n\t\t\tdata-sidebar=\"header\"\n\t\t\tclassName={cn(\"flex flex-col gap-2 p-2\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function SidebarFooter({ className, ...props }: React.ComponentProps<'div'>) {\n\treturn (\n\t\t<div\n\t\t\tdata-sidebar=\"footer\"\n\t\t\tclassName={cn(\"flex flex-col gap-2 p-2\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function SidebarContent({ className, ...props }: React.ComponentProps<'div'>) {\n\treturn (\n\t\t<div\n\t\t\tdata-sidebar=\"content\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function SidebarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n\treturn (\n\t\t<div\n\t\t\tdata-sidebar=\"group\"\n\t\t\tclassName={cn(\"relative flex w-full min-w-0 flex-col p-2\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\n\nexport function SidebarGroupLabel({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-sidebar=\"group-label\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex h-input shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-icon [&>svg]:shrink-0\",\n\t\t\t\t\"group-data-[collapsible=icon]:-mt-input group-data-[collapsible=icon]:opacity-0\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\nexport function SidebarGroupAction({ className, ...props }: React.ComponentProps<\"button\">) {\n\treturn (\n\t\t<button\n\t\t\tdata-sidebar=\"group-action\"\n\t\t\tclassName={cn(\n\t\t\t\t\"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-ring transition-transform hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 [&>svg]:size-icon [&>svg]:shrink-0\",\n\t\t\t\t// Increases the hit area of the button on mobile.\n\t\t\t\t\"after:absolute after:-inset-2 after:md:hidden\",\n\t\t\t\t\"group-data-[collapsible=icon]:hidden\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>) {\n\treturn (\n\t\t<div\n\t\t\tdata-sidebar=\"group-content\"\n\t\t\tclassName={cn(\"w-full text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {\n\treturn (\n\t\t<ul\n\t\t\tdata-sidebar=\"menu\"\n\t\t\tclassName={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>) {\n\treturn (\n\t\t<li\n\t\t\tdata-sidebar=\"menu-item\"\n\t\t\tclassName={cn(\"group/menu-item relative list-none\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\n/// TODO fix positioning\nexport function SidebarMenuAction({ className, showOnHover = false, ...props }: React.ComponentProps<\"button\"> & {\n\tshowOnHover?: boolean\n}) {\n\n\treturn (\n\t\t<button\n\t\t\tdata-sidebar=\"menu-action\"\n\t\t\tclassName={cn(\n\t\t\t\t\"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-ring transition-transform hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-accent-foreground [&>svg]:size-icon [&>svg]:shrink-0\",\n\t\t\t\t// Increases the hit area of the button on mobile.\n\t\t\t\t\"after:absolute after:-inset-2 after:md:hidden\",\n\t\t\t\t\"peer-data-[size=sm]/menu-button:top-1\",\n\t\t\t\t\"peer-data-[size=default]/menu-button:top-1.5\",\n\t\t\t\t\"peer-data-[size=lg]/menu-button:top-2.5\",\n\t\t\t\t\"group-data-[collapsible=icon]:hidden\",\n\t\t\t\tshowOnHover &&\n\t\t\t\t\"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-accent-foreground md:opacity-0\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function SidebarMenuBadge({ className, ...props }: React.ComponentProps<'div'>) {\n\treturn (\n\t\t<div\n\t\t\tdata-sidebar=\"menu-badge\"\n\t\t\tclassName={cn(\n\t\t\t\t\"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\t\t\t\t\"peer-hover/menu-button:text-accent-foreground peer-data-[active=true]/menu-button:text-accent-foreground\",\n\t\t\t\t\"peer-data-[size=sm]/menu-button:top-1\",\n\t\t\t\t\"peer-data-[size=default]/menu-button:top-1.5\",\n\t\t\t\t\"peer-data-[size=lg]/menu-button:top-2.5\",\n\t\t\t\t\"group-data-[collapsible=icon]:hidden\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function SidebarMenuSkeleton({ className, showIcon = false, ...props }: React.ComponentProps<\"div\"> & {\n\tshowIcon?: boolean\n}) {\n\t// Random width between 50 to 90%.\n\tconst width = React.useMemo(() => {\n\t\treturn `${Math.floor(Math.random() * 40) + 50}%`\n\t}, [])\n\n\treturn (\n\t\t<div\n\t\t\tdata-sidebar=\"menu-skeleton\"\n\t\t\tclassName={cn(\"flex h-input items-center gap-2 px-2\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{showIcon && (\n\t\t\t\t<Skeleton\n\t\t\t\t\tclassName=\"size-icon\"\n\t\t\t\t\tdata-sidebar=\"menu-skeleton-icon\"\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<Skeleton\n\t\t\t\tclassName=\"h-icon max-w-[--skeleton-width] flex-1\"\n\t\t\t\tdata-sidebar=\"menu-skeleton-text\"\n\t\t\t\tstyle={\n\t\t\t\t\t{\n\t\t\t\t\t\t\"--skeleton-width\": width,\n\t\t\t\t\t} as React.CSSProperties\n\t\t\t\t}\n\t\t\t/>\n\t\t</div>\n\t)\n}\n\nexport function SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>) {\n\treturn (\n\t\t<ul\n\t\t\tdata-sidebar=\"menu-sub\"\n\t\t\tclassName={cn(\n\t\t\t\t\"mx-2 flex min-w-0 translate-x-px flex-col gap-1 border-l border-border px-2\",\n\t\t\t\t\"group-data-[collapsible=icon]:hidden\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>) { return <li className={cn(\"list-none ms-0\", className)} {...props} /> }\n\n// Common interaction logic for SidebarMenuButton and SidebarMenuSubButton\nconst Cs_SidebarButton = \"flex w-full items-center gap-2 truncate p-2 text-sm btn btn-ghost h-input text-accent data-[active=true]:bg-primary/20 data-[active=true]:font-medium data-[active=true]:text-primary [&>span:last-child]:truncate [&>svg]:size-icon [&>svg]:shrink-0\";\nexport function SidebarMenuButton\n\t(\n\t\t{\n\t\t\tisActive = false,\n\t\t\ttooltip,\n\t\t\tclassName,\n\t\t\t...props\n\t\t}: React.ComponentProps<\"button\"> & {\n\t\t\tisActive?: boolean\n\t\t\ttooltip?: React.ComponentProps<typeof Tooltip>\n\t\t}\n\t) {\n\tconst { isMobile, state } = useSidebar()\n\n\tconst button = (\n\t\t<button\n\t\t\tdata-sidebar=\"menu-button\"\n\t\t\tdata-active={isActive}\n\t\t\tclassName={cn(\n\t\t\t\t\"peer/menu-button group-has-[[data-sidebar=menu-action]]/menu-item:pr-input group-data-[collapsible=icon]:!size-icon group-data-[collapsible=icon]:!p-2 \",\n\t\t\t\tCs_SidebarButton,\n\t\t\t\tclassName)}\n\t\t\t{...props}\n\t\t/>\n\t)\n\n\tif (!tooltip) {\n\t\treturn button\n\t}\n\n\treturn (\n\t\t<TooltipTrigger>\n\t\t\t{button}\n\t\t\t<Tooltip\n\t\t\t\thidden={state !== \"collapsed\" || isMobile}\n\t\t\t\t{...tooltip}\n\t\t\t/>\n\t\t</TooltipTrigger>\n\t)\n}\n\nexport function SidebarMenuSubButton({ isActive, className, ...props }: React.ComponentProps<'a'> & {\n\tisActive?: boolean\n}) {\n\n\treturn (\n\t\t<a\n\t\t\tdata-sidebar=\"menu-sub-button\"\n\t\t\tdata-active={isActive}\n\t\t\tclassName={cn(\n\t\t\t\t\"-translate-x-px [&>svg]:text-accent-foreground\",\n\t\t\t\t\"group-data-[collapsible=icon]:hidden\",\n\t\t\t\tCs_SidebarButton,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n// TODO, standardize heights here"],"names":["SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","React","useSidebar","context","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","isMobile","useIsMobile","openMobile","setOpenMobile","_open","_setOpen","open","setOpen","value","openState","toggleSidebar","handleKeyDown","event","state","contextValue","jsx","cn","Sidebar","side","variant","collapsible","DialogTrigger","DialogOverlay","DialogContent","jsxs","SidebarTrigger","onClick","Button","PanelLeftClose","PanelLeftOpen","SidebarRail","ref","SidebarInset","SidebarHeader","SidebarFooter","SidebarContent","SidebarGroup","SidebarGroupLabel","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Skeleton","SidebarMenuSub","SidebarMenuSubItem","Cs_SidebarButton","SidebarMenuButton","isActive","tooltip","button","TooltipTrigger","Tooltip","SidebarMenuSubButton"],"mappings":"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"}
+{"version":3,"file":"sidebar.es.js","sources":["../../../lib/components/ui/sidebar.tsx"],"sourcesContent":["\"use client\"\nimport { PanelLeftClose, PanelLeftOpen } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { DialogContent, DialogOverlay, DialogTrigger } from \"@/components/ui/dialog\"\nimport { Skeleton } from \"@/components/ui/skeleton\"\nimport { Tooltip, TooltipTrigger } from \"@/components/ui/tooltip\"\nimport { cn, useIsMobile } from \"@/utils\"\n\n// TODO use tailwind variables\nconst SIDEBAR_WIDTH = \"16rem\"\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\"\nconst SIDEBAR_WIDTH_ICON = \"3rem\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\n\ntype SidebarContextProps = {\n\tstate: \"expanded\" | \"collapsed\"\n\topen: boolean\n\tsetOpen: (open: boolean) => void\n\topenMobile: boolean\n\tsetOpenMobile: (open: boolean) => void\n\tisMobile: boolean\n\ttoggleSidebar: () => void\n}\n\nexport const SidebarContext = React.createContext<SidebarContextProps | null>(null)\n\nexport function useSidebar() {\n\tconst context = React.useContext(SidebarContext)\n\tif (!context) {\n\t\tthrow new Error(\"useSidebar must be used within a SidebarProvider.\")\n\t}\n\n\treturn context\n}\n\nexport function SidebarProvider(\n\t{\n\t\tdefaultOpen = true,\n\t\topen: openProp,\n\t\tonOpenChange: setOpenProp,\n\t\tclassName,\n\t\tstyle,\n\t\tchildren,\n\t\t...props\n\t}: React.ComponentProps<'div'> & {\n\t\tdefaultOpen?: boolean\n\t\topen?: boolean\n\t\tonOpenChange?: (open: boolean) => void\n\t}) {\n\tconst isMobile = useIsMobile()\n\tconst [openMobile, setOpenMobile] = React.useState(false)\n\n\t// This is the internal state of the sidebar.\n\t// We use openProp and setOpenProp for control from outside the component.\n\tconst [_open, _setOpen] = React.useState(defaultOpen)\n\tconst open = openProp ?? _open\n\tconst setOpen = React.useCallback(\n\t\t(value: boolean | ((value: boolean) => boolean)) => {\n\t\t\tconst openState = typeof value === \"function\" ? value(open) : value\n\t\t\tif (setOpenProp) {\n\t\t\t\tsetOpenProp(openState)\n\t\t\t} else {\n\t\t\t\t_setOpen(openState)\n\t\t\t}\n\n\t\t\t// TODO, use different model for persistence\n\t\t\t// This sets the cookie to keep the sidebar state.\n\t\t\t// document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n\t\t},\n\t\t[setOpenProp, open]\n\t)\n\n\t// Helper to toggle the sidebar.\n\tconst toggleSidebar = React.useCallback(() => {\n\t\treturn isMobile\n\t\t\t? setOpenMobile((open) => !open)\n\t\t\t: setOpen((open) => !open)\n\t}, [isMobile, setOpen, setOpenMobile])\n\n\t// Adds a keyboard shortcut to toggle the sidebar.\n\tReact.useEffect(() => {\n\t\tconst handleKeyDown = (event: KeyboardEvent) => {\n\t\t\tif (\n\t\t\t\tevent.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n\t\t\t\t(event.metaKey || event.ctrlKey)\n\t\t\t) {\n\t\t\t\tevent.preventDefault()\n\t\t\t\ttoggleSidebar()\n\t\t\t}\n\t\t}\n\n\t\twindow.addEventListener(\"keydown\", handleKeyDown)\n\t\treturn () => window.removeEventListener(\"keydown\", handleKeyDown)\n\t}, [toggleSidebar])\n\n\t// We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n\t// This makes it easier to style the sidebar with Tailwind classes.\n\tconst state = open ? \"expanded\" : \"collapsed\"\n\n\tconst contextValue = React.useMemo<SidebarContextProps>(\n\t\t() => ({\n\t\t\tstate,\n\t\t\topen,\n\t\t\tsetOpen,\n\t\t\tisMobile,\n\t\t\topenMobile,\n\t\t\tsetOpenMobile,\n\t\t\ttoggleSidebar,\n\t\t}),\n\t\t[state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n\t)\n\n\treturn (\n\t\t<SidebarContext.Provider value={contextValue}>\n\t\t\t<div\n\t\t\t\tstyle={\n\t\t\t\t\t{\n\t\t\t\t\t\t\"--sidebar-width\": SIDEBAR_WIDTH,\n\t\t\t\t\t\t\"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n\t\t\t\t\t\t...style,\n\t\t\t\t\t} as React.CSSProperties\n\t\t\t\t}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"group/sidebar-wrapper flex w-full has-[[data-variant=inset]]:bg-sidebar-background\",\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</SidebarContext.Provider>\n\t)\n}\n\n\nexport function Sidebar(\n\t{\n\t\tside = \"left\",\n\t\tvariant = \"sidebar\",\n\t\tcollapsible = \"offcanvas\",\n\t\tclassName,\n\t\tchildren,\n\t\t...props\n\t}: React.ComponentProps<\"div\"> & {\n\t\tside?: \"left\" | \"right\"\n\t\tvariant?: \"sidebar\" | \"floating\" | \"inset\"\n\t\tcollapsible?: \"offcanvas\" | \"icon\" | \"none\"\n\t}\n) {\n\tconst { isMobile, state, openMobile, setOpenMobile } = useSidebar()\n\n\tif (collapsible === \"none\") {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"flex h-full w-[--sidebar-width] flex-col bg-sidebar-background text-sidebar-foreground\",\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t)\n\t}\n\n\tif (isMobile) {\n\t\treturn (\n\t\t\t<DialogTrigger style={{ \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE, } as React.CSSProperties} isOpen={openMobile} onOpenChange={setOpenMobile} {...props} >\n\t\t\t\t<DialogOverlay>\n\t\t\t\t\t<DialogContent\n\t\t\t\t\t\tdata-sidebar=\"sidebar\"\n\t\t\t\t\t\tdata-mobile=\"true\"\n\t\t\t\t\t\tclassName=\"w-[--sidebar-width] p-0 [&>button]:hidden\" side=\"right\">\n\t\t\t\t\t\t{() => (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</DialogContent>\n\t\t\t\t</DialogOverlay>\n\t\t\t</DialogTrigger>\n\t\t)\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"group peer hidden text-sidebar-foreground md:block\"\n\t\t\tdata-state={state}\n\t\t\tdata-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n\t\t\tdata-variant={variant}\n\t\t\tdata-side={side}\n\t\t>\n\t\t\t{/* This is what handles the sidebar gap on desktop */}\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"relative w-(--sidebar-width) bg-sidebar-background transition-[width] duration-200 ease-linear\",\n\t\t\t\t\t\"group-data-[collapsible=offcanvas]:w-0\",\n\t\t\t\t\t\"group-data-[side=right]:rotate-180\",\n\t\t\t\t\tvariant === \"floating\" || variant === \"inset\"\n\t\t\t\t\t\t? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]\"\n\t\t\t\t\t\t: \"group-data-[collapsible=icon]:w-[--sidebar-width-icon]\"\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex\",\n\t\t\t\t\tside === \"left\"\n\t\t\t\t\t\t? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n\t\t\t\t\t\t: \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n\t\t\t\t\t// Adjust the padding for floating and inset variants.\n\t\t\t\t\tvariant === \"floating\" || variant === \"inset\"\n\t\t\t\t\t\t? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]\"\n\t\t\t\t\t\t: \"group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tdata-sidebar=\"sidebar\"\n\t\t\t\t\tclassName=\"flex h-full w-full flex-col bg-sidebar-background group-data-[variant=floating]:border group-data-[variant=floating]:border-border group-data-[variant=floating]:shadow\"\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\n\n\nexport function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>) {\n\tconst { toggleSidebar, open } = useSidebar()\n\n\treturn (\n\t\t<Button\n\t\t\tdata-sidebar=\"trigger\"\n\t\t\tvariant=\"neutral\"\n\t\t\tsize=\"icon\"\n\t\t\tonClick={(event) => {\n\t\t\t\tonClick?.(event)\n\t\t\t\ttoggleSidebar()\n\t\t\t}}\n\t\t\t{...props}\n\t\t>{open ? <PanelLeftClose /> : <PanelLeftOpen />}</Button>\n\t)\n}\n\n// TODO, evaluate if we need this??\nexport const SidebarRail = React.forwardRef<\n\tHTMLButtonElement,\n\tReact.ComponentProps<\"button\">\n>(({ className, ...props }, ref) => {\n\tconst { toggleSidebar } = useSidebar()\n\n\treturn (\n\t\t<button\n\t\t\tref={ref}\n\t\t\tdata-sidebar=\"rail\"\n\t\t\taria-label=\"Toggle Sidebar\"\n\t\t\ttabIndex={-1}\n\t\t\tonClick={toggleSidebar}\n\t\t\ttitle=\"Toggle Sidebar\"\n\t\t\tclassName={cn(\n\t\t\t\t\"absolute inset-y-0 z-20 hidden w-icon -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-border group-data-[side=left]:-right-icon group-data-[side=right]:left-0 sm:flex\",\n\t\t\t\t\"[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize\",\n\t\t\t\t\"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n\t\t\t\t\"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar-background\",\n\t\t\t\t\"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n\t\t\t\t\"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n})\nSidebarRail.displayName = \"SidebarRail\"\n\nexport function SidebarInset({ className, ...props }: React.ComponentProps<'main'>) {\n\treturn (\n\t\t<main\n\t\t\tclassName={cn(\n\t\t\t\t\"relative flex w-full flex-1 flex-col bg-background\",\n\t\t\t\t\"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\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\n\nexport function SidebarHeader({ className, ...props }: React.ComponentProps<'div'>) {\n\treturn (\n\t\t<div\n\n\t\t\tdata-sidebar=\"header\"\n\t\t\tclassName={cn(\"flex flex-col gap-2 p-2\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function SidebarFooter({ className, ...props }: React.ComponentProps<'div'>) {\n\treturn (\n\t\t<div\n\t\t\tdata-sidebar=\"footer\"\n\t\t\tclassName={cn(\"flex flex-col gap-2 p-2\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function SidebarContent({ className, ...props }: React.ComponentProps<'div'>) {\n\treturn (\n\t\t<div\n\t\t\tdata-sidebar=\"content\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function SidebarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n\treturn (\n\t\t<div\n\t\t\tdata-sidebar=\"group\"\n\t\t\tclassName={cn(\"relative flex w-full min-w-0 flex-col p-2\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\n\nexport function SidebarGroupLabel({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-sidebar=\"group-label\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex h-input shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-icon [&>svg]:shrink-0\",\n\t\t\t\t\"group-data-[collapsible=icon]:-mt-input group-data-[collapsible=icon]:opacity-0\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\nexport function SidebarGroupAction({ className, ...props }: React.ComponentProps<\"button\">) {\n\treturn (\n\t\t<button\n\t\t\tdata-sidebar=\"group-action\"\n\t\t\tclassName={cn(\n\t\t\t\t\"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-ring transition-transform hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 [&>svg]:size-icon [&>svg]:shrink-0\",\n\t\t\t\t// Increases the hit area of the button on mobile.\n\t\t\t\t\"after:absolute after:-inset-2 after:md:hidden\",\n\t\t\t\t\"group-data-[collapsible=icon]:hidden\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>) {\n\treturn (\n\t\t<div\n\t\t\tdata-sidebar=\"group-content\"\n\t\t\tclassName={cn(\"w-full text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {\n\treturn (\n\t\t<ul\n\t\t\tdata-sidebar=\"menu\"\n\t\t\tclassName={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>) {\n\treturn (\n\t\t<li\n\t\t\tdata-sidebar=\"menu-item\"\n\t\t\tclassName={cn(\"group/menu-item relative list-none\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\n/// TODO fix positioning\nexport function SidebarMenuAction({ className, showOnHover = false, ...props }: React.ComponentProps<\"button\"> & {\n\tshowOnHover?: boolean\n}) {\n\n\treturn (\n\t\t<button\n\t\t\tdata-sidebar=\"menu-action\"\n\t\t\tclassName={cn(\n\t\t\t\t\"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-ring transition-transform hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-accent-foreground [&>svg]:size-icon [&>svg]:shrink-0\",\n\t\t\t\t// Increases the hit area of the button on mobile.\n\t\t\t\t\"after:absolute after:-inset-2 after:md:hidden\",\n\t\t\t\t\"peer-data-[size=sm]/menu-button:top-1\",\n\t\t\t\t\"peer-data-[size=default]/menu-button:top-1.5\",\n\t\t\t\t\"peer-data-[size=lg]/menu-button:top-2.5\",\n\t\t\t\t\"group-data-[collapsible=icon]:hidden\",\n\t\t\t\tshowOnHover &&\n\t\t\t\t\"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-accent-foreground md:opacity-0\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function SidebarMenuBadge({ className, ...props }: React.ComponentProps<'div'>) {\n\treturn (\n\t\t<div\n\t\t\tdata-sidebar=\"menu-badge\"\n\t\t\tclassName={cn(\n\t\t\t\t\"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\t\t\t\t\"peer-hover/menu-button:text-accent-foreground peer-data-[active=true]/menu-button:text-accent-foreground\",\n\t\t\t\t\"peer-data-[size=sm]/menu-button:top-1\",\n\t\t\t\t\"peer-data-[size=default]/menu-button:top-1.5\",\n\t\t\t\t\"peer-data-[size=lg]/menu-button:top-2.5\",\n\t\t\t\t\"group-data-[collapsible=icon]:hidden\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function SidebarMenuSkeleton({ className, showIcon = false, ...props }: React.ComponentProps<\"div\"> & {\n\tshowIcon?: boolean\n}) {\n\t// Random width between 50 to 90%.\n\tconst width = React.useMemo(() => {\n\t\treturn `${Math.floor(Math.random() * 40) + 50}%`\n\t}, [])\n\n\treturn (\n\t\t<div\n\t\t\tdata-sidebar=\"menu-skeleton\"\n\t\t\tclassName={cn(\"flex h-input items-center gap-2 px-2\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{showIcon && (\n\t\t\t\t<Skeleton\n\t\t\t\t\tclassName=\"size-icon\"\n\t\t\t\t\tdata-sidebar=\"menu-skeleton-icon\"\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<Skeleton\n\t\t\t\tclassName=\"h-icon max-w-[--skeleton-width] flex-1\"\n\t\t\t\tdata-sidebar=\"menu-skeleton-text\"\n\t\t\t\tstyle={\n\t\t\t\t\t{\n\t\t\t\t\t\t\"--skeleton-width\": width,\n\t\t\t\t\t} as React.CSSProperties\n\t\t\t\t}\n\t\t\t/>\n\t\t</div>\n\t)\n}\n\nexport function SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>) {\n\treturn (\n\t\t<ul\n\t\t\tdata-sidebar=\"menu-sub\"\n\t\t\tclassName={cn(\n\t\t\t\t\"mx-2 flex min-w-0 translate-x-px flex-col gap-1 border-l border-border px-2\",\n\t\t\t\t\"group-data-[collapsible=icon]:hidden\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>) { return <li className={cn(\"list-none ms-0\", className)} {...props} /> }\n\n// Common interaction logic for SidebarMenuButton and SidebarMenuSubButton\nconst Cs_SidebarButton = \"flex w-full items-center gap-2 truncate p-2 text-sm btn btn-ghost h-input text-accent data-[active=true]:bg-primary/20 data-[active=true]:font-medium data-[active=true]:text-primary [&>span:last-child]:truncate [&>svg]:size-icon [&>svg]:shrink-0\";\nexport function SidebarMenuButton\n\t(\n\t\t{\n\t\t\tisActive = false,\n\t\t\ttooltip,\n\t\t\tclassName,\n\t\t\t...props\n\t\t}: React.ComponentProps<\"button\"> & {\n\t\t\tisActive?: boolean\n\t\t\ttooltip?: React.ComponentProps<typeof Tooltip>\n\t\t}\n\t) {\n\tconst { isMobile, state } = useSidebar()\n\n\tconst button = (\n\t\t<button\n\t\t\tdata-sidebar=\"menu-button\"\n\t\t\tdata-active={isActive}\n\t\t\tclassName={cn(\n\t\t\t\t\"peer/menu-button group-has-[[data-sidebar=menu-action]]/menu-item:pr-input group-data-[collapsible=icon]:!size-icon group-data-[collapsible=icon]:!p-2 \",\n\t\t\t\tCs_SidebarButton,\n\t\t\t\tclassName)}\n\t\t\t{...props}\n\t\t/>\n\t)\n\n\tif (!tooltip) {\n\t\treturn button\n\t}\n\n\treturn (\n\t\t<TooltipTrigger>\n\t\t\t{button}\n\t\t\t<Tooltip\n\t\t\t\thidden={state !== \"collapsed\" || isMobile}\n\t\t\t\t{...tooltip}\n\t\t\t/>\n\t\t</TooltipTrigger>\n\t)\n}\n\nexport function SidebarMenuSubButton({ isActive, className, ...props }: React.ComponentProps<'a'> & {\n\tisActive?: boolean\n}) {\n\n\treturn (\n\t\t<a\n\t\t\tdata-sidebar=\"menu-sub-button\"\n\t\t\tdata-active={isActive}\n\t\t\tclassName={cn(\n\t\t\t\t\"-translate-x-px [&>svg]:text-accent-foreground\",\n\t\t\t\t\"group-data-[collapsible=icon]:hidden\",\n\t\t\t\tCs_SidebarButton,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n// TODO, standardize heights here"],"names":["SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","React","useSidebar","context","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","isMobile","useIsMobile","openMobile","setOpenMobile","_open","_setOpen","open","setOpen","value","openState","toggleSidebar","handleKeyDown","event","state","contextValue","jsx","cn","Sidebar","side","variant","collapsible","DialogTrigger","DialogOverlay","DialogContent","jsxs","SidebarTrigger","onClick","Button","PanelLeftClose","PanelLeftOpen","SidebarRail","ref","SidebarInset","SidebarHeader","SidebarFooter","SidebarContent","SidebarGroup","SidebarGroupLabel","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Skeleton","SidebarMenuSub","SidebarMenuSubItem","Cs_SidebarButton","SidebarMenuButton","isActive","tooltip","button","TooltipTrigger","Tooltip","SidebarMenuSubButton"],"mappings":"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"}