@cryptlex/web-components 4.1.0 → 5.0.0

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

@@ -1,102 +1,159 @@
-"use client";
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import { Root as r, Trigger as l, Portal as c, Close as s, Overlay as d, Content as u, Title as f, Description as g } from "../../node_modules/.pnpm/@radix-ui_react-dialog@1.1.14_@types_react-dom@19.1.0_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0/node_modules/@radix-ui/react-dialog/dist/index.es.js";
-import { Cross as m } from "lucide-react";
-import { cn as o } from "../../utils/primitives.es.js";
-const N = r, v = l, p = c, C = s;
-function x({
+import { jsx as a, jsxs as d, Fragment as g } from "react/jsx-runtime";
+import { cva as c } from "class-variance-authority";
+import { composeRenderProps 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/utils.es.js";
+import { DialogTrigger as x, Dialog 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/Dialog.es.js";
+import { Heading as u } 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/Heading.es.js";
+import { ModalOverlay as b, Modal as h } 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/Modal.es.js";
+import { Button as $ } from "./button.es.js";
+import { X as v } from "lucide-react";
+import { cn as i } from "../../utils/primitives.es.js";
+const y = c(
+  [
+    "fixed z-50 gap-4 bg-popover transition ease-in-out",
+    "data-[entering]:duration-200 data-[entering]:animate-in data-[entering]:fade-in-0 data-[exiting]:duration-200  data-[exiting]:animate-out data-[exiting]:fade-out-0"
+  ],
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[entering]:slide-in-from-top data-[exiting]:slide-out-to-top max-h-table",
+        bottom: "inset-x-0 bottom-0 border-t data-[entering]:slide-in-from-bottom data-[exiting]:slide-out-to-bottom max-h-table",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[entering]:slide-in-from-left data-[exiting]:slide-out-to-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4  border-l data-[entering]:slide-in-from-right data-[exiting]:slide-out-to-right sm:max-w-sm"
+      }
+    }
+  }
+), M = x, O = ({
+  className: t,
+  isDismissable: e = !0,
+  ...o
+}) => /* @__PURE__ */ a(
+  b,
+  {
+    isDismissable: e,
+    className: l(
+      t,
+      (n) => i(
+        "fixed inset-0 z-50 bg-card/20",
+        /* Exiting */
+        "data-[exiting]:duration-100 data-[exiting]:animate-out",
+        /* Entering */
+        "data-[entering]:animate-in",
+        n
+      )
+    ),
+    ...o
+  }
+);
+function P({
+  className: t,
+  children: e,
+  side: o,
+  role: n,
+  closeButton: s = !0,
+  ...f
+}) {
+  return /* @__PURE__ */ a(
+    h,
+    {
+      className: l(
+        t,
+        (r) => i(
+          o ? y({ side: o, className: "h-full p-6" }) : ["fixed left-[50vw] top-1/2 z-50 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 border bg-popover p-icon duration-100 data-[exiting]:duration-100 data-[entering]:animate-in data-[exiting]:animate-out data-[entering]:fade-in-0 data-[exiting]:fade-out-0 data-[entering]:zoom-in-95 data-[exiting]:zoom-out-95 md:w-full"],
+          r
+        )
+      ),
+      ...f,
+      children: /* @__PURE__ */ a(
+        p,
+        {
+          role: n,
+          className: i(!o && "grid h-full gap-4 relative", "h-full outline-none"),
+          children: l(e, (r, m) => /* @__PURE__ */ d(g, { children: [
+            r,
+            s && /* @__PURE__ */ a("div", { className: "absolute right-1 top-1", children: /* @__PURE__ */ d(
+              $,
+              {
+                size: "icon",
+                variant: "destructive",
+                onPress: m.close,
+                className: "opacity-70 transition-opacity data-[hovered]:opacity-100",
+                children: [
+                  /* @__PURE__ */ a(v, {}),
+                  /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
+                ]
+              }
+            ) })
+          ] }))
+        }
+      )
+    }
+  );
+}
+function k({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    d,
+    "div",
     {
-      className: o(
-        "fixed inset-0 z-50 bg-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className: i(
+        "flex flex-col gap-y-2 text-center sm:text-left",
         t
       ),
       ...e
     }
   );
 }
-function z({
+function B({
   className: t,
-  children: e,
-  ...i
+  ...e
 }) {
-  return /* @__PURE__ */ n(p, { children: [
-    /* @__PURE__ */ a(x, {}),
-    /* @__PURE__ */ n(
-      u,
-      {
-        className: o(
-          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-icon border bg-background p-icon shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
-          t
-        ),
-        ...i,
-        children: [
-          e,
-          /* @__PURE__ */ n(s, { className: "absolute right-icon top-icon opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-1 focus:ring-ring disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-            /* @__PURE__ */ a(m, { className: "size-icon" }),
-            /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function w({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
-      className: o(
-        "flex flex-col space-y-1.5 text-center sm:text-left",
+      className: i(
+        "flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2",
         t
       ),
       ...e
     }
   );
 }
-function T({ className: t, ...e }) {
+function R({ className: t, ...e }) {
   return /* @__PURE__ */ a(
-    "div",
+    u,
     {
-      className: o(
-        "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      slot: "title",
+      className: i(
+        "text-lg font-semibold leading-none tracking-tight",
         t
       ),
       ...e
     }
   );
 }
-function j({
-  className: t,
-  ...e
-}) {
-  return /* @__PURE__ */ a(f, { className: o("h3", t), ...e });
-}
-function k({
+function V({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    g,
+    "p",
     {
-      className: o("body text-muted-foreground", t),
+      className: i(
+        "flex flex-col gap-y-1 text-center sm:text-left",
+        t
+      ),
       ...e
     }
   );
 }
 export {
-  N as Dialog,
-  C as DialogClose,
-  z as DialogContent,
-  k as DialogDescription,
-  T as DialogFooter,
-  w as DialogHeader,
-  x as DialogOverlay,
-  p as DialogPortal,
-  j as DialogTitle,
-  v as DialogTrigger
+  P as DialogContent,
+  V as DialogDescription,
+  B as DialogFooter,
+  k as DialogHeader,
+  O as DialogOverlay,
+  R as DialogTitle,
+  M as DialogTrigger
 };
 //# sourceMappingURL=dialog.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.es.js","sources":["../../../lib/components/ui/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\nimport { Cross } from \"lucide-react\";\n\nexport const Dialog = DialogPrimitive.Root;\n\nexport const DialogTrigger = DialogPrimitive.Trigger;\n\nexport const DialogPortal = DialogPrimitive.Portal;\n\nexport const DialogClose = DialogPrimitive.Close;\n\nexport function DialogOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n\treturn (\n\t\t<DialogPrimitive.Overlay\n\t\t\tclassName={cn(\n\t\t\t\t\"fixed inset-0 z-50 bg-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n\nexport function DialogContent({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\n\treturn (\n\t\t<DialogPortal>\n\t\t\t<DialogOverlay />\n\t\t\t<DialogPrimitive.Content\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-icon border bg-background p-icon shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\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\t<DialogPrimitive.Close className=\"absolute right-icon top-icon opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-1 focus:ring-ring disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n\t\t\t\t\t<Cross className=\"size-icon\" />\n\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t</DialogPrimitive.Close>\n\t\t\t</DialogPrimitive.Content>\n\t\t</DialogPortal>\n\t);\n}\n\nexport function DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col space-y-1.5 text-center sm:text-left\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function DialogTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n\treturn (\n\t\t<DialogPrimitive.Title className={cn(\"h3\", className)} {...props} />\n\t);\n}\n\nexport function DialogDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n\treturn (\n\t\t<DialogPrimitive.Description\n\t\t\tclassName={cn(\"body text-muted-foreground\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"names":["Dialog","DialogPrimitive.Root","DialogTrigger","DialogPrimitive.Trigger","DialogPortal","DialogPrimitive.Portal","DialogClose","DialogPrimitive.Close","DialogOverlay","className","props","jsx","DialogPrimitive.Overlay","cn","DialogContent","children","jsxs","DialogPrimitive.Content","Cross","DialogHeader","DialogFooter","DialogTitle","DialogPrimitive.Title","DialogDescription","DialogPrimitive.Description"],"mappings":";;;;;AAQO,MAAMA,IAASC,GAETC,IAAgBC,GAEhBC,IAAeC,GAEfC,IAAcC;AAEpB,SAASC,EAAc;AAAA,EAC7B,WAAAC;AAAA,EACA,GAAGC;AACJ,GAAyD;AACxD,SACC,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACA,WAAWC;AAAA,QACV;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,SAASI,EAAc;AAAA,EAC7B,WAAAL;AAAA,EACA,UAAAM;AAAA,EACA,GAAGL;AACJ,GAAyD;AACxD,2BACEN,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAO,EAACH,GAAA,EAAc;AAAA,IACf,gBAAAQ;AAAA,MAACC;AAAAA,MAAA;AAAA,QACA,WAAWJ;AAAA,UACV;AAAA,UACAJ;AAAA,QAAA;AAAA,QAEA,GAAGC;AAAA,QAEH,UAAA;AAAA,UAAAK;AAAA,UACD,gBAAAC,EAACT,GAAA,EAAsB,WAAU,0PAChC,UAAA;AAAA,YAAA,gBAAAI,EAACO,GAAA,EAAM,WAAU,YAAA,CAAY;AAAA,YAC7B,gBAAAP,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,UAAA,EAAA,CAChC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACD,GACD;AAEF;AAEO,SAASQ,EAAa,EAAE,WAAAV,GAAW,GAAGC,KAAsC;AAClF,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWE;AAAA,QACV;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASU,EAAa,EAAE,WAAAX,GAAW,GAAGC,KAAsC;AAClF,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWE;AAAA,QACV;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASW,EAAY;AAAA,EAC3B,WAAAZ;AAAA,EACA,GAAGC;AACJ,GAAuD;AACtD,SACC,gBAAAC,EAACW,GAAA,EAAsB,WAAWT,EAAG,MAAMJ,CAAS,GAAI,GAAGC,GAAO;AAEpE;AAEO,SAASa,EAAkB;AAAA,EACjC,WAAAd;AAAA,EACA,GAAGC;AACJ,GAA6D;AAC5D,SACC,gBAAAC;AAAA,IAACa;AAAAA,IAAA;AAAA,MACA,WAAWX,EAAG,8BAA8BJ,CAAS;AAAA,MACpD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"dialog.es.js","sources":["../../../lib/components/ui/dialog.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport * as React from \"react\"\nimport {\n  Dialog as AriaDialog,\n  DialogProps as AriaDialogProps,\n  DialogTrigger as AriaDialogTrigger,\n  Heading as AriaHeading,\n  HeadingProps as AriaHeadingProps,\n  Modal as AriaModal,\n  ModalOverlay as AriaModalOverlay,\n  ModalOverlayProps as AriaModalOverlayProps,\n  composeRenderProps\n} from \"react-aria-components\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { cn } from \"@/utils/index\"\nimport { X } from \"lucide-react\"\n\nconst sheetVariants = cva(\n  [\n    \"fixed z-50 gap-4 bg-popover transition ease-in-out\",\n    \"data-[entering]:duration-200 data-[entering]:animate-in data-[entering]:fade-in-0 data-[exiting]:duration-200  data-[exiting]:animate-out data-[exiting]:fade-out-0\",\n  ],\n  {\n    variants: {\n      side: {\n        top: \"inset-x-0 top-0 border-b data-[entering]:slide-in-from-top data-[exiting]:slide-out-to-top max-h-table\",\n        bottom:\n          \"inset-x-0 bottom-0 border-t data-[entering]:slide-in-from-bottom data-[exiting]:slide-out-to-bottom max-h-table\",\n        left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[entering]:slide-in-from-left data-[exiting]:slide-out-to-left sm:max-w-sm\",\n        right:\n          \"inset-y-0 right-0 h-full w-3/4  border-l data-[entering]:slide-in-from-right data-[exiting]:slide-out-to-right sm:max-w-sm\",\n      },\n    },\n  }\n)\n\nexport const DialogTrigger = AriaDialogTrigger\n\nexport const DialogOverlay = ({\n  className,\n  isDismissable = true,\n  ...props\n}: AriaModalOverlayProps) => (\n  <AriaModalOverlay\n    isDismissable={isDismissable}\n    className={composeRenderProps(className, (className) =>\n      cn(\n        \"fixed inset-0 z-50 bg-card/20\",\n        /* Exiting */\n        \"data-[exiting]:duration-100 data-[exiting]:animate-out\",\n        /* Entering */\n        \"data-[entering]:animate-in\",\n        className\n      )\n    )}\n    {...props}\n  />\n)\n\nexport interface DialogContentProps\n  extends Omit<React.ComponentProps<typeof AriaModal>, \"children\">,\n  VariantProps<typeof sheetVariants> {\n  children?: AriaDialogProps[\"children\"]\n  role?: AriaDialogProps[\"role\"]\n  closeButton?: boolean\n}\n\nexport function DialogContent({\n  className,\n  children,\n  side,\n  role,\n  closeButton = true,\n  ...props\n}: DialogContentProps) {\n  return (\n    <AriaModal\n      className={composeRenderProps(className, (className) =>\n        cn(\n          side\n            ? sheetVariants({ side, className: \"h-full p-6\" })\n            : [\"fixed left-[50vw] top-1/2 z-50 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 border bg-popover p-icon duration-100 data-[exiting]:duration-100 data-[entering]:animate-in data-[exiting]:animate-out data-[entering]:fade-in-0 data-[exiting]:fade-out-0 data-[entering]:zoom-in-95 data-[exiting]:zoom-out-95 md:w-full\"],\n          className\n        )\n      )}\n      {...props}\n    >\n      <AriaDialog\n        role={role}\n        className={cn(!side && \"grid h-full gap-4 relative\", \"h-full outline-none\")}\n      >\n        {composeRenderProps(children, (children, renderProps) => (\n          <>\n            {children}\n            {closeButton && (\n              <div className=\"absolute right-1 top-1\">\n                <Button\n                  size={'icon'}\n                  variant={'destructive'}\n                  onPress={renderProps.close}\n                  className=\"opacity-70 transition-opacity data-[hovered]:opacity-100\"\n                >\n                  <X />\n                  <span className=\"sr-only\">Close</span>\n                </Button>\n              </div>\n            )}\n          </>\n        ))}\n      </AriaDialog>\n    </AriaModal>\n  )\n}\n\nexport function DialogHeader({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-y-2 text-center sm:text-left\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function DialogFooter({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={cn(\n        \"flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function DialogTitle({ className, ...props }: AriaHeadingProps) {\n  return (\n    <AriaHeading\n      slot=\"title\"\n      className={cn(\n        \"text-lg font-semibold leading-none tracking-tight\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function DialogDescription({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLParagraphElement>) {\n  return (\n    <p\n      className={cn(\n        \"flex flex-col gap-y-1 text-center sm:text-left\",\n        className\n      )}\n      {...props}\n    />\n  )\n}"],"names":["sheetVariants","cva","DialogTrigger","AriaDialogTrigger","DialogOverlay","className","isDismissable","props","jsx","AriaModalOverlay","composeRenderProps","cn","DialogContent","children","side","role","closeButton","AriaModal","AriaDialog","renderProps","jsxs","Fragment","Button","X","DialogHeader","DialogFooter","DialogTitle","AriaHeading","DialogDescription"],"mappings":"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"}

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

@@ -0,0 +1,93 @@
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { ChevronDownIcon as f } from "lucide-react";
+import { useContext as c } from "react";
+import { Button 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/Button.es.js";
+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 { DisclosureGroupStateContext as u, Disclosure as p, DisclosurePanel as m, DisclosureGroup 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/Disclosure.es.js";
+import { Heading as $ } 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/Heading.es.js";
+import { cn as s } from "../../utils/primitives.es.js";
+function G({ children: e, className: r, ...o }) {
+  let a = c(u) !== null;
+  return /* @__PURE__ */ t(
+    p,
+    {
+      ...o,
+      className: n(
+        r,
+        (i, x) => s(
+          "group min-w-64",
+          a && "border-0 border-b last:border-b-0",
+          i
+        )
+      ),
+      children: e
+    }
+  );
+}
+function j({ children: e, className: r }) {
+  return /* @__PURE__ */ t($, { className: "flex", children: /* @__PURE__ */ d(
+    l,
+    {
+      slot: "trigger",
+      className: n(r, (o) => s(
+        "group flex flex-1 items-center justify-between rounded-md py-4 font-medium ring-offset-background transition-all hover:underline",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "data-[focus-visible]:outline-none data-[focus-visible]:ring-2 data-[focus-visible]:ring-ring data-[focus-visible]:ring-offset-2",
+        "outline-none",
+        o
+      )),
+      children: [
+        e,
+        /* @__PURE__ */ t(
+          f,
+          {
+            "aria-hidden": !0,
+            className: s(
+              "size-4 shrink-0 transition-transform duration-200",
+              "group-data-[expanded]:rotate-180",
+              "group-data-[disabled]:opacity-50"
+            )
+          }
+        )
+      ]
+    }
+  ) });
+}
+function C({
+  children: e,
+  className: r,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    m,
+    {
+      ...o,
+      className: "overflow-hidden text-sm transition-all",
+      children: /* @__PURE__ */ t("div", { className: s("pb-4 pt-0", r), children: e })
+    }
+  );
+}
+function k({
+  children: e,
+  className: r,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    b,
+    {
+      ...o,
+      className: n(
+        r,
+        (a, i) => s("", a)
+      ),
+      children: e
+    }
+  );
+}
+export {
+  G as Disclosure,
+  k as DisclosureGroup,
+  j as DisclosureHeader,
+  C as DisclosurePanel
+};
+//# sourceMappingURL=disclosure.es.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,79 @@
+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 { Check as x } from "lucide-react";
+import { cn as n } from "../../utils/primitives.es.js";
+const L = l;
+function h({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ o(
+    p,
+    {
+      className: s(
+        t,
+        (a) => n(
+          a,
+          "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"
+        )
+      ),
+      ...e
+    }
+  );
+}
+function N({
+  className: t,
+  children: e,
+  ...a
+}) {
+  return /* @__PURE__ */ o(
+    f,
+    {
+      textValue: a.textValue || (typeof e == "string" ? e : void 0),
+      className: s(
+        t,
+        (r) => n(
+          "relative flex w-full cursor-default select-none items-center px-2 py-1.5 text-sm outline-none",
+          /* Disabled */
+          "disabled-muted",
+          /* Focused */
+          "data-[focused]:bg-accent data-[focused]:text-accent-foreground",
+          /* Hovered */
+          "data-[hovered]:bg-accent data-[hovered]:text-accent-foreground",
+          /* Selection */
+          "data-[selection-mode]:pl-input",
+          r
+        )
+      ),
+      ...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
+      ] }))
+    }
+  );
+}
+function j({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ o(
+    m,
+    {
+      className: n("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
+};
+//# sourceMappingURL=list-box.es.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,132 @@
+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,
+    {
+      className: s(
+        e,
+        (c) => n(c)
+      ),
+      ...t
+    }
+  );
+}
+function _({ className: e, ...t }) {
+  return /* @__PURE__ */ o(
+    d,
+    {
+      className: n(
+        "overflow-auto p-1 outline-0 [clip-path:inset(0_0_0_0_round_calc(var(--radius)-2px))]",
+        e
+      ),
+      escapeKeyBehavior: "none",
+      ...t
+    }
+  );
+}
+function E({ children: e, className: t, ...c }) {
+  return /* @__PURE__ */ o(
+    b,
+    {
+      textValue: c.textValue || (typeof e == "string" ? e : void 0),
+      className: s(
+        t,
+        (r) => n(
+          "relative flex cursor-default select-none items-center gap-2 px-2 py-1.5 text-sm outline-none transition-colors",
+          /* Disabled */
+          "disabled-muted",
+          /* Focused */
+          "data-[focused]:bg-accent data-[focused]:text-accent-foreground ",
+          /* Selection Mode */
+          "data-[selection-mode]:pl-input",
+          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" })
+        ] }) }),
+        r,
+        a.hasSubmenu && /* @__PURE__ */ o(M, { className: "ml-auto size-icon" })
+      ] }))
+    }
+  );
+}
+function F({
+  className: e,
+  inset: t,
+  separator: c = !0,
+  ...r
+}) {
+  return /* @__PURE__ */ o(
+    m,
+    {
+      className: n(
+        "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",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function L({ className: e, ...t }) {
+  return /* @__PURE__ */ o(
+    x,
+    {
+      className: n("-mx-1 my-1 h-px bg-muted", e),
+      ...t
+    }
+  );
+}
+function q({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    l,
+    {
+      className: n("ml-auto text-xs tracking-widest opacity-60", e),
+      ...t
+    }
+  );
+}
+function A({
+  label: e,
+  children: t,
+  variant: c,
+  size: r,
+  ...a
+}) {
+  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 }) })
+  ] });
+}
+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
+};
+//# sourceMappingURL=menu.es.js.map

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

@@ -0,0 +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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"}