@mittwald/flow-react-components 0.1.0-alpha.28 → 0.1.0-alpha.280

package/dist/Badge-pCsoX-qX.js

@@ -0,0 +1,94 @@
+"use client"
+/* */
+import o from "react";
+import g from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { P as f } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "remeda";
+import { f as u } from "./flowComponent-CcGqg9eo.js";
+import { B as n } from "./Button-DYHIOEMk.js";
+import "@tabler/icons-react";
+import "./Icon-C5gtbUkg.js";
+import { I as w } from "./IconClose-CL_I5pL7.js";
+const v = "flow--badge", y = "flow--badge--content", N = "flow--badge--button", x = "flow--badge--close", B = "flow--badge--scope", C = "flow--badge--value", E = "flow--badge--neutral", P = "flow--badge--disabled", T = "flow--badge--blue", h = "flow--badge--navy", k = "flow--badge--violet", I = "flow--badge--teal", L = "flow--badge--lilac", z = "flow--badge--green", D = "flow--badge--orange", R = "flow--badge--red", j = "flow--badge--dark", q = "flow--badge--light", e = {
+  badge: v,
+  content: y,
+  button: N,
+  close: x,
+  scope: B,
+  value: C,
+  neutral: E,
+  disabled: P,
+  blue: T,
+  navy: h,
+  violet: k,
+  teal: I,
+  lilac: L,
+  green: z,
+  orange: D,
+  red: R,
+  dark: j,
+  light: q
+}, V = u("Badge", (r) => {
+  const {
+    children: l,
+    className: c,
+    color: d = "neutral",
+    refProp: m,
+    onPress: t,
+    onClose: s,
+    isDisabled: a,
+    ...b
+  } = r, i = g(
+    e.badge,
+    e[d],
+    a && e.disabled,
+    c
+  ), p = {
+    Label: {
+      elementType: "span",
+      className: e.scope,
+      unstyled: !0
+    },
+    Text: {
+      elementType: "span",
+      className: e.value
+    },
+    Button: {
+      Label: {
+        elementType: "span",
+        className: e.scope,
+        unstyled: !0
+      },
+      Text: {
+        elementType: "span",
+        className: e.value
+      }
+    }
+  };
+  return /* @__PURE__ */ o.createElement(f, { props: p }, /* @__PURE__ */ o.createElement("div", { className: i, ...b, ref: m }, !t && /* @__PURE__ */ o.createElement("div", { className: e.content }, l), t && /* @__PURE__ */ o.createElement(
+    n,
+    {
+      isDisabled: a,
+      unstyled: !0,
+      className: e.button,
+      onPress: t
+    },
+    l
+  ), s && /* @__PURE__ */ o.createElement(
+    n,
+    {
+      className: e.close,
+      size: "s",
+      color: "dark",
+      variant: "plain",
+      onPress: s,
+      isDisabled: a
+    },
+    /* @__PURE__ */ o.createElement(w, null)
+  )));
+});
+export {
+  V as B
+};

package/dist/Badge.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { B as e } from "./Badge-pCsoX-qX.js";
+export {
+  e as Badge,
+  e as default
+};

package/dist/Breadcrumb.js

@@ -0,0 +1,36 @@
+"use client"
+/* */
+import r from "react";
+import * as m from "react-aria-components";
+import a from "clsx";
+import "@tabler/icons-react";
+import "./Icon-C5gtbUkg.js";
+import { I as b } from "./IconChevronRight-fBzX4SC3.js";
+import "./propsContext-DzAKlmhS.js";
+import { P as d } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "remeda";
+const u = "flow--breadcrumb", p = "flow--breadcrumb--link", f = "flow--breadcrumb--breadcrumb-item", h = "flow--breadcrumb--icon", k = "flow--breadcrumb--dark", w = "flow--breadcrumb--light", e = {
+  breadcrumb: u,
+  link: p,
+  breadcrumbItem: f,
+  icon: h,
+  dark: k,
+  light: w
+}, N = (t) => {
+  const { children: o } = t, c = a(e.breadcrumbItem);
+  return /* @__PURE__ */ r.createElement(m.Breadcrumb, { className: c }, o, /* @__PURE__ */ r.createElement(b, { size: "s", className: e.icon }));
+}, R = (t) => {
+  const { children: o, className: c, color: s = "primary", ...n } = t, l = a(e.breadcrumb, e[s], c), i = {
+    Link: {
+      unstyled: !0,
+      className: e.link,
+      wrapWith: /* @__PURE__ */ r.createElement(N, null)
+    }
+  };
+  return /* @__PURE__ */ r.createElement(m.Breadcrumbs, { ...n, className: l }, /* @__PURE__ */ r.createElement(d, { props: i }, o));
+};
+export {
+  R as Breadcrumb,
+  R as default
+};

package/dist/Button-DYHIOEMk.js

@@ -0,0 +1,130 @@
+"use client"
+/* */
+import o, { useEffect as F } from "react";
+import * as E from "react-aria-components";
+import y from "clsx";
+import { C } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as N } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import "@tabler/icons-react";
+import "./Icon-C5gtbUkg.js";
+import { I as h, a as I } from "./IconSucceeded-Ce7Utm-y.js";
+import { W as f } from "./Wrap-DGT1h1o3.js";
+import { T as B } from "./Text-caKNaa01.js";
+import { f as k } from "./flowComponent-CcGqg9eo.js";
+import { L as A } from "./LoadingSpinner-DjDt7-D5.js";
+import { useLocalizedStringFormatter as D } from "react-aria";
+import { useLiveRegion as T } from "@chakra-ui/live-region";
+const z = "flow--button", L = "flow--button--outline", R = "flow--button--content", K = "flow--button--state-icon", U = "flow--button--avatar", W = "flow--button--icon", $ = "flow--button--text", j = "flow--button--counter-badge", q = "flow--button--is-succeeded", G = "flow--button--is-failed", H = "flow--button--is-pending", J = "flow--button--plain", M = "flow--button--primary", O = "flow--button--solid", Q = "flow--button--aria-disabled", V = "flow--button--accent", X = "flow--button--danger", Y = "flow--button--secondary", Z = "flow--button--dark", _ = "flow--button--light", ee = "flow--button--soft", t = {
+  button: z,
+  outline: L,
+  content: R,
+  stateIcon: K,
+  avatar: U,
+  icon: W,
+  text: $,
+  counterBadge: j,
+  isSucceeded: q,
+  isFailed: G,
+  isPending: H,
+  plain: J,
+  "size-s": "flow--button--size-s",
+  primary: M,
+  solid: O,
+  ariaDisabled: Q,
+  accent: V,
+  danger: X,
+  secondary: Y,
+  dark: Z,
+  light: _,
+  soft: ee
+}, te = { "de-DE": {
+  "action.isFailed": "Fehlgeschlagen",
+  "action.isPending": "Ausstehend...",
+  "action.isSucceeded": "Erfolgreich"
+}, "en-EN": {
+  "action.isFailed": "Failed",
+  "action.isPending": "Pending...",
+  "action.isSucceeded": "Succeeded"
+} }, oe = (e, r = {}) => {
+  const i = D(te), {
+    isPendingText: s = i.format("action.isPending"),
+    isSucceededText: c = i.format("action.isSucceeded"),
+    isFailedText: a = i.format("action.isFailed")
+  } = r, n = T({
+    "aria-live": "polite",
+    "aria-atomic": !1,
+    "aria-relevant": "text additions",
+    role: "status"
+  });
+  F(() => {
+    e === "isPending" ? n.speak(s) : e === "isSucceeded" ? n.speak(c) : e === "isFailed" && n.speak(a);
+  }, [e]);
+}, ne = (e) => ((e.isPending || e.isSucceeded || e.isFailed || e["aria-disabled"]) && (e = { ...e }, e.onPress = void 0, e.onPressStart = void 0, e.onPressEnd = void 0, e.onPressChange = void 0, e.onPressUp = void 0, e.onKeyDown = void 0, e.onKeyUp = void 0), e), xe = k("Button", (e) => {
+  e = ne(e);
+  const {
+    color: r = "primary",
+    variant: i = "solid",
+    children: s,
+    className: c,
+    size: a = "m",
+    isPending: n,
+    isSucceeded: d,
+    isFailed: l,
+    "aria-disabled": g,
+    refProp: b,
+    slot: ie,
+    ariaSlot: P,
+    unstyled: u,
+    ...w
+  } = e, v = u ? c : y(
+    t.button,
+    n && t.isPending,
+    d && t.isSucceeded,
+    l && t.isFailed,
+    t[`size-${a}`],
+    t[r],
+    t[i],
+    c,
+    /**
+     * Workaround warning: The Aria.Button does not support "aria-disabled"
+     * by now, so this Button will be visually disabled via CSS.
+     */
+    g && t.ariaDisabled
+  );
+  oe(
+    n ? "isPending" : d ? "isSucceeded" : l ? "isFailed" : "isIdle"
+  );
+  const p = {
+    Icon: {
+      className: t.icon,
+      "aria-hidden": !0,
+      size: a
+    },
+    Text: {
+      className: t.text
+    },
+    Avatar: {
+      className: t.avatar
+    },
+    CounterBadge: {
+      className: t.counterBadge
+    }
+  }, m = d ? h : l ? I : n ? A : void 0, S = m && /* @__PURE__ */ o.createElement(m, { size: a, className: t.stateIcon }), x = typeof s == "string";
+  return /* @__PURE__ */ o.createElement(C, null, /* @__PURE__ */ o.createElement(
+    E.Button,
+    {
+      className: v,
+      ref: b,
+      slot: P,
+      ...w
+    },
+    /* @__PURE__ */ o.createElement(N, { props: p }, /* @__PURE__ */ o.createElement(f, { if: !u }, /* @__PURE__ */ o.createElement("span", { className: t.content }, /* @__PURE__ */ o.createElement(f, { if: x }, /* @__PURE__ */ o.createElement(B, { className: t.text }, s))))),
+    S
+  ));
+});
+export {
+  xe as B
+};

package/dist/Button.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { B as o } from "./Button-0H5tAVdV.js";
+import { B as o } from "./Button-DYHIOEMk.js";
 export {
   o as Button,
   o as default

package/dist/CalendarHeader-CevaNlcQ.js

@@ -0,0 +1,17 @@
+"use client"
+/* */
+import e from "react";
+import { B as r } from "./Button-DYHIOEMk.js";
+import * as a from "react-aria-components";
+import "@tabler/icons-react";
+import "./Icon-C5gtbUkg.js";
+import { I as n } from "./IconCalendar-Clniakrh.js";
+import { I as t } from "./IconChevronRight-fBzX4SC3.js";
+const o = "flow--calendar", l = "flow--calendar--range", f = {
+  calendar: o,
+  range: l
+}, u = () => /* @__PURE__ */ e.createElement("header", null, /* @__PURE__ */ e.createElement(r, { ariaSlot: "previous", variant: "plain", color: "secondary" }, /* @__PURE__ */ e.createElement(n, null)), /* @__PURE__ */ e.createElement(a.Heading, null), /* @__PURE__ */ e.createElement(r, { ariaSlot: "next", variant: "plain", color: "secondary" }, /* @__PURE__ */ e.createElement(t, null)));
+export {
+  u as C,
+  f as s
+};

package/dist/Checkbox-D27Dn7Zl.js

@@ -0,0 +1,25 @@
+"use client"
+/* */
+import e from "react";
+import * as i from "react-aria-components";
+import p from "clsx";
+import "@tabler/icons-react";
+import "./Icon-C5gtbUkg.js";
+import { I as x, a as f } from "./IconCheckboxEmpty-DWdnSGXE.js";
+import { I as h } from "./IconCheckboxIndeterminate-DZdUEsYf.js";
+import { C } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as k } from "./flowComponent-CcGqg9eo.js";
+const b = "flow--checkbox", E = "flow--checkbox--icon", o = {
+  checkbox: b,
+  icon: E
+}, q = k("Checkbox", (c) => {
+  const { children: t, className: r, refProp: m, ...a } = c, n = p(o.checkbox, r);
+  return /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement(i.Checkbox, { ...a, className: n, ref: m }, ({ isSelected: s, isIndeterminate: l }) => /* @__PURE__ */ e.createElement(e.Fragment, null, s ? /* @__PURE__ */ e.createElement(x, { className: o.icon }) : l ? /* @__PURE__ */ e.createElement(h, { className: o.icon }) : /* @__PURE__ */ e.createElement(f, { className: o.icon }), t)));
+});
+export {
+  q as C
+};

package/dist/Checkbox.js

@@ -1,22 +1,7 @@
 "use client"
 /* */
-import c from "react";
-import * as k from "react-aria-components";
-import { c as l } from "./clsx-DB4S2d7J.js";
-import "@tabler/icons-react";
-import "./Icon-C8UD3vMe.js";
-import "html-react-parser";
-import "./propsContext-Dx7WKmmM.js";
-import "@react-aria/utils";
-import { I as n, a as h } from "./IconUnchecked-CGdUugGS.js";
-const i = "flow--checkbox", p = "flow--checkbox--checkmark", e = {
-  checkbox: i,
-  checkmark: p
-}, I = (o) => {
-  const { children: t, className: r, ...a } = o, m = l(e.checkbox, r);
-  return /* @__PURE__ */ c.createElement(k.Checkbox, { ...a, className: m }, ({ isSelected: s }) => /* @__PURE__ */ c.createElement(c.Fragment, null, s ? /* @__PURE__ */ c.createElement(n, { className: e.checkmark }) : /* @__PURE__ */ c.createElement(h, { className: e.checkmark }), t));
-};
+import { C as a } from "./Checkbox-D27Dn7Zl.js";
 export {
-  I as Checkbox,
-  I as default
+  a as Checkbox,
+  a as default
 };

package/dist/CheckboxButton-D9z9q2VO.js

@@ -0,0 +1,29 @@
+"use client"
+/* */
+import o from "react";
+import m from "clsx";
+import { C as p } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as b } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import { C as x } from "./Checkbox-D27Dn7Zl.js";
+import { f } from "./flowComponent-CcGqg9eo.js";
+const C = "flow--checkbox-button", i = "flow--checkbox-button--label", h = "flow--checkbox-button--content", t = {
+  checkboxButton: C,
+  label: i,
+  content: h
+}, y = f("CheckboxButton", (e) => {
+  const { children: c, className: n, refProp: r, ...s } = e, l = m(t.checkboxButton, n), a = {
+    Text: {
+      className: t.label
+    },
+    Content: {
+      className: t.content
+    }
+  };
+  return /* @__PURE__ */ o.createElement(p, null, /* @__PURE__ */ o.createElement(x, { ...s, className: l, ref: r }, /* @__PURE__ */ o.createElement(b, { props: a }, c)));
+});
+export {
+  y as C
+};

package/dist/CheckboxButton.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { C as t } from "./CheckboxButton-D9z9q2VO.js";
+export {
+  t as CheckboxButton,
+  t as default
+};

package/dist/CheckboxGroup.js

@@ -0,0 +1,44 @@
+"use client"
+/* */
+import e from "react";
+import * as x from "react-aria-components";
+import b from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { P as h } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "remeda";
+import { F as E } from "./FieldError-oW3IOo-y.js";
+import { C as k } from "./CheckboxButton-D9z9q2VO.js";
+import { TunnelProvider as C, TunnelExit as r } from "@mittwald/react-tunnel";
+import { f as o } from "./FormField.module-CqWpTQKP.js";
+import { C as N } from "./ColumnLayout-Bvw578tz.js";
+import { d as F } from "./deepFindOfType-6pG0fH7S.js";
+import { f as G } from "./flowComponent-CcGqg9eo.js";
+const P = "flow--checkbox-group", s = {
+  checkboxGroup: P
+}, j = G("CheckboxGroup", (l) => {
+  const { children: t, className: m, s: i, m: n, l: a, refProp: p, ...d } = l, f = b(o.formField, m), u = {
+    Label: {
+      className: o.label
+    },
+    FieldDescription: {
+      className: o.fieldDescription,
+      tunnelId: "fieldDescription"
+    },
+    FieldError: {
+      className: o.customFieldError,
+      tunnelId: "fieldError"
+    },
+    Checkbox: {
+      tunnelId: "checkboxes"
+    },
+    CheckboxButton: {
+      tunnelId: "checkboxes"
+    }
+  }, c = !!F(t, k);
+  return /* @__PURE__ */ e.createElement(x.CheckboxGroup, { ...d, className: f, ref: p }, /* @__PURE__ */ e.createElement(h, { props: u }, /* @__PURE__ */ e.createElement(C, null, t, c && /* @__PURE__ */ e.createElement(N, { s: i, m: n, l: a, className: s.checkboxGroup }, /* @__PURE__ */ e.createElement(r, { id: "checkboxes" })), !c && /* @__PURE__ */ e.createElement("div", { className: s.checkboxGroup }, /* @__PURE__ */ e.createElement(r, { id: "checkboxes" })), /* @__PURE__ */ e.createElement(r, { id: "fieldDescription" }), /* @__PURE__ */ e.createElement(r, { id: "fieldError" }))), /* @__PURE__ */ e.createElement(E, { className: o.fieldError }));
+});
+export {
+  j as CheckboxGroup,
+  j as default
+};

package/dist/{ClearPropsContext-CD1-9TZA.js → ClearPropsContext-CUvsbMn8.js}

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import t from "react";
-import { p as o } from "./propsContext-Dx7WKmmM.js";
+import { p as o } from "./propsContext-DzAKlmhS.js";
 const a = (r) => {
   const { children: e } = r;
   return /* @__PURE__ */ t.createElement(o.Provider, { value: {} }, e);

package/dist/ColumnLayout-Bvw578tz.js

@@ -0,0 +1,33 @@
+"use client"
+/* */
+import e from "react";
+import g from "clsx";
+const d = "flow--column-layout--column-layout-container", v = "flow--column-layout", y = {
+  columnLayoutContainer: d,
+  columnLayout: v
+}, a = (o) => {
+  if (o.length < 1)
+    throw new Error("Column layout array is empty");
+  return o.map((l) => `${l}fr`).join(" ");
+}, h = (o) => {
+  const {
+    children: u,
+    className: l,
+    s: n,
+    m: t,
+    l: c,
+    gap: m = "m",
+    rowGap: i = m,
+    columnGap: p = m
+  } = o, s = n ? a(n) : void 0, r = t ? a(t) : n ? s : void 0, f = c ? a(c) : t || n ? r : void 0, C = {
+    "--column-layout--columns-s": s,
+    "--column-layout--columns-m": r,
+    "--column-layout--columns-l": f,
+    "--column-layout--row-gap": `var(--column-layout--gap--${i})`,
+    "--column-layout--column-gap": `var(--column-layout--gap--${p})`
+  }, L = g(y.columnLayoutContainer, l);
+  return /* @__PURE__ */ e.createElement("div", { className: L, style: C }, /* @__PURE__ */ e.createElement("div", { className: y.columnLayout }, u));
+};
+export {
+  h as C
+};

package/dist/ColumnLayout.js

@@ -1,22 +1,7 @@
 "use client"
 /* */
-import s from "react";
-const i = "flow--column-layout--column-layout-container", f = "flow--column-layout", e = {
-  columnLayoutContainer: i,
-  columnLayout: f
-}, l = (n) => {
-  if (n.length < 1)
-    throw new Error("Column layout array is empty");
-  return n.map((o) => `${o}fr`).join(" ");
-}, d = (n) => {
-  const { children: u, s: o, m: t, l: c } = n, a = o ? l(o) : void 0, m = t ? l(t) : o ? a : void 0, r = c ? l(c) : t || o ? m : void 0, y = {
-    "--column-layout--columns-s": a,
-    "--column-layout--columns-m": m,
-    "--column-layout--columns-l": r
-  };
-  return /* @__PURE__ */ s.createElement("div", { className: e.columnLayoutContainer, style: y }, /* @__PURE__ */ s.createElement("div", { className: e.columnLayout }, u));
-};
+import { C as a } from "./ColumnLayout-Bvw578tz.js";
 export {
-  d as ColumnLayout,
-  d as default
+  a as ColumnLayout,
+  a as default
 };

package/dist/Content-DTL7xUSl.js

@@ -0,0 +1,23 @@
+"use client"
+/* */
+import e from "react";
+import { C as i } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as l } from "./flowComponent-CcGqg9eo.js";
+import { W as s } from "./Wrap-DGT1h1o3.js";
+const W = l("Content", (t) => {
+  const {
+    children: r,
+    elementType: o = "div",
+    refProp: n,
+    clearPropsContext: m = !0,
+    ...p
+  } = t, a = o;
+  return /* @__PURE__ */ e.createElement(s, { if: m }, /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(a, { ref: n, ...p }, r)));
+});
+export {
+  W as C
+};

package/dist/Content.js

@@ -1,15 +1,7 @@
 "use client"
 /* */
-import e from "react";
-import { C as s } from "./ClearPropsContext-CD1-9TZA.js";
-import "./propsContext-Dx7WKmmM.js";
-import "@react-aria/utils";
-import { u as l } from "./useProps-C7GIMcgB.js";
-const C = (t) => {
-  const { children: r, elementType: o = "div", ...n } = l("Content", t), m = o;
-  return /* @__PURE__ */ e.createElement(m, { ...n }, /* @__PURE__ */ e.createElement(s, null, r));
-};
+import { C as o } from "./Content-DTL7xUSl.js";
 export {
-  C as Content,
-  C as default
+  o as Content,
+  o as default
 };

package/dist/ContextMenu.js

@@ -0,0 +1,11 @@
+"use client"
+/* */
+import { C as t } from "./ContextMenuTrigger-Vw5RLEk8.js";
+import { a } from "./ContextMenuTrigger-Vw5RLEk8.js";
+import { M as n } from "./MenuItem-BzSyWdbX.js";
+export {
+  t as ContextMenu,
+  a as ContextMenuTrigger,
+  n as MenuItem,
+  t as default
+};

package/dist/ContextMenu.module-BZingr2B.js

@@ -0,0 +1,10 @@
+"use client"
+/* */
+const o = "flow--context-menu", t = "flow--context-menu--section", n = "flow--context-menu--popover-content", e = {
+  contextMenu: o,
+  section: t,
+  popoverContent: n
+};
+export {
+  e as s
+};

package/dist/ContextMenuTrigger-Vw5RLEk8.js

@@ -0,0 +1,90 @@
+"use client"
+/* */
+import e from "react";
+import * as i from "react-aria-components";
+import { s } from "./ContextMenu.module-BZingr2B.js";
+import { f as c } from "./flowComponent-CcGqg9eo.js";
+import { P } from "./PopoverTrigger-BR7DBdLt.js";
+import { C as E } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as O } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import "mobx";
+import { u as T } from "./useOverlayController-D8pgx8nV.js";
+import { O as S, a as A } from "./OverlayTrigger-bD8_mPel.js";
+import { A as h } from "./Action-DQuMAmM9.js";
+const B = c("ContextMenu", (t) => {
+  const {
+    children: r,
+    onAction: n,
+    selectionMode: o,
+    selectedKeys: m,
+    defaultSelectedKeys: p,
+    disabledKeys: C,
+    onSelectionChange: u,
+    refProp: v,
+    controller: g,
+    ...x
+  } = t, M = T("ContextMenu", {
+    reuseControllerFromContext: !0
+  }), l = g ?? M, f = o === "navigation" ? "none" : o, a = o === "navigation" ? "navigation" : "control", y = {
+    MenuItem: {
+      selectionVariant: a
+    },
+    Section: {
+      MenuItem: {
+        selectionVariant: a
+      },
+      renderContextMenuSection: !0
+    }
+  }, d = o === "single" || o === "navigation" ? "ContextMenu" : void 0;
+  return /* @__PURE__ */ e.createElement(E, null, /* @__PURE__ */ e.createElement(
+    P,
+    {
+      ...x,
+      contentClassName: s.popoverContent,
+      controller: l,
+      isDialogContent: !1
+    },
+    /* @__PURE__ */ e.createElement(
+      S,
+      {
+        type: "ContextMenu",
+        controller: l
+      },
+      /* @__PURE__ */ e.createElement(
+        i.Menu,
+        {
+          className: s.contextMenu,
+          onAction: n,
+          selectionMode: f,
+          selectedKeys: m,
+          defaultSelectedKeys: p,
+          disabledKeys: C,
+          onSelectionChange: u,
+          ref: v
+        },
+        /* @__PURE__ */ e.createElement(O, { props: y }, /* @__PURE__ */ e.createElement(h, { closeOverlay: d }, r))
+      )
+    )
+  ));
+}), G = c(
+  "ContextMenuTrigger",
+  (t) => {
+    const { children: r, ...n } = t;
+    return /* @__PURE__ */ e.createElement(
+      A,
+      {
+        overlayType: "ContextMenu",
+        ...n,
+        component: i.MenuTrigger
+      },
+      r
+    );
+  }
+);
+export {
+  B as C,
+  G as a
+};