@arolariu/components 0.0.21 → 0.0.22

package/dist/es/dropdown-menu.js

@@ -1,234 +1,424 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { Root as i, Portal as s, Trigger as l, Content as c, Group as m, Label as p, Item as f, CheckboxItem as g, ItemIndicator as u, RadioGroup as b, RadioItem as x, Separator as v, Sub as w, SubTrigger as h, SubContent as k } from "./node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
-import { cn as r } from "./lib/utils.js";
-import z from "./node_modules/lucide-react/dist/esm/icons/check.js";
-import D from "./node_modules/lucide-react/dist/esm/icons/circle.js";
-import M from "./node_modules/lucide-react/dist/esm/icons/chevron-right.js";
-function R({
-  ...t
+import { jsx as n, jsxs as v } from "react/jsx-runtime";
+import * as u from "react";
+import { c as w } from "./index-DLeNytVF.js";
+import { c as j } from "./index-nyDQUcyF.js";
+import { c as B } from "./index-UFb2E87s.js";
+import { u as h } from "./index-D0hprziO.js";
+import { P as F } from "./index--Ec6-Sd5.js";
+import { c as D, R as H, P as W, A as X, C as q, G as J, L as Q, I as V, a as Y, b as Z, h as ee, d as oe, S as re, e as te, g as ne, f as ae, i as de } from "./index-Cv4f_S7-.js";
+import { u as M } from "./index-Db9lcxQz.js";
+import { c as l } from "./utils-B9KdtH6G.js";
+import { C as se } from "./check-BFSkh0zY.js";
+import { C as ue } from "./circle-slaY-ZRd.js";
+import { C as ie } from "./chevron-right-CYkmGE7o.js";
+var b = "DropdownMenu", [pe, Ve] = B(
+  b,
+  [D]
+), i = D(), [ce, x] = pe(b), _ = (e) => {
+  const {
+    __scopeDropdownMenu: o,
+    children: r,
+    dir: t,
+    open: a,
+    defaultOpen: s,
+    onOpenChange: c,
+    modal: d = !0
+  } = e, p = i(o), g = u.useRef(null), [m = !1, f] = h({
+    prop: a,
+    defaultProp: s,
+    onChange: c
+  });
+  return /* @__PURE__ */ n(
+    ce,
+    {
+      scope: o,
+      triggerId: M(),
+      triggerRef: g,
+      contentId: M(),
+      open: m,
+      onOpenChange: f,
+      onOpenToggle: u.useCallback(() => f((U) => !U), [f]),
+      modal: d,
+      children: /* @__PURE__ */ n(H, { ...p, open: m, onOpenChange: f, dir: t, modal: d, children: r })
+    }
+  );
+};
+_.displayName = b;
+var N = "DropdownMenuTrigger", R = u.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: r, disabled: t = !1, ...a } = e, s = x(N, r), c = i(r);
+    return /* @__PURE__ */ n(X, { asChild: !0, ...c, children: /* @__PURE__ */ n(
+      F.button,
+      {
+        type: "button",
+        id: s.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": s.open,
+        "aria-controls": s.open ? s.contentId : void 0,
+        "data-state": s.open ? "open" : "closed",
+        "data-disabled": t ? "" : void 0,
+        disabled: t,
+        ...a,
+        ref: j(o, s.triggerRef),
+        onPointerDown: w(e.onPointerDown, (d) => {
+          !t && d.button === 0 && d.ctrlKey === !1 && (s.onOpenToggle(), s.open || d.preventDefault());
+        }),
+        onKeyDown: w(e.onKeyDown, (d) => {
+          t || (["Enter", " "].includes(d.key) && s.onOpenToggle(), d.key === "ArrowDown" && s.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(d.key) && d.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+R.displayName = N;
+var le = "DropdownMenuPortal", C = (e) => {
+  const { __scopeDropdownMenu: o, ...r } = e, t = i(o);
+  return /* @__PURE__ */ n(W, { ...t, ...r });
+};
+C.displayName = le;
+var I = "DropdownMenuContent", S = u.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: r, ...t } = e, a = x(I, r), s = i(r), c = u.useRef(!1);
+    return /* @__PURE__ */ n(
+      q,
+      {
+        id: a.contentId,
+        "aria-labelledby": a.triggerId,
+        ...s,
+        ...t,
+        ref: o,
+        onCloseAutoFocus: w(e.onCloseAutoFocus, (d) => {
+          var p;
+          c.current || (p = a.triggerRef.current) == null || p.focus(), c.current = !1, d.preventDefault();
+        }),
+        onInteractOutside: w(e.onInteractOutside, (d) => {
+          const p = d.detail.originalEvent, g = p.button === 0 && p.ctrlKey === !0, m = p.button === 2 || g;
+          (!a.modal || m) && (c.current = !0);
+        }),
+        style: {
+          ...e.style,
+          "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+        }
+      }
+    );
+  }
+);
+S.displayName = I;
+var me = "DropdownMenuGroup", k = u.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: r, ...t } = e, a = i(r);
+    return /* @__PURE__ */ n(J, { ...a, ...t, ref: o });
+  }
+);
+k.displayName = me;
+var fe = "DropdownMenuLabel", y = u.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: r, ...t } = e, a = i(r);
+    return /* @__PURE__ */ n(Q, { ...a, ...t, ref: o });
+  }
+);
+y.displayName = fe;
+var we = "DropdownMenuItem", P = u.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: r, ...t } = e, a = i(r);
+    return /* @__PURE__ */ n(V, { ...a, ...t, ref: o });
+  }
+);
+P.displayName = we;
+var ge = "DropdownMenuCheckboxItem", A = u.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: r, ...t } = e, a = i(r);
+  return /* @__PURE__ */ n(Y, { ...a, ...t, ref: o });
+});
+A.displayName = ge;
+var ve = "DropdownMenuRadioGroup", E = u.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: r, ...t } = e, a = i(r);
+  return /* @__PURE__ */ n(ee, { ...a, ...t, ref: o });
+});
+E.displayName = ve;
+var be = "DropdownMenuRadioItem", O = u.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: r, ...t } = e, a = i(r);
+  return /* @__PURE__ */ n(oe, { ...a, ...t, ref: o });
+});
+O.displayName = be;
+var Me = "DropdownMenuItemIndicator", T = u.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: r, ...t } = e, a = i(r);
+  return /* @__PURE__ */ n(Z, { ...a, ...t, ref: o });
+});
+T.displayName = Me;
+var he = "DropdownMenuSeparator", G = u.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: r, ...t } = e, a = i(r);
+  return /* @__PURE__ */ n(re, { ...a, ...t, ref: o });
+});
+G.displayName = he;
+var De = "DropdownMenuArrow", xe = u.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: r, ...t } = e, a = i(r);
+    return /* @__PURE__ */ n(de, { ...a, ...t, ref: o });
+  }
+);
+xe.displayName = De;
+var _e = (e) => {
+  const { __scopeDropdownMenu: o, children: r, open: t, onOpenChange: a, defaultOpen: s } = e, c = i(o), [d = !1, p] = h({
+    prop: t,
+    defaultProp: s,
+    onChange: a
+  });
+  return /* @__PURE__ */ n(te, { ...c, open: d, onOpenChange: p, children: r });
+}, Ne = "DropdownMenuSubTrigger", z = u.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: r, ...t } = e, a = i(r);
+  return /* @__PURE__ */ n(ne, { ...a, ...t, ref: o });
+});
+z.displayName = Ne;
+var Re = "DropdownMenuSubContent", $ = u.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: r, ...t } = e, a = i(r);
+  return /* @__PURE__ */ n(
+    ae,
+    {
+      ...a,
+      ...t,
+      ref: o,
+      style: {
+        ...e.style,
+        "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+        "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+        "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+        "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+        "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+      }
+    }
+  );
+});
+$.displayName = Re;
+var Ce = _, Ie = R, L = C, Se = S, ke = k, ye = y, Pe = P, Ae = A, Ee = E, Oe = O, K = T, Te = G, Ge = _e, ze = z, $e = $;
+function Ye({
+  ...e
 }) {
-  return /* @__PURE__ */ e(i, { "data-slot": "dropdown-menu", ...t });
+  return /* @__PURE__ */ n(Ce, { "data-slot": "dropdown-menu", ...e });
 }
-function G({
-  ...t
+function Ze({
+  ...e
 }) {
-  return /* @__PURE__ */ e(s, { "data-slot": "dropdown-menu-portal", ...t });
+  return /* @__PURE__ */ n(L, { "data-slot": "dropdown-menu-portal", ...e });
 }
-function T({
-  ...t
+function eo({
+  ...e
 }) {
-  return /* @__PURE__ */ e(
-    l,
+  return /* @__PURE__ */ n(
+    Ie,
     {
       "data-slot": "dropdown-menu-trigger",
-      ...t
+      ...e
     }
   );
 }
-function j({
-  className: t,
-  sideOffset: a = 4,
-  ...n
+function oo({
+  className: e,
+  sideOffset: o = 4,
+  ...r
 }) {
-  return /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
-    c,
+  return /* @__PURE__ */ n(L, { children: /* @__PURE__ */ n(
+    Se,
     {
       "data-slot": "dropdown-menu-content",
-      sideOffset: a,
-      className: r(
+      sideOffset: o,
+      className: l(
         "bg-white text-neutral-950 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 p-1 shadow-md dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800",
-        t
+        e
       ),
-      ...n
+      ...r
     }
   ) });
 }
-function L({
-  ...t
+function ro({
+  ...e
 }) {
-  return /* @__PURE__ */ e(m, { "data-slot": "dropdown-menu-group", ...t });
+  return /* @__PURE__ */ n(ke, { "data-slot": "dropdown-menu-group", ...e });
 }
-function P({
-  className: t,
-  inset: a,
-  variant: n = "default",
-  ...o
+function to({
+  className: e,
+  inset: o,
+  variant: r = "default",
+  ...t
 }) {
-  return /* @__PURE__ */ e(
-    f,
+  return /* @__PURE__ */ n(
+    Pe,
     {
       "data-slot": "dropdown-menu-item",
-      "data-inset": a,
-      "data-variant": n,
-      className: r(
+      "data-inset": o,
+      "data-variant": r,
+      className: l(
         "focus:bg-neutral-100 focus:text-neutral-900 data-[variant=destructive]:text-neutral-50 data-[variant=destructive]:focus:bg-red-500/10 dark:data-[variant=destructive]:focus:bg-red-500/40 data-[variant=destructive]:focus:text-neutral-50 data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-neutral-500 relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[variant=destructive]:text-neutral-50 dark:data-[variant=destructive]:focus:bg-red-900/10 dark:dark:data-[variant=destructive]:focus:bg-red-900/40 dark:data-[variant=destructive]:focus:text-neutral-50 dark:[&_svg:not([class*='text-'])]:text-neutral-400",
-        t
+        e
       ),
-      ...o
+      ...t
     }
   );
 }
-function q({
-  className: t,
-  children: a,
-  checked: n,
-  ...o
+function no({
+  className: e,
+  children: o,
+  checked: r,
+  ...t
 }) {
-  return /* @__PURE__ */ d(
-    g,
+  return /* @__PURE__ */ v(
+    Ae,
     {
       "data-slot": "dropdown-menu-checkbox-item",
-      className: r(
+      className: l(
         "focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50",
-        t
+        e
       ),
-      checked: n,
-      ...o,
+      checked: r,
+      ...t,
       children: [
-        /* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(z, { className: "size-4" }) }) }),
-        a
+        /* @__PURE__ */ n("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ n(K, { children: /* @__PURE__ */ n(se, { className: "size-4" }) }) }),
+        o
       ]
     }
   );
 }
-function A({
-  ...t
+function ao({
+  ...e
 }) {
-  return /* @__PURE__ */ e(
-    b,
+  return /* @__PURE__ */ n(
+    Ee,
     {
       "data-slot": "dropdown-menu-radio-group",
-      ...t
+      ...e
     }
   );
 }
-function B({
-  className: t,
-  children: a,
-  ...n
+function so({
+  className: e,
+  children: o,
+  ...r
 }) {
-  return /* @__PURE__ */ d(
-    x,
+  return /* @__PURE__ */ v(
+    Oe,
     {
       "data-slot": "dropdown-menu-radio-item",
-      className: r(
+      className: l(
         "focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50",
-        t
+        e
       ),
-      ...n,
+      ...r,
       children: [
-        /* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(D, { className: "size-2 fill-current" }) }) }),
-        a
+        /* @__PURE__ */ n("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ n(K, { children: /* @__PURE__ */ n(ue, { className: "size-2 fill-current" }) }) }),
+        o
       ]
     }
   );
 }
-function E({
-  className: t,
-  inset: a,
-  ...n
+function uo({
+  className: e,
+  inset: o,
+  ...r
 }) {
-  return /* @__PURE__ */ e(
-    p,
+  return /* @__PURE__ */ n(
+    ye,
     {
       "data-slot": "dropdown-menu-label",
-      "data-inset": a,
-      className: r(
+      "data-inset": o,
+      className: l(
         "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        t
+        e
       ),
-      ...n
+      ...r
     }
   );
 }
-function F({
-  className: t,
-  ...a
+function io({
+  className: e,
+  ...o
 }) {
-  return /* @__PURE__ */ e(
-    v,
+  return /* @__PURE__ */ n(
+    Te,
     {
       "data-slot": "dropdown-menu-separator",
-      className: r("bg-neutral-200 -mx-1 my-1 h-px dark:bg-neutral-800", t),
-      ...a
+      className: l("bg-neutral-200 -mx-1 my-1 h-px dark:bg-neutral-800", e),
+      ...o
     }
   );
 }
-function H({
-  className: t,
-  ...a
+function po({
+  className: e,
+  ...o
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ n(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
-      className: r(
+      className: l(
         "text-neutral-500 ml-auto text-xs tracking-widest dark:text-neutral-400",
-        t
+        e
       ),
-      ...a
+      ...o
     }
   );
 }
-function J({
-  ...t
+function co({
+  ...e
 }) {
-  return /* @__PURE__ */ e(w, { "data-slot": "dropdown-menu-sub", ...t });
+  return /* @__PURE__ */ n(Ge, { "data-slot": "dropdown-menu-sub", ...e });
 }
-function K({
-  className: t,
-  inset: a,
-  children: n,
-  ...o
+function lo({
+  className: e,
+  inset: o,
+  children: r,
+  ...t
 }) {
-  return /* @__PURE__ */ d(
-    h,
+  return /* @__PURE__ */ v(
+    ze,
     {
       "data-slot": "dropdown-menu-sub-trigger",
-      "data-inset": a,
-      className: r(
+      "data-inset": o,
+      className: l(
         "focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50",
-        t
+        e
       ),
-      ...o,
+      ...t,
       children: [
-        n,
-        /* @__PURE__ */ e(M, { className: "ml-auto size-4" })
+        r,
+        /* @__PURE__ */ n(ie, { className: "ml-auto size-4" })
       ]
     }
   );
 }
-function O({
-  className: t,
-  ...a
+function mo({
+  className: e,
+  ...o
 }) {
-  return /* @__PURE__ */ e(
-    k,
+  return /* @__PURE__ */ n(
+    $e,
     {
       "data-slot": "dropdown-menu-sub-content",
-      className: r(
+      className: l(
         "bg-white text-neutral-950 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 p-1 shadow-lg dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800",
-        t
+        e
       ),
-      ...a
+      ...o
     }
   );
 }
 export {
-  R as DropdownMenu,
-  q as DropdownMenuCheckboxItem,
-  j as DropdownMenuContent,
-  L as DropdownMenuGroup,
-  P as DropdownMenuItem,
-  E as DropdownMenuLabel,
-  G as DropdownMenuPortal,
-  A as DropdownMenuRadioGroup,
-  B as DropdownMenuRadioItem,
-  F as DropdownMenuSeparator,
-  H as DropdownMenuShortcut,
-  J as DropdownMenuSub,
-  O as DropdownMenuSubContent,
-  K as DropdownMenuSubTrigger,
-  T as DropdownMenuTrigger
+  Ye as DropdownMenu,
+  no as DropdownMenuCheckboxItem,
+  oo as DropdownMenuContent,
+  ro as DropdownMenuGroup,
+  to as DropdownMenuItem,
+  uo as DropdownMenuLabel,
+  Ze as DropdownMenuPortal,
+  ao as DropdownMenuRadioGroup,
+  so as DropdownMenuRadioItem,
+  io as DropdownMenuSeparator,
+  po as DropdownMenuShortcut,
+  co as DropdownMenuSub,
+  mo as DropdownMenuSubContent,
+  lo as DropdownMenuSubTrigger,
+  eo as DropdownMenuTrigger
 };
 //# sourceMappingURL=dropdown-menu.js.map