@mittwald/flow-react-components 0.2.0-alpha.27 → 0.2.0-alpha.28

package/dist/js/LoadingSpinner-CLdEsHVt.js

@@ -1,24 +0,0 @@
-"use client"
-/* */
-import { jsx as s } from "react/jsx-runtime";
-import "react";
-import "@tabler/icons-react";
-import t from "clsx";
-import "./propsContext-DzAKlmhS.js";
-import "@react-aria/utils";
-import "remeda";
-import "dot-prop";
-import "@mittwald/react-tunnel";
-import "./flowComponent--S4z-7r_.js";
-import "./viewComponentContext-HXEKmx_D.js";
-import { I as p } from "./IconPending-BMtWE5DF.js";
-const m = "flow--loading-spinner", a = "flow--loading-spinner--spin", e = {
-  loadingSpinner: m,
-  spin: a
-}, u = (o) => {
-  const { className: n, ...i } = o, r = t(e.loadingSpinner, n);
-  return /* @__PURE__ */ s(p, { className: r, ...i });
-};
-export {
-  u as L
-};

package/dist/js/LoadingSpinner.js

@@ -1,7 +0,0 @@
-"use client"
-/* */
-import { L as o } from "./LoadingSpinner-CLdEsHVt.js";
-export {
-  o as LoadingSpinner,
-  o as default
-};

package/dist/js/Markdown.js

@@ -1,59 +0,0 @@
-"use client"
-/* */
-import { jsx as r } from "react/jsx-runtime";
-import { Children as p, isValidElement as t } from "react";
-import f from "react-markdown";
-import { L as g } from "./Link-Bi5EK_xM.js";
-import { T as i } from "./Text-CIEzKaxJ.js";
-import { I as u } from "./InlineCode-BSVDNulO.js";
-import { H as a } from "./Heading-CxJ8-gg1.js";
-import { S as k } from "./Separator-DAT0Va4d.js";
-import { C as N } from "./CodeBlock-CIe3HE6_.js";
-const w = "flow--markdown", l = {
-  markdown: w
-}, H = (h) => {
-  const { children: s, color: c = "default", ...m } = h, o = c === "default" ? "primary" : c, d = c === "default" ? void 0 : c;
-  return /* @__PURE__ */ r(
-    f,
-    {
-      ...m,
-      components: {
-        a: (e) => /* @__PURE__ */ r(g, { target: "_blank", color: o, href: e.href, children: e.children }),
-        p: (e) => /* @__PURE__ */ r(i, { elementType: "p", className: l.text, color: d, children: e.children }),
-        code: (e) => /* @__PURE__ */ r(u, { color: c, children: e.children }),
-        h1: (e) => /* @__PURE__ */ r(a, { className: l.heading, level: 1, color: o, children: e.children }),
-        h2: (e) => /* @__PURE__ */ r(a, { className: l.heading, level: 2, color: o, children: e.children }),
-        h3: (e) => /* @__PURE__ */ r(a, { className: l.heading, level: 3, color: o, children: e.children }),
-        h4: (e) => /* @__PURE__ */ r(a, { className: l.heading, level: 4, color: o, children: e.children }),
-        h5: (e) => /* @__PURE__ */ r(a, { className: l.heading, level: 5, color: o, children: e.children }),
-        h6: (e) => /* @__PURE__ */ r(a, { className: l.heading, level: 6, color: o, children: e.children }),
-        hr: () => /* @__PURE__ */ r(k, {}),
-        pre: (e) => {
-          const n = p.toArray(
-            e.children
-          )[0];
-          if (typeof n != "string")
-            throw new Error("Element must be a string");
-          return /* @__PURE__ */ r(
-            N,
-            {
-              copyable: !1,
-              color: c,
-              language: t(n) && n.props.className ? n.props.className.replace("language-", "") : void 0,
-              code: t(n) ? n.props.children : n
-            }
-          );
-        },
-        ul: (e) => /* @__PURE__ */ r(i, { color: d, children: /* @__PURE__ */ r("ul", { children: e.children }) }),
-        ol: (e) => /* @__PURE__ */ r(i, { color: d, children: /* @__PURE__ */ r("ol", { children: e.children }) }),
-        blockquote: (e) => /* @__PURE__ */ r(i, { color: d, children: /* @__PURE__ */ r("blockquote", { children: e.children }) })
-      },
-      className: l.markdown,
-      children: s
-    }
-  );
-};
-export {
-  H as Markdown,
-  H as default
-};

package/dist/js/MenuItem-DuSDaivo.js

@@ -1,58 +0,0 @@
-"use client"
-/* */
-import { jsxs as u, Fragment as f, jsx as o } from "react/jsx-runtime";
-import "react";
-import * as h from "react-aria-components";
-import a from "clsx";
-import "./propsContext-DzAKlmhS.js";
-import { PropsContextProvider as p } from "./PropsContextProvider.js";
-import "@tabler/icons-react";
-import "@mittwald/react-tunnel";
-import { f as d } from "./flowComponent--S4z-7r_.js";
-import "@react-aria/utils";
-import "remeda";
-import "./viewComponentContext-HXEKmx_D.js";
-import { I as w, a as x } from "./IconCheckboxEmpty-CdHWDs3V.js";
-import { I as C, a as N } from "./IconRadioOn-DtJlH5uD.js";
-import { S as I } from "./Switch-DGEFjK19.js";
-const v = "flow--menu-item", M = "flow--menu-item--icon", S = "flow--menu-item--control-icon", g = "flow--menu-item--avatar", t = {
-  menuItem: v,
-  switch: "flow--menu-item--switch",
-  icon: M,
-  controlIcon: S,
-  avatar: g
-}, y = (s) => {
-  const {
-    selectionMode: e,
-    isSelected: n,
-    selectionVariant: c = "control",
-    children: r
-  } = s, i = {
-    Icon: {
-      className: t.icon
-    },
-    Text: {
-      className: t.text
-    },
-    Avatar: {
-      className: t.avatar
-    }
-  }, m = {
-    Icon: {
-      className: a(t.controlIcon, t.icon)
-    },
-    Switch: {
-      className: a(t.controlIcon, t.switch)
-    }
-  };
-  return /* @__PURE__ */ u(f, { children: [
-    /* @__PURE__ */ o(p, { props: m, children: e === "none" || c === "navigation" ? null : c === "switch" && n ? /* @__PURE__ */ o(I, { isReadOnly: !0, isSelected: !0 }) : c === "switch" && !n ? /* @__PURE__ */ o(I, { isReadOnly: !0 }) : e === "single" && n ? /* @__PURE__ */ o(C, {}) : e === "single" && !n ? /* @__PURE__ */ o(N, {}) : e === "multiple" && n ? /* @__PURE__ */ o(w, {}) : /* @__PURE__ */ o(x, {}) }),
-    /* @__PURE__ */ o(p, { props: i, children: r })
-  ] });
-}, D = d("MenuItem", (s) => {
-  const { children: e, className: n, selectionVariant: c, ref: r, ...i } = s, m = a(t.menuItem, n);
-  return /* @__PURE__ */ o(h.MenuItem, { ...i, className: m, ref: r, children: (l) => /* @__PURE__ */ o(y, { ...l, selectionVariant: c, children: e }) });
-});
-export {
-  D as M
-};

package/dist/js/MenuItem.js

@@ -1,7 +0,0 @@
-"use client"
-/* */
-import { M as t } from "./MenuItem-DuSDaivo.js";
-export {
-  t as MenuItem,
-  t as default
-};

package/dist/js/MenuTrigger-B6S1um5d.js

@@ -1,8 +0,0 @@
-"use client"
-/* */
-import { jsx as e } from "react/jsx-runtime";
-import * as o from "react-aria-components";
-const t = (r) => /* @__PURE__ */ e(o.MenuTrigger, { ...r });
-export {
-  t as M
-};

package/dist/js/Message.js

@@ -1,60 +0,0 @@
-"use client"
-/* */
-import { jsx as s } from "react/jsx-runtime";
-import "react";
-import i from "clsx";
-import "@tabler/icons-react";
-import "./propsContext-DzAKlmhS.js";
-import { PropsContextProvider as l } from "./PropsContextProvider.js";
-import "@mittwald/react-tunnel";
-import "./flowComponent--S4z-7r_.js";
-import "@react-aria/utils";
-import "remeda";
-import "./viewComponentContext-HXEKmx_D.js";
-import { I as p } from "./IconContextMenu-Ddfi5ZZF.js";
-const d = "flow--message", g = "flow--message--content", f = "flow--message--responder", h = "flow--message--header", u = "flow--message--user", N = "flow--message--date", w = "flow--message--action", x = "flow--message--right", e = {
-  message: d,
-  content: g,
-  responder: f,
-  header: h,
-  user: u,
-  date: N,
-  action: w,
-  right: x
-}, b = (o) => {
-  const { type: t = "sender", children: a, className: r, orientation: n = "left" } = o, c = i(
-    e.message,
-    e[t],
-    e[n],
-    r
-  ), m = {
-    Content: { className: e.content },
-    Header: {
-      className: e.header,
-      Button: {
-        className: e.action,
-        size: "s",
-        variant: "plain",
-        color: "secondary"
-      },
-      ContextMenuTrigger: {
-        Button: {
-          className: e.action,
-          size: "s",
-          variant: "plain",
-          color: "secondary",
-          children: /* @__PURE__ */ s(p, {})
-        }
-      },
-      Text: { className: e.date },
-      Align: {
-        className: e.user
-      }
-    }
-  };
-  return /* @__PURE__ */ s(l, { props: m, children: /* @__PURE__ */ s("article", { className: c, children: a }) });
-};
-export {
-  b as Message,
-  b as default
-};

package/dist/js/Modal.js

@@ -1,114 +0,0 @@
-"use client"
-/* */
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { useContext as g } from "react";
-import w from "clsx";
-import "./propsContext-DzAKlmhS.js";
-import { PropsContextProvider as h } from "./PropsContextProvider.js";
-import { TunnelProvider as u, TunnelExit as v } from "@mittwald/react-tunnel";
-import { f as C } from "./flowComponent--S4z-7r_.js";
-import { O as x } from "./OverlayContent-BWbB9vpK.js";
-import "react-aria-components";
-import { A as z } from "./Action-DfWvHbWy.js";
-import "@tabler/icons-react";
-import { v as y } from "./viewComponentContext-HXEKmx_D.js";
-import { I as N } from "./IconClose-DE2OkcZ3.js";
-import { H } from "./Header-CKEomWir.js";
-import { B as O } from "./ButtonView-9JIUBb3-.js";
-import { O as T } from "./OverlayTrigger-lqEEBZnu.js";
-import { D as M } from "./DialogTriggerView-L7WD5ojU.js";
-const P = "flow--modal", G = "flow--modal--off-canvas", V = "flow--modal--header", A = "flow--modal--content", B = "flow--modal--action-group", I = "flow--modal--left", o = {
-  modal: P,
-  offCanvas: G,
-  header: V,
-  content: A,
-  actionGroup: B,
-  "size-s": "flow--modal--size-s",
-  "size-m": "flow--modal--size-m",
-  "modal-zoom": "flow--modal--modal-zoom",
-  "modal-slide-in-from-right": "flow--modal--modal-slide-in-from-right",
-  left: I,
-  "modal-slide-in-from-left": "flow--modal--modal-slide-in-from-left",
-  "modal-slide-up": "flow--modal--modal-slide-up"
-}, j = (a) => {
-  const r = g(y).Header ?? H;
-  return /* @__PURE__ */ e(r, { ...a });
-}, Z = C(
-  "Modal",
-  (a) => {
-    const {
-      size: r = "s",
-      offCanvas: t,
-      controller: l,
-      children: s,
-      ref: i,
-      className: m,
-      offCanvasOrientation: d = "right",
-      ...f
-    } = a, c = w(
-      t ? o.offCanvas : o.modal,
-      o[`size-${r}`],
-      o[d],
-      m
-    ), p = {
-      Content: {
-        className: o.content,
-        Section: {
-          Heading: {
-            level: 3
-          }
-        }
-      },
-      Heading: {
-        level: 2,
-        slot: "title",
-        tunnelId: "heading"
-      },
-      ActionGroup: {
-        className: o.actionGroup,
-        spacing: "m"
-      }
-    };
-    return /* @__PURE__ */ e(
-      x,
-      {
-        className: c,
-        controller: l,
-        ref: i,
-        ...f,
-        children: /* @__PURE__ */ e(h, { props: p, children: /* @__PURE__ */ n(u, { children: [
-          /* @__PURE__ */ n(j, { className: o.header, children: [
-            /* @__PURE__ */ e(v, { id: "heading" }),
-            /* @__PURE__ */ e(z, { closeOverlay: "Modal", children: /* @__PURE__ */ e(
-              O,
-              {
-                variant: "plain",
-                color: "secondary",
-                className: o.closeButton,
-                onPress: l == null ? void 0 : l.close,
-                children: /* @__PURE__ */ e(N, {})
-              }
-            ) })
-          ] }),
-          s
-        ] }) })
-      }
-    );
-  }
-), _ = (a) => {
-  const { children: r, ...t } = a;
-  return /* @__PURE__ */ e(
-    T,
-    {
-      overlayType: "Modal",
-      ...t,
-      component: M,
-      children: r
-    }
-  );
-};
-export {
-  Z as Modal,
-  _ as ModalTrigger,
-  Z as default
-};

package/dist/js/Navigation.js

@@ -1,77 +0,0 @@
-"use client"
-/* */
-import { jsx as n, jsxs as m } from "react/jsx-runtime";
-import { useId as f } from "react";
-import v from "clsx";
-import "./propsContext-DzAKlmhS.js";
-import { PropsContextProvider as i } from "./PropsContextProvider.js";
-import { TunnelExit as r, TunnelProvider as u } from "@mittwald/react-tunnel";
-import { A as h } from "./Accordion-Dpj1oFzd.js";
-import { C as x } from "./Content-VZW7wYH0.js";
-const b = "flow--navigation", N = "flow--navigation--item", w = "flow--navigation--icon", C = "flow--navigation--control-icon", I = "flow--navigation--avatar", e = {
-  navigation: b,
-  item: N,
-  switch: "flow--navigation--switch",
-  icon: w,
-  controlIcon: C,
-  avatar: I
-}, q = (l) => {
-  const { className: o, children: s, ...t } = l, c = v(e.navigation, o), a = {
-    Link: {
-      wrapWith: /* @__PURE__ */ n("li", {}),
-      className: e.item,
-      unstyled: !0,
-      Text: {
-        className: e.text
-      },
-      Icon: {
-        className: e.icon
-      },
-      tunnelId: "links"
-    }
-  };
-  return /* @__PURE__ */ n("nav", { className: c, role: "navigation", ...t, children: /* @__PURE__ */ m(i, { props: a, mergeInParentContext: !0, children: [
-    /* @__PURE__ */ n("ul", { children: /* @__PURE__ */ n(r, { id: "links" }) }),
-    s
-  ] }) });
-}, P = "flow--navigation--navigation-group", k = "flow--navigation--navigation-group--collapsable", L = "flow--navigation--navigation-group--label", d = {
-  navigationGroup: P,
-  collapsable: k,
-  label: L
-}, z = (l) => {
-  const { children: o, className: s, collapsable: t, ...c } = l, a = v(
-    d.navigationGroup,
-    t && d.collapsable,
-    s
-  ), g = f(), p = {
-    Label: {
-      id: g,
-      className: d.label,
-      "aria-hidden": !0
-    },
-    Link: {
-      tunnelId: "groupLinks"
-    }
-  };
-  return t ? /* @__PURE__ */ n(i, { mergeInParentContext: !0, props: p, children: /* @__PURE__ */ n(u, { children: /* @__PURE__ */ m(h, { defaultExpanded: !0, className: a, children: [
-    o,
-    /* @__PURE__ */ n(x, { clearPropsContext: !1, children: /* @__PURE__ */ n("ul", { children: /* @__PURE__ */ n(r, { id: "groupLinks" }) }) })
-  ] }) }) }) : /* @__PURE__ */ n(i, { mergeInParentContext: !0, props: p, children: /* @__PURE__ */ n(u, { children: /* @__PURE__ */ n(
-    "section",
-    {
-      "aria-labelledby": g,
-      className: a,
-      ...c,
-      children: /* @__PURE__ */ m(i, { mergeInParentContext: !0, props: p, children: [
-        o,
-        /* @__PURE__ */ n(r, { id: "Label" }),
-        /* @__PURE__ */ n("ul", { children: /* @__PURE__ */ n(r, { id: "groupLinks" }) })
-      ] })
-    }
-  ) }) });
-};
-export {
-  q as Navigation,
-  z as NavigationGroup,
-  q as default
-};

package/dist/js/Notification.js

@@ -1,77 +0,0 @@
-"use client"
-/* */
-import { jsxs as e, jsx as n, Fragment as w } from "react/jsx-runtime";
-import "react";
-import u from "clsx";
-import "./propsContext-DzAKlmhS.js";
-import { PropsContextProvider as x } from "./PropsContextProvider.js";
-import { d as k } from "./dynamic-ClpUSmEt.js";
-import { A as C } from "./AlertIcon-DLNwOcjK.js";
-import { L as N } from "./Link-Bi5EK_xM.js";
-import { B as L } from "./Button-CpidnrB2.js";
-import "@tabler/icons-react";
-import "@mittwald/react-tunnel";
-import "./flowComponent--S4z-7r_.js";
-import "@react-aria/utils";
-import "remeda";
-import "./viewComponentContext-HXEKmx_D.js";
-import { I as v } from "./IconClose-DE2OkcZ3.js";
-const y = "flow--notification", P = "flow--notification--link", A = "flow--notification--heading", B = "flow--notification--text", I = "flow--notification--close", j = "flow--notification--info", z = "flow--notification--has-link", F = "flow--notification--warning", H = "flow--notification--danger", T = "flow--notification--success", o = {
-  notification: y,
-  link: P,
-  heading: A,
-  text: B,
-  close: I,
-  info: j,
-  hasLink: z,
-  warning: F,
-  danger: H,
-  success: T
-}, Z = (a) => {
-  const {
-    children: r,
-    className: l,
-    status: t = "info",
-    role: f = "alert",
-    href: s,
-    onClick: c,
-    onClose: i,
-    autoClose: b,
-    ...m
-  } = a, d = u(
-    o.notification,
-    o[t],
-    (c || i || s) && o.hasLink,
-    l
-  ), p = {
-    Heading: {
-      className: o.heading,
-      level: 4,
-      children: k((g) => /* @__PURE__ */ e(w, { children: [
-        /* @__PURE__ */ n(C, { status: t }),
-        g.children
-      ] }))
-    },
-    Text: {
-      className: o.text
-    }
-  }, h = i && /* @__PURE__ */ n(
-    L,
-    {
-      size: "s",
-      className: o.close,
-      variant: "plain",
-      color: "secondary",
-      onPress: i,
-      children: /* @__PURE__ */ n(v, {})
-    }
-  );
-  return /* @__PURE__ */ e("div", { ...m, className: d, role: f, children: [
-    /* @__PURE__ */ n(N, { unstyled: !0, href: s, className: o.link, onPress: c, children: /* @__PURE__ */ n(x, { props: p, children: r }) }),
-    h
-  ] });
-};
-export {
-  Z as Notification,
-  Z as default
-};

package/dist/js/NotificationProvider.js

@@ -1,151 +0,0 @@
-"use client"
-/* */
-var C = Object.defineProperty;
-var w = (o, t, e) => t in o ? C(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var n = (o, t, e) => w(o, typeof t != "symbol" ? t + "" : t, e);
-import { jsx as s, jsxs as A } from "react/jsx-runtime";
-import { useRef as D, cloneElement as v, Suspense as N, createContext as x, useContext as g } from "react";
-import { u as b } from "./useSelector-DpU7_HMO.js";
-import { makeObservable as y, observable as I, action as c } from "mobx";
-import { Duration as m, DateTime as d } from "luxon";
-import M from "react-dom";
-import P from "clsx";
-import { LazyMotion as S, domAnimation as E, AnimatePresence as L, m as k } from "framer-motion";
-import { useIsSSR as R } from "react-aria";
-class j {
-  constructor() {
-    n(this, "duration", m.fromDurationLike(0));
-    n(this, "onDone");
-    n(this, "startedAt");
-    n(this, "pausedAt");
-    n(this, "runningTimeoutId");
-  }
-  start(t, e) {
-    if (this.startedAt)
-      throw new Error("Timer already started");
-    this.duration = m.fromDurationLike(t), this.onDone = e, this.startTimeout(this.duration);
-  }
-  restart() {
-    this.stop(), this.startTimeout(this.duration);
-  }
-  pause() {
-    this.clearTimeout();
-    const t = d.now();
-    this.pausedAt = t, this.startedAt || (this.startedAt = t);
-  }
-  resume() {
-    if (this.startedAt) {
-      if (this.pausedAt) {
-        const t = this.pausedAt.diff(this.startedAt), e = this.duration.minus(t);
-        this.startTimeout(e);
-      }
-    } else throw new Error("Timer not paused");
-  }
-  stop() {
-    this.clearTimeout(), this.startedAt = void 0, this.pausedAt = void 0;
-  }
-  get state() {
-    return this.pausedAt ? "paused" : this.startedAt ? "running" : "idle";
-  }
-  clearTimeout() {
-    this.runningTimeoutId && window.clearTimeout(this.runningTimeoutId), this.runningTimeoutId = void 0;
-  }
-  startTimeout(t) {
-    this.startedAt = d.now(), this.pausedAt = void 0, this.runningTimeoutId = window.setTimeout(() => {
-      this.stop(), this.onDone && this.onDone();
-    }, t.toMillis());
-  }
-}
-class a {
-  constructor() {
-    n(this, "notificationsData", /* @__PURE__ */ new Map());
-    n(this, "id", 0);
-    y(this, {
-      notificationsData: I.shallow,
-      add: c.bound,
-      remove: c.bound
-    });
-  }
-  static useNew() {
-    return D(new a()).current;
-  }
-  useNotifications() {
-    return b(() => Array.from(this.notificationsData.values()));
-  }
-  add(t) {
-    const e = this.id++, i = {
-      id: e,
-      createdAt: Date.now(),
-      autoCloseTimer: new j()
-    };
-    this.notificationsData.set(e, {
-      element: t,
-      meta: i
-    }), t.props.autoClose && i.autoCloseTimer.start({ seconds: 10 }, () => {
-      this.remove(e);
-    });
-  }
-  remove(t) {
-    this.notificationsData.delete(t);
-  }
-}
-const B = "flow--notification-provider--notification-container", O = "flow--notification-provider--notification", l = {
-  notificationContainer: B,
-  notification: O
-}, z = (o) => {
-  const { notification: t, controller: e } = o;
-  return v(t.element, {
-    onMouseEnter: () => {
-      t.element.props.autoClose && t.meta.autoCloseTimer.pause();
-    },
-    onMouseLeave: () => {
-      t.element.props.autoClose && t.meta.autoCloseTimer.resume();
-    },
-    onClose: () => {
-      var i, r;
-      e.remove(t.meta.id), (r = (i = t.element.props).onClose) == null || r.call(i);
-    },
-    onFocus: () => {
-      t.element.props.autoClose && t.meta.autoCloseTimer.pause();
-    },
-    onBlur: () => {
-      t.element.props.autoClose && t.meta.autoCloseTimer.resume();
-    }
-  });
-}, F = (o) => {
-  const { className: t, ...e } = o, i = q(), r = i.useNotifications(), h = R(), p = P(l.notificationContainer, t), T = /* @__PURE__ */ s(S, { features: E, children: /* @__PURE__ */ s("div", { className: p, ...e, children: /* @__PURE__ */ s(L, { children: r.map((u) => /* @__PURE__ */ s(
-    k.div,
-    {
-      className: l.notification,
-      initial: { opacity: 0, x: 200 },
-      animate: { opacity: 1, x: 0 },
-      exit: { opacity: 0, x: 200, height: 0, paddingBottom: 0 },
-      transition: {
-        bounce: 0
-      },
-      children: /* @__PURE__ */ s(N, { children: /* @__PURE__ */ s(
-        z,
-        {
-          notification: u,
-          controller: i
-        }
-      ) })
-    },
-    u.meta.id
-  )) }) }) });
-  return h ? null : M.createPortal(T, document.body);
-}, f = x(
-  new a()
-), q = () => g(f), Z = (o) => {
-  const { children: t, ...e } = o, i = a.useNew();
-  return /* @__PURE__ */ A(f.Provider, { value: i, children: [
-    /* @__PURE__ */ s(F, { ...e }),
-    t
-  ] });
-};
-export {
-  a as NotificationController,
-  Z as NotificationProvider,
-  Z as default,
-  q as useNotificationController
-};