@mittwald/flow-react-components 0.1.0-alpha.71 → 0.1.0-alpha.72

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.71",
+  "version": "0.1.0-alpha.72",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -202,6 +202,10 @@
       "types": "./dist/types/components/Tooltip/index.d.ts",
       "import": "./dist/Tooltip.js"
     },
+    "./hooks": {
+      "types": "./dist/types/lib/hooks/index.d.ts",
+      "import": "./dist/hooks.js"
+    },
     "./nextjs": {
       "types": "./dist/types/integrations/nextjs/index.d.ts",
       "import": "./dist/nextjs.js"
@@ -230,7 +234,8 @@
     "test:unit": "run vitest run"
   },
   "dependencies": {
-    "@mittwald/react-tunnel": "^0.1.0-alpha.70",
+    "@chakra-ui/live-region": "^2.1.0",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.72",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.23.2",
     "@react-types/shared": "^3.22.1",
@@ -254,7 +259,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.70",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.72",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^18.3.1",
     "@storybook/addon-a11y": "^8.0.8",
@@ -329,5 +334,5 @@
       "optional": true
     }
   },
-  "gitHead": "27c92cb3e5c850a59c0e4f39cdb2ff8c3a10f84f"
+  "gitHead": "a14bd1b7c1fa1617e385e986830f6d397df913dc"
 }

package/dist/Action-B9PIFbjG.js

@@ -1,164 +0,0 @@
-"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-CauylOgH.js";
-import { P as x } from "./PropsContextProvider-DZvwqHLP.js";
-import "@react-aria/utils";
-import "remeda";
-import "dot-prop";
-import { u as A } from "./useProps-Dx3m8kCJ.js";
-import { u as C } from "./useOverlayState-BnPe_CrX.js";
-import { makeObservable as y, observable as r, action as l } from "mobx";
-import { u as v } from "./useSelector-DpU7_HMO.js";
-const E = () => {
-}, O = (e) => {
-  const t = C();
-  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;
-    y(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)
-  })
-}, G = (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,
-    {
-      mergeInParentContext: !0,
-      props: F,
-      dependencies: Object.values(d)
-    },
-    t
-  );
-};
-export {
-  G as A
-};

package/dist/Action.js

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

package/dist/Avatar.js

@@ -1,56 +0,0 @@
-"use client"
-/* */
-import i, { isValidElement as v } from "react";
-import m from "clsx";
-import { C as p } from "./ClearPropsContext-CeCMjUK9.js";
-import { P as c } from "./PropsContextProvider-DZvwqHLP.js";
-import { u as f } from "./useProps-Dx3m8kCJ.js";
-import { hash as w } from "object-code";
-import { deepForEach as z } from "react-children-utilities";
-const d = "flow--avatar", h = "flow--avatar--icon", u = "flow--avatar--initials", r = {
-  avatar: d,
-  icon: h,
-  initials: u,
-  "size-m": "flow--avatar--size-m",
-  "size-xs": "flow--avatar--size-xs",
-  "size-s": "flow--avatar--size-s",
-  "size-l": "flow--avatar--size-l",
-  "variant-1": "flow--avatar--variant-1",
-  "variant-2": "flow--avatar--variant-2",
-  "variant-3": "flow--avatar--variant-3",
-  "variant-4": "flow--avatar--variant-4"
-}, C = (s) => {
-  const a = [];
-  z(s, (t) => {
-    v(t) ? a.push({
-      props: t.props,
-      type: t.type
-    }) : a.push(t);
-  });
-  const o = w(a);
-  return Math.abs(o % 4) + 1;
-}, A = (s) => {
-  const {
-    children: a,
-    className: o,
-    variant: t,
-    size: e = "m"
-  } = f("Avatar", s), n = m(
-    r.avatar,
-    r[`size-${e}`],
-    o,
-    r[`variant-${t ?? C(a)}`]
-  ), l = {
-    Initials: {
-      className: r.initials
-    },
-    Icon: {
-      className: r.icon
-    }
-  };
-  return /* @__PURE__ */ i.createElement(p, null, /* @__PURE__ */ i.createElement("div", { className: n }, /* @__PURE__ */ i.createElement(c, { props: l }, a)));
-};
-export {
-  A as Avatar,
-  A as default
-};

package/dist/Breadcrumb.js

@@ -1,35 +0,0 @@
-"use client"
-/* */
-import r from "react";
-import * as s from "react-aria-components";
-import a from "clsx";
-import "@tabler/icons-react";
-import "./Icon-DdQwrIup.js";
-import { I as u } from "./IconChevronRight-Bsu-sUej.js";
-import "./propsContext-CauylOgH.js";
-import { P as d } from "./PropsContextProvider-DZvwqHLP.js";
-import "@react-aria/utils";
-import "remeda";
-const p = "flow--breadcrumb", f = "flow--breadcrumb--link", c = {
-  breadcrumb: p,
-  link: f
-}, N = "flow--breadcrumb--breadcrumb-item", I = "flow--breadcrumb--breadcrumb-item--icon", m = {
-  breadcrumbItem: N,
-  icon: I
-}, h = (e) => {
-  const { children: t } = e, o = a(m.breadcrumbItem);
-  return /* @__PURE__ */ r.createElement(s.Breadcrumb, { className: o }, t, /* @__PURE__ */ r.createElement(u, { size: "s", className: m.icon }));
-}, R = (e) => {
-  const { children: t, className: o, ...n } = e, l = a(c.breadcrumb, o), b = {
-    Link: {
-      unstyled: !0,
-      className: c.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 {
-  R as Breadcrumb,
-  R as default
-};

package/dist/Button-B2GKVrxY.js

@@ -1,102 +0,0 @@
-"use client"
-/* */
-import o from "react";
-import * as E from "react-aria-components";
-import x from "clsx";
-import { C } from "./ClearPropsContext-CeCMjUK9.js";
-import { P as I } from "./PropsContextProvider-DZvwqHLP.js";
-import "@react-aria/utils";
-import "./propsContext-CauylOgH.js";
-import "remeda";
-import "@tabler/icons-react";
-import "./Icon-DdQwrIup.js";
-import { I as N, a as h } from "./IconSucceeded-BM7cipIv.js";
-import { W as d } from "./Wrap-DGT1h1o3.js";
-import { T as z } from "./Text-CBzyk1oM.js";
-import { f as L } from "./flowComponent-BuF0s2uG.js";
-import { useLocalizedStringFormatter as B } from "react-aria";
-import { L as A } from "./LoadingSpinner-DqsZ7IDL.js";
-const D = "flow--button", T = "flow--button--avatar", K = "flow--button--icon", U = "flow--button--text", W = "flow--button--content", $ = "flow--button--state-icon", R = "flow--button--is-succeeded", j = "flow--button--is-failed", k = "flow--button--is-pending", q = "flow--button--plain", G = "flow--button--primary", H = "flow--button--solid", J = "flow--button--accent", M = "flow--button--danger", O = "flow--button--secondary", Q = "flow--button--soft", e = {
-  button: D,
-  avatar: T,
-  icon: K,
-  text: U,
-  content: W,
-  stateIcon: $,
-  "size-s": "flow--button--size-s",
-  isSucceeded: R,
-  isFailed: j,
-  isPending: k,
-  plain: q,
-  primary: G,
-  solid: H,
-  accent: J,
-  danger: M,
-  secondary: O,
-  soft: Q
-}, V = {
-  "de-DE": {
-    "button.isFailed": "Fehlgeschlagen",
-    "button.isPending": "Ausstehend",
-    "button.isSucceeded": "Erfolgreich"
-  },
-  "en-EN": {
-    "button.isFailed": "Failed",
-    "button.isPending": "Pending",
-    "button.isSucceeded": "Succeeded"
-  }
-}, X = (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), ut = L("Button", (t) => {
-  t = X(t);
-  const {
-    variant: m = "primary",
-    style: u = "solid",
-    children: c,
-    className: f,
-    size: i = "m",
-    isPending: a,
-    isDisabled: b,
-    isSucceeded: n,
-    isFailed: s,
-    "aria-label": g,
-    ref: P,
-    ...w
-  } = t, v = x(
-    e.button,
-    a && e.isPending,
-    n && 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
-    },
-    Avatar: {
-      className: e.avatar
-    }
-  }, p = B(V), F = n || s || a ? p.format(
-    `button.${n ? "isSucceeded" : s ? "isFailed" : "isPending"}`
-  ) : void 0, r = n ? N : s ? h : a ? A : void 0, l = r && /* @__PURE__ */ o.createElement(r, { size: i, className: e.stateIcon }), y = typeof c == "string";
-  return /* @__PURE__ */ o.createElement(C, null, /* @__PURE__ */ o.createElement(
-    E.Button,
-    {
-      className: v,
-      isDisabled: b,
-      "aria-label": F ?? g,
-      ref: P,
-      ...w
-    },
-    /* @__PURE__ */ o.createElement(I, { props: S }, /* @__PURE__ */ o.createElement(d, { if: l }, /* @__PURE__ */ o.createElement("span", { className: e.content }, /* @__PURE__ */ o.createElement(d, { if: y }, /* @__PURE__ */ o.createElement(z, null, c))))),
-    l
-  ));
-});
-export {
-  ut as B
-};

package/dist/Button.js

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

package/dist/ButtonGroup.js

@@ -1,27 +0,0 @@
-"use client"
-/* */
-import o from "react";
-import { C as c } from "./ClearPropsContext-CeCMjUK9.js";
-import { P as m } from "./PropsContextProvider-DZvwqHLP.js";
-import { u as l } from "./useProps-Dx3m8kCJ.js";
-import { d as i } from "./dynamic-ClpUSmEt.js";
-import d from "clsx";
-import { f } from "./flowComponent-BuF0s2uG.js";
-const b = "flow--button-group--button-group-container", C = "flow--button-group", G = "flow--button-group--secondary", t = {
-  buttonGroupContainer: b,
-  buttonGroup: C,
-  secondary: G
-}, B = f("ButtonGroup", (r) => {
-  const { children: n, className: e, ...s } = l("ButtonGroup", r), a = d(t.buttonGroupContainer, e), u = {
-    Button: {
-      className: i(
-        (p) => p.variant === "secondary" ? t.secondary : void 0
-      )
-    }
-  };
-  return /* @__PURE__ */ o.createElement(c, null, /* @__PURE__ */ o.createElement("div", { ...s, className: a }, /* @__PURE__ */ o.createElement("div", { className: t.buttonGroup, role: "group" }, /* @__PURE__ */ o.createElement(m, { props: u }, n))));
-});
-export {
-  B as ButtonGroup,
-  B as default
-};

package/dist/Checkbox-BoIUZoUj.js

@@ -1,25 +0,0 @@
-"use client"
-/* */
-import e from "react";
-import * as i from "react-aria-components";
-import p from "clsx";
-import "@tabler/icons-react";
-import "./Icon-DdQwrIup.js";
-import { I as x, a as h } from "./IconCheckboxEmpty-BwNkQgcq.js";
-import { I as C } from "./IconCheckboxIndeterminate-Bs5lfqSL.js";
-import { C as f } from "./ClearPropsContext-CeCMjUK9.js";
-import "./propsContext-CauylOgH.js";
-import "@react-aria/utils";
-import "remeda";
-import "dot-prop";
-import { f as k } from "./flowComponent-BuF0s2uG.js";
-const b = "flow--checkbox", E = "flow--checkbox--icon", o = {
-  checkbox: b,
-  icon: E
-}, q = k("Checkbox", (c) => {
-  const { children: t, className: r, ref: m, ...a } = c, n = p(o.checkbox, r);
-  return /* @__PURE__ */ e.createElement(f, 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(C, { className: o.icon }) : /* @__PURE__ */ e.createElement(h, { className: o.icon }), t)));
-});
-export {
-  q as C
-};

package/dist/Checkbox.js

@@ -1,7 +0,0 @@
-"use client"
-/* */
-import { C as a } from "./Checkbox-BoIUZoUj.js";
-export {
-  a as Checkbox,
-  a as default
-};

package/dist/CheckboxButton-BjHq5R2V.js

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

package/dist/CheckboxButton.js

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

package/dist/CheckboxGroup.js

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

package/dist/ClearPropsContext-CeCMjUK9.js

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

package/dist/ColumnLayout-FMONjI17.js

@@ -1,22 +0,0 @@
-"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,7 +0,0 @@
-"use client"
-/* */
-import { C as a } from "./ColumnLayout-FMONjI17.js";
-export {
-  a as ColumnLayout,
-  a as default
-};

package/dist/Content.js

@@ -1,17 +0,0 @@
-"use client"
-/* */
-import t from "react";
-import { C as l } from "./ClearPropsContext-CeCMjUK9.js";
-import "./propsContext-CauylOgH.js";
-import "@react-aria/utils";
-import "remeda";
-import "dot-prop";
-import { f as i } from "./flowComponent-BuF0s2uG.js";
-const E = i("Content", (e) => {
-  const { children: o, elementType: r = "div", ref: n, ...m } = e, p = r;
-  return /* @__PURE__ */ t.createElement(l, null, /* @__PURE__ */ t.createElement(p, { ref: n, ...m }, o));
-});
-export {
-  E as Content,
-  E as default
-};

package/dist/ContextMenu-DJ4VRDCG.js

@@ -1,47 +0,0 @@
-"use client"
-/* */
-import e from "react";
-import * as u from "react-aria-components";
-import { f as d } from "./flowComponent-BuF0s2uG.js";
-import { P as x } from "./Popover-MmxZkKu3.js";
-import { C } from "./ClearPropsContext-CeCMjUK9.js";
-import { P as M } from "./PropsContextProvider-DZvwqHLP.js";
-import "@react-aria/utils";
-import "./propsContext-CauylOgH.js";
-import "remeda";
-const P = "flow--context-menu", g = {
-  contextMenu: P
-}, b = d("ContextMenu", (o) => {
-  const {
-    children: n,
-    onAction: r,
-    selectionMode: t,
-    selectedKeys: s,
-    defaultSelectedKeys: a,
-    disabledKeys: i,
-    onSelectionChange: c,
-    ref: l,
-    ...m
-  } = o, p = t === "navigation" ? "single" : t, f = {
-    MenuItem: {
-      selectionVariant: t === "navigation" ? "navigation" : "control"
-    }
-  };
-  return /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement(x, { ...m }, /* @__PURE__ */ e.createElement(
-    u.Menu,
-    {
-      className: g.contextMenu,
-      onAction: r,
-      selectionMode: p,
-      selectedKeys: s,
-      defaultSelectedKeys: a,
-      disabledKeys: i,
-      onSelectionChange: c,
-      ref: l
-    },
-    /* @__PURE__ */ e.createElement(M, { props: f }, n)
-  )));
-});
-export {
-  b as C
-};