@epilot/zenith-react 0.2.0-next.3 → 0.2.0-next.4

package/dist/components/dropdown-menu/dropdown-menu.js

@@ -1,14 +1,18 @@
-import { jsx as e, jsxs as b } from "react/jsx-runtime";
-import * as s from "react";
-import { Root as v, CheckboxItem as T, ItemIndicator as R, Portal as C, Content as k, Group as N, Item as q, Label as L, RadioGroup as A, RadioItem as G, Separator as X, Sub as z, SubContent as E, SubTrigger as W, Trigger as B } from "../../vendor/.bun/@radix-ui_react-dropdown-menu@2.1.16_2b23df507bdda662/vendor/@radix-ui/react-dropdown-menu/dist/index.js";
-import { mergeClasses as p, SLOT_ATTR as c, shorthands as f } from "@epilot/zenith-runtime/v1";
-import { useAppearanceAttributes as S } from "../appearance-boundary/appearance-boundary.js";
-import { useDensity as I } from "../density-provider/density-provider.js";
-import { makeZenithStyles as _ } from "../../styles/make-styles.js";
-import { boxModel as l, nativeControl as $ } from "../../styles/host-reset.js";
-import { OVERLAY_Z_INDEX as P } from "../../styles/overlay-layer.js";
-import { grayA11 as Y, leadingXs as Z, textXs as j, grayA3 as F, spacingElement1 as g, fontWeightSemibold as H, leadingSm as y, textSm as D, spacingElement2 as m, accentSoft as w, errorSoft as h, errorA8 as O, errorA11 as V, grayA12 as J, body as K, accentA11 as Q, radiusMd as U, radiusXl as oo } from "../../tokens/index.js";
-const to = (r) => /* @__PURE__ */ e(
+import { jsx as i, jsxs as F, Fragment as H } from "react/jsx-runtime";
+import * as a from "react";
+import { DirectionProvider as ne } from "../../_virtual/_zenith-runtime-family_direction-provider.js";
+import { Menu as f } from "../../_virtual/_zenith-runtime-family_menu.js";
+import { mergeProps as re } from "../../_virtual/_zenith-runtime-family_merge-props.js";
+import { Separator as ie } from "../../_virtual/_zenith-runtime-family_separator.js";
+import { useRender as ae } from "../../_virtual/_zenith-runtime-family_use-render.js";
+import { mergeClasses as w, SLOT_ATTR as g, shorthands as P } from "@epilot/zenith-runtime/v1";
+import { useAppearanceAttributes as V } from "../appearance-boundary/appearance-boundary.js";
+import { useDensity as J } from "../density-provider/density-provider.js";
+import { makeZenithStyles as se } from "../../styles/make-styles.js";
+import { boxModel as b, nativeControl as de } from "../../styles/host-reset.js";
+import { OVERLAY_Z_INDEX as O } from "../../styles/overlay-layer.js";
+import { grayA11 as ce, leadingXs as le, textXs as ue, grayA3 as pe, spacingElement1 as R, fontWeightSemibold as me, leadingSm as Z, textSm as j, spacingElement2 as h, accentSoft as T, errorSoft as N, errorA8 as fe, errorA11 as ge, grayA12 as he, body as we, accentA11 as ve, radiusMd as be, radiusXl as xe } from "../../tokens/index.js";
+const ye = (o) => /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -16,10 +20,10 @@ const to = (r) => /* @__PURE__ */ e(
     viewBox: "0 -960 960 960",
     width: "16px",
     fill: "currentColor",
-    ...r,
-    children: /* @__PURE__ */ e("path", { d: "m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z" })
+    ...o,
+    children: /* @__PURE__ */ i("path", { d: "m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z" })
   }
-), eo = (r) => /* @__PURE__ */ e(
+), Ce = (o) => /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -27,10 +31,10 @@ const to = (r) => /* @__PURE__ */ e(
     viewBox: "0 -960 960 960",
     width: "16px",
     fill: "currentColor",
-    ...r,
-    children: /* @__PURE__ */ e("path", { d: "M504-480 348-636q-11-11-11-28t11-28q11-11 28-11t28 11l184 184q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L404-268q-11 11-28 11t-28-11q-11-11-11-28t11-28l156-156Z" })
+    ...o,
+    children: /* @__PURE__ */ i("path", { d: "M504-480 348-636q-11-11-11-28t11-28q11-11 28-11t28 11l184 184q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L404-268q-11 11-28 11t-28-11q-11-11-11-28t11-28l156-156Z" })
   }
-), no = (r) => /* @__PURE__ */ e(
+), Me = (o) => /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -38,124 +42,104 @@ const to = (r) => /* @__PURE__ */ e(
     viewBox: "0 -960 960 960",
     width: "8px",
     fill: "currentColor",
-    ...r,
-    children: /* @__PURE__ */ e("path", { d: "M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z" })
+    ...o,
+    children: /* @__PURE__ */ i("path", { d: "M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z" })
   }
-), u = _({
+), De = "cubic-bezier(0.4, 0, 0.2, 1)", Re = "cubic-bezier(0.4, 0, 1, 1)", v = se({
   // For the bare native `<button>` a Trigger/Close renders. Not applied under `asChild`, where the
   // child owns its own element and two atom sets would race for the same properties.
   triggerReset: {
-    ...$
+    ...de
   },
   trigger: {
-    color: Q
+    color: ve
   },
-  portal: {
-    display: "contents"
+  // The positioner is what stacks against other layers, as Radix's popper wrapper did; it also
+  // keeps that wrapper's `max-content` floor so the content wraps the same way.
+  positioner: {
+    zIndex: O,
+    minWidth: "max-content",
+    outlineStyle: "none"
+  },
+  // Radix's `hideWhenDetached`: Base UI marks the positioner when its anchor scrolls out of view.
+  positionerHideWhenDetached: {
+    "&[data-anchor-hidden]": {
+      visibility: "hidden",
+      pointerEvents: "none"
+    }
   },
   popup: {
-    ...l,
-    backgroundColor: K,
-    color: J,
+    ...b,
+    backgroundColor: we,
+    color: he,
     minWidth: "10rem",
     overflow: "hidden",
-    ...f.borderRadius(oo),
-    ...f.padding(g),
+    ...P.borderRadius(xe),
+    ...P.padding(R),
     // v1 shadow-lg
     boxShadow: "0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a",
     outlineStyle: "none",
-    zIndex: P,
-    transformOrigin: "var(--radix-dropdown-menu-content-transform-origin)",
-    "@media (prefers-reduced-motion: reduce)": {
-      animationDuration: "0.01ms",
-      animationIterationCount: "1",
-      "&[data-state='open']": {
-        animationDuration: "0.01ms"
-      },
-      "&[data-state='closed']": {
-        animationDuration: "0.01ms"
-      }
+    zIndex: O,
+    transformOrigin: "var(--transform-origin)",
+    transitionProperty: "opacity, transform",
+    transitionDuration: "150ms",
+    transitionTimingFunction: De,
+    "&[data-starting-style]": {
+      opacity: 0,
+      transform: "scale(0.95)"
     },
-    "&[data-state='open']": {
-      animationName: {
-        from: { opacity: 0, transform: "scale(0.95)" },
-        to: { opacity: 1, transform: "scale(1)" }
-      },
-      animationDuration: "150ms",
-      animationTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)"
+    "&[data-starting-style][data-side='bottom']": {
+      transform: `translateY(-${h}) scale(0.95)`
     },
-    "&[data-state='open'][data-side='bottom']": {
-      animationName: {
-        from: {
-          opacity: 0,
-          transform: `translateY(-${m}) scale(0.95)`
-        },
-        to: { opacity: 1, transform: "translateY(0) scale(1)" }
-      }
+    "&[data-starting-style][data-side='left']": {
+      transform: `translateX(${h}) scale(0.95)`
     },
-    "&[data-state='open'][data-side='left']": {
-      animationName: {
-        from: {
-          opacity: 0,
-          transform: `translateX(${m}) scale(0.95)`
-        },
-        to: { opacity: 1, transform: "translateX(0) scale(1)" }
-      }
+    "&[data-starting-style][data-side='right']": {
+      transform: `translateX(-${h}) scale(0.95)`
     },
-    "&[data-state='open'][data-side='right']": {
-      animationName: {
-        from: {
-          opacity: 0,
-          transform: `translateX(-${m}) scale(0.95)`
-        },
-        to: { opacity: 1, transform: "translateX(0) scale(1)" }
-      }
+    "&[data-starting-style][data-side='top']": {
+      transform: `translateY(${h}) scale(0.95)`
     },
-    "&[data-state='open'][data-side='top']": {
-      animationName: {
-        from: {
-          opacity: 0,
-          transform: `translateY(${m}) scale(0.95)`
-        },
-        to: { opacity: 1, transform: "translateY(0) scale(1)" }
-      }
+    "&[data-ending-style]": {
+      opacity: 0,
+      transform: "scale(0.95)",
+      transitionDuration: "100ms",
+      transitionTimingFunction: Re
     },
-    "&[data-state='closed']": {
-      animationName: {
-        from: { opacity: 1, transform: "scale(1)" },
-        to: { opacity: 0, transform: "scale(0.95)" }
-      },
-      animationDuration: "100ms",
-      animationTimingFunction: "cubic-bezier(0.4, 0, 1, 1)"
+    "@media (prefers-reduced-motion: reduce)": {
+      transitionDuration: "0.01ms",
+      "&[data-ending-style]": {
+        transitionDuration: "0.01ms"
+      }
     }
   },
   item: {
-    ...l,
+    ...b,
     position: "relative",
     display: "flex",
     cursor: "pointer",
     userSelect: "none",
     alignItems: "center",
-    ...f.gap(m),
-    ...f.borderRadius(U),
-    paddingLeft: m,
-    paddingRight: m,
+    ...P.gap(h),
+    ...P.borderRadius(be),
+    paddingLeft: h,
+    paddingRight: h,
     paddingTop: "0.375rem",
     paddingBottom: "0.375rem",
-    fontSize: D,
-    lineHeight: y,
+    fontSize: j,
+    lineHeight: Z,
     outlineStyle: "none",
     transitionProperty: "color, background-color, border-color, text-decoration-color, fill, stroke",
     transitionDuration: "150ms",
     transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
     ":hover": {
-      backgroundColor: w
+      backgroundColor: T
     },
     ":focus-visible": {
-      backgroundColor: w
+      backgroundColor: T
     },
     "&[data-highlighted]": {
-      backgroundColor: w
+      backgroundColor: T
     },
     "&[data-disabled]": {
       pointerEvents: "none",
@@ -169,33 +153,33 @@ const to = (r) => /* @__PURE__ */ e(
     }
   },
   itemInset: {
-    ...l,
+    ...b,
     paddingLeft: "2rem"
   },
   itemDestructive: {
-    color: V,
+    color: ge,
     ":hover": {
-      backgroundColor: h
+      backgroundColor: N
     },
     ":focus-visible": {
-      backgroundColor: h,
+      backgroundColor: N,
       outlineWidth: "2px",
       outlineStyle: "solid",
-      outlineColor: O
+      outlineColor: fe
     },
     "&[data-highlighted]": {
-      backgroundColor: h
+      backgroundColor: N
     }
   },
   itemCheckboxRadio: {
-    ...l,
+    ...b,
     paddingLeft: "2rem",
-    paddingRight: m
+    paddingRight: h
   },
   itemIndicatorWrapper: {
-    ...l,
+    ...b,
     position: "absolute",
-    left: m,
+    left: h,
     display: "flex",
     height: "0.875rem",
     width: "0.875rem",
@@ -208,12 +192,12 @@ const to = (r) => /* @__PURE__ */ e(
     justifyContent: "center"
   },
   subTrigger: {
-    "&[data-state='open']": {
-      backgroundColor: w
+    "&[data-popup-open]": {
+      backgroundColor: T
     }
   },
   subTriggerChevron: {
-    ...l,
+    ...b,
     marginLeft: "auto",
     width: "1rem",
     height: "1rem",
@@ -221,240 +205,510 @@ const to = (r) => /* @__PURE__ */ e(
     pointerEvents: "none"
   },
   label: {
-    ...l,
-    paddingLeft: m,
-    paddingRight: m,
+    ...b,
+    paddingLeft: h,
+    paddingRight: h,
     paddingTop: "0.375rem",
     paddingBottom: "0.375rem",
-    fontSize: D,
-    lineHeight: y,
-    fontWeight: H
+    fontSize: j,
+    lineHeight: Z,
+    fontWeight: me
   },
   separator: {
-    ...l,
-    marginLeft: `calc(-1 * ${g})`,
-    marginRight: `calc(-1 * ${g})`,
-    marginTop: g,
-    marginBottom: g,
+    ...b,
+    marginLeft: `calc(-1 * ${R})`,
+    marginRight: `calc(-1 * ${R})`,
+    marginTop: R,
+    marginBottom: R,
     height: "1px",
-    backgroundColor: F
+    backgroundColor: pe
   },
   shortcut: {
     marginLeft: "auto",
-    fontSize: j,
-    lineHeight: Z,
+    fontSize: ue,
+    lineHeight: le,
     letterSpacing: "0.1em",
-    color: Y
+    color: ce
   }
-}), go = s.forwardRef(
-  function(o, t) {
-    return /* @__PURE__ */ e(v, { "data-slot": "dropdown-menu", ...o });
+});
+function S(o) {
+  const e = a.Children.toArray(o).filter(a.isValidElement);
+  return e.length === 1 ? e[0] : void 0;
+}
+function C(o, e) {
+  const n = o ? S(e) : void 0;
+  return n ? { render: n } : { children: e };
+}
+function Se(o) {
+  if (o)
+    return () => {
+      const e = new Event("focus", { cancelable: !0 }), n = document.activeElement;
+      o(e);
+      const t = document.activeElement;
+      return t !== n && t instanceof HTMLElement && queueMicrotask(() => t.focus()), !e.defaultPrevented;
+    };
+}
+const Y = /* @__PURE__ */ new WeakSet();
+function K(o, { submenu: e = !1 } = {}) {
+  return (n, t) => {
+    const r = t.reason === "escape-key" ? t.event : void 0;
+    if (r != null && r.defaultPrevented && !Y.has(r)) {
+      t.cancel();
+      return;
+    }
+    o == null || o(n, t), e && r && !t.isCanceled && Y.add(r);
+  };
+}
+const _ = a.createContext(() => {
+}), B = a.createContext(void 0);
+function Q(o) {
+  const e = a.useContext(_);
+  a.useEffect(() => {
+    e(o ?? !1);
+  }, [e, o]);
+}
+const _e = a.forwardRef(
+  function({ dir: e, onOpenChange: n, children: t, ...r }, s) {
+    const [c, l] = a.useState(!1), d = /* @__PURE__ */ i(
+      f.Root,
+      {
+        "data-slot": "dropdown-menu",
+        loopFocus: c,
+        onOpenChange: K(n),
+        ...r,
+        children: /* @__PURE__ */ i(_.Provider, { value: l, children: /* @__PURE__ */ i(B.Provider, { value: e, children: t }) })
+      }
+    );
+    return e ? /* @__PURE__ */ i(ne, { direction: e, children: d }) : d;
   }
-), fo = s.forwardRef(function({ className: o, ...t }, n) {
-  const a = u();
-  return /* @__PURE__ */ e(
-    B,
+), Be = a.forwardRef(function({ asChild: e = !1, children: n, className: t, ...r }, s) {
+  const c = v(), l = e ? S(n) : void 0, d = !l || typeof l.type != "string" || l.type === "button";
+  return /* @__PURE__ */ i(
+    f.Trigger,
     {
-      ref: n,
+      ref: s,
       "data-slot": "dropdown-menu-trigger",
-      [c]: "dropdown-menu-trigger",
-      className: p(
-        !t.asChild && a.triggerReset,
-        a.trigger,
-        o
+      [g]: "dropdown-menu-trigger",
+      nativeButton: d,
+      className: w(
+        !e && c.triggerReset,
+        c.trigger,
+        t
       ),
-      ...t
+      ...r,
+      ...l ? { render: l } : { children: n }
     }
   );
-}), wo = s.forwardRef(function({ className: o, ...t }, n) {
-  return /* @__PURE__ */ e(
-    N,
+}), Ge = a.forwardRef(function({ asChild: e = !1, children: n, ...t }, r) {
+  return /* @__PURE__ */ i(
+    f.Group,
     {
-      ref: n,
+      ref: r,
       "data-slot": "dropdown-menu-group",
-      [c]: "dropdown-menu-group",
-      className: o,
-      ...t
+      [g]: "dropdown-menu-group",
+      ...t,
+      ...C(e, n)
     }
   );
-}), ho = s.forwardRef(function(o, t) {
-  return /* @__PURE__ */ e(
-    C,
+}), A = a.createContext(!1), W = a.createContext(void 0);
+function z(o) {
+  return o ?? void 0;
+}
+const Xe = a.forwardRef(function({ container: e, forceMount: n, ...t }, r) {
+  return /* @__PURE__ */ i(A.Provider, { value: !0, children: /* @__PURE__ */ i(W.Provider, { value: z(e), children: /* @__PURE__ */ i(
+    f.Portal,
     {
+      ref: r,
       "data-slot": "dropdown-menu-portal",
-      [c]: "dropdown-menu-portal",
-      ...o
+      [g]: "dropdown-menu-portal",
+      container: z(e),
+      keepMounted: n,
+      ...t
+    }
+  ) }) });
+}), $e = a.forwardRef(function({ onOpenChange: e, children: n, ...t }, r) {
+  const [s, c] = a.useState(!1);
+  return /* @__PURE__ */ i(
+    f.SubmenuRoot,
+    {
+      "data-slot": "dropdown-menu-sub",
+      loopFocus: s,
+      closeParentOnEsc: !0,
+      onOpenChange: K(e, { submenu: !0 }),
+      ...t,
+      children: /* @__PURE__ */ i(_.Provider, { value: c, children: n })
     }
   );
-}), bo = s.forwardRef(function(o, t) {
-  return /* @__PURE__ */ e(z, { "data-slot": "dropdown-menu-sub", ...o });
-}), xo = s.forwardRef(function({ className: o, ...t }, n) {
-  return /* @__PURE__ */ e(
-    A,
+});
+function G(o, e) {
+  return (n) => {
+    o == null || o(n), e == null || e(n.nativeEvent);
+  };
+}
+const Oe = a.forwardRef(function({ asChild: e = !1, children: n, onValueChange: t, ...r }, s) {
+  return /* @__PURE__ */ i(
+    f.RadioGroup,
     {
-      ref: n,
+      ref: s,
       "data-slot": "dropdown-menu-radio-group",
-      [c]: "dropdown-menu-radio-group",
-      className: o,
-      ...t
+      [g]: "dropdown-menu-radio-group",
+      onValueChange: t ? (c) => t(c) : void 0,
+      ...r,
+      ...C(e, n)
     }
   );
-}), yo = s.forwardRef(function({ className: o, inset: t, children: n, ...a }, i) {
-  const d = u();
-  return /* @__PURE__ */ b(
-    W,
+}), Ze = a.forwardRef(function({ asChild: e = !1, className: n, inset: t, textValue: r, children: s, ...c }, l) {
+  const d = v(), u = /* @__PURE__ */ i(Ce, { className: d.subTriggerChevron }), m = e ? S(s) : void 0, p = m ? {
+    render: a.cloneElement(
+      m,
+      void 0,
+      m.props.children,
+      u
+    )
+  } : {
+    children: /* @__PURE__ */ F(H, { children: [
+      s,
+      u
+    ] })
+  };
+  return /* @__PURE__ */ i(
+    f.SubmenuTrigger,
     {
-      ref: i,
+      ref: l,
       "data-slot": "dropdown-menu-sub-trigger",
-      [c]: "dropdown-menu-sub-trigger",
-      className: p(
+      [g]: "dropdown-menu-sub-trigger",
+      label: r,
+      className: w(
         d.item,
         d.subTrigger,
         t && d.itemInset,
-        o
+        n
       ),
-      ...a,
-      children: [
-        n,
-        /* @__PURE__ */ e(eo, { className: d.subTriggerChevron })
-      ]
+      ...c,
+      ...p
     }
   );
-}), Do = s.forwardRef(function({ className: o, ...t }, n) {
-  const a = u(), i = I(), d = S();
-  return /* @__PURE__ */ e(
-    E,
+});
+function U({
+  side: o,
+  sideOffset: e,
+  align: n,
+  alignOffset: t,
+  avoidCollisions: r = !0,
+  collisionBoundary: s,
+  collisionPadding: c = 0,
+  arrowPadding: l,
+  sticky: d = "partial"
+}) {
+  const u = (Array.isArray(s) ? s : [s]).filter((m) => m != null);
+  return {
+    side: o,
+    sideOffset: e,
+    align: n,
+    alignOffset: t,
+    arrowPadding: l,
+    collisionPadding: c,
+    sticky: d === "always",
+    ...u.length > 0 ? { collisionBoundary: u.length === 1 ? u[0] : u } : {},
+    ...r ? {} : {
+      collisionAvoidance: {
+        side: "none",
+        align: "none",
+        fallbackAxisSide: "none"
+      }
+    }
+  };
+}
+function ee({
+  container: o,
+  forceMount: e,
+  hideWhenDetached: n,
+  placement: t,
+  popup: r
+}) {
+  const s = v(), c = a.useContext(A), l = a.useContext(W), d = o === void 0 ? l : z(o), u = /* @__PURE__ */ i(
+    f.Positioner,
     {
-      ref: n,
-      "data-slot": "dropdown-menu-sub-content",
-      [c]: "dropdown-menu-sub-content",
-      ...i !== void 0 ? { "data-density": i } : {},
-      ...d,
-      className: p(a.popup, o),
-      ...t
+      className: w(
+        s.positioner,
+        n && s.positionerHideWhenDetached
+      ),
+      ...t,
+      children: /* @__PURE__ */ i(A.Provider, { value: !1, children: /* @__PURE__ */ i(W.Provider, { value: d, children: r }) })
     }
   );
-}), Ro = s.forwardRef(function({ className: o, sideOffset: t = 4, container: n, ...a }, i) {
-  const d = u(), x = I(), M = S();
-  return /* @__PURE__ */ e(C, { container: n, children: /* @__PURE__ */ e(
-    k,
+  return c && o === void 0 ? u : /* @__PURE__ */ i(f.Portal, { container: d, keepMounted: e, children: u });
+}
+const je = a.forwardRef(function({
+  asChild: e = !1,
+  className: n,
+  children: t,
+  forceMount: r,
+  loop: s,
+  hideWhenDetached: c,
+  updatePositionStrategy: l,
+  sideOffset: d,
+  alignOffset: u,
+  avoidCollisions: m,
+  collisionBoundary: p,
+  collisionPadding: x,
+  arrowPadding: M,
+  sticky: y,
+  ...D
+}, L) {
+  const q = v(), k = J(), E = V(), I = a.useContext(B);
+  return Q(s), /* @__PURE__ */ i(
+    ee,
     {
-      ref: i,
-      "data-slot": "dropdown-menu-content",
-      [c]: "dropdown-menu-content",
-      ...x !== void 0 ? { "data-density": x } : {},
-      ...M,
-      sideOffset: t,
-      className: p(d.popup, o),
-      ...a
+      container: void 0,
+      forceMount: r,
+      hideWhenDetached: c,
+      placement: U({
+        sideOffset: d,
+        alignOffset: u,
+        avoidCollisions: m,
+        collisionBoundary: p,
+        collisionPadding: x,
+        arrowPadding: M,
+        sticky: y
+      }),
+      popup: /* @__PURE__ */ i(
+        f.Popup,
+        {
+          ref: L,
+          "data-slot": "dropdown-menu-sub-content",
+          [g]: "dropdown-menu-sub-content",
+          ...k !== void 0 ? { "data-density": k } : {},
+          ...E,
+          ...I ? { dir: I } : {},
+          className: w(q.popup, n),
+          ...D,
+          ...C(e, t)
+        }
+      )
     }
-  ) });
-}), Co = s.forwardRef(function({ className: o, inset: t, destructive: n, ...a }, i) {
-  const d = u();
-  return /* @__PURE__ */ e(
-    q,
+  );
+}), Ye = a.forwardRef(function({
+  asChild: e = !1,
+  className: n,
+  children: t,
+  container: r,
+  forceMount: s,
+  loop: c,
+  onCloseAutoFocus: l,
+  hideWhenDetached: d,
+  updatePositionStrategy: u,
+  side: m,
+  sideOffset: p = 4,
+  align: x,
+  alignOffset: M,
+  avoidCollisions: y,
+  collisionBoundary: D,
+  collisionPadding: L,
+  arrowPadding: q,
+  sticky: k,
+  ...E
+}, I) {
+  const oe = v(), X = J(), te = V(), $ = a.useContext(B);
+  return Q(c), /* @__PURE__ */ i(
+    ee,
     {
-      ref: i,
-      "data-slot": "dropdown-menu-item",
-      [c]: "dropdown-menu-item",
-      className: p(
-        d.item,
-        t && d.itemInset,
-        n && d.itemDestructive,
-        o
-      ),
-      ...a
+      container: r,
+      forceMount: s,
+      hideWhenDetached: d,
+      placement: U({
+        side: m,
+        sideOffset: p,
+        align: x,
+        alignOffset: M,
+        avoidCollisions: y,
+        collisionBoundary: D,
+        collisionPadding: L,
+        arrowPadding: q,
+        sticky: k
+      }),
+      popup: /* @__PURE__ */ i(
+        f.Popup,
+        {
+          ref: I,
+          "data-slot": "dropdown-menu-content",
+          [g]: "dropdown-menu-content",
+          ...X !== void 0 ? { "data-density": X } : {},
+          ...te,
+          ...$ ? { dir: $ } : {},
+          finalFocus: Se(l),
+          className: w(oe.popup, n),
+          ...E,
+          ...C(e, t)
+        }
+      )
     }
   );
-}), So = s.forwardRef(function({ className: o, children: t, checked: n, ...a }, i) {
-  const d = u();
-  return /* @__PURE__ */ b(
-    T,
+}), Ve = a.forwardRef(function({
+  asChild: e = !1,
+  children: n,
+  className: t,
+  inset: r,
+  destructive: s,
+  textValue: c,
+  onClick: l,
+  onSelect: d,
+  ...u
+}, m) {
+  const p = v();
+  return /* @__PURE__ */ i(
+    f.Item,
     {
-      ref: i,
-      "data-slot": "dropdown-menu-checkbox-item",
-      [c]: "dropdown-menu-checkbox-item",
-      className: p(d.item, d.itemCheckboxRadio, o),
-      checked: n,
-      ...a,
-      children: [
-        /* @__PURE__ */ e("span", { className: d.itemIndicatorWrapper, children: /* @__PURE__ */ e(R, { className: d.itemIndicator, children: /* @__PURE__ */ e(to, {}) }) }),
+      ref: m,
+      "data-slot": "dropdown-menu-item",
+      [g]: "dropdown-menu-item",
+      label: c,
+      onClick: G(l, d),
+      className: w(
+        p.item,
+        r && p.itemInset,
+        s && p.itemDestructive,
         t
-      ]
+      ),
+      ...u,
+      ...C(e, n)
     }
   );
-}), Io = s.forwardRef(function({ className: o, children: t, ...n }, a) {
-  const i = u();
-  return /* @__PURE__ */ b(
-    G,
+}), Je = a.forwardRef(function({
+  asChild: e = !1,
+  className: n,
+  children: t,
+  checked: r,
+  onCheckedChange: s,
+  textValue: c,
+  onClick: l,
+  onSelect: d,
+  ...u
+}, m) {
+  const p = v(), x = r === "indeterminate", M = /* @__PURE__ */ i("span", { className: p.itemIndicatorWrapper, children: /* @__PURE__ */ i(f.CheckboxItemIndicator, { className: p.itemIndicator, children: /* @__PURE__ */ i(ye, {}) }) }), y = e ? S(t) : void 0;
+  return /* @__PURE__ */ i(
+    f.CheckboxItem,
     {
-      ref: a,
-      "data-slot": "dropdown-menu-radio-item",
-      [c]: "dropdown-menu-radio-item",
-      className: p(i.item, i.itemCheckboxRadio, o),
-      ...n,
-      children: [
-        /* @__PURE__ */ e("span", { className: i.itemIndicatorWrapper, children: /* @__PURE__ */ e(R, { className: i.itemIndicator, children: /* @__PURE__ */ e(no, {}) }) }),
-        t
-      ]
+      ref: m,
+      "data-slot": "dropdown-menu-checkbox-item",
+      [g]: "dropdown-menu-checkbox-item",
+      label: c,
+      onClick: G(l, d),
+      className: w(p.item, p.itemCheckboxRadio, n),
+      checked: x ? !0 : r,
+      ...x ? { "aria-checked": "mixed" } : {},
+      onCheckedChange: s ? (D) => s(x ? !0 : D) : void 0,
+      ...u,
+      ...y ? {
+        render: a.cloneElement(
+          y,
+          void 0,
+          M,
+          y.props.children
+        )
+      } : {
+        children: /* @__PURE__ */ F(H, { children: [
+          M,
+          t
+        ] })
+      }
     }
   );
-}), Mo = s.forwardRef(function({ className: o, inset: t, ...n }, a) {
-  const i = u();
-  return /* @__PURE__ */ e(
-    L,
+}), Ke = a.forwardRef(function({
+  asChild: e = !1,
+  className: n,
+  children: t,
+  textValue: r,
+  onClick: s,
+  onSelect: c,
+  ...l
+}, d) {
+  const u = v(), m = /* @__PURE__ */ i("span", { className: u.itemIndicatorWrapper, children: /* @__PURE__ */ i(f.RadioItemIndicator, { className: u.itemIndicator, children: /* @__PURE__ */ i(Me, {}) }) }), p = e ? S(t) : void 0;
+  return /* @__PURE__ */ i(
+    f.RadioItem,
     {
-      ref: a,
-      "data-slot": "dropdown-menu-label",
-      [c]: "dropdown-menu-label",
-      className: p(
-        i.label,
-        t && i.itemInset,
-        o
-      ),
-      ...n
+      ref: d,
+      "data-slot": "dropdown-menu-radio-item",
+      [g]: "dropdown-menu-radio-item",
+      label: r,
+      onClick: G(s, c),
+      className: w(u.item, u.itemCheckboxRadio, n),
+      ...l,
+      ...p ? {
+        render: a.cloneElement(
+          p,
+          void 0,
+          m,
+          p.props.children
+        )
+      } : {
+        children: /* @__PURE__ */ F(H, { children: [
+          m,
+          t
+        ] })
+      }
     }
   );
-}), vo = s.forwardRef(function({ className: o, ...t }, n) {
-  const a = u();
-  return /* @__PURE__ */ e(
-    X,
+}), Qe = a.forwardRef(function({ asChild: e = !1, children: n, className: t, inset: r, ...s }, c) {
+  const l = v(), d = C(e, n);
+  return ae({
+    render: "render" in d ? d.render : /* @__PURE__ */ i("div", {}),
+    ref: c,
+    props: re(
+      {
+        "data-slot": "dropdown-menu-label",
+        [g]: "dropdown-menu-label",
+        className: w(
+          l.label,
+          r && l.itemInset,
+          t
+        )
+      },
+      s,
+      "children" in d ? { children: d.children } : {}
+    )
+  });
+}), Ue = a.forwardRef(function({ asChild: e = !1, children: n, className: t, ...r }, s) {
+  const c = v();
+  return /* @__PURE__ */ i(
+    ie,
     {
-      ref: n,
+      ref: s,
       "data-slot": "dropdown-menu-separator",
-      [c]: "dropdown-menu-separator",
-      className: p(a.separator, o),
-      ...t
+      [g]: "dropdown-menu-separator",
+      className: w(c.separator, t),
+      ...r,
+      ...C(e, n)
     }
   );
-}), To = s.forwardRef(function({ className: o, ...t }, n) {
-  const a = u();
-  return /* @__PURE__ */ e(
+}), eo = a.forwardRef(function({ className: e, ...n }, t) {
+  const r = v();
+  return /* @__PURE__ */ i(
     "span",
     {
-      ref: n,
+      ref: t,
       "data-slot": "dropdown-menu-shortcut",
-      [c]: "dropdown-menu-shortcut",
-      className: p(a.shortcut, o),
-      ...t
+      [g]: "dropdown-menu-shortcut",
+      className: w(r.shortcut, e),
+      ...n
     }
   );
 });
 export {
-  go as DropdownMenu,
-  So as DropdownMenuCheckboxItem,
-  Ro as DropdownMenuContent,
-  wo as DropdownMenuGroup,
-  Co as DropdownMenuItem,
-  Mo as DropdownMenuLabel,
-  ho as DropdownMenuPortal,
-  xo as DropdownMenuRadioGroup,
-  Io as DropdownMenuRadioItem,
-  vo as DropdownMenuSeparator,
-  To as DropdownMenuShortcut,
-  bo as DropdownMenuSub,
-  Do as DropdownMenuSubContent,
-  yo as DropdownMenuSubTrigger,
-  fo as DropdownMenuTrigger
+  _e as DropdownMenu,
+  Je as DropdownMenuCheckboxItem,
+  Ye as DropdownMenuContent,
+  Ge as DropdownMenuGroup,
+  Ve as DropdownMenuItem,
+  Qe as DropdownMenuLabel,
+  Xe as DropdownMenuPortal,
+  Oe as DropdownMenuRadioGroup,
+  Ke as DropdownMenuRadioItem,
+  Ue as DropdownMenuSeparator,
+  eo as DropdownMenuShortcut,
+  $e as DropdownMenuSub,
+  je as DropdownMenuSubContent,
+  Ze as DropdownMenuSubTrigger,
+  Be as DropdownMenuTrigger
 };
 //# sourceMappingURL=dropdown-menu.js.map