import * as r from "react";
import { c as st, g as ae, P as K, b as g, u as G, j as ct, f as ut, S as it, y as j } from "./index.DaRbhbpm.js";
import { c as lt, d as be, h as dt, I as ft, u as mt, R as pt, F as vt, e as ht, f as Ct, V as gt, S as _e, T as Re, C as Mt } from "./index.B15rbXRU.js";
import { c as ye, d as _t, R as we, A as Rt, P as q, a as St, u as Se, D as Pt, C as Et, b as bt } from "./theme.BjGhr3iS.js";
import { jsx as u } from "react/jsx-runtime";
import { r as yt, a as Ie, R as I, b as wt, l as xe, g as Pe, o as It, c as J } from "./radius.prop.B549yVS5.js";
function xt(e, n) {
  const { asChild: t, children: o } = e;
  if (!t) return typeof n == "function" ? n(o) : n;
  const s = r.Children.only(o);
  return r.cloneElement(s, { children: typeof n == "function" ? n(s.props.children) : n });
}
var oe = ["Enter", " "], Nt = ["ArrowDown", "PageUp", "Home"], Ne = ["ArrowUp", "PageDown", "End"], Tt = [...Nt, ...Ne], At = {
  ltr: [...oe, "ArrowRight"],
  rtl: [...oe, "ArrowLeft"]
}, Ot = {
  ltr: ["ArrowLeft"],
  rtl: ["ArrowRight"]
}, V = "Menu", [F, Dt, kt] = lt(V), [N, pn] = st(V, [
  kt,
  ye,
  be
]), U = ye(), Te = be(), [Ae, y] = N(V), [Ft, $] = N(V), Oe = (e) => {
  const { __scopeMenu: n, open: t = !1, children: o, dir: s, onOpenChange: a, modal: i = !0 } = e, m = U(n), [p, v] = r.useState(null), d = r.useRef(!1), c = ae(a), f = _t(s);
  return r.useEffect(() => {
    const C = () => {
      d.current = !0, document.addEventListener("pointerdown", h, { capture: !0, once: !0 }), document.addEventListener("pointermove", h, { capture: !0, once: !0 });
    }, h = () => d.current = !1;
    return document.addEventListener("keydown", C, { capture: !0 }), () => {
      document.removeEventListener("keydown", C, { capture: !0 }), document.removeEventListener("pointerdown", h, { capture: !0 }), document.removeEventListener("pointermove", h, { capture: !0 });
    };
  }, []), /* @__PURE__ */ u(we, { ...m, children: /* @__PURE__ */ u(
    Ae,
    {
      scope: n,
      open: t,
      onOpenChange: c,
      content: p,
      onContentChange: v,
      children: /* @__PURE__ */ u(
        Ft,
        {
          scope: n,
          onClose: r.useCallback(() => c(!1), [c]),
          isUsingKeyboardRef: d,
          dir: f,
          modal: i,
          children: o
        }
      )
    }
  ) });
};
Oe.displayName = V;
var Lt = "MenuAnchor", se = r.forwardRef(
  (e, n) => {
    const { __scopeMenu: t, ...o } = e, s = U(t);
    return /* @__PURE__ */ u(Rt, { ...s, ...o, ref: n });
  }
);
se.displayName = Lt;
var ce = "MenuPortal", [Kt, De] = N(ce, {
  forceMount: void 0
}), ke = (e) => {
  const { __scopeMenu: n, forceMount: t, children: o, container: s } = e, a = y(ce, n);
  return /* @__PURE__ */ u(Kt, { scope: n, forceMount: t, children: /* @__PURE__ */ u(q, { present: t || a.open, children: /* @__PURE__ */ u(St, { asChild: !0, container: s, children: o }) }) });
};
ke.displayName = ce;
var _ = "MenuContent", [Gt, ue] = N(_), Fe = r.forwardRef(
  (e, n) => {
    const t = De(_, e.__scopeMenu), { forceMount: o = t.forceMount, ...s } = e, a = y(_, e.__scopeMenu), i = $(_, e.__scopeMenu);
    return /* @__PURE__ */ u(F.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ u(q, { present: o || a.open, children: /* @__PURE__ */ u(F.Slot, { scope: e.__scopeMenu, children: i.modal ? /* @__PURE__ */ u(Vt, { ...s, ref: n }) : /* @__PURE__ */ u(Ut, { ...s, ref: n }) }) }) });
  }
), Vt = r.forwardRef(
  (e, n) => {
    const t = y(_, e.__scopeMenu), o = r.useRef(null), s = G(n, o);
    return r.useEffect(() => {
      const a = o.current;
      if (a) return dt(a);
    }, []), /* @__PURE__ */ u(
      ie,
      {
        ...e,
        ref: s,
        trapFocus: t.open,
        disableOutsidePointerEvents: t.open,
        disableOutsideScroll: !0,
        onFocusOutside: g(
          e.onFocusOutside,
          (a) => a.preventDefault(),
          { checkForDefaultPrevented: !1 }
        ),
        onDismiss: () => t.onOpenChange(!1)
      }
    );
  }
), Ut = r.forwardRef((e, n) => {
  const t = y(_, e.__scopeMenu);
  return /* @__PURE__ */ u(
    ie,
    {
      ...e,
      ref: n,
      trapFocus: !1,
      disableOutsidePointerEvents: !1,
      disableOutsideScroll: !1,
      onDismiss: () => t.onOpenChange(!1)
    }
  );
}), ie = r.forwardRef(
  (e, n) => {
    const {
      __scopeMenu: t,
      loop: o = !1,
      trapFocus: s,
      onOpenAutoFocus: a,
      onCloseAutoFocus: i,
      disableOutsidePointerEvents: m,
      onEntryFocus: p,
      onEscapeKeyDown: v,
      onPointerDownOutside: d,
      onFocusOutside: c,
      onInteractOutside: f,
      onDismiss: C,
      disableOutsideScroll: h,
      ...R
    } = e, E = y(_, t), w = $(_, t), z = U(t), B = Te(t), pe = Dt(t), [et, ve] = r.useState(null), Y = r.useRef(null), tt = G(n, Y, E.onContentChange), X = r.useRef(0), H = r.useRef(""), nt = r.useRef(0), ee = r.useRef(null), he = r.useRef("right"), te = r.useRef(0), rt = h ? pt : r.Fragment, ot = h ? { as: it, allowPinchZoom: !0 } : void 0, at = (l) => {
      var A, ge;
      const M = H.current + l, S = pe().filter((P) => !P.disabled), b = document.activeElement, ne = (A = S.find((P) => P.ref.current === b)) == null ? void 0 : A.textValue, re = S.map((P) => P.textValue), Ce = Qt(re, M, ne), O = (ge = S.find((P) => P.textValue === Ce)) == null ? void 0 : ge.ref.current;
      (function P(Me) {
        H.current = Me, window.clearTimeout(X.current), Me !== "" && (X.current = window.setTimeout(() => P(""), 1e3));
      })(M), O && setTimeout(() => O.focus());
    };
    r.useEffect(() => () => window.clearTimeout(X.current), []), mt();
    const T = r.useCallback((l) => {
      var S, b;
      return he.current === ((S = ee.current) == null ? void 0 : S.side) && tn(l, (b = ee.current) == null ? void 0 : b.area);
    }, []);
    return /* @__PURE__ */ u(
      Gt,
      {
        scope: t,
        searchRef: H,
        onItemEnter: r.useCallback(
          (l) => {
            T(l) && l.preventDefault();
          },
          [T]
        ),
        onItemLeave: r.useCallback(
          (l) => {
            var M;
            T(l) || ((M = Y.current) == null || M.focus(), ve(null));
          },
          [T]
        ),
        onTriggerLeave: r.useCallback(
          (l) => {
            T(l) && l.preventDefault();
          },
          [T]
        ),
        pointerGraceTimerRef: nt,
        onPointerGraceIntentChange: r.useCallback((l) => {
          ee.current = l;
        }, []),
        children: /* @__PURE__ */ u(rt, { ...ot, children: /* @__PURE__ */ u(
          vt,
          {
            asChild: !0,
            trapped: s,
            onMountAutoFocus: g(a, (l) => {
              var M;
              l.preventDefault(), (M = Y.current) == null || M.focus({ preventScroll: !0 });
            }),
            onUnmountAutoFocus: i,
            children: /* @__PURE__ */ u(
              Pt,
              {
                asChild: !0,
                disableOutsidePointerEvents: m,
                onEscapeKeyDown: v,
                onPointerDownOutside: d,
                onFocusOutside: c,
                onInteractOutside: f,
                onDismiss: C,
                children: /* @__PURE__ */ u(
                  ht,
                  {
                    asChild: !0,
                    ...B,
                    dir: w.dir,
                    orientation: "vertical",
                    loop: o,
                    currentTabStopId: et,
                    onCurrentTabStopIdChange: ve,
                    onEntryFocus: g(p, (l) => {
                      w.isUsingKeyboardRef.current || l.preventDefault();
                    }),
                    preventScrollOnEntryFocus: !0,
                    children: /* @__PURE__ */ u(
                      Et,
                      {
                        role: "menu",
                        "aria-orientation": "vertical",
                        "data-state": Qe(E.open),
                        "data-radix-menu-content": "",
                        dir: w.dir,
                        ...z,
                        ...R,
                        ref: tt,
                        style: { outline: "none", ...R.style },
                        onKeyDown: g(R.onKeyDown, (l) => {
                          const S = l.target.closest("[data-radix-menu-content]") === l.currentTarget, b = l.ctrlKey || l.altKey || l.metaKey, ne = l.key.length === 1;
                          S && (l.key === "Tab" && l.preventDefault(), !b && ne && at(l.key));
                          const re = Y.current;
                          if (l.target !== re || !Tt.includes(l.key)) return;
                          l.preventDefault();
                          const O = pe().filter((A) => !A.disabled).map((A) => A.ref.current);
                          Ne.includes(l.key) && O.reverse(), qt(O);
                        }),
                        onBlur: g(e.onBlur, (l) => {
                          l.currentTarget.contains(l.target) || (window.clearTimeout(X.current), H.current = "");
                        }),
                        onPointerMove: g(
                          e.onPointerMove,
                          L((l) => {
                            const M = l.target, S = te.current !== l.clientX;
                            if (l.currentTarget.contains(M) && S) {
                              const b = l.clientX > te.current ? "right" : "left";
                              he.current = b, te.current = l.clientX;
                            }
                          })
                        )
                      }
                    )
                  }
                )
              }
            )
          }
        ) })
      }
    );
  }
);
Fe.displayName = _;
var $t = "MenuGroup", le = r.forwardRef(
  (e, n) => {
    const { __scopeMenu: t, ...o } = e;
    return /* @__PURE__ */ u(K.div, { role: "group", ...o, ref: n });
  }
);
le.displayName = $t;
var zt = "MenuLabel", Le = r.forwardRef(
  (e, n) => {
    const { __scopeMenu: t, ...o } = e;
    return /* @__PURE__ */ u(K.div, { ...o, ref: n });
  }
);
Le.displayName = zt;
var W = "MenuItem", Ee = "menu.itemSelect", Q = r.forwardRef(
  (e, n) => {
    const { disabled: t = !1, onSelect: o, ...s } = e, a = r.useRef(null), i = $(W, e.__scopeMenu), m = ue(W, e.__scopeMenu), p = G(n, a), v = r.useRef(!1), d = () => {
      const c = a.current;
      if (!t && c) {
        const f = new CustomEvent(Ee, { bubbles: !0, cancelable: !0 });
        c.addEventListener(Ee, (C) => o == null ? void 0 : o(C), { once: !0 }), ct(c, f), f.defaultPrevented ? v.current = !1 : i.onClose();
      }
    };
    return /* @__PURE__ */ u(
      Ke,
      {
        ...s,
        ref: p,
        disabled: t,
        onClick: g(e.onClick, d),
        onPointerDown: (c) => {
          var f;
          (f = e.onPointerDown) == null || f.call(e, c), v.current = !0;
        },
        onPointerUp: g(e.onPointerUp, (c) => {
          var f;
          v.current || (f = c.currentTarget) == null || f.click();
        }),
        onKeyDown: g(e.onKeyDown, (c) => {
          const f = m.searchRef.current !== "";
          t || f && c.key === " " || oe.includes(c.key) && (c.currentTarget.click(), c.preventDefault());
        })
      }
    );
  }
);
Q.displayName = W;
var Ke = r.forwardRef(
  (e, n) => {
    const { __scopeMenu: t, disabled: o = !1, textValue: s, ...a } = e, i = ue(W, t), m = Te(t), p = r.useRef(null), v = G(n, p), [d, c] = r.useState(!1), [f, C] = r.useState("");
    return r.useEffect(() => {
      const h = p.current;
      h && C((h.textContent ?? "").trim());
    }, [a.children]), /* @__PURE__ */ u(
      F.ItemSlot,
      {
        scope: t,
        disabled: o,
        textValue: s ?? f,
        children: /* @__PURE__ */ u(ft, { asChild: !0, ...m, focusable: !o, children: /* @__PURE__ */ u(
          K.div,
          {
            role: "menuitem",
            "data-highlighted": d ? "" : void 0,
            "aria-disabled": o || void 0,
            "data-disabled": o ? "" : void 0,
            ...a,
            ref: v,
            onPointerMove: g(
              e.onPointerMove,
              L((h) => {
                o ? i.onItemLeave(h) : (i.onItemEnter(h), h.defaultPrevented || h.currentTarget.focus({ preventScroll: !0 }));
              })
            ),
            onPointerLeave: g(
              e.onPointerLeave,
              L((h) => i.onItemLeave(h))
            ),
            onFocus: g(e.onFocus, () => c(!0)),
            onBlur: g(e.onBlur, () => c(!1))
          }
        ) })
      }
    );
  }
), Bt = "MenuCheckboxItem", Ge = r.forwardRef(
  (e, n) => {
    const { checked: t = !1, onCheckedChange: o, ...s } = e;
    return /* @__PURE__ */ u(Be, { scope: e.__scopeMenu, checked: t, children: /* @__PURE__ */ u(
      Q,
      {
        role: "menuitemcheckbox",
        "aria-checked": Z(t) ? "mixed" : t,
        ...s,
        ref: n,
        "data-state": me(t),
        onSelect: g(
          s.onSelect,
          () => o == null ? void 0 : o(Z(t) ? !0 : !t),
          { checkForDefaultPrevented: !1 }
        )
      }
    ) });
  }
);
Ge.displayName = Bt;
var Ve = "MenuRadioGroup", [Yt, Xt] = N(
  Ve,
  { value: void 0, onValueChange: () => {
  } }
), Ue = r.forwardRef(
  (e, n) => {
    const { value: t, onValueChange: o, ...s } = e, a = ae(o);
    return /* @__PURE__ */ u(Yt, { scope: e.__scopeMenu, value: t, onValueChange: a, children: /* @__PURE__ */ u(le, { ...s, ref: n }) });
  }
);
Ue.displayName = Ve;
var $e = "MenuRadioItem", ze = r.forwardRef(
  (e, n) => {
    const { value: t, ...o } = e, s = Xt($e, e.__scopeMenu), a = t === s.value;
    return /* @__PURE__ */ u(Be, { scope: e.__scopeMenu, checked: a, children: /* @__PURE__ */ u(
      Q,
      {
        role: "menuitemradio",
        "aria-checked": a,
        ...o,
        ref: n,
        "data-state": me(a),
        onSelect: g(
          o.onSelect,
          () => {
            var i;
            return (i = s.onValueChange) == null ? void 0 : i.call(s, t);
          },
          { checkForDefaultPrevented: !1 }
        )
      }
    ) });
  }
);
ze.displayName = $e;
var de = "MenuItemIndicator", [Be, Ht] = N(
  de,
  { checked: !1 }
), Ye = r.forwardRef(
  (e, n) => {
    const { __scopeMenu: t, forceMount: o, ...s } = e, a = Ht(de, t);
    return /* @__PURE__ */ u(
      q,
      {
        present: o || Z(a.checked) || a.checked === !0,
        children: /* @__PURE__ */ u(
          K.span,
          {
            ...s,
            ref: n,
            "data-state": me(a.checked)
          }
        )
      }
    );
  }
);
Ye.displayName = de;
var jt = "MenuSeparator", Xe = r.forwardRef(
  (e, n) => {
    const { __scopeMenu: t, ...o } = e;
    return /* @__PURE__ */ u(
      K.div,
      {
        role: "separator",
        "aria-orientation": "horizontal",
        ...o,
        ref: n
      }
    );
  }
);
Xe.displayName = jt;
var Wt = "MenuArrow", He = r.forwardRef(
  (e, n) => {
    const { __scopeMenu: t, ...o } = e, s = U(t);
    return /* @__PURE__ */ u(bt, { ...s, ...o, ref: n });
  }
);
He.displayName = Wt;
var fe = "MenuSub", [Zt, je] = N(fe), We = (e) => {
  const { __scopeMenu: n, children: t, open: o = !1, onOpenChange: s } = e, a = y(fe, n), i = U(n), [m, p] = r.useState(null), [v, d] = r.useState(null), c = ae(s);
  return r.useEffect(() => (a.open === !1 && c(!1), () => c(!1)), [a.open, c]), /* @__PURE__ */ u(we, { ...i, children: /* @__PURE__ */ u(
    Ae,
    {
      scope: n,
      open: o,
      onOpenChange: c,
      content: v,
      onContentChange: d,
      children: /* @__PURE__ */ u(
        Zt,
        {
          scope: n,
          contentId: Se(),
          triggerId: Se(),
          trigger: m,
          onTriggerChange: p,
          children: t
        }
      )
    }
  ) });
};
We.displayName = fe;
var k = "MenuSubTrigger", Ze = r.forwardRef(
  (e, n) => {
    const t = y(k, e.__scopeMenu), o = $(k, e.__scopeMenu), s = je(k, e.__scopeMenu), a = ue(k, e.__scopeMenu), i = r.useRef(null), { pointerGraceTimerRef: m, onPointerGraceIntentChange: p } = a, v = { __scopeMenu: e.__scopeMenu }, d = r.useCallback(() => {
      i.current && window.clearTimeout(i.current), i.current = null;
    }, []);
    return r.useEffect(() => d, [d]), r.useEffect(() => {
      const c = m.current;
      return () => {
        window.clearTimeout(c), p(null);
      };
    }, [m, p]), /* @__PURE__ */ u(se, { asChild: !0, ...v, children: /* @__PURE__ */ u(
      Ke,
      {
        id: s.triggerId,
        "aria-haspopup": "menu",
        "aria-expanded": t.open,
        "aria-controls": s.contentId,
        "data-state": Qe(t.open),
        ...e,
        ref: ut(n, s.onTriggerChange),
        onClick: (c) => {
          var f;
          (f = e.onClick) == null || f.call(e, c), !(e.disabled || c.defaultPrevented) && (c.currentTarget.focus(), t.open || t.onOpenChange(!0));
        },
        onPointerMove: g(
          e.onPointerMove,
          L((c) => {
            a.onItemEnter(c), !c.defaultPrevented && !e.disabled && !t.open && !i.current && (a.onPointerGraceIntentChange(null), i.current = window.setTimeout(() => {
              t.onOpenChange(!0), d();
            }, 100));
          })
        ),
        onPointerLeave: g(
          e.onPointerLeave,
          L((c) => {
            var C, h;
            d();
            const f = (C = t.content) == null ? void 0 : C.getBoundingClientRect();
            if (f) {
              const R = (h = t.content) == null ? void 0 : h.dataset.side, E = R === "right", w = E ? -5 : 5, z = f[E ? "left" : "right"], B = f[E ? "right" : "left"];
              a.onPointerGraceIntentChange({
                area: [
                  // Apply a bleed on clientX to ensure that our exit point is
                  // consistently within polygon bounds
                  { x: c.clientX + w, y: c.clientY },
                  { x: z, y: f.top },
                  { x: B, y: f.top },
                  { x: B, y: f.bottom },
                  { x: z, y: f.bottom }
                ],
                side: R
              }), window.clearTimeout(m.current), m.current = window.setTimeout(
                () => a.onPointerGraceIntentChange(null),
                300
              );
            } else {
              if (a.onTriggerLeave(c), c.defaultPrevented) return;
              a.onPointerGraceIntentChange(null);
            }
          })
        ),
        onKeyDown: g(e.onKeyDown, (c) => {
          var C;
          const f = a.searchRef.current !== "";
          e.disabled || f && c.key === " " || At[o.dir].includes(c.key) && (t.onOpenChange(!0), (C = t.content) == null || C.focus(), c.preventDefault());
        })
      }
    ) });
  }
);
Ze.displayName = k;
var qe = "MenuSubContent", Je = r.forwardRef(
  (e, n) => {
    const t = De(_, e.__scopeMenu), { forceMount: o = t.forceMount, ...s } = e, a = y(_, e.__scopeMenu), i = $(_, e.__scopeMenu), m = je(qe, e.__scopeMenu), p = r.useRef(null), v = G(n, p);
    return /* @__PURE__ */ u(F.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ u(q, { present: o || a.open, children: /* @__PURE__ */ u(F.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ u(
      ie,
      {
        id: m.contentId,
        "aria-labelledby": m.triggerId,
        ...s,
        ref: v,
        align: "start",
        side: i.dir === "rtl" ? "left" : "right",
        disableOutsidePointerEvents: !1,
        disableOutsideScroll: !1,
        trapFocus: !1,
        onOpenAutoFocus: (d) => {
          var c;
          i.isUsingKeyboardRef.current && ((c = p.current) == null || c.focus()), d.preventDefault();
        },
        onCloseAutoFocus: (d) => d.preventDefault(),
        onFocusOutside: g(e.onFocusOutside, (d) => {
          d.target !== m.trigger && a.onOpenChange(!1);
        }),
        onEscapeKeyDown: g(e.onEscapeKeyDown, (d) => {
          i.onClose(), d.preventDefault();
        }),
        onKeyDown: g(e.onKeyDown, (d) => {
          var C;
          const c = d.currentTarget.contains(d.target), f = Ot[i.dir].includes(d.key);
          c && f && (a.onOpenChange(!1), (C = m.trigger) == null || C.focus(), d.preventDefault());
        })
      }
    ) }) }) });
  }
);
Je.displayName = qe;
function Qe(e) {
  return e ? "open" : "closed";
}
function Z(e) {
  return e === "indeterminate";
}
function me(e) {
  return Z(e) ? "indeterminate" : e ? "checked" : "unchecked";
}
function qt(e) {
  const n = document.activeElement;
  for (const t of e)
    if (t === n || (t.focus(), document.activeElement !== n)) return;
}
function Jt(e, n) {
  return e.map((t, o) => e[(n + o) % e.length]);
}
function Qt(e, n, t) {
  const s = n.length > 1 && Array.from(n).every((v) => v === n[0]) ? n[0] : n, a = t ? e.indexOf(t) : -1;
  let i = Jt(e, Math.max(a, 0));
  s.length === 1 && (i = i.filter((v) => v !== t));
  const p = i.find(
    (v) => v.toLowerCase().startsWith(s.toLowerCase())
  );
  return p !== t ? p : void 0;
}
function en(e, n) {
  const { x: t, y: o } = e;
  let s = !1;
  for (let a = 0, i = n.length - 1; a < n.length; i = a++) {
    const m = n[a].x, p = n[a].y, v = n[i].x, d = n[i].y;
    p > o != d > o && t < (v - m) * (o - p) / (d - p) + m && (s = !s);
  }
  return s;
}
function tn(e, n) {
  if (!n) return !1;
  const t = { x: e.clientX, y: e.clientY };
  return en(t, n);
}
function L(e) {
  return (n) => n.pointerType === "mouse" ? e(n) : void 0;
}
var vn = Oe, hn = se, Cn = ke, gn = Fe, Mn = le, _n = Le, Rn = Q, Sn = Ge, Pn = Ue, En = ze, bn = Ye, yn = Xe, wn = He, In = We, xn = Ze, Nn = Je;
const nn = ["1", "2", "3"], D = { ...Ie, size: { values: nn, default: "1" }, ...yt, scrollbars: { default: "both" } };
function rn(e) {
  const { m: n, mx: t, my: o, mt: s, mr: a, mb: i, ml: m, ...p } = e;
  return { m: n, mx: t, my: o, mt: s, mr: a, mb: i, ml: m, rest: p };
}
const x = wt.m.values;
function on(e) {
  const [n, t] = I({ className: "rt-r-m", customProperties: ["--margin"], propValues: x, value: e.m }), [o, s] = I({ className: "rt-r-mx", customProperties: ["--margin-left", "--margin-right"], propValues: x, value: e.mx }), [a, i] = I({ className: "rt-r-my", customProperties: ["--margin-top", "--margin-bottom"], propValues: x, value: e.my }), [m, p] = I({ className: "rt-r-mt", customProperties: ["--margin-top"], propValues: x, value: e.mt }), [v, d] = I({ className: "rt-r-mr", customProperties: ["--margin-right"], propValues: x, value: e.mr }), [c, f] = I({ className: "rt-r-mb", customProperties: ["--margin-bottom"], propValues: x, value: e.mb }), [C, h] = I({ className: "rt-r-ml", customProperties: ["--margin-left"], propValues: x, value: e.ml });
  return [j(n, o, a, m, v, c, C), xe(t, s, i, p, d, f, h)];
}
const an = r.forwardRef((e, n) => {
  const { rest: t, ...o } = rn(e), [s, a] = on(o), { asChild: i, children: m, className: p, style: v, type: d, scrollHideDelay: c = d !== "scroll" ? 0 : void 0, dir: f, size: C = D.size.default, radius: h = D.radius.default, scrollbars: R = D.scrollbars.default, ...E } = t;
  return r.createElement(Ct, { type: d, scrollHideDelay: c, className: j("rt-ScrollAreaRoot", s, p), style: xe(a, v), asChild: i }, xt({ asChild: i, children: m }, (w) => r.createElement(r.Fragment, null, r.createElement(gt, { ...E, ref: n, className: "rt-ScrollAreaViewport" }, w), r.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), R !== "vertical" ? r.createElement(_e, { "data-radius": h, orientation: "horizontal", className: j("rt-ScrollAreaScrollbar", Pe({ className: "rt-r-size", value: C, propValues: D.size.values })) }, r.createElement(Re, { className: "rt-ScrollAreaThumb" })) : null, R !== "horizontal" ? r.createElement(_e, { "data-radius": h, orientation: "vertical", className: j("rt-ScrollAreaScrollbar", Pe({ className: "rt-r-size", value: C, propValues: D.size.values })) }, r.createElement(Re, { className: "rt-ScrollAreaThumb" })) : null, R === "both" ? r.createElement(Mt, { className: "rt-ScrollAreaCorner" }) : null)));
});
an.displayName = "ScrollArea";
const sn = ["1", "2"], cn = ["solid", "soft"], Tn = { size: { type: "enum", className: "rt-r-size", values: sn, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: cn, default: "solid" }, ...J, ...It }, An = { ...Ie, ...J }, On = { ...J }, Dn = { ...J };
export {
  hn as A,
  gn as C,
  Mn as G,
  Rn as I,
  _n as L,
  Cn as P,
  vn as R,
  yn as S,
  In as a,
  xn as b,
  pn as c,
  Nn as d,
  Sn as e,
  bn as f,
  Pn as g,
  En as h,
  wn as i,
  an as j,
  An as k,
  On as l,
  Tn as n,
  Dn as p
};
//# sourceMappingURL=base-menu.props.BqcMYHjx.js.map
