@mittwald/flow-react-components 0.1.0-alpha.43 → 0.1.0-alpha.430

package/dist/js/FileField.js

@@ -0,0 +1,89 @@
+"use client"
+/* */
+import { f as d } from "./FormField.module-CqWpTQKP.js";
+import { useFormValidation as F } from "@react-aria/form";
+import { useFormValidationState as g } from "@react-stately/form";
+import i, { forwardRef as E, useRef as P, useMemo as y } from "react";
+import * as I from "react-aria-components";
+import { InputContext as R, FieldErrorContext as x } from "react-aria-components";
+import { useObjectRef as C } from "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as f } from "./PropsContextProvider.js";
+import "remeda";
+import { f as b } from "./flowComponent-B1r5sCmz.js";
+const V = "flow--file-field--trigger", h = {
+  trigger: V
+}, N = E(
+  (a, m) => {
+    const { children: c, isDisabled: l, onChange: e } = a, o = C(m), n = () => {
+      var r, t;
+      (r = o.current) != null && r.value && (o.current.value = "", e == null || e(null)), (t = o.current) == null || t.click();
+    }, p = (r) => {
+      e == null || e(r.target.files);
+    }, s = {
+      Button: {
+        onPress: n,
+        className: h.trigger,
+        isDisabled: l
+      }
+    };
+    return /* @__PURE__ */ i.createElement(f, { props: s, mergeInParentContext: !0 }, c, /* @__PURE__ */ i.createElement(
+      I.Input,
+      {
+        style: { display: "none" },
+        type: "file",
+        ref: o,
+        onChange: p
+      }
+    ));
+  }
+), M = b("FileField", (a) => {
+  const {
+    children: m,
+    refProp: c,
+    isRequired: l,
+    isInvalid: e,
+    isDisabled: o,
+    validationBehavior: n,
+    onChange: p,
+    ...s
+  } = a, r = P(null), t = g({
+    value: void 0,
+    validationBehavior: n,
+    isInvalid: e
+  });
+  F({ validationBehavior: n }, t, r);
+  const u = y(
+    () => ({
+      ...s,
+      ref: r,
+      "aria-invalid": t.displayValidation.isInvalid,
+      value: void 0
+    }),
+    [t, l, ...Object.values(s)]
+  ), v = {
+    Label: {
+      className: d.label,
+      optional: !a.isRequired
+    },
+    FieldDescription: {
+      className: d.fieldDescription
+    },
+    FieldError: {
+      className: d.customFieldError
+    }
+  };
+  return /* @__PURE__ */ i.createElement(R.Provider, { value: u }, /* @__PURE__ */ i.createElement(x.Provider, { value: t.displayValidation }, /* @__PURE__ */ i.createElement(f, { props: v }, /* @__PURE__ */ i.createElement(
+    "div",
+    {
+      "data-required": !!l || void 0,
+      "data-invalid": t.displayValidation.isInvalid || void 0,
+      className: d.formField
+    },
+    /* @__PURE__ */ i.createElement(N, { ref: c, onChange: p, isDisabled: o }, m)
+  ))));
+});
+export {
+  M as FileField,
+  M as default
+};

package/dist/js/FormField.module-CqWpTQKP.js

@@ -0,0 +1,12 @@
+"use client"
+/* */
+const o = "flow--form-field", r = "flow--form-field--label", l = "flow--form-field--field-error", e = "flow--form-field--custom-field-error", f = "flow--form-field--field-description", i = {
+  formField: o,
+  label: r,
+  fieldError: l,
+  customFieldError: e,
+  fieldDescription: f
+};
+export {
+  i as f
+};

package/dist/js/Header-DzHecOxx.js

@@ -0,0 +1,80 @@
+"use client"
+/* */
+import e from "react";
+import { f as d } from "./flowComponent-B1r5sCmz.js";
+import u from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as m } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import { TunnelProvider as p, TunnelExit as I } from "@mittwald/react-tunnel";
+const f = "flow--section--section-header", g = "flow--section--section-header--actions", s = {
+  sectionHeader: f,
+  actions: g
+}, H = (t) => {
+  const { children: n, className: o } = t, r = u(s.sectionHeader, o), l = {
+    Switch: {
+      labelPosition: "leading",
+      tunnelId: "actions"
+    },
+    Button: {
+      size: "s",
+      tunnelId: "actions"
+    },
+    FileField: { tunnelId: "actions", Button: { size: "s" } },
+    ContextMenuTrigger: {
+      tunnelId: "actions",
+      Button: {
+        tunnelId: null
+      }
+    },
+    PopoverTrigger: {
+      tunnelId: "actions",
+      Button: {
+        tunnelId: null
+      }
+    },
+    ModalTrigger: {
+      tunnelId: "actions",
+      Button: {
+        tunnelId: null
+      }
+    },
+    ContextualHelpTrigger: {
+      tunnelId: "actions",
+      Button: {
+        tunnelId: null
+      }
+    },
+    Action: {
+      tunnelId: "actions",
+      Button: {
+        tunnelId: null
+      }
+    },
+    Heading: {
+      level: 2,
+      className: s.heading
+    },
+    Link: {
+      tunnelId: "actions"
+    }
+  };
+  return /* @__PURE__ */ e.createElement("header", { className: r }, /* @__PURE__ */ e.createElement(m, { props: l }, /* @__PURE__ */ e.createElement(p, null, n, /* @__PURE__ */ e.createElement("div", { className: s.actions }, /* @__PURE__ */ e.createElement(I, { id: "actions" })))));
+}, v = d("Header", (t) => {
+  const {
+    children: n,
+    refProp: o,
+    elementType: r = "header",
+    renderSectionHeader: l,
+    className: i,
+    ...a
+  } = t;
+  if (l)
+    return /* @__PURE__ */ e.createElement(H, { className: i }, n);
+  const c = r;
+  return /* @__PURE__ */ e.createElement(c, { ...a, className: i, ref: o }, n);
+});
+export {
+  v as H
+};

package/dist/js/Header.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { H as e } from "./Header-DzHecOxx.js";
+export {
+  e as Header,
+  e as default
+};

package/dist/js/HeaderNavigation.js

@@ -0,0 +1,37 @@
+"use client"
+/* */
+import t from "react";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as m } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import { d } from "./dynamic-ClpUSmEt.js";
+import p from "clsx";
+import { T as h } from "./Text-B17xjuUC.js";
+const u = "flow--header-navigation", g = "flow--header-navigation--link", v = "flow--header-navigation--button", f = "flow--header-navigation--light", N = "flow--header-navigation--dark", e = {
+  headerNavigation: u,
+  link: g,
+  button: v,
+  light: f,
+  dark: N
+}, B = (n) => {
+  const { children: o, className: r, color: a = "primary", ...i } = n, l = p(e.headerNavigation, e[a], r), s = {
+    Link: {
+      wrapWith: /* @__PURE__ */ t.createElement("li", null),
+      className: e.link,
+      unstyled: !0,
+      children: d((c) => /* @__PURE__ */ t.createElement(h, { emulateBoldWidth: !0 }, c.children))
+    },
+    Button: {
+      className: e.button,
+      color: a,
+      variant: "plain",
+      wrapWith: /* @__PURE__ */ t.createElement("li", null)
+    }
+  };
+  return /* @__PURE__ */ t.createElement("nav", { className: l, role: "navigation", ...i }, /* @__PURE__ */ t.createElement("ul", null, /* @__PURE__ */ t.createElement(m, { props: s }, o)));
+};
+export {
+  B as HeaderNavigation,
+  B as default
+};

package/dist/js/Heading-s0GGZftx.js

@@ -0,0 +1,72 @@
+"use client"
+/* */
+import e from "react";
+import m from "clsx";
+import { C as h } from "./ClearPropsContext-CUvsbMn8.js";
+import { PropsContextProvider as f } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import { f as p } from "./flowComponent-B1r5sCmz.js";
+import * as x from "react-aria-components";
+import { TunnelProvider as C, TunnelExit as u } from "@mittwald/react-tunnel";
+const w = "flow--heading", E = "flow--heading--dark", N = "flow--heading--light", T = "flow--heading--heading-text", H = "flow--heading--icon", I = "flow--heading--heading-content", P = "flow--heading--xs", k = "flow--heading--s", v = "flow--heading--m", B = "flow--heading--l", y = "flow--heading--xl", A = "flow--heading--xxl", n = {
+  heading: w,
+  dark: E,
+  light: N,
+  headingText: T,
+  icon: H,
+  headingContent: I,
+  xs: P,
+  s: k,
+  m: v,
+  l: B,
+  xl: y,
+  xxl: A
+}, K = p("Heading", (o) => {
+  const {
+    children: a,
+    className: l,
+    level: i = 2,
+    color: r = "primary",
+    size: t,
+    refProp: s,
+    ...d
+  } = o, c = m(
+    n.heading,
+    t && n[t],
+    n[r],
+    l
+  ), g = {
+    Icon: {
+      "aria-hidden": !0,
+      className: n.icon
+    },
+    AlertBadge: {
+      tunnelId: "headingContent"
+    },
+    Badge: {
+      tunnelId: "headingContent"
+    },
+    ContextualHelpTrigger: {
+      tunnelId: "headingContent",
+      Button: {
+        tunnelId: null
+      }
+    }
+  };
+  return /* @__PURE__ */ e.createElement(h, null, /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement(
+    x.Heading,
+    {
+      level: i,
+      className: c,
+      ...d,
+      ref: s
+    },
+    /* @__PURE__ */ e.createElement("span", { className: n.headingText }, /* @__PURE__ */ e.createElement(f, { props: g }, a)),
+    /* @__PURE__ */ e.createElement("span", { className: n.headingContent }, /* @__PURE__ */ e.createElement(u, { id: "headingContent" }))
+  )));
+});
+export {
+  K as H
+};

package/dist/js/Heading.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { H as e } from "./Heading-s0GGZftx.js";
+export {
+  e as Heading,
+  e as default
+};

package/dist/js/Icon-mUEZToWz.js

@@ -0,0 +1,53 @@
+"use client"
+/* */
+import i, { Children as f, useMemo as p } from "react";
+import g from "clsx";
+import d from "html-react-parser";
+import { C as w } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as z } from "./flowComponent-B1r5sCmz.js";
+const b = "flow--icon", c = {
+  icon: b,
+  "size-m": "flow--icon--size-m",
+  "size-s": "flow--icon--size-s",
+  "size-l": "flow--icon--size-l"
+}, u = (e) => {
+  const t = f.toArray(d(e)).find(
+    (o) => typeof o == "object" && "type" in o && o.type === "svg"
+  );
+  if (!t)
+    throw new Error(`Invalid SVG string (got ${String(e)})`);
+  return t;
+}, $ = z("Icon", (e) => {
+  const {
+    className: t,
+    "aria-label": o,
+    children: r,
+    size: l = "m",
+    refProp: E,
+    ...a
+  } = e, m = {
+    ...a,
+    focusable: "false",
+    role: "img",
+    "aria-hidden": !o,
+    "aria-label": o,
+    className: g(c.icon, t, c[`size-${l}`])
+  }, s = typeof r == "string", n = p(
+    () => s ? u(r) : r,
+    [s, r]
+  );
+  if (!i.isValidElement(n))
+    throw new Error(
+      `Expected children of Icon component to be a valid React element (got ${String(
+        n
+      )})`
+    );
+  return /* @__PURE__ */ i.createElement(w, null, i.cloneElement(n, m));
+});
+export {
+  $ as I
+};

package/dist/js/Icon.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { I as a } from "./Icon-mUEZToWz.js";
+export {
+  a as Icon,
+  a as default
+};

package/dist/js/IconCalendar-y-PKAAeL.js

@@ -0,0 +1,10 @@
+"use client"
+/* */
+import e from "react";
+import { IconChevronLeft as t, IconCalendar as a } from "@tabler/icons-react";
+import { I as o } from "./Icon-mUEZToWz.js";
+const m = (n) => /* @__PURE__ */ e.createElement(o, { ...n }, /* @__PURE__ */ e.createElement(t, null)), I = (n) => /* @__PURE__ */ e.createElement(o, { ...n }, /* @__PURE__ */ e.createElement(a, null));
+export {
+  m as I,
+  I as a
+};

package/dist/js/IconCheck-y0I90xlL.js

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import e from "react";
+import { IconCheck as c } from "@tabler/icons-react";
+import { I as t } from "./Icon-mUEZToWz.js";
+const a = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(c, null));
+export {
+  a as I
+};

package/dist/js/IconCheckboxEmpty-BAQ3gCrW.js

@@ -0,0 +1,10 @@
+"use client"
+/* */
+import e from "react";
+import { IconSquareCheckFilled as t, IconSquare as n } from "@tabler/icons-react";
+import { I as o } from "./Icon-mUEZToWz.js";
+const l = (c) => /* @__PURE__ */ e.createElement(o, { ...c }, /* @__PURE__ */ e.createElement(t, null)), I = (c) => /* @__PURE__ */ e.createElement(o, { ...c }, /* @__PURE__ */ e.createElement(n, null));
+export {
+  l as I,
+  I as a
+};

package/dist/js/IconCheckboxIndeterminate-Dh3ttpUH.js

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import e from "react";
+import { IconSquareMinusFilled as t } from "@tabler/icons-react";
+import { I as r } from "./Icon-mUEZToWz.js";
+const a = (o) => /* @__PURE__ */ e.createElement(r, { ...o }, /* @__PURE__ */ e.createElement(t, null));
+export {
+  a as I
+};

package/dist/js/IconChevronDown-DeqeNFTL.js

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import o from "react";
+import { IconChevronDown as e } from "@tabler/icons-react";
+import { I as r } from "./Icon-mUEZToWz.js";
+const a = (n) => /* @__PURE__ */ o.createElement(r, { ...n }, /* @__PURE__ */ o.createElement(e, null));
+export {
+  a as I
+};

package/dist/js/IconChevronRight-B4hALJUX.js

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import o from "react";
+import { IconChevronRight as t } from "@tabler/icons-react";
+import { I as r } from "./Icon-mUEZToWz.js";
+const a = (e) => /* @__PURE__ */ o.createElement(r, { ...e }, /* @__PURE__ */ o.createElement(t, null));
+export {
+  a as I
+};

package/dist/js/IconChevronUp-CYa3Erd1.js

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import o from "react";
+import { IconChevronUp as r } from "@tabler/icons-react";
+import { I as n } from "./Icon-mUEZToWz.js";
+const p = (e) => /* @__PURE__ */ o.createElement(n, { ...e }, /* @__PURE__ */ o.createElement(r, null));
+export {
+  p as I
+};

package/dist/js/IconClose-njz0vW4D.js

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import o from "react";
+import { IconX as t } from "@tabler/icons-react";
+import { I as r } from "./Icon-mUEZToWz.js";
+const a = (e) => /* @__PURE__ */ o.createElement(r, { ...e }, /* @__PURE__ */ o.createElement(t, null));
+export {
+  a as I
+};

package/dist/js/IconContextMenu-B1vHRnf5.js

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import o from "react";
+import { IconDots as e } from "@tabler/icons-react";
+import { I as n } from "./Icon-mUEZToWz.js";
+const a = (t) => /* @__PURE__ */ o.createElement(n, { ...t }, /* @__PURE__ */ o.createElement(e, null));
+export {
+  a as I
+};

package/dist/js/IconCopy-DyvGR-TO.js

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import o from "react";
+import { IconCopy as t } from "@tabler/icons-react";
+import { I as r } from "./Icon-mUEZToWz.js";
+const p = (e) => /* @__PURE__ */ o.createElement(r, { ...e }, /* @__PURE__ */ o.createElement(t, null));
+export {
+  p as I
+};

package/dist/js/IconDanger-D7DexUvJ.js

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import e from "react";
+import { IconAlertTriangle as o } from "@tabler/icons-react";
+import { I as t } from "./Icon-mUEZToWz.js";
+const c = (r) => /* @__PURE__ */ e.createElement(t, { ...r }, /* @__PURE__ */ e.createElement(o, null));
+export {
+  c as I
+};

package/dist/js/IconExternalLink-BnfWUW87.js

@@ -0,0 +1,10 @@
+"use client"
+/* */
+import n from "react";
+import { IconDownload as t, IconExternalLink as a } from "@tabler/icons-react";
+import { I as e } from "./Icon-mUEZToWz.js";
+const m = (o) => /* @__PURE__ */ n.createElement(e, { ...o }, /* @__PURE__ */ n.createElement(t, null)), I = (o) => /* @__PURE__ */ n.createElement(e, { ...o }, /* @__PURE__ */ n.createElement(a, null));
+export {
+  m as I,
+  I as a
+};

package/dist/js/IconImage-TsxAzeqp.js

@@ -0,0 +1,10 @@
+"use client"
+/* */
+import e from "react";
+import { IconFile as n, IconPhoto as c } from "@tabler/icons-react";
+import { I as t } from "./Icon-mUEZToWz.js";
+const r = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(n, null)), I = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(c, null));
+export {
+  I,
+  r as a
+};

package/dist/js/IconInfo-BAMWjGnC.js

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import o from "react";
+import { IconInfoCircle as r } from "@tabler/icons-react";
+import { I as t } from "./Icon-mUEZToWz.js";
+const I = (e) => /* @__PURE__ */ o.createElement(t, { ...e }, /* @__PURE__ */ o.createElement(r, null));
+export {
+  I
+};

package/dist/js/IconPending-COzAj_dZ.js

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import e from "react";
+import { IconLoader2 as r } from "@tabler/icons-react";
+import { I as t } from "./Icon-mUEZToWz.js";
+const a = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(r, null));
+export {
+  a as I
+};

package/dist/js/IconPlus-DtViS5Ul.js

@@ -0,0 +1,10 @@
+"use client"
+/* */
+import e from "react";
+import { IconMinus as t, IconPlus as c } from "@tabler/icons-react";
+import { I as o } from "./Icon-mUEZToWz.js";
+const r = (n) => /* @__PURE__ */ e.createElement(o, { ...n }, /* @__PURE__ */ e.createElement(t, null)), m = (n) => /* @__PURE__ */ e.createElement(o, { ...n }, /* @__PURE__ */ e.createElement(c, null));
+export {
+  r as I,
+  m as a
+};

package/dist/js/IconRadioOn-BNHyvV5K.js

@@ -0,0 +1,10 @@
+"use client"
+/* */
+import e from "react";
+import { IconCircle as c, IconCircleDotFilled as n } from "@tabler/icons-react";
+import { I as t } from "./Icon-mUEZToWz.js";
+const m = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(c, null)), i = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(n, null));
+export {
+  i as I,
+  m as a
+};

package/dist/js/IconSearch-DMgHpqPU.js

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import e from "react";
+import { IconSearch as r } from "@tabler/icons-react";
+import { I as c } from "./Icon-mUEZToWz.js";
+const n = (o) => /* @__PURE__ */ e.createElement(c, { ...o }, /* @__PURE__ */ e.createElement(r, null));
+export {
+  n as I
+};

package/dist/js/IconSucceeded-DwXqB39n.js

@@ -0,0 +1,10 @@
+"use client"
+/* */
+import e from "react";
+import { IconX as o, IconCheck as n } from "@tabler/icons-react";
+import { I as t } from "./Icon-mUEZToWz.js";
+const l = (c) => /* @__PURE__ */ e.createElement(t, { ...c }, /* @__PURE__ */ e.createElement(o, null)), I = (c) => /* @__PURE__ */ e.createElement(t, { ...c }, /* @__PURE__ */ e.createElement(n, null));
+export {
+  I,
+  l as a
+};

package/dist/js/IconView-CcLkBI7M.js

@@ -0,0 +1,13 @@
+"use client"
+/* */
+import e from "react";
+import { IconTrash as c, IconFilter as o, IconDeviceFloppy as l, IconArrowsUpDown as r, IconList as a } from "@tabler/icons-react";
+import { I as n } from "./Icon-mUEZToWz.js";
+const i = (t) => /* @__PURE__ */ e.createElement(n, { ...t }, /* @__PURE__ */ e.createElement(c, null)), E = (t) => /* @__PURE__ */ e.createElement(n, { ...t }, /* @__PURE__ */ e.createElement(o, null)), p = (t) => /* @__PURE__ */ e.createElement(n, { ...t }, /* @__PURE__ */ e.createElement(l, null)), u = (t) => /* @__PURE__ */ e.createElement(n, { ...t }, /* @__PURE__ */ e.createElement(r, null)), F = (t) => /* @__PURE__ */ e.createElement(n, { ...t }, /* @__PURE__ */ e.createElement(a, null));
+export {
+  i as I,
+  E as a,
+  p as b,
+  u as c,
+  F as d
+};

package/dist/js/IconWarning-DFmEfqR4.js

@@ -0,0 +1,10 @@
+"use client"
+/* */
+import e from "react";
+import { IconCircleCheck as n, IconAlertCircle as r } from "@tabler/icons-react";
+import { I as t } from "./Icon-mUEZToWz.js";
+const m = (c) => /* @__PURE__ */ e.createElement(t, { ...c }, /* @__PURE__ */ e.createElement(n, null)), s = (c) => /* @__PURE__ */ e.createElement(t, { ...c }, /* @__PURE__ */ e.createElement(r, null));
+export {
+  m as I,
+  s as a
+};