@mittwald/flow-react-components 0.1.0-alpha.31 → 0.1.0-alpha.33

package/dist/Avatar.js

@@ -1,26 +1,50 @@
 "use client"
 /* */
-import s from "react";
-import { c as n } from "./clsx-DB4S2d7J.js";
+import o, { isValidElement as l } from "react";
+import v from "clsx";
 import "./propsContext-Dx7WKmmM.js";
 import { P as m } from "./PropsContextProvider-CEoxD8yK.js";
 import "@react-aria/utils";
-const c = "flow--avatar", v = "flow--avatar--initials", a = {
-  avatar: c,
-  initials: v,
+import { hash as p } from "object-code";
+import { deepForEach as c } from "react-children-utilities";
+const f = "flow--avatar", z = "flow--avatar--initials", r = {
+  avatar: f,
+  initials: z,
   "size-m": "flow--avatar--size-m",
   "size-xs": "flow--avatar--size-xs",
   "size-s": "flow--avatar--size-s",
-  "size-l": "flow--avatar--size-l"
-}, d = (t) => {
-  const { children: i, className: e, size: o = "m" } = t, r = n(a.avatar, a[`size-${o}`], e), l = {
+  "size-l": "flow--avatar--size-l",
+  "variant-1": "flow--avatar--variant-1",
+  "variant-2": "flow--avatar--variant-2",
+  "variant-3": "flow--avatar--variant-3",
+  "variant-4": "flow--avatar--variant-4"
+}, w = (s) => {
+  const a = [];
+  c(s, (t) => {
+    l(t) ? a.push({
+      props: t.props,
+      type: t.type
+    }) : a.push(t);
+  });
+  const i = p(a);
+  return Math.abs(i % 4) + 1;
+}, N = (s) => {
+  const { children: a, className: i, size: t = "m" } = s, e = v(
+    r.avatar,
+    r[`size-${t}`],
+    i,
+    r[`variant-${w(a)}`]
+  ), n = {
     Initials: {
-      className: a.initials
+      className: r.initials
+    },
+    Icon: {
+      size: "m"
     }
   };
-  return /* @__PURE__ */ s.createElement("div", { className: r }, /* @__PURE__ */ s.createElement(m, { props: l }, i));
+  return /* @__PURE__ */ o.createElement("div", { className: e }, /* @__PURE__ */ o.createElement(m, { props: n }, a));
 };
 export {
-  d as Avatar,
-  d as default
+  N as Avatar,
+  N as default
 };

package/dist/{Button-CMA-xsd_.js → Button-Bh0E7tqA.js}

@@ -2,14 +2,14 @@
 /* */
 import o from "react";
 import * as y from "react-aria-components";
-import { c as I } from "./clsx-DB4S2d7J.js";
+import I from "clsx";
 import "./propsContext-Dx7WKmmM.js";
 import { P } from "./PropsContextProvider-CEoxD8yK.js";
 import { u as E } from "./useProps-C7GIMcgB.js";
 import "@tabler/icons-react";
-import "./Icon-C8UD3vMe.js";
+import "./Icon-D4F2hKiG.js";
 import "html-react-parser";
-import { b as N, I as S, a as C } from "./IconSucceeded-aGBloDn9.js";
+import { b as N, I as S, a as C } from "./IconSucceeded-CPpK5tIY.js";
 import { T as F } from "./Text-8V0yR4PK.js";
 const h = "flow--button", z = "flow--button--icon", B = "flow--button--text", v = "flow--button--content", T = "flow--button--state-icon", D = "flow--button--is-succeeded", A = "flow--button--is-failed", R = "flow--button--is-pending", W = "flow--button--plain", _ = "flow--button--primary", $ = "flow--button--solid", j = "flow--button--accent", k = "flow--button--danger", q = "flow--button--secondary", G = "flow--button--soft", t = {
   button: h,

package/dist/Button.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { B as o } from "./Button-CMA-xsd_.js";
+import { B as o } from "./Button-Bh0E7tqA.js";
 export {
   o as Button,
   o as default

package/dist/Checkbox.js

@@ -1,20 +1,20 @@
 "use client"
 /* */
-import c from "react";
+import e from "react";
 import * as k from "react-aria-components";
-import { c as l } from "./clsx-DB4S2d7J.js";
+import l from "clsx";
 import "@tabler/icons-react";
-import "./Icon-C8UD3vMe.js";
+import "./Icon-D4F2hKiG.js";
 import "html-react-parser";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
-import { I as n, a as h } from "./IconUnchecked-CGdUugGS.js";
-const i = "flow--checkbox", p = "flow--checkbox--checkmark", e = {
+import { I as n, a as h } from "./IconUnchecked-DbkvP1em.js";
+const i = "flow--checkbox", p = "flow--checkbox--checkmark", c = {
   checkbox: i,
   checkmark: p
 }, I = (o) => {
-  const { children: t, className: r, ...a } = o, m = l(e.checkbox, r);
-  return /* @__PURE__ */ c.createElement(k.Checkbox, { ...a, className: m }, ({ isSelected: s }) => /* @__PURE__ */ c.createElement(c.Fragment, null, s ? /* @__PURE__ */ c.createElement(n, { className: e.checkmark }) : /* @__PURE__ */ c.createElement(h, { className: e.checkmark }), t));
+  const { children: t, className: r, ...a } = o, m = l(c.checkbox, r);
+  return /* @__PURE__ */ e.createElement(k.Checkbox, { ...a, className: m }, ({ isSelected: s }) => /* @__PURE__ */ e.createElement(e.Fragment, null, s ? /* @__PURE__ */ e.createElement(n, { className: c.checkmark }) : /* @__PURE__ */ e.createElement(h, { className: c.checkmark }), t));
 };
 export {
   I as Checkbox,

package/dist/Content.js

@@ -1,15 +1,17 @@
 "use client"
 /* */
-import e from "react";
-import { C as s } from "./ClearPropsContext-CD1-9TZA.js";
-import "./propsContext-Dx7WKmmM.js";
+import r from "react";
+import { p as l } from "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
-import { u as l } from "./useProps-C7GIMcgB.js";
-const C = (t) => {
-  const { children: r, elementType: o = "div", ...n } = l("Content", t), m = o;
-  return /* @__PURE__ */ e.createElement(m, { ...n }, /* @__PURE__ */ e.createElement(s, null, r));
+import { u as m } from "./useProps-C7GIMcgB.js";
+const c = (e) => {
+  const { children: t } = e;
+  return /* @__PURE__ */ r.createElement(l.Provider, { value: {} }, t);
+}, d = (e) => {
+  const { children: t, elementType: n = "div", ...o } = m("Content", e), s = n;
+  return /* @__PURE__ */ r.createElement(s, { ...o }, /* @__PURE__ */ r.createElement(c, null, t));
 };
 export {
-  C as Content,
-  C as default
+  d as Content,
+  d as default
 };

package/dist/CopyToClipboardButton.js

@@ -1,121 +1,34 @@
 "use client"
 /* */
-import f, { isValidElement as l, Children as u, cloneElement as v } from "react";
-import { B as R } from "./Button-CMA-xsd_.js";
+import o from "react";
+import n from "copy-to-clipboard";
+import { B as i } from "./Button-Bh0E7tqA.js";
 import "@tabler/icons-react";
-import "./Icon-C8UD3vMe.js";
+import "./Icon-D4F2hKiG.js";
+import "clsx";
 import "html-react-parser";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
-import { u as B } from "./useProps-C7GIMcgB.js";
-import { I as N } from "./IconCopy-C-PQMIfL.js";
-import { useLocalizedStringFormatter as $ } from "react-aria";
-import { T as k } from "./Tooltip-BqyZAZgK.js";
-import { T as P } from "./TooltipTrigger-7-ynWHZ9.js";
-function F(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var I = function() {
-  var e = document.getSelection();
-  if (!e.rangeCount)
-    return function() {
-    };
-  for (var t = document.activeElement, r = [], o = 0; o < e.rangeCount; o++)
-    r.push(e.getRangeAt(o));
-  switch (t.tagName.toUpperCase()) {
-    case "INPUT":
-    case "TEXTAREA":
-      t.blur();
-      break;
-    default:
-      t = null;
-      break;
-  }
-  return e.removeAllRanges(), function() {
-    e.type === "Caret" && e.removeAllRanges(), e.rangeCount || r.forEach(function(a) {
-      e.addRange(a);
-    }), t && t.focus();
-  };
-}, U = I, C = {
-  "text/plain": "Text",
-  "text/html": "Url",
-  default: "Text"
-}, h = "Copy to clipboard: #{key}, Enter";
-function V(e) {
-  var t = (/mac os x/i.test(navigator.userAgent) ? "⌘" : "Ctrl") + "+C";
-  return e.replace(/#{\s*key\s*}/g, t);
-}
-function M(e, t) {
-  var r, o, a, s, p, n, m = !1;
-  t || (t = {}), r = t.debug || !1;
-  try {
-    a = U(), s = document.createRange(), p = document.getSelection(), n = document.createElement("span"), n.textContent = e, n.ariaHidden = "true", n.style.all = "unset", n.style.position = "fixed", n.style.top = 0, n.style.clip = "rect(0, 0, 0, 0)", n.style.whiteSpace = "pre", n.style.webkitUserSelect = "text", n.style.MozUserSelect = "text", n.style.msUserSelect = "text", n.style.userSelect = "text", n.addEventListener("copy", function(c) {
-      if (c.stopPropagation(), t.format)
-        if (c.preventDefault(), typeof c.clipboardData > "u") {
-          r && console.warn("unable to use e.clipboardData"), r && console.warn("trying IE specific stuff"), window.clipboardData.clearData();
-          var y = C[t.format] || C.default;
-          window.clipboardData.setData(y, e);
-        } else
-          c.clipboardData.clearData(), c.clipboardData.setData(t.format, e);
-      t.onCopy && (c.preventDefault(), t.onCopy(c.clipboardData));
-    }), document.body.appendChild(n), s.selectNodeContents(n), p.addRange(s);
-    var S = document.execCommand("copy");
-    if (!S)
-      throw new Error("copy command was unsuccessful");
-    m = !0;
-  } catch (c) {
-    r && console.error("unable to copy using execCommand: ", c), r && console.warn("trying IE specific stuff");
-    try {
-      window.clipboardData.setData(t.format || "text", e), t.onCopy && t.onCopy(window.clipboardData), m = !0;
-    } catch (y) {
-      r && console.error("unable to copy using clipboardData: ", y), r && console.error("falling back to prompt"), o = V("message" in t ? t.message : h), window.prompt(o, e);
-    }
-  } finally {
-    p && (typeof p.removeRange == "function" ? p.removeRange(s) : p.removeAllRanges()), n && document.body.removeChild(n), a();
-  }
-  return m;
-}
-var O = M;
-const j = /* @__PURE__ */ F(O), z = {
+import { u as a } from "./useProps-C7GIMcgB.js";
+import { I as l } from "./IconCopy-DwaMO7aJ.js";
+import { useLocalizedStringFormatter as c } from "react-aria";
+import { T as s } from "./Tooltip-Co5h9sSt.js";
+import { T as u } from "./TooltipTrigger-7-ynWHZ9.js";
+import { onlyText as y } from "react-children-utilities";
+const f = {
   "de-DE": {
     "copyButton.copy": "Kopieren"
   },
   "en-EN": {
     "copyButton.copy": "Copy"
   }
-}, d = (e) => l(e) && !!e.props.children, K = (e) => l(e) && d(e) && u.toArray(e.props.children).reduce((t, r) => t || l(r), !1), i = K, E = (e, t) => u.toArray(e).filter(t).map((r) => l(r) && i(r) ? v(r, {
-  ...r.props,
-  children: E(r.props.children, t)
-}) : r), w = E, T = (e, t) => {
-  let r;
-  return u.toArray(e).find((o, a, s) => t(o, a, s) ? (r = o, !0) : l(o) && i(o) ? (r = T(o.props.children, t), typeof r < "u") : !1), r;
-}, L = T, D = (e, t) => {
-  u.forEach(e, (r, o) => {
-    l(r) && i(r) && D(r.props.children, t), t(r, o);
-  });
-}, _ = D, A = (e, t) => u.toArray(e).map((r, o, a) => l(r) && i(r) ? t(v(r, {
-  ...r.props,
-  children: A(r.props.children, t)
-})) : t(r, o, a)), H = A, J = (e, t) => u.toArray(e).filter(t), X = J, q = (e) => l(e) ? typeof e.type == "string" ? e.type : e.type.name : null, x = q, G = (e, t = [], r = "rest") => {
-  const o = t.map((a) => typeof a == "string" ? a : a.name);
-  return u.toArray(e).reduce((a, s) => {
-    const p = x(s), n = p !== null && o.includes(p) ? p : r;
-    return typeof a[n] > "u" && (a[n] = []), a[n] = [...a[n], s], a;
-  }, {});
-}, Q = G, b = (e) => typeof e > "u" || e === null || typeof e == "boolean" || JSON.stringify(e) === "{}" ? "" : e.toString(), g = (e) => !(e instanceof Array) && !l(e) ? b(e) : u.toArray(e).reduce((t, r) => {
-  let o = "";
-  return d(r) ? o = g(r.props.children) : l(r) ? o = "" : o = b(r), t.concat(o);
-}, ""), W = (e) => w(e, (t) => l(t)), Y = W;
-({
-  ...u
-});
-const ie = (e) => {
-  const { text: t, ...r } = B("CopyToClipboard", e), a = $(z).format("copyButton.copy"), s = () => {
-    j(g(t));
+}, R = (r) => {
+  const { text: e, ...p } = a("CopyToClipboard", r), t = c(f).format("copyButton.copy"), m = () => {
+    n(y(e));
   };
-  return /* @__PURE__ */ f.createElement(P, null, /* @__PURE__ */ f.createElement(R, { onPress: s, "aria-label": a, ...r }, /* @__PURE__ */ f.createElement(N, null)), /* @__PURE__ */ f.createElement(k, null, a));
+  return /* @__PURE__ */ o.createElement(u, null, /* @__PURE__ */ o.createElement(i, { onPress: m, "aria-label": t, ...p }, /* @__PURE__ */ o.createElement(l, null)), /* @__PURE__ */ o.createElement(s, null, t));
 };
 export {
-  ie as CopyToClipboardButton,
-  ie as default
+  R as CopyToClipboardButton,
+  R as default
 };

package/dist/FieldDescription.js

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import r from "react";
-import { c } from "./clsx-DB4S2d7J.js";
+import c from "clsx";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
 import { u as l } from "./useProps-C7GIMcgB.js";
@@ -9,8 +9,8 @@ import { T as n } from "./Text-8V0yR4PK.js";
 const p = "flow--field-description", m = {
   fieldDescription: p
 }, N = (e) => {
-  const { children: s, className: t, ...o } = l("FieldDescription", e), i = c(m.fieldDescription, t);
-  return /* @__PURE__ */ r.createElement(n, { slot: "description", ...o, className: i }, s);
+  const { children: t, className: o, ...s } = l("FieldDescription", e), i = c(m.fieldDescription, o);
+  return /* @__PURE__ */ r.createElement(n, { slot: "description", ...s, className: i }, t);
 };
 export {
   N as FieldDescription,

package/dist/{FieldError-BAnloBK7.js → FieldError-DZl3QsUa.js}

@@ -2,7 +2,7 @@
 /* */
 import i from "react";
 import * as l from "react-aria-components";
-import { c as m } from "./clsx-DB4S2d7J.js";
+import m from "clsx";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
 import { u as a } from "./useProps-C7GIMcgB.js";

package/dist/FieldError.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { F as o } from "./FieldError-BAnloBK7.js";
+import { F as o } from "./FieldError-DZl3QsUa.js";
 export {
   o as FieldError,
   o as default

package/dist/Heading.js

@@ -1,7 +1,7 @@
 "use client"
 /* */
-import c from "react";
-import { c as m } from "./clsx-DB4S2d7J.js";
+import m from "react";
+import c from "clsx";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
 import { u as i } from "./useProps-C7GIMcgB.js";
@@ -9,12 +9,12 @@ const l = "flow--heading", d = {
   heading: l
 }, N = (e) => {
   const {
-    children: s,
-    className: t,
+    children: t,
+    className: s,
     level: o = 3,
     ...a
-  } = i("Heading", e), n = m(d.heading, t), r = `h${o}`;
-  return /* @__PURE__ */ c.createElement(r, { className: n, ...a }, s);
+  } = i("Heading", e), n = c(d.heading, s), r = `h${o}`;
+  return /* @__PURE__ */ m.createElement(r, { className: n, ...a }, t);
 };
 export {
   N as Heading,

package/dist/{Icon-C8UD3vMe.js → Icon-D4F2hKiG.js}

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import s, { Children as f, useMemo as p } from "react";
-import { c as g } from "./clsx-DB4S2d7J.js";
+import g from "clsx";
 import d from "html-react-parser";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
@@ -23,15 +23,15 @@ const w = "flow--icon", c = {
     className: t,
     "aria-label": o,
     children: i,
-    size: a = "m",
-    ...l
+    size: l = "m",
+    ...a
   } = u("Icon", e), m = {
-    ...l,
+    ...a,
     focusable: "false",
     role: "img",
     "aria-hidden": !o,
     "aria-label": o,
-    className: g(c.icon, t, c[`size-${a}`])
+    className: g(c.icon, t, c[`size-${l}`])
   }, r = typeof i == "string", n = p(
     () => r ? z(i) : i,
     [r, i]

package/dist/Icon.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { I as a } from "./Icon-C8UD3vMe.js";
+import { I as a } from "./Icon-D4F2hKiG.js";
 export {
   a as Icon,
   a as default

package/dist/{IconCheck-QwbBte1y.js → IconCheck-DkmJUDfj.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconCheck as c } from "@tabler/icons-react";
-import { I as t } from "./Icon-C8UD3vMe.js";
+import { I as t } from "./Icon-D4F2hKiG.js";
 const a = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(c, null));
 export {
   a as I

package/dist/{IconClose-CA5yuJQ6.js → IconClose-B6UJFr7O.js}

@@ -2,7 +2,7 @@
 /* */
 import o from "react";
 import { IconX as t } from "@tabler/icons-react";
-import { I as r } from "./Icon-C8UD3vMe.js";
+import { I as r } from "./Icon-D4F2hKiG.js";
 const a = (e) => /* @__PURE__ */ o.createElement(r, { ...e }, /* @__PURE__ */ o.createElement(t, null));
 export {
   a as I

package/dist/{IconCopy-C-PQMIfL.js → IconCopy-DwaMO7aJ.js}

@@ -2,7 +2,7 @@
 /* */
 import o from "react";
 import { IconCopy as t } from "@tabler/icons-react";
-import { I as r } from "./Icon-C8UD3vMe.js";
+import { I as r } from "./Icon-D4F2hKiG.js";
 const p = (e) => /* @__PURE__ */ o.createElement(r, { ...e }, /* @__PURE__ */ o.createElement(t, null));
 export {
   p as I

package/dist/{IconPlus-DsWkdGaB.js → IconPlus-CnpaX_7c.js}

@@ -2,7 +2,7 @@
 /* */
 import n from "react";
 import { IconChevronDown as c, IconChevronUp as t, IconMinus as r, IconPlus as a } from "@tabler/icons-react";
-import { I as o } from "./Icon-C8UD3vMe.js";
+import { I as o } from "./Icon-D4F2hKiG.js";
 const m = (e) => /* @__PURE__ */ n.createElement(o, { ...e }, /* @__PURE__ */ n.createElement(c, null)), u = (e) => /* @__PURE__ */ n.createElement(o, { ...e }, /* @__PURE__ */ n.createElement(t, null)), E = (e) => /* @__PURE__ */ n.createElement(o, { ...e }, /* @__PURE__ */ n.createElement(r, null)), p = (e) => /* @__PURE__ */ n.createElement(o, { ...e }, /* @__PURE__ */ n.createElement(a, null));
 export {
   m as I,

package/dist/{IconSucceeded-aGBloDn9.js → IconSucceeded-CPpK5tIY.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconX as t, IconLoader2 as o, IconCheck as a } from "@tabler/icons-react";
-import { I as c } from "./Icon-C8UD3vMe.js";
+import { I as c } from "./Icon-D4F2hKiG.js";
 const I = (n) => /* @__PURE__ */ e.createElement(c, { ...n }, /* @__PURE__ */ e.createElement(t, null)), s = (n) => /* @__PURE__ */ e.createElement(c, { ...n }, /* @__PURE__ */ e.createElement(o, null)), E = (n) => /* @__PURE__ */ e.createElement(c, { ...n }, /* @__PURE__ */ e.createElement(a, null));
 export {
   I,

package/dist/{IconUnchecked-CGdUugGS.js → IconUnchecked-DbkvP1em.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconSquareCheck as n, IconSquare as o } from "@tabler/icons-react";
-import { I as t } from "./Icon-C8UD3vMe.js";
+import { I as t } from "./Icon-D4F2hKiG.js";
 const l = (c) => /* @__PURE__ */ e.createElement(t, { ...c }, /* @__PURE__ */ e.createElement(n, null)), I = (c) => /* @__PURE__ */ e.createElement(t, { ...c }, /* @__PURE__ */ e.createElement(o, null));
 export {
   l as I,

package/dist/{IconWarning-Cum5bpEx.js → IconWarning-DkGRbK8I.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconAlertTriangle as t, IconInfoCircle as r, IconCircleCheck as l, IconAlertCircle as o } from "@tabler/icons-react";
-import { I as c } from "./Icon-C8UD3vMe.js";
+import { I as c } from "./Icon-D4F2hKiG.js";
 const s = (n) => /* @__PURE__ */ e.createElement(c, { ...n }, /* @__PURE__ */ e.createElement(t, null)), i = (n) => /* @__PURE__ */ e.createElement(c, { ...n }, /* @__PURE__ */ e.createElement(r, null)), E = (n) => /* @__PURE__ */ e.createElement(c, { ...n }, /* @__PURE__ */ e.createElement(l, null)), f = (n) => /* @__PURE__ */ e.createElement(c, { ...n }, /* @__PURE__ */ e.createElement(o, null));
 export {
   s as I,

package/dist/Icons.js

@@ -2,14 +2,14 @@
 /* */
 import e from "react";
 import { IconAppWindow as o, IconArrowLeft as l, IconClock as c, IconChevronLeft as a, IconChevronRight as r, IconCalendarCheck as I, IconBuilding as m, IconLayoutBoard as s, IconDatabase as E, IconCalendar as u, IconTrash as i, IconWorld as h, IconMail as p, IconExternalLink as C, IconFilter as d, IconEyeCancel as S, IconHome as f, IconList as L, IconPower as g, IconUsersGroup as v, IconBell as k, IconArchive as x, IconDice3 as D, IconSearch as b, IconListSearch as $, IconServer as w, IconSettings as H, IconEye as y, IconAdjustmentsHorizontal as A, IconDoor as B, IconHeadset as F, IconFileX as R, IconLayoutGrid as P } from "@tabler/icons-react";
-import { I as t } from "./Icon-C8UD3vMe.js";
-import { I as ge } from "./IconCheck-QwbBte1y.js";
-import { I as ke, a as xe } from "./IconUnchecked-CGdUugGS.js";
-import { I as be, a as $e, b as we, c as He } from "./IconPlus-DsWkdGaB.js";
-import { I as Ae } from "./IconClose-CA5yuJQ6.js";
-import { I as Fe } from "./IconCopy-C-PQMIfL.js";
-import { I as Pe, a as Te, b as je, c as Me } from "./IconWarning-Cum5bpEx.js";
-import { I as We, a as Ge, b as Ve } from "./IconSucceeded-aGBloDn9.js";
+import { I as t } from "./Icon-D4F2hKiG.js";
+import { I as ge } from "./IconCheck-DkmJUDfj.js";
+import { I as ke, a as xe } from "./IconUnchecked-DbkvP1em.js";
+import { I as be, a as $e, b as we, c as He } from "./IconPlus-CnpaX_7c.js";
+import { I as Ae } from "./IconClose-B6UJFr7O.js";
+import { I as Fe } from "./IconCopy-DwaMO7aJ.js";
+import { I as Pe, a as Te, b as je, c as Me } from "./IconWarning-DkGRbK8I.js";
+import { I as We, a as Ge, b as Ve } from "./IconSucceeded-CPpK5tIY.js";
 const U = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(o, null)), W = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(l, null)), G = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(c, null)), V = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(a, null)), z = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(r, null)), N = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(I, null)), X = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(m, null)), q = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(s, null)), J = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(E, null)), K = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(u, null)), O = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(i, null)), Q = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(h, null)), Y = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(p, null)), Z = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(C, null)), _ = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(d, null)), ee = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(S, null)), ne = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(f, null)), te = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(L, null)), ce = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(g, null)), oe = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(v, null)), le = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(k, null)), ae = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(x, null)), re = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(D, null)), Ie = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(b, null)), me = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement($, null)), se = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(w, null)), Ee = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(H, null)), ue = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(y, null)), ie = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(A, null)), he = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(B, null)), pe = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(F, null)), Ce = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(R, null)), de = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(P, null)), Se = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(c, null));
 export {
   U as IconApp,

package/dist/Initials.js

@@ -1,30 +1,17 @@
 "use client"
 /* */
-import n from "react";
-import { c as m } from "./clsx-DB4S2d7J.js";
+import s from "react";
+import m from "clsx";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
-import { u as p } from "./useProps-C7GIMcgB.js";
-const f = (t) => {
-  let i = 0;
-  for (let a = 0; a < t.length; a++)
-    i += t.charCodeAt(a);
-  return i % 4 + 1;
-}, v = (t) => t.replace(/[^\p{L}\s]/giu, "").split(" ").map((i) => i.trim()[0]).filter((i) => i !== void 0).map((i) => i.toUpperCase()).slice(0, 2), u = "flow--initials", s = {
-  initials: u,
-  "variant-1": "flow--initials--variant-1",
-  "variant-2": "flow--initials--variant-2",
-  "variant-3": "flow--initials--variant-3",
-  "variant-4": "flow--initials--variant-4"
-}, E = (t) => {
-  const { children: i, className: a } = p("Initials", t), r = v(i), l = m(
-    s.initials,
-    s[`variant-${f(i)}`],
-    a
-  ), e = r.map((o, c) => /* @__PURE__ */ n.createElement("span", { key: c }, o));
-  return /* @__PURE__ */ n.createElement("div", { "aria-label": i, className: l }, e);
+import { u as c } from "./useProps-C7GIMcgB.js";
+const p = (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), f = "flow--initials", u = {
+  initials: f
+}, v = (i) => {
+  const { children: t, className: a } = c("Initials", i), e = p(t), l = m(u.initials, a), n = e.map((r, o) => /* @__PURE__ */ s.createElement("span", { key: o }, r));
+  return /* @__PURE__ */ s.createElement("div", { "aria-label": t, className: l }, n);
 };
 export {
-  E as Initials,
-  E as default
+  v as Initials,
+  v as default
 };

package/dist/InlineAlert.js

@@ -4,8 +4,8 @@ import e from "react";
 import "./propsContext-Dx7WKmmM.js";
 import { P as c } from "./PropsContextProvider-CEoxD8yK.js";
 import { u as m } from "./useProps-C7GIMcgB.js";
-import { c as f } from "./clsx-DB4S2d7J.js";
-import { S as p } from "./StatusIcon-BVWjvT3I.js";
+import f from "clsx";
+import { S as p } from "./StatusIcon-GPbDfbJe.js";
 const u = "flow--inline-alert", d = "flow--inline-alert--content", g = "flow--inline-alert--status-icon", w = "flow--inline-alert--heading", I = "flow--inline-alert--info", N = "flow--inline-alert--warning", h = "flow--inline-alert--danger", A = "flow--inline-alert--success", n = {
   inlineAlert: u,
   content: d,

package/dist/InlineCode.js

@@ -1,12 +1,12 @@
 "use client"
 /* */
-import c from "react";
-import { c as l } from "./clsx-DB4S2d7J.js";
-const i = "flow--inline-code", a = {
+import l from "react";
+import c from "clsx";
+const i = "flow--inline-code", r = {
   inlineCode: i
 }, m = (e) => {
-  const { children: o, className: n, ...s } = e, t = l(a.inlineCode, n);
-  return /* @__PURE__ */ c.createElement("code", { ...s, className: t }, o);
+  const { children: o, className: n, ...s } = e, t = c(r.inlineCode, n);
+  return /* @__PURE__ */ l.createElement("code", { ...s, className: t }, o);
 };
 export {
   m as InlineCode,

package/dist/{Label-Dnum8jdD.js → Label-EVs32ETX.js}

@@ -2,7 +2,7 @@
 /* */
 import i from "react";
 import * as m from "react-aria-components";
-import { c } from "./clsx-DB4S2d7J.js";
+import c from "clsx";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
 import { u as p } from "./useProps-C7GIMcgB.js";

package/dist/Label.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { L as e } from "./Label-Dnum8jdD.js";
+import { L as e } from "./Label-EVs32ETX.js";
 export {
   e as Label,
   e as default

package/dist/LabeledValue.js

@@ -1,16 +1,16 @@
 "use client"
 /* */
 import l from "react";
-import { c as r } from "./clsx-DB4S2d7J.js";
+import r from "clsx";
 import "./propsContext-Dx7WKmmM.js";
-import { P as c } from "./PropsContextProvider-CEoxD8yK.js";
+import { P as b } from "./PropsContextProvider-CEoxD8yK.js";
 import "@react-aria/utils";
-const b = "flow--labeled-value", m = "flow--labeled-value--button", p = "flow--labeled-value--label", e = {
-  labeledValue: b,
+const c = "flow--labeled-value", m = "flow--labeled-value--button", p = "flow--labeled-value--label", e = {
+  labeledValue: c,
   button: m,
   label: p
-}, v = (a) => {
-  const { children: t, className: o } = a, s = r(e.labeledValue, o), n = {
+}, v = (t) => {
+  const { children: a, className: o } = t, s = r(e.labeledValue, o), n = {
     Label: {
       className: e.label
     },
@@ -25,7 +25,7 @@ const b = "flow--labeled-value", m = "flow--labeled-value--button", p = "flow--l
       size: "s"
     }
   };
-  return /* @__PURE__ */ l.createElement("div", { className: s }, /* @__PURE__ */ l.createElement(c, { props: n }, t));
+  return /* @__PURE__ */ l.createElement("div", { className: s }, /* @__PURE__ */ l.createElement(b, { props: n }, a));
 };
 export {
   v as LabeledValue,