@mittwald/flow-react-components 0.1.0-alpha.8 → 0.1.0-alpha.81

package/dist/Content.js

@@ -1,20 +1,17 @@
 "use client"
 /* */
-import r, { createElement as l } from "react";
-import { p as s } from "./propsContext-1HT-3SRC.js";
+import t from "react";
+import { C as l } from "./ClearPropsContext-CeCMjUK9.js";
+import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
-import { u as c } from "./useProps-5ZdbXCrH.js";
-const m = (e) => {
-  const { children: t } = e;
-  return /* @__PURE__ */ r.createElement(s.Provider, { value: {} }, t);
-}, d = (e) => {
-  const { children: t, elementType: n = "div", ...o } = c("Content", e);
-  return l(n, {
-    ...o,
-    children: /* @__PURE__ */ r.createElement(m, null, t)
-  });
-};
+import "remeda";
+import "dot-prop";
+import { f as i } from "./flowComponent-dvQga3NG.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 {
-  d as Content,
-  d as default
+  E as Content,
+  E as default
 };

package/dist/ContextMenu-BeySGa4K.js

@@ -0,0 +1,47 @@
+"use client"
+/* */
+import e from "react";
+import * as u from "react-aria-components";
+import { f as d } from "./flowComponent-dvQga3NG.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
+};

package/dist/ContextMenu.js

@@ -0,0 +1,11 @@
+"use client"
+/* */
+import { C as r } from "./ContextMenu-BeySGa4K.js";
+import { M as n } from "./MenuItem-Bi8sYht4.js";
+import { MenuTrigger as m } from "react-aria-components";
+export {
+  r as ContextMenu,
+  m as ContextMenuTrigger,
+  n as MenuItem,
+  r as default
+};

package/dist/CopyButton.js

@@ -0,0 +1,35 @@
+"use client"
+/* */
+import o from "react";
+import a from "copy-to-clipboard";
+import { B as i } from "./Button-CZjBV5AM.js";
+import "@tabler/icons-react";
+import "./Icon-DwHDa4pA.js";
+import { I as c } from "./IconCopy-CHksIqDs.js";
+import { useLocalizedStringFormatter as l } from "react-aria";
+import { a as s, T as f } from "./TooltipTrigger-TslkLN5s.js";
+import { onlyText as u } from "react-children-utilities";
+import { C as y } from "./ClearPropsContext-CeCMjUK9.js";
+import "./propsContext-CauylOgH.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as C } from "./flowComponent-dvQga3NG.js";
+import { A as E } from "./Action-XlqKlkaB.js";
+const B = {
+  "de-DE": {
+    "copyButton.copy": "Kopieren"
+  },
+  "en-EN": {
+    "copyButton.copy": "Copy"
+  }
+}, S = C("CopyButton", (r) => {
+  const { text: e, ref: m, ...n } = r, t = l(B).format("copyButton.copy"), p = () => {
+    a(u(e));
+  };
+  return /* @__PURE__ */ o.createElement(y, null, /* @__PURE__ */ o.createElement(s, null, /* @__PURE__ */ o.createElement(E, { action: p, feedback: !0 }, /* @__PURE__ */ o.createElement(i, { "aria-label": t, ...n, ref: m }, /* @__PURE__ */ o.createElement(c, null))), /* @__PURE__ */ o.createElement(f, null, t)));
+});
+export {
+  S as CopyButton,
+  S as default
+};

package/dist/EmulatedBoldText-Dtox8Wd1.js

@@ -0,0 +1,14 @@
+"use client"
+/* */
+import t from "react";
+import m from "clsx";
+const c = "flow--emulated-bold-text", r = "flow--emulated-bold-text--bold-text", l = {
+  emulatedBoldText: c,
+  boldText: r
+}, u = (o) => {
+  const { children: e, className: a, ...s } = o, d = m(l.emulatedBoldText, a);
+  return /* @__PURE__ */ t.createElement("span", { className: d, ...s }, e, /* @__PURE__ */ t.createElement("span", { "aria-hidden": "true", className: l.boldText }, e));
+};
+export {
+  u as E
+};

package/dist/FieldDescription.js

@@ -1,19 +1,21 @@
 "use client"
 /* */
-import r from "react";
-import { c } from "./clsx-F0OAuoLf.js";
-import "./propsContext-1HT-3SRC.js";
+import t from "react";
+import m from "clsx";
+import { C as n } from "./ClearPropsContext-CeCMjUK9.js";
+import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
-import { u as l } from "./useProps-5ZdbXCrH.js";
-import { T as p } from "./Text-ZKs-d7Xd.js";
-import "react-aria-components";
-const m = "flow--field-description", n = {
-  fieldDescription: m
-}, F = (t) => {
-  const { children: e, className: o, ...s } = l("FieldDescription", t), i = c(n.fieldDescription, o);
-  return /* @__PURE__ */ r.createElement(p, { slot: "description", ...s, className: i }, e);
-};
+import "remeda";
+import "dot-prop";
+import { T as c } from "./Text-CKd46eHq.js";
+import { f as p } from "./flowComponent-dvQga3NG.js";
+const a = "flow--field-description", f = {
+  fieldDescription: a
+}, T = p("FieldDescription", (e) => {
+  const { children: o, className: r, ref: i, ...s } = e, l = m(f.fieldDescription, r);
+  return /* @__PURE__ */ t.createElement(n, null, /* @__PURE__ */ t.createElement(c, { slot: "description", ...s, className: l, ref: i }, o));
+});
 export {
-  F as FieldDescription,
-  F as default
+  T as FieldDescription,
+  T as default
 };

package/dist/FieldError-b6CAH0ya.js

@@ -0,0 +1,23 @@
+"use client"
+/* */
+import r from "react";
+import * as n from "react-aria-components";
+import a from "clsx";
+import { C as c } from "./ClearPropsContext-CeCMjUK9.js";
+import "./propsContext-CauylOgH.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import "@tabler/icons-react";
+import "./Icon-DwHDa4pA.js";
+import { I as p } from "./IconDanger-MdCt1mDP.js";
+import { f } from "./flowComponent-dvQga3NG.js";
+const E = "flow--field-error", d = {
+  fieldError: E
+}, z = f("FieldError", (o) => {
+  const { children: e, className: t, ref: m, ...l } = o, s = a(d.fieldError, t);
+  return /* @__PURE__ */ r.createElement(c, null, /* @__PURE__ */ r.createElement(n.FieldError, { ...l, className: s, ref: m }, ({ validationErrors: i }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(p, { size: "s" }), /* @__PURE__ */ r.createElement("span", null, e || i.join(" ")))));
+});
+export {
+  z as F
+};

package/dist/FieldError.js

@@ -1,12 +1,6 @@
 "use client"
 /* */
-import { F as o } from "./FieldError-O1TRrMMj.js";
-import "react";
-import "react-aria-components";
-import "./clsx-F0OAuoLf.js";
-import "./propsContext-1HT-3SRC.js";
-import "@react-aria/utils";
-import "./useProps-5ZdbXCrH.js";
+import { F as o } from "./FieldError-b6CAH0ya.js";
 export {
   o as FieldError,
   o as default

package/dist/FormField.module-DHK6nIcD.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 s
+};

package/dist/Header.js

@@ -0,0 +1,12 @@
+"use client"
+/* */
+import m from "react";
+import { f as c } from "./flowComponent-dvQga3NG.js";
+const s = c("Header", (e) => {
+  const { children: t, ref: r, elementType: o = "header", ...n } = e, a = o;
+  return /* @__PURE__ */ m.createElement(a, { ...n, ref: r }, t);
+});
+export {
+  s as Header,
+  s as default
+};

package/dist/HeaderNavigation.js

@@ -0,0 +1,39 @@
+"use client"
+/* */
+import e from "react";
+import "./propsContext-CauylOgH.js";
+import { P as m } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "remeda";
+import { d } from "./dynamic-ClpUSmEt.js";
+import v from "clsx";
+import { E as p } from "./EmulatedBoldText-Dtox8Wd1.js";
+const u = "flow--header-navigation", h = "flow--header-navigation--link", f = "flow--header-navigation--button", g = "flow--header-navigation--inverse", n = {
+  headerNavigation: u,
+  link: h,
+  button: f,
+  inverse: g
+}, P = (o) => {
+  const { children: a, className: r, inverse: i, ...l } = o, s = v(
+    n.headerNavigation,
+    i && n.inverse,
+    r
+  ), c = {
+    Link: {
+      hoc: (t) => /* @__PURE__ */ e.createElement("li", null, t),
+      className: n.link,
+      unstyled: !0,
+      children: d((t) => /* @__PURE__ */ e.createElement(p, null, t.children))
+    },
+    Button: {
+      hoc: (t) => /* @__PURE__ */ e.createElement("li", null, t),
+      className: n.button,
+      style: "plain"
+    }
+  };
+  return /* @__PURE__ */ e.createElement("nav", { className: s, role: "navigation", ...l }, /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement(m, { props: c }, a)));
+};
+export {
+  P as HeaderNavigation,
+  P as default
+};

package/dist/Heading.js

@@ -1,26 +1,28 @@
 "use client"
 /* */
-import { createElement as n } from "react";
-import { c as i } from "./clsx-F0OAuoLf.js";
-import "./propsContext-1HT-3SRC.js";
+import e from "react";
+import l from "clsx";
+import { C as p } from "./ClearPropsContext-CeCMjUK9.js";
+import { P as d } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
-import { u as m } from "./useProps-5ZdbXCrH.js";
-const c = "flow--heading", l = {
-  heading: c
-}, u = (e) => {
-  const {
-    children: s,
-    className: o,
-    level: t = 3,
-    ...a
-  } = m("Heading", e), r = i(l.heading, o);
-  return n(`h${t}`, {
-    ...a,
-    className: r,
-    children: s
-  });
-};
+import "./propsContext-CauylOgH.js";
+import "remeda";
+import { f } from "./flowComponent-dvQga3NG.js";
+import * as g from "react-aria-components";
+const h = "flow--heading", C = "flow--heading--icon", o = {
+  heading: h,
+  icon: C
+}, y = f("Heading", (t) => {
+  const { children: r, className: n, level: a = 2, ref: s, ...i } = t, m = l(o.heading, n), c = {
+    Icon: {
+      "aria-hidden": !0,
+      size: "s",
+      className: o.icon
+    }
+  };
+  return /* @__PURE__ */ e.createElement(p, null, /* @__PURE__ */ e.createElement(g.Heading, { level: a, className: m, ...i, ref: s }, /* @__PURE__ */ e.createElement(d, { props: c }, r)));
+});
 export {
-  u as Heading,
-  u as default
+  y as Heading,
+  y as default
 };

package/dist/Icon-DwHDa4pA.js

@@ -0,0 +1,52 @@
+"use client"
+/* */
+import i, { Children as p, useMemo as f } from "react";
+import g from "clsx";
+import d from "html-react-parser";
+import { C as w } from "./ClearPropsContext-CeCMjUK9.js";
+import "./propsContext-CauylOgH.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as z } from "./flowComponent-dvQga3NG.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 = p.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;
+}, A = z("Icon", (e) => {
+  const {
+    className: t,
+    "aria-label": o,
+    children: r,
+    size: l = "m",
+    ...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 = f(
+    () => 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 {
+  A as I
+};

package/dist/Icon.js

@@ -1,14 +1,7 @@
 "use client"
 /* */
-import { I as r } from "./Icon-ZFuEzyOR.js";
-import "react";
-import "@fortawesome/react-fontawesome";
-import "./clsx-F0OAuoLf.js";
-import "html-react-parser";
-import "./propsContext-1HT-3SRC.js";
-import "@react-aria/utils";
-import "./useProps-5ZdbXCrH.js";
+import { I as a } from "./Icon-DwHDa4pA.js";
 export {
-  r as Icon,
-  r as default
+  a as Icon,
+  a as default
 };

package/dist/IconCheck-CubzEVji.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-DwHDa4pA.js";
+const a = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(c, null));
+export {
+  a as I
+};

package/dist/IconCheckboxEmpty-BlU9hQOh.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-DwHDa4pA.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/IconCheckboxIndeterminate-B-p8FuLS.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-DwHDa4pA.js";
+const a = (o) => /* @__PURE__ */ e.createElement(r, { ...o }, /* @__PURE__ */ e.createElement(t, null));
+export {
+  a as I
+};

package/dist/IconChevronDown-C205topB.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-DwHDa4pA.js";
+const a = (n) => /* @__PURE__ */ o.createElement(r, { ...n }, /* @__PURE__ */ o.createElement(e, null));
+export {
+  a as I
+};

package/dist/IconChevronRight-CFcrQPos.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-DwHDa4pA.js";
+const a = (e) => /* @__PURE__ */ o.createElement(r, { ...e }, /* @__PURE__ */ o.createElement(t, null));
+export {
+  a as I
+};

package/dist/IconClose-7gyfEXz1.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-DwHDa4pA.js";
+const a = (e) => /* @__PURE__ */ o.createElement(r, { ...e }, /* @__PURE__ */ o.createElement(t, null));
+export {
+  a as I
+};

package/dist/IconContextMenu-DYOFg7qU.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-DwHDa4pA.js";
+const a = (t) => /* @__PURE__ */ o.createElement(n, { ...t }, /* @__PURE__ */ o.createElement(e, null));
+export {
+  a as I
+};

package/dist/IconCopy-CHksIqDs.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-DwHDa4pA.js";
+const p = (e) => /* @__PURE__ */ o.createElement(r, { ...e }, /* @__PURE__ */ o.createElement(t, null));
+export {
+  p as I
+};

package/dist/IconDanger-MdCt1mDP.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-DwHDa4pA.js";
+const c = (r) => /* @__PURE__ */ e.createElement(t, { ...r }, /* @__PURE__ */ e.createElement(o, null));
+export {
+  c as I
+};

package/dist/IconPending-CyQhZCfI.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-DwHDa4pA.js";
+const a = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(r, null));
+export {
+  a as I
+};

package/dist/IconPlus-Bz-UoRuD.js

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

package/dist/IconRadioOn-ghpksMxd.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-DwHDa4pA.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/IconSucceeded-CHjiCCzR.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-DwHDa4pA.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/IconWarning-Dbq3oj5j.js

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