@mittwald/flow-react-components 0.2.0-alpha.26 → 0.2.0-alpha.261

package/dist/js/Accordion-ehDuiU7W.js

@@ -1,92 +0,0 @@
-"use client"
-/* */
-import { jsx as n, jsxs as a } from "react/jsx-runtime";
-import { useState as N, useId as d } from "react";
-import y from "clsx";
-import "./propsContext-DzAKlmhS.js";
-import { PropsContextProvider as B } from "./PropsContextProvider.js";
-import { d as i } from "./dynamic-ClpUSmEt.js";
-import { B as C } from "./Button-WawPguWq.js";
-import "@tabler/icons-react";
-import { TunnelProvider as A, TunnelExit as P } from "@mittwald/react-tunnel";
-import "./flowComponent-B8dC8eRj.js";
-import "@react-aria/utils";
-import "remeda";
-import "./viewComponentContext-HXEKmx_D.js";
-import { I as b } from "./IconChevronDown-DbVQ4UKe.js";
-import { A as g } from "./Activity-BekrxIf7.js";
-const E = "flow--accordion", j = "flow--accordion--header", D = "flow--accordion--header-button", T = "flow--accordion--content", H = "flow--accordion--content-inner", L = "flow--accordion--chevron", S = "flow--accordion--outline", k = "flow--accordion--expanded", e = {
-  accordion: E,
-  header: j,
-  headerButton: D,
-  content: T,
-  contentInner: H,
-  chevron: L,
-  outline: S,
-  expanded: k
-}, Z = (s) => {
-  const {
-    children: l,
-    className: m,
-    defaultExpanded: p = !1,
-    variant: h = "default",
-    ...u
-  } = s, [o, f] = N(p), x = y(
-    e.accordion,
-    o && e.expanded,
-    m,
-    h === "outline" && e.outline
-  ), v = d(), r = d(), c = (t) => /* @__PURE__ */ a(
-    C,
-    {
-      unstyled: !0,
-      "aria-expanded": o,
-      className: e.headerButton,
-      onPress: () => f((w) => !w),
-      "aria-controls": r,
-      children: [
-        t,
-        /* @__PURE__ */ n(b, { className: e.chevron })
-      ]
-    }
-  ), I = {
-    Content: {
-      className: e.contentInner,
-      tunnelId: "content"
-    },
-    Heading: {
-      className: e.header,
-      level: 4,
-      children: i((t) => c(t.children))
-    },
-    Label: {
-      className: e.header,
-      children: i((t) => c(t.children))
-    }
-  };
-  return /* @__PURE__ */ n("div", { ...u, className: x, children: /* @__PURE__ */ n(
-    B,
-    {
-      mergeInParentContext: !0,
-      props: I,
-      dependencies: [o],
-      children: /* @__PURE__ */ a(A, { children: [
-        l,
-        /* @__PURE__ */ n(
-          "div",
-          {
-            "aria-labelledby": v,
-            id: r,
-            role: "region",
-            hidden: !o,
-            className: e.content,
-            children: /* @__PURE__ */ n(g, { isActive: o, inactiveDelay: 1e3, children: /* @__PURE__ */ n(P, { id: "content" }) })
-          }
-        )
-      ] })
-    }
-  ) });
-};
-export {
-  Z as A
-};

package/dist/js/Accordion.js

@@ -1,7 +0,0 @@
-"use client"
-/* */
-import { A as r } from "./Accordion-ehDuiU7W.js";
-export {
-  r as Accordion,
-  r as default
-};

package/dist/js/Action-C1Tw5pqL.js

@@ -1,292 +0,0 @@
-"use client"
-/* */
-var M = Object.defineProperty;
-var O = (e, t, n) => t in e ? M(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var c = (e, t, n) => O(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as w } from "react/jsx-runtime";
-import { createContext as I, useRef as D, useContext as b } from "react";
-import { u as E, O as T } from "./context-BaYmTa0I.js";
-import N from "invariant";
-import { makeObservable as R, observable as V, action as $, computed as G } from "mobx";
-import { u as P } from "./useSelector-DpU7_HMO.js";
-import { a as j, g as L, u as U } from "./getActionGroupSlot-CekBnXeM.js";
-import "./propsContext-DzAKlmhS.js";
-import { PropsContextProvider as q } from "./PropsContextProvider.js";
-import { d } from "./dynamic-ClpUSmEt.js";
-import { u as z, f as H } from "./flowComponent-B8dC8eRj.js";
-const A = I(void 0), J = A.Provider, v = (e) => new Promise((t) => setTimeout(t, e)), C = {
-  pending: 1e3,
-  succeeded: 1500,
-  failed: 2e3
-};
-class x {
-  constructor() {
-    c(this, "showFeedback");
-    c(this, "state", "isIdle");
-    c(this, "setPendingTimeout");
-    c(this, "error");
-    c(this, "isAsync", !1);
-    R(this, {
-      state: V,
-      updateState: $,
-      isBusy: G
-    });
-  }
-  static useNew() {
-    return D(new x()).current;
-  }
-  updateState(t) {
-    this.state = t;
-  }
-  useValue() {
-    return P(() => this.state, [this]);
-  }
-  useIsBusy() {
-    return P(() => this.isBusy, [this]);
-  }
-  get isBusy() {
-    return this.state !== "isIdle";
-  }
-  onAsyncStart() {
-    this.isAsync = !0, this.updateState("isExecuting"), this.setPendingTimeout = window.setTimeout(
-      () => this.startPending(),
-      C.pending
-    );
-  }
-  async onSucceeded() {
-    await this.onDone();
-  }
-  async onFailed(t) {
-    this.error = t ?? new Error("Unknown error"), await this.onDone();
-  }
-  withFeedback(t) {
-    return this.showFeedback = t, this;
-  }
-  async startFailedFeedback() {
-    this.updateState("isFailed"), await v(C.failed), this.resetAfterDone();
-  }
-  async startSucceededFeedback() {
-    this.updateState("isSucceeded"), await v(C.succeeded), this.resetAfterDone();
-  }
-  resetAfterDone() {
-    this.updateState("isIdle"), this.isAsync = !1, this.error = void 0;
-  }
-  async onDone() {
-    this.setPendingTimeout && window.clearTimeout(this.setPendingTimeout), this.error ? await this.startFailedFeedback() : this.showFeedback !== !1 && (this.showFeedback || this.isAsync) ? await this.startSucceededFeedback() : this.resetAfterDone();
-  }
-  startPending() {
-    this.updateState("isPending");
-  }
-}
-const k = (e) => (...t) => {
-  const n = [...e], o = n.shift();
-  if (o) {
-    const s = o(...t), a = () => n.length === 0 ? s : k(n)(...t);
-    return s instanceof Promise ? s.then(a) : a();
-  }
-}, f = () => {
-}, K = (e, t = {}) => {
-  const {
-    onSync: n = f,
-    onAsync: o = f,
-    then: s = f,
-    catch: a = f,
-    finally: r = f
-  } = t;
-  try {
-    const i = e();
-    return i instanceof Promise ? (o(), i.then(s).catch(a).finally(r)) : (n(), s(i), r(), i);
-  } catch (i) {
-    n(), a(i), r();
-  }
-}, S = () => {
-};
-function Q(e) {
-  var l, h, g;
-  if (e.needsConfirmation)
-    return e.confirmationModalController.open;
-  const t = (p) => typeof p == "string" ? e.getOverlayController(p) : p, {
-    action: n,
-    onAction: o = n,
-    toggleOverlay: s,
-    closeOverlay: a,
-    openOverlay: r
-  } = e.actionProps;
-  return (o || (r ? (l = t(r)) == null ? void 0 : l.open : a ? (h = t(a)) == null ? void 0 : h.close : s ? (g = t(s)) == null ? void 0 : g.toggle : S)) ?? S;
-}
-class F {
-  constructor(t) {
-    c(this, "actions", []);
-    c(this, "baseAction");
-    this.baseAction = t;
-  }
-  addAction(t) {
-    this.actions.push(t);
-  }
-  async executeBatch(t) {
-    var i;
-    if (this.actions.length === 0)
-      return;
-    const n = (i = this.actions[this.actions.length - 1]) == null ? void 0 : i.actionProps.showFeedback, o = this.baseAction.state.withFeedback(
-      this.baseAction.needsConfirmation ? !1 : n
-    ), s = this.actions.map((l) => Q(l)), a = k(s);
-    let r;
-    if (await K(() => a(...t), {
-      onAsync: () => o.onAsyncStart(),
-      then: () => o.onSucceeded(),
-      catch: (l) => {
-        o.onFailed(l), r = l;
-      }
-    }), r)
-      throw r;
-  }
-}
-class W {
-  constructor(t) {
-    c(this, "action");
-    c(this, "execute", (...t) => {
-      const n = this.getBatchedActions();
-      (async () => {
-        for (const s of n)
-          await s.executeBatch(t);
-      })().catch((s) => console.error(s));
-    });
-    c(this, "getBatchedActions", () => {
-      let t = this.action;
-      const n = [];
-      let o = new F(
-        this.action
-      ), s = 0;
-      for (; t; ) {
-        const { action: a, break: r, skip: i } = t.actionProps;
-        if (t.needsConfirmation) {
-          o.addAction(t);
-          break;
-        }
-        if (i) {
-          s = i === !0 ? 1 : i, t = t.parentAction;
-          continue;
-        }
-        if (s > 0) {
-          t = t.parentAction, s--;
-          continue;
-        }
-        if (r)
-          break;
-        a || (n.push(o), o = new F(this.action)), o.addAction(t), t = t.parentAction;
-      }
-      return n.push(o), n;
-    });
-    this.action = t;
-  }
-}
-class u {
-  constructor(t) {
-    c(this, "state");
-    c(this, "needsConfirmation");
-    c(this, "actionProps");
-    c(this, "parentAction");
-    c(this, "confirmationModalController");
-    c(this, "overlayContext");
-    c(this, "execute", (...t) => {
-      new W(this).execute(...t);
-    });
-    const {
-      actionProps: n,
-      needsConfirmation: o,
-      parentAction: s,
-      overlayContext: a,
-      confirmationModalController: r,
-      state: i
-    } = t;
-    this.actionProps = n, this.parentAction = s, this.confirmationModalController = r, this.needsConfirmation = o, this.overlayContext = a, this.state = i;
-  }
-  static useNew(t, n = {}) {
-    const o = b(A), s = E(), a = T.useNew(), r = x.useNew();
-    return new u({
-      parentAction: o,
-      overlayContext: s,
-      confirmationModalController: a,
-      needsConfirmation: !1,
-      actionProps: t,
-      state: r,
-      ...n
-    });
-  }
-  static use() {
-    const t = b(A);
-    return N(!!t, "Action context is not defined"), j.useRegisterState(t.state), t;
-  }
-  static useConfirmationAction() {
-    const t = u.use();
-    return new u({
-      actionProps: t.actionProps,
-      confirmationModalController: t.confirmationModalController,
-      overlayContext: t.overlayContext,
-      state: t.state,
-      needsConfirmation: !1,
-      parentAction: u.useNew(
-        {
-          closeOverlay: t.confirmationModalController
-        },
-        {
-          parentAction: t.parentAction
-        }
-      )
-    });
-  }
-  getOverlayController(t) {
-    const n = (o) => o === void 0 ? void 0 : o ? this.overlayContext[t] : void 0;
-    return n(this.actionProps.openOverlay) ?? n(this.actionProps.closeOverlay) ?? n(this.actionProps.toggleOverlay);
-  }
-}
-const X = (e) => z()[e], y = (e) => X("Modal") === "actionConfirm" ? L(e) : void 0, m = (e) => {
-  const t = u.use(), n = t.state.useValue(), o = y(e) === "primary", s = t.confirmationModalController.useIsOpen();
-  return t.needsConfirmation && s && !o ? "isIdle" : n;
-}, B = {
-  onPress: d((e) => {
-    const t = u.use(), n = u.useConfirmationAction(), o = y(e) === "primary";
-    return y(e) === "abort" ? t.confirmationModalController.close : o ? n.execute : t.execute;
-  }),
-  isPending: d((e) => m(e) === "isPending"),
-  isSucceeded: d(
-    (e) => m(e) === "isSucceeded"
-  ),
-  isFailed: d((e) => m(e) === "isFailed"),
-  "aria-disabled": d((e) => {
-    const t = m(e), n = U().useIsBusy();
-    return t === "isExecuting" || n;
-  })
-}, ut = H("Action", (e) => {
-  const { children: t, actionModel: n, ...o } = e, s = u.useNew(o), a = n ?? s, r = {
-    Button: B,
-    Link: {
-      onPress: d(() => u.use().execute)
-    },
-    MenuItem: {
-      onAction: d(() => u.use().execute)
-    },
-    Modal: {
-      slot: d((i) => {
-        const { slot: l } = i, h = u.use();
-        return h.needsConfirmation = l === "actionConfirm", l;
-      }),
-      isDismissable: d((i) => {
-        const h = u.use().state.useValue();
-        return h === "isExecuting" || h === "isPending" ? !1 : i.isDismissable;
-      }),
-      controller: d(() => {
-        const i = u.use();
-        return i.needsConfirmation ? i.confirmationModalController : i.getOverlayController("Modal");
-      }),
-      ActionGroup: {
-        Button: B
-      }
-    }
-  };
-  return /* @__PURE__ */ w(J, { value: a, children: /* @__PURE__ */ w(q, { props: r, mergeInParentContext: !0, children: t }) });
-});
-export {
-  ut as A,
-  u as a
-};

package/dist/js/Action.js

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

package/dist/js/ActionGroup-CSpyLctL.js

@@ -1,50 +0,0 @@
-"use client"
-/* */
-import { jsx as o } from "react/jsx-runtime";
-import "react";
-import "./propsContext-DzAKlmhS.js";
-import { PropsContextProvider as w } from "./PropsContextProvider.js";
-import { d as n } from "./dynamic-ClpUSmEt.js";
-import i from "clsx";
-import { f as C } from "./flowComponent-B8dC8eRj.js";
-import { TunnelProvider as G } from "@mittwald/react-tunnel";
-import { A as y, g as a } from "./getActionGroupSlot-CekBnXeM.js";
-const x = "flow--action-group", A = "flow--action-group--primary", N = "flow--action-group--secondary", h = "flow--action-group--abort", k = "flow--action-group--action-group-container", v = "flow--action-group--ignore-breakpoint", B = "flow--action-group--s", P = "flow--action-group--m", r = {
-  actionGroup: x,
-  primary: A,
-  secondary: N,
-  abort: h,
-  actionGroupContainer: k,
-  ignoreBreakpoint: v,
-  s: B,
-  m: P
-}, F = C(
-  "ActionGroup",
-  (c) => {
-    const {
-      children: e,
-      className: s,
-      ref: p,
-      ignoreBreakpoint: m,
-      spacing: l = "s",
-      ...u
-    } = c, g = i(
-      r.actionGroupContainer,
-      s,
-      m && r.ignoreBreakpoint,
-      r[l]
-    ), f = {
-      Button: {
-        slot: n((t) => a(t)),
-        className: n((t) => {
-          const d = a(t);
-          return i(t.className, r[d]);
-        })
-      }
-    };
-    return /* @__PURE__ */ o(y, { children: /* @__PURE__ */ o(w, { props: f, mergeInParentContext: !0, children: /* @__PURE__ */ o(G, { children: /* @__PURE__ */ o("div", { ...u, className: g, ref: p, children: /* @__PURE__ */ o("div", { className: r.actionGroup, role: "group", children: e }) }) }) }) });
-  }
-);
-export {
-  F as A
-};

package/dist/js/ActionGroup.js

@@ -1,7 +0,0 @@
-"use client"
-/* */
-import { A as r } from "./ActionGroup-CSpyLctL.js";
-export {
-  r as ActionGroup,
-  r as default
-};

package/dist/js/Activity-BekrxIf7.js

@@ -1,32 +0,0 @@
-"use client"
-/* */
-import { jsxs as l, jsx as m } from "react/jsx-runtime";
-import { lazy as a, useState as f, useEffect as v, Suspense as S } from "react";
-import { useIsSSR as p } from "react-aria";
-const A = new Promise(
-  () => {
-  }
-), g = a(() => A), T = (o) => {
-  const { children: s, isActive: e = !0, inactiveDelay: t } = o, [n, i] = f(e), c = p();
-  v(() => {
-    if (t)
-      if (e)
-        i(!0);
-      else {
-        const u = setTimeout(() => {
-          i(!1);
-        }, t);
-        return () => {
-          clearTimeout(u);
-        };
-      }
-  }, [e, t]);
-  const r = t ? n : e;
-  return c ? r ? s : null : /* @__PURE__ */ l(S, { fallback: null, children: [
-    !r && /* @__PURE__ */ m(g, {}),
-    s
-  ] });
-};
-export {
-  T as A
-};

package/dist/js/Activity.js

@@ -1,7 +0,0 @@
-"use client"
-/* */
-import { A as a } from "./Activity-BekrxIf7.js";
-export {
-  a as Activity,
-  a as default
-};

package/dist/js/Alert.js

@@ -1,43 +0,0 @@
-"use client"
-/* */
-import { jsx as t, jsxs as f, Fragment as d } from "react/jsx-runtime";
-import "react";
-import "./propsContext-DzAKlmhS.js";
-import { C as p } from "./ClearPropsContext-CIgOlDjP.js";
-import { PropsContextProvider as g } from "./PropsContextProvider.js";
-import { d as w } from "./dynamic-ClpUSmEt.js";
-import h from "clsx";
-import { A as C } from "./AlertIcon-zxc_IFxt.js";
-import { f as u } from "./flowComponent-B8dC8eRj.js";
-const x = "flow--alert", N = "flow--alert--content", A = "flow--alert--info", P = "flow--alert--heading", j = "flow--alert--warning", v = "flow--alert--danger", y = "flow--alert--success", o = {
-  alert: x,
-  content: N,
-  info: A,
-  heading: P,
-  warning: j,
-  danger: v,
-  success: y
-}, E = u("Alert", (n) => {
-  const { children: r, className: s, status: e = "info", ref: a, ...l } = n, c = h(o.alert, o[e], s), i = {
-    Heading: {
-      className: o.heading,
-      level: 3,
-      size: "s",
-      children: w((m) => /* @__PURE__ */ f(d, { children: [
-        /* @__PURE__ */ t(C, { status: e }),
-        m.children
-      ] }))
-    },
-    Content: {
-      className: o.content,
-      Button: {
-        size: "s"
-      }
-    }
-  };
-  return /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t("aside", { ...l, className: c, ref: a, children: /* @__PURE__ */ t(g, { props: i, children: r }) }) });
-});
-export {
-  E as Alert,
-  E as default
-};

package/dist/js/AlertBadge.js

@@ -1,34 +0,0 @@
-"use client"
-/* */
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import "react";
-import m from "clsx";
-import { A as f } from "./AlertIcon-zxc_IFxt.js";
-import { T as d } from "./Text-CW_CzcoD.js";
-import "./propsContext-DzAKlmhS.js";
-import { C as g } from "./ClearPropsContext-CIgOlDjP.js";
-import "@react-aria/utils";
-import "remeda";
-import "dot-prop";
-import { f as p } from "./flowComponent-B8dC8eRj.js";
-const w = "flow--alert-badge", x = "flow--alert-badge--text", b = "flow--alert-badge--info", u = "flow--alert-badge--success", B = "flow--alert-badge--warning", C = "flow--alert-badge--danger", t = {
-  alertBadge: w,
-  text: x,
-  info: b,
-  success: u,
-  warning: B,
-  danger: C
-}, q = p(
-  "AlertBadge",
-  (r) => {
-    const { children: s, className: a, status: o = "info", ref: l, ...n } = r, c = m(t.alertBadge, t[o], a);
-    return /* @__PURE__ */ e(g, { children: /* @__PURE__ */ i("div", { className: c, ...n, ref: l, children: [
-      /* @__PURE__ */ e(f, { size: "s", className: t.alertIcon, status: o }),
-      /* @__PURE__ */ e(d, { className: t.text, children: s })
-    ] }) });
-  }
-);
-export {
-  q as AlertBadge,
-  q as default
-};

package/dist/js/AlertIcon-zxc_IFxt.js

@@ -1,50 +0,0 @@
-"use client"
-/* */
-import { jsx as n } from "react/jsx-runtime";
-import "react";
-import "@tabler/icons-react";
-import m from "clsx";
-import "./propsContext-DzAKlmhS.js";
-import { C as f } from "./ClearPropsContext-CIgOlDjP.js";
-import "@react-aria/utils";
-import "remeda";
-import "dot-prop";
-import "@mittwald/react-tunnel";
-import "./flowComponent-B8dC8eRj.js";
-import "./viewComponentContext-HXEKmx_D.js";
-import { I } from "./IconDanger-CLQjl-bG.js";
-import { I as u } from "./IconInfo-DOr5jJ3x.js";
-import { I as g, a as p } from "./IconWarning-b9Fu7oJU.js";
-import { useLocalizedStringFormatter as w } from "react-aria";
-const S = { "de-DE": {
-  "alertIcon.danger": "Status Fehler",
-  "alertIcon.info": "Status Information",
-  "alertIcon.success": "Status Erfolg",
-  "alertIcon.warning": "Status Warnung"
-}, "en-EN": {
-  "alertIcon.danger": "Status error",
-  "alertIcon.info": "Status information",
-  "alertIcon.success": "Status success",
-  "alertIcon.warning": "Status warning"
-} }, d = "flow--alert-icon--info", x = "flow--alert-icon", C = "flow--alert-icon--warning", N = "flow--alert-icon--danger", E = "flow--alert-icon--success", t = {
-  info: d,
-  alertIcon: x,
-  warning: C,
-  danger: N,
-  success: E
-}, F = {
-  danger: I,
-  info: u,
-  success: g,
-  warning: p
-}, H = (r) => {
-  const { status: o = "info", className: s, ...a } = r, c = m(t.alertIcon, t[o], s), e = w(S), i = F[o], l = {
-    className: c,
-    "aria-label": e.format(`alertIcon.${o}`),
-    ...a
-  };
-  return /* @__PURE__ */ n(f, { children: /* @__PURE__ */ n(i, { ...l }) });
-};
-export {
-  H as A
-};

package/dist/js/AlertIcon.js

@@ -1,7 +0,0 @@
-"use client"
-/* */
-import { A as r } from "./AlertIcon-zxc_IFxt.js";
-export {
-  r as AlertIcon,
-  r as default
-};

package/dist/js/Align.js

@@ -1,26 +0,0 @@
-"use client"
-/* */
-import { jsx as o } from "react/jsx-runtime";
-import "react";
-import e from "clsx";
-import { PropsContextProvider as c } from "./PropsContextProvider.js";
-import { f as i } from "./flowComponent-B8dC8eRj.js";
-const m = "flow--align", p = "flow--align--avatar", f = "flow--align--text", u = "flow--align--button", g = "flow--align--copy-button", t = {
-  align: m,
-  avatar: p,
-  text: f,
-  button: u,
-  copyButton: g
-}, b = i("Align", (a) => {
-  const { children: n, className: s } = a, l = e(t.align, s), r = {
-    Text: { className: t.text },
-    Button: { className: t.button },
-    Avatar: { className: t.avatar, size: "m" },
-    CopyButton: { size: "s", className: t.copyButton }
-  };
-  return /* @__PURE__ */ o(c, { props: r, children: /* @__PURE__ */ o("div", { className: l, children: n }) });
-});
-export {
-  b as Align,
-  b as default
-};