@mittwald/flow-react-components 0.1.0-alpha.39 → 0.1.0-alpha.391

package/dist/js/IllustratedMessage-DB1AH-Oq.js

@@ -0,0 +1,45 @@
+"use client"
+/* */
+import s from "react";
+import o from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as m } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+const g = "flow--illustrated-message--illustrated-message-container", u = "flow--illustrated-message", p = "flow--illustrated-message--icon", f = "flow--illustrated-message--text", h = "flow--illustrated-message--heading", w = "flow--illustrated-message--action-group", x = "flow--illustrated-message--primary", N = "flow--illustrated-message--danger", C = "flow--illustrated-message--dark", M = "flow--illustrated-message--light", e = {
+  illustratedMessageContainer: g,
+  illustratedMessage: u,
+  icon: p,
+  text: f,
+  heading: h,
+  actionGroup: w,
+  primary: x,
+  danger: N,
+  dark: C,
+  light: M
+}, B = (r) => {
+  const { className: l, children: i, color: t = "primary", ...n } = r, c = o(e.illustratedMessageContainer, l), a = t === "dark" || t === "light" ? t : void 0, d = {
+    Icon: {
+      className: e.icon,
+      size: "l"
+    },
+    Heading: {
+      className: e.heading
+    },
+    Text: {
+      className: e.text,
+      color: a
+    },
+    Button: {
+      color: a ?? "accent"
+    },
+    ActionGroup: {
+      ignoreBreakpoint: !0,
+      className: e.actionGroup
+    }
+  };
+  return /* @__PURE__ */ s.createElement("div", { ...n, className: c }, /* @__PURE__ */ s.createElement("div", { className: o(e.illustratedMessage, e[t]) }, /* @__PURE__ */ s.createElement(m, { props: d }, i)));
+};
+export {
+  B as I
+};

package/dist/js/IllustratedMessage.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { I as e } from "./IllustratedMessage-DB1AH-Oq.js";
+export {
+  e as IllustratedMessage,
+  e as default
+};

package/dist/js/Image-BIFROw6f.js

@@ -0,0 +1,16 @@
+"use client"
+/* */
+import r from "react";
+import { C as m } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as p } from "./flowComponent-BQs9wMX_.js";
+const C = p("Image", (t) => {
+  const { refProp: e, ...o } = t;
+  return /* @__PURE__ */ r.createElement(m, null, /* @__PURE__ */ r.createElement("img", { ...o, ref: e }));
+});
+export {
+  C as I
+};

package/dist/js/Image.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { I as e } from "./Image-BIFROw6f.js";
+export {
+  e as Image,
+  e as default
+};

package/dist/js/Initials-CSvhEbyw.js

@@ -0,0 +1,20 @@
+"use client"
+/* */
+import e from "react";
+import c from "clsx";
+import { C as f } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { onlyText as C } from "react-children-utilities";
+import { f as x } from "./flowComponent-BQs9wMX_.js";
+const u = (i) => i.replace(/[^\p{L}\s]/giu, "").split(" ").map((t) => t.trim()[0]).filter((t) => t !== void 0).map((t) => t.toUpperCase()).slice(0, 2), E = "flow--initials", I = {
+  initials: E
+}, k = x("Initials", (i) => {
+  const { children: t, className: s, refProp: r } = i, o = C(t), n = u(o), a = c(I.initials, s), l = n.map((m, p) => /* @__PURE__ */ e.createElement("span", { key: p }, m));
+  return /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement("div", { "aria-label": o, className: a, ref: r }, l));
+});
+export {
+  k as I
+};

package/dist/js/Initials.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { I as t } from "./Initials-CSvhEbyw.js";
+export {
+  t as Initials,
+  t as default
+};

package/dist/js/InlineCode-6EfCoef4.js

@@ -0,0 +1,21 @@
+"use client"
+/* */
+import e from "react";
+import s from "clsx";
+import { C as a } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+const d = "flow--inline-code", m = "flow--inline-code--light", f = "flow--inline-code--dark", o = {
+  inlineCode: d,
+  default: "flow--inline-code--default",
+  light: m,
+  dark: f
+}, x = (t) => {
+  const { children: l, className: n, color: i = "default", ...r } = t, c = s(o.inlineCode, n, o[i]);
+  return /* @__PURE__ */ e.createElement(a, null, /* @__PURE__ */ e.createElement("code", { ...r, className: c }, l));
+};
+export {
+  x as I
+};

package/dist/js/InlineCode.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { I as o } from "./InlineCode-6EfCoef4.js";
+export {
+  o as InlineCode,
+  o as default
+};

package/dist/js/Label-BK8Njoxm.js

@@ -0,0 +1,34 @@
+"use client"
+/* */
+import l from "react";
+import * as f from "react-aria-components";
+import d from "clsx";
+import { C } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { useLocalizedStringFormatter as L } from "react-aria";
+import { f as u } from "./flowComponent-BQs9wMX_.js";
+const E = "flow--label", N = "flow--label--disabled", e = {
+  label: E,
+  disabled: N
+}, w = { "de-DE": {
+  "label.optional": "(optional)"
+}, "en-EN": {
+  "label.optional": "(optional)"
+} }, A = u("Label", (t) => {
+  const {
+    children: a,
+    className: o,
+    optional: r,
+    isDisabled: s,
+    refProp: i,
+    unstyled: n = !1,
+    ...m
+  } = t, p = L(w), c = n ? o : d(e.label, s && e.disabled, o), b = " " + p.format("label.optional");
+  return /* @__PURE__ */ l.createElement(C, null, /* @__PURE__ */ l.createElement(f.Label, { ...m, className: c, ref: i }, a, r && b));
+});
+export {
+  A as L
+};

package/dist/js/Label.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { L as e } from "./Label-BK8Njoxm.js";
+export {
+  e as Label,
+  e as default
+};

package/dist/js/LabeledValue.js

@@ -0,0 +1,35 @@
+"use client"
+/* */
+import l from "react";
+import r from "clsx";
+import { C as m } from "./ClearPropsContext-CUvsbMn8.js";
+import { PropsContextProvider as c } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+const b = "flow--labeled-value", p = "flow--labeled-value--button", u = "flow--labeled-value--label", e = {
+  labeledValue: b,
+  button: p,
+  label: u
+}, V = (t) => {
+  const { children: a, className: o } = t, s = r(e.labeledValue, o), n = {
+    Label: {
+      className: e.label
+    },
+    CopyButton: {
+      className: e.button,
+      variant: "plain",
+      size: "s"
+    },
+    Button: {
+      className: e.button,
+      variant: "plain",
+      size: "s"
+    }
+  };
+  return /* @__PURE__ */ l.createElement(m, null, /* @__PURE__ */ l.createElement("div", { className: s }, /* @__PURE__ */ l.createElement(c, { props: n }, a)));
+};
+export {
+  V as LabeledValue,
+  V as default
+};

package/dist/js/LayoutCard.js

@@ -0,0 +1,30 @@
+"use client"
+/* */
+import t from "react";
+import d from "clsx";
+import { f } from "./flowComponent-BQs9wMX_.js";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as i } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+const u = "flow--layout-card", y = "flow--layout-card--tabs", o = {
+  layoutCard: u,
+  tabs: y
+}, v = f("LayoutCard", (r) => {
+  const {
+    children: a,
+    className: e,
+    elementType: s = "div",
+    refProp: l,
+    ...m
+  } = r, c = d(o.layoutCard, e), n = s, p = {
+    Tabs: {
+      className: o.tabs
+    }
+  };
+  return /* @__PURE__ */ t.createElement(n, { className: c, ...m, ref: l }, /* @__PURE__ */ t.createElement(i, { props: p }, a));
+});
+export {
+  v as LayoutCard,
+  v as default
+};

package/dist/js/LightBox.js

@@ -0,0 +1,74 @@
+"use client"
+/* */
+import { f } from "./flowComponent-BQs9wMX_.js";
+import o from "react";
+import { O as g } from "./Overlay-BwfQD0k1.js";
+import u from "clsx";
+import "mobx";
+import { u as x } from "./useOverlayController-BwSJj4Ly.js";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as h } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import { B } from "./Button-BTc_iJae.js";
+import "@tabler/icons-react";
+import "./Icon--OEo4TjW.js";
+import { I as v } from "./IconClose-Bf4k99aq.js";
+import { TunnelProvider as d, TunnelExit as E } from "@mittwald/react-tunnel";
+import * as C from "react-aria-components";
+import { a as y } from "./OverlayTrigger-j2zD8W4S.js";
+const P = "flow--light-box", T = "flow--light-box--content", w = "flow--light-box--fit-screen", G = "flow--light-box--actions", L = "flow--light-box--action-group", t = {
+  lightBox: P,
+  content: T,
+  fitScreen: w,
+  actions: G,
+  actionGroup: L
+}, Q = f("LightBox", (e) => {
+  const {
+    controller: n,
+    children: i,
+    refProp: N,
+    className: l,
+    fitScreen: c = !0,
+    ...s
+  } = e, a = u(
+    t.lightBox,
+    c && t.fitScreen,
+    l
+  ), m = {
+    ActionGroup: {
+      className: t.actionGroup,
+      Button: { variant: "soft", color: "light" },
+      tunnelId: "actionGroup",
+      ignoreBreakpoint: !0
+    }
+  }, p = x("LightBox", {
+    reuseControllerFromContext: !0
+  }), r = n ?? p;
+  return /* @__PURE__ */ o.createElement(
+    g,
+    {
+      overlayType: "LightBox",
+      className: a,
+      controller: r,
+      ...s
+    },
+    /* @__PURE__ */ o.createElement(h, { props: m }, /* @__PURE__ */ o.createElement(d, null, /* @__PURE__ */ o.createElement("div", { className: t.content }, i), /* @__PURE__ */ o.createElement("div", { className: t.actions }, /* @__PURE__ */ o.createElement(B, { color: "light", variant: "soft", onPress: r == null ? void 0 : r.close }, /* @__PURE__ */ o.createElement(v, null)), /* @__PURE__ */ o.createElement(E, { id: "actionGroup" }))))
+  );
+}), U = (e) => {
+  const { children: n, ...i } = e;
+  return /* @__PURE__ */ o.createElement(
+    y,
+    {
+      overlayType: "LightBox",
+      ...i,
+      component: C.DialogTrigger
+    },
+    n
+  );
+};
+export {
+  Q as LightBox,
+  U as LightBoxTrigger,
+  Q as default
+};

package/dist/js/Link-CN3Wa-yA.js

@@ -0,0 +1,64 @@
+"use client"
+/* */
+import n, { useContext as x } from "react";
+import * as w from "react-aria-components";
+import { C as E } from "./ClearPropsContext-CUvsbMn8.js";
+import { PropsContextProvider as L } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import g from "clsx";
+import { f as P } from "./flowComponent-BQs9wMX_.js";
+import { l as h } from "./context-BlNV7smK.js";
+import "@tabler/icons-react";
+import "./Icon--OEo4TjW.js";
+import { I as y, a as I } from "./IconExternalLink-CN5WgFKj.js";
+import { useLocalizedStringFormatter as N } from "react-aria";
+const D = "flow--link", F = "flow--link--inline", b = "flow--link--icon", z = "flow--link--dark", v = "flow--link--light", e = {
+  link: D,
+  inline: F,
+  icon: b,
+  dark: z,
+  light: v
+}, A = { "de-DE": {
+  "link.download": "Download",
+  "link.external": "Externer Link"
+}, "en-EN": {
+  "link.download": "Download",
+  "link.external": "External link"
+} }, R = (o) => {
+  const { unstyled: l, target: r, download: i } = o, t = N(A);
+  return l ? null : i ? /* @__PURE__ */ n.createElement(y, { "aria-label": t.format("link.download") }) : r === "_blank" ? /* @__PURE__ */ n.createElement(I, { "aria-label": t.format("link.external") }) : null;
+}, U = P("Link", (o) => {
+  const {
+    children: l,
+    className: r,
+    inline: i,
+    linkComponent: t,
+    color: s = "primary",
+    unstyled: m = !1,
+    "aria-current": c,
+    refProp: k,
+    ...p
+  } = o, { linkComponent: a } = x(h), f = t || (o.href && a ? a : w.Link), d = m ? r : g(e.link, i && e.inline, e[s], r), u = {
+    Icon: {
+      className: e.icon,
+      size: "s"
+    }
+  }, C = {
+    "aria-current": c
+  };
+  return /* @__PURE__ */ n.createElement(E, null, /* @__PURE__ */ n.createElement(
+    f,
+    {
+      ...p,
+      ...C,
+      className: d,
+      ref: k
+    },
+    /* @__PURE__ */ n.createElement(L, { props: u }, l, /* @__PURE__ */ n.createElement(R, { ...o }))
+  ));
+});
+export {
+  U as L
+};

package/dist/js/Link.js

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

package/dist/js/List/ListLoaderAsyncResource.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+const e = (o) => null, s = () => e;
+export {
+  e as ListLoaderAsyncResource,
+  s as TypedListLoaderAsyncResource
+};