@mittwald/flow-react-components 0.1.0-alpha.55 → 0.1.0-alpha.56

package/dist/Action-SSV77Gfb.js

@@ -0,0 +1,162 @@
+"use client"
+/* */
+var S = Object.defineProperty;
+var P = (e, t, s) => t in e ? S(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var i = (e, t, s) => (P(e, typeof t != "symbol" ? t + "" : t, s), s);
+import M, { useState as k } from "react";
+import "./propsContext-Dx7WKmmM.js";
+import { P as x } from "./PropsContextProvider-BsrVIv1a.js";
+import "@react-aria/utils";
+import "remeda";
+import { u as A } from "./useProps-BEU8ldpP.js";
+import { u as y } from "./useOverlayState-BnPe_CrX.js";
+import { makeObservable as C, observable as r, action as l } from "mobx";
+import { u as v } from "./useSelector-DpU7_HMO.js";
+const E = () => {
+}, O = (e) => {
+  const t = y();
+  return (e == null ? void 0 : e.type) === "function" ? e.fn : (e == null ? void 0 : e.type) === "toggleModal" ? t.toggle : (e == null ? void 0 : e.type) === "openModal" ? t.open : (e == null ? void 0 : e.type) === "closeModal" ? t.close : E;
+}, m = (e, t) => {
+  const s = [...t];
+  let n;
+  for (; s.length > 0; )
+    if (n = s.shift(), n) {
+      const o = n(...e);
+      if (o instanceof Promise)
+        return o.then(() => m(e, s));
+    }
+}, p = {
+  pending: 1e3,
+  succeeded: 1500,
+  failed: 2e3
+};
+class b {
+  constructor(t = {}) {
+    i(this, "isPending", !1);
+    i(this, "isExecuting", !1);
+    i(this, "isSucceeded", !1);
+    i(this, "isFailed", !1);
+    i(this, "feedback");
+    i(this, "executionCount", 0);
+    const { feedback: s = !1 } = t;
+    C(this, {
+      isPending: r,
+      isExecuting: r,
+      isSucceeded: r,
+      isFailed: r,
+      onStart: l.bound,
+      onSucceeded: l.bound,
+      onFailed: l.bound,
+      resetFeedback: l.bound,
+      startPending: l.bound
+    }), this.feedback = s;
+  }
+  static useNew(t) {
+    return k(new b(t))[0];
+  }
+  resetFeedback() {
+    this.isFailed = !1, this.isSucceeded = !1;
+  }
+  startFailedFeedback() {
+    this.feedback && (this.isFailed = !0, setTimeout(this.resetFeedback, p.failed));
+  }
+  startSucceededFeedback() {
+    this.feedback && (this.isSucceeded = !0, setTimeout(this.resetFeedback, p.succeeded));
+  }
+  onDone(t) {
+    this.isExecuting = !1, this.isPending = !1, t ? this.startSucceededFeedback() : this.startFailedFeedback();
+  }
+  onFailed() {
+    this.onDone(!1);
+  }
+  onSucceeded() {
+    this.onDone(!0);
+  }
+  startPending(t) {
+    this.isExecuting && t === this.executionCount && (this.isPending = !0);
+  }
+  onStart() {
+    const t = ++this.executionCount;
+    this.isExecuting = !0, setTimeout(() => this.startPending(t), p.pending);
+  }
+  useObserve() {
+    return v(
+      () => ({
+        isPending: this.isPending,
+        isFailed: this.isFailed,
+        isExecuting: this.isExecuting,
+        isSucceeded: this.isSucceeded
+      }),
+      [this]
+    );
+  }
+}
+const w = (e, t) => {
+  const { action: s } = A("Action", {}), n = O(e), o = b.useNew(t);
+  return {
+    callAction: (...a) => {
+      try {
+        o.onStart();
+        const c = m(a, [n, s]);
+        if (c instanceof Promise)
+          return c.then(o.onSucceeded).catch(o.onFailed);
+        o.onSucceeded();
+      } catch {
+        o.onFailed();
+      }
+    },
+    state: o
+  };
+};
+function g(e) {
+  return typeof e == "boolean" ? void 0 : e;
+}
+const u = {
+  fn: (e) => ({
+    type: "function",
+    fn: e
+  }),
+  openModal: (e) => ({
+    type: "openModal",
+    controller: g(e)
+  }),
+  closeModal: (e) => ({
+    type: "closeModal",
+    controller: g(e)
+  }),
+  toggleModal: (e) => ({
+    type: "toggleModal",
+    controller: g(e)
+  })
+}, z = (e) => {
+  const {
+    children: t,
+    feedback: s,
+    action: n,
+    toggleModal: o,
+    openModal: f,
+    closeModal: a
+  } = e, c = n ? u.fn(n) : o ? u.toggleModal(o) : f ? u.openModal(f) : a ? u.closeModal(a) : void 0, h = w(c, { feedback: s }), d = h.state.useObserve(), F = {
+    Button: {
+      onPress: h.callAction,
+      isPending: d.isPending,
+      isDisabled: d.isExecuting,
+      isSucceeded: d.isSucceeded,
+      isFailed: d.isFailed
+    },
+    Action: {
+      action: h.callAction
+    }
+  };
+  return /* @__PURE__ */ M.createElement(
+    x,
+    {
+      props: F,
+      dependencies: Object.values(d)
+    },
+    t
+  );
+};
+export {
+  z as A
+};

package/dist/Action.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { A as t } from "./Action-SSV77Gfb.js";
+export {
+  t as Action,
+  t as default
+};

package/dist/Avatar.js

@@ -2,17 +2,15 @@
 /* */
 import i, { isValidElement as l } from "react";
 import m from "clsx";
-import { C as p } from "./ClearPropsContext-CD1-9TZA.js";
-import { P as v } from "./PropsContextProvider-B6QiUIPM.js";
-import "@react-aria/utils";
-import "./propsContext-Dx7WKmmM.js";
-import "remeda";
-import { hash as c } from "object-code";
-import { deepForEach as f } from "react-children-utilities";
-const w = "flow--avatar", z = "flow--avatar--icon", d = "flow--avatar--initials", r = {
-  avatar: w,
-  icon: z,
-  initials: d,
+import { C as v } from "./ClearPropsContext-CD1-9TZA.js";
+import { P as p } from "./PropsContextProvider-BsrVIv1a.js";
+import { u as c } from "./useProps-BEU8ldpP.js";
+import { hash as f } from "object-code";
+import { deepForEach as w } from "react-children-utilities";
+const z = "flow--avatar", d = "flow--avatar--icon", h = "flow--avatar--initials", r = {
+  avatar: z,
+  icon: d,
+  initials: h,
   "size-m": "flow--avatar--size-m",
   "size-xs": "flow--avatar--size-xs",
   "size-s": "flow--avatar--size-s",
@@ -21,22 +19,22 @@ const w = "flow--avatar", z = "flow--avatar--icon", d = "flow--avatar--initials"
   "variant-2": "flow--avatar--variant-2",
   "variant-3": "flow--avatar--variant-3",
   "variant-4": "flow--avatar--variant-4"
-}, h = (o) => {
+}, u = (s) => {
   const a = [];
-  f(o, (t) => {
+  w(s, (t) => {
     l(t) ? a.push({
       props: t.props,
       type: t.type
     }) : a.push(t);
   });
-  const s = c(a);
-  return Math.abs(s % 4) + 1;
-}, F = (o) => {
-  const { children: a, className: s, size: t = "m" } = o, e = m(
+  const o = f(a);
+  return Math.abs(o % 4) + 1;
+}, g = (s) => {
+  const { children: a, className: o, size: t = "m" } = c("Avatar", s), e = m(
     r.avatar,
     r[`size-${t}`],
-    s,
-    r[`variant-${h(a)}`]
+    o,
+    r[`variant-${u(a)}`]
   ), n = {
     Initials: {
       className: r.initials
@@ -45,9 +43,9 @@ const w = "flow--avatar", z = "flow--avatar--icon", d = "flow--avatar--initials"
       className: r.icon
     }
   };
-  return /* @__PURE__ */ i.createElement(p, null, /* @__PURE__ */ i.createElement("div", { className: e }, /* @__PURE__ */ i.createElement(v, { props: n }, a)));
+  return /* @__PURE__ */ i.createElement(v, null, /* @__PURE__ */ i.createElement("div", { className: e }, /* @__PURE__ */ i.createElement(p, { props: n }, a)));
 };
 export {
-  F as Avatar,
-  F as default
+  g as Avatar,
+  g as default
 };

package/dist/Breadcrumb.js

@@ -0,0 +1,36 @@
+"use client"
+/* */
+import r from "react";
+import * as s from "react-aria-components";
+import a from "clsx";
+import "@tabler/icons-react";
+import "html-react-parser";
+import "./propsContext-Dx7WKmmM.js";
+import "@react-aria/utils";
+import "remeda";
+import "@mittwald/react-tunnel";
+import { I as u } from "./IconChevronRight-T-spe-97.js";
+import { P as d } from "./PropsContextProvider-BsrVIv1a.js";
+const p = "flow--breadcrumb", f = "flow--breadcrumb--link", m = {
+  breadcrumb: p,
+  link: f
+}, N = "flow--breadcrumb--breadcrumb-item", I = "flow--breadcrumb--breadcrumb-item--icon", c = {
+  breadcrumbItem: N,
+  icon: I
+}, h = (e) => {
+  const { children: t } = e, o = a(c.breadcrumbItem);
+  return /* @__PURE__ */ r.createElement(s.Breadcrumb, { className: o }, t, /* @__PURE__ */ r.createElement(u, { size: "s", className: c.icon }));
+}, g = (e) => {
+  const { children: t, className: o, ...n } = e, l = a(m.breadcrumb, o), b = {
+    Link: {
+      unstyled: !0,
+      className: m.link,
+      hoc: (i) => /* @__PURE__ */ r.createElement(h, null, i)
+    }
+  };
+  return /* @__PURE__ */ r.createElement(s.Breadcrumbs, { ...n, className: l }, /* @__PURE__ */ r.createElement(d, { props: b }, t));
+};
+export {
+  g as Breadcrumb,
+  g as default
+};

package/dist/Button-h6RkBrWE.js

@@ -0,0 +1,95 @@
+"use client"
+/* */
+import n from "react";
+import * as p from "react-aria-components";
+import v from "clsx";
+import { C as x } from "./ClearPropsContext-CD1-9TZA.js";
+import { P as C } from "./PropsContextProvider-BsrVIv1a.js";
+import "@react-aria/utils";
+import "./propsContext-Dx7WKmmM.js";
+import "remeda";
+import "@tabler/icons-react";
+import "html-react-parser";
+import { f as I } from "./flowComponent-Dv5hKZam.js";
+import { I as N, a as h, b as z } from "./IconSucceeded-IhwCzdOs.js";
+import { W as l } from "./Wrap-DGT1h1o3.js";
+import { T as B } from "./Text-Dc6eN_n2.js";
+import { useLocalizedStringFormatter as D } from "react-aria";
+const L = "flow--button", T = "flow--button--icon", A = "flow--button--text", K = "flow--button--content", U = "flow--button--state-icon", W = "flow--button--is-succeeded", $ = "flow--button--is-failed", R = "flow--button--is-pending", j = "flow--button--plain", k = "flow--button--primary", q = "flow--button--solid", G = "flow--button--accent", H = "flow--button--danger", J = "flow--button--secondary", M = "flow--button--soft", e = {
+  button: L,
+  icon: T,
+  text: A,
+  content: K,
+  stateIcon: U,
+  "size-s": "flow--button--size-s",
+  isSucceeded: W,
+  isFailed: $,
+  isPending: R,
+  plain: j,
+  primary: k,
+  solid: q,
+  accent: G,
+  danger: H,
+  secondary: J,
+  soft: M
+}, O = {
+  "de-DE": {
+    "button.isFailed": "Fehlgeschlagen",
+    "button.isPending": "Ausstehend",
+    "button.isSucceeded": "Erfolgreich"
+  },
+  "en-EN": {
+    "button.isFailed": "Failed",
+    "button.isPending": "Pending",
+    "button.isSucceeded": "Succeeded"
+  }
+}, Q = (t) => ((t.isPending || t.isSucceeded || t.isFailed) && (t = { ...t }, t.onPress = void 0, t.onPressStart = void 0, t.onPressEnd = void 0, t.onPressChange = void 0, t.onPressUp = void 0, t.onKeyDown = void 0, t.onKeyUp = void 0), t), dt = I("Button", (t) => {
+  t = Q(t);
+  const {
+    variant: m = "primary",
+    style: u = "solid",
+    children: a,
+    className: f,
+    size: i = "m",
+    isPending: c,
+    isDisabled: b,
+    isSucceeded: o,
+    isFailed: s,
+    "aria-label": g,
+    ...P
+  } = t, w = v(
+    e.button,
+    c && e.isPending,
+    o && e.isSucceeded,
+    s && e.isFailed,
+    e[`size-${i}`],
+    e[m],
+    e[u],
+    f
+  ), S = {
+    Icon: {
+      className: e.icon,
+      "aria-hidden": !0,
+      size: i
+    },
+    Text: {
+      className: e.text
+    }
+  }, F = D(O), y = o || s || c ? F.format(
+    `button.${o ? "isSucceeded" : s ? "isFailed" : "isPending"}`
+  ) : void 0, r = o ? N : s ? h : c ? z : void 0, d = r && /* @__PURE__ */ n.createElement(r, { size: i, className: e.stateIcon }), E = typeof a == "string";
+  return /* @__PURE__ */ n.createElement(x, null, /* @__PURE__ */ n.createElement(
+    p.Button,
+    {
+      className: w,
+      isDisabled: b,
+      "aria-label": y ?? g,
+      ...P
+    },
+    /* @__PURE__ */ n.createElement(l, { if: d }, /* @__PURE__ */ n.createElement("span", { className: e.content }, /* @__PURE__ */ n.createElement(l, { if: E }, /* @__PURE__ */ n.createElement(B, null, /* @__PURE__ */ n.createElement(C, { props: S }, a))))),
+    d
+  ));
+});
+export {
+  dt as B
+};

package/dist/Button.js

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

package/dist/ButtonGroup.js

@@ -1,16 +1,25 @@
 "use client"
 /* */
-import e from "react";
-import "./propsContext-Dx7WKmmM.js";
-import { u as n } from "./useProps-U3eRrkW6.js";
-import p from "clsx";
-const a = "flow--button-group", c = {
-  buttonGroup: a
-}, G = (o) => {
-  const { children: t, className: r, ...s } = n("ButtonGroup", o), u = p(c.buttonGroup, r);
-  return /* @__PURE__ */ e.createElement("div", { ...s, className: u, role: "group" }, t);
+import o from "react";
+import { C as m } from "./ClearPropsContext-CD1-9TZA.js";
+import { P as c } from "./PropsContextProvider-BsrVIv1a.js";
+import { u as l } from "./useProps-BEU8ldpP.js";
+import { d as i } from "./dynamic-ClpUSmEt.js";
+import b from "clsx";
+const f = "flow--button-group", d = "flow--button-group--abort", t = {
+  buttonGroup: f,
+  abort: d
+}, g = (r) => {
+  const { children: e, className: s, ...a } = l("ButtonGroup", r), n = b(t.buttonGroup, s), p = {
+    Button: {
+      className: i(
+        (u) => u.variant === "secondary" ? t.abort : void 0
+      )
+    }
+  };
+  return /* @__PURE__ */ o.createElement(m, null, /* @__PURE__ */ o.createElement("div", { ...a, className: n, role: "group" }, /* @__PURE__ */ o.createElement(c, { props: p }, e)));
 };
 export {
-  G as ButtonGroup,
-  G as default
+  g as ButtonGroup,
+  g as default
 };

package/dist/Checkbox-DBT4VBSr.js

@@ -0,0 +1,23 @@
+"use client"
+/* */
+import e from "react";
+import * as l from "react-aria-components";
+import i from "clsx";
+import "@tabler/icons-react";
+import "html-react-parser";
+import { C as p } from "./ClearPropsContext-CD1-9TZA.js";
+import "./propsContext-Dx7WKmmM.js";
+import "@react-aria/utils";
+import "remeda";
+import "@mittwald/react-tunnel";
+import { I as x, a as h, b } from "./IconCheckboxIndeterminate-B6FOeb87.js";
+const k = "flow--checkbox", C = "flow--checkbox--icon", o = {
+  checkbox: k,
+  icon: C
+}, F = (c) => {
+  const { children: t, className: r, ...m } = c, a = i(o.checkbox, r);
+  return /* @__PURE__ */ e.createElement(p, null, /* @__PURE__ */ e.createElement(l.Checkbox, { ...m, className: a }, ({ isSelected: n, isIndeterminate: s }) => /* @__PURE__ */ e.createElement(e.Fragment, null, n ? /* @__PURE__ */ e.createElement(x, { className: o.icon }) : s ? /* @__PURE__ */ e.createElement(h, { className: o.icon }) : /* @__PURE__ */ e.createElement(b, { className: o.icon }), t)));
+};
+export {
+  F as C
+};

package/dist/Checkbox.js

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

package/dist/CheckboxButton-CoEvnLRt.js

@@ -0,0 +1,27 @@
+"use client"
+/* */
+import o from "react";
+import a from "clsx";
+import "./propsContext-Dx7WKmmM.js";
+import { P as m } from "./PropsContextProvider-BsrVIv1a.js";
+import "@react-aria/utils";
+import "remeda";
+import { C as b } from "./Checkbox-DBT4VBSr.js";
+const p = "flow--checkbox-button", x = "flow--checkbox-button--content", h = "flow--checkbox-button--label", t = {
+  checkboxButton: p,
+  content: x,
+  label: h
+}, w = (e) => {
+  const { children: c, className: n, ...s } = e, r = a(t.checkboxButton, n), l = {
+    Text: {
+      className: t.label
+    },
+    Content: {
+      className: t.content
+    }
+  };
+  return /* @__PURE__ */ o.createElement(b, { ...s, className: r }, /* @__PURE__ */ o.createElement(m, { props: l }, c));
+};
+export {
+  w as C
+};

package/dist/CheckboxButton.js

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

package/dist/CheckboxGroup.js

@@ -0,0 +1,38 @@
+"use client"
+/* */
+import e from "react";
+import * as u from "react-aria-components";
+import E from "clsx";
+import "./propsContext-Dx7WKmmM.js";
+import { P as x } from "./PropsContextProvider-BsrVIv1a.js";
+import "@react-aria/utils";
+import "remeda";
+import { F as b } from "./FieldError-BDRDWTgn.js";
+import { C as h } from "./CheckboxButton-CoEvnLRt.js";
+import { TunnelProvider as C, TunnelExit as t } from "@mittwald/react-tunnel";
+import { s as r } from "./FormField.module-DHK6nIcD.js";
+import { C as k } from "./ColumnLayout-FMONjI17.js";
+import { d as N } from "./deepFindOfType-6pG0fH7S.js";
+const F = "flow--checkbox-group", l = {
+  checkboxGroup: F
+}, O = (s) => {
+  const { children: o, className: c, s: m, m: a, l: i, ...n } = s, p = E(r.formField, c), d = {
+    Label: {
+      className: r.label,
+      tunnelId: "label"
+    },
+    FieldDescription: {
+      className: r.fieldDescription,
+      tunnelId: "fieldDescription"
+    },
+    FieldError: {
+      className: r.customFieldError,
+      tunnelId: "fieldError"
+    }
+  }, f = !!N(o, h);
+  return /* @__PURE__ */ e.createElement(u.CheckboxGroup, { ...n, className: p }, /* @__PURE__ */ e.createElement(x, { props: d }, /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement(t, { id: "label" }), f ? /* @__PURE__ */ e.createElement(k, { s: m, m: a, l: i, className: l.checkboxGroup }, o) : /* @__PURE__ */ e.createElement("div", { className: l.checkboxGroup }, o), /* @__PURE__ */ e.createElement(t, { id: "fieldDescription" }), /* @__PURE__ */ e.createElement(t, { id: "fieldError" }))), /* @__PURE__ */ e.createElement(b, { className: r.fieldError }));
+};
+export {
+  O as CheckboxGroup,
+  O as default
+};

package/dist/ColumnLayout-FMONjI17.js

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

package/dist/ColumnLayout.js

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

package/dist/Content.js

@@ -5,7 +5,7 @@ import { C as l } from "./ClearPropsContext-CD1-9TZA.js";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
 import "remeda";
-import { f as p } from "./flowComponent-92d7kP4i.js";
+import { f as p } from "./flowComponent-Dv5hKZam.js";
 const d = p("Content", (e) => {
   const { children: o, elementType: r = "div", ...n } = e, m = r;
   return /* @__PURE__ */ t.createElement(l, null, /* @__PURE__ */ t.createElement(m, { ...n }, o));

package/dist/ContextMenu.js

@@ -1,27 +1,28 @@
 "use client"
 /* */
 import c from "react";
-import * as s from "react-aria-components";
-import { MenuTrigger as C } from "react-aria-components";
-import u from "clsx";
-const x = "flow--context-menu", l = "flow--context-menu--menu-list", m = {
-  contextMenu: x,
+import * as m from "react-aria-components";
+import { MenuTrigger as E } from "react-aria-components";
+import { f as u } from "./flowComponent-Dv5hKZam.js";
+import x from "clsx";
+const l = "flow--context-menu", i = "flow--context-menu--menu-list", s = {
+  contextMenu: l,
   "popover-slide": "flow--context-menu--popover-slide",
-  menuList: l
-}, d = (e) => {
+  menuList: i
+}, I = u("ContextMenu", (e) => {
   const { children: t, onAction: n, ...o } = e;
-  return /* @__PURE__ */ c.createElement(s.Popover, { className: m.contextMenu, ...o }, /* @__PURE__ */ c.createElement(s.Menu, { className: m.menuList, onAction: n }, t));
-}, i = "flow--context-menu--context-menu-item", a = "flow--context-menu--context-menu-item--icon", M = "flow--context-menu--context-menu-item--text", f = {
-  contextMenuItem: i,
-  icon: a,
+  return /* @__PURE__ */ c.createElement(m.Popover, { className: s.contextMenu, ...o }, /* @__PURE__ */ c.createElement(m.Menu, { className: s.menuList, onAction: n }, t));
+}), a = "flow--context-menu--context-menu-item", f = "flow--context-menu--context-menu-item--icon", M = "flow--context-menu--context-menu-item--text", p = {
+  contextMenuItem: a,
+  icon: f,
   text: M
-}, I = (e) => {
-  const { children: t, className: n, ...o } = e, r = u(f.contextMenuItem, n);
-  return /* @__PURE__ */ c.createElement(s.MenuItem, { ...o, className: r }, t);
+}, N = (e) => {
+  const { children: t, className: n, ...o } = e, r = x(p.contextMenuItem, n);
+  return /* @__PURE__ */ c.createElement(m.MenuItem, { ...o, className: r }, t);
 };
 export {
-  d as ContextMenu,
-  I as ContextMenuItem,
-  C as ContextMenuTrigger,
-  d as default
+  I as ContextMenu,
+  N as ContextMenuItem,
+  E as ContextMenuTrigger,
+  I as default
 };