@mittwald/flow-react-components 0.1.0-alpha.69 → 0.1.0-alpha.71

package/dist/{Action-CEqPqHfP.js → Action-B9PIFbjG.js}

@@ -9,7 +9,7 @@ import { P as x } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { u as A } from "./useProps-C57t0bqC.js";
+import { u as A } from "./useProps-Dx3m8kCJ.js";
 import { u as C } from "./useOverlayState-BnPe_CrX.js";
 import { makeObservable as y, observable as r, action as l } from "mobx";
 import { u as v } from "./useSelector-DpU7_HMO.js";

package/dist/Action.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { A as t } from "./Action-CEqPqHfP.js";
+import { A as t } from "./Action-B9PIFbjG.js";
 export {
   t as Action,
   t as default

package/dist/Avatar.js

@@ -4,7 +4,7 @@ import i, { isValidElement as v } from "react";
 import m from "clsx";
 import { C as p } from "./ClearPropsContext-CeCMjUK9.js";
 import { P as c } from "./PropsContextProvider-DZvwqHLP.js";
-import { u as f } from "./useProps-C57t0bqC.js";
+import { u as f } from "./useProps-Dx3m8kCJ.js";
 import { hash as w } from "object-code";
 import { deepForEach as z } from "react-children-utilities";
 const d = "flow--avatar", h = "flow--avatar--icon", u = "flow--avatar--initials", r = {

package/dist/Breadcrumb.js

@@ -4,8 +4,8 @@ import r from "react";
 import * as s from "react-aria-components";
 import a from "clsx";
 import "@tabler/icons-react";
-import "./Icon-Cirt9eNW.js";
-import { I as u } from "./IconChevronRight-0Z6pj5Ic.js";
+import "./Icon-DdQwrIup.js";
+import { I as u } from "./IconChevronRight-Bsu-sUej.js";
 import "./propsContext-CauylOgH.js";
 import { P as d } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";

package/dist/{Button-ETN2QGBh.js → Button-B2GKVrxY.js}

@@ -9,13 +9,13 @@ import "@react-aria/utils";
 import "./propsContext-CauylOgH.js";
 import "remeda";
 import "@tabler/icons-react";
-import "./Icon-Cirt9eNW.js";
-import { I as N, a as h } from "./IconSucceeded-DJjtn14a.js";
+import "./Icon-DdQwrIup.js";
+import { I as N, a as h } from "./IconSucceeded-BM7cipIv.js";
 import { W as d } from "./Wrap-DGT1h1o3.js";
-import { T as z } from "./Text-DOsCjavW.js";
-import { f as L } from "./flowComponent-D0FdCoE_.js";
+import { T as z } from "./Text-CBzyk1oM.js";
+import { f as L } from "./flowComponent-BuF0s2uG.js";
 import { useLocalizedStringFormatter as B } from "react-aria";
-import { L as A } from "./LoadingSpinner-BJ0iAWpF.js";
+import { L as A } from "./LoadingSpinner-DqsZ7IDL.js";
 const D = "flow--button", T = "flow--button--avatar", K = "flow--button--icon", U = "flow--button--text", W = "flow--button--content", $ = "flow--button--state-icon", R = "flow--button--is-succeeded", j = "flow--button--is-failed", k = "flow--button--is-pending", q = "flow--button--plain", G = "flow--button--primary", H = "flow--button--solid", J = "flow--button--accent", M = "flow--button--danger", O = "flow--button--secondary", Q = "flow--button--soft", e = {
   button: D,
   avatar: T,

package/dist/Button.js

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

package/dist/ButtonGroup.js

@@ -1,25 +1,27 @@
 "use client"
 /* */
 import o from "react";
-import { C as u } from "./ClearPropsContext-CeCMjUK9.js";
+import { C as c } from "./ClearPropsContext-CeCMjUK9.js";
 import { P as m } from "./PropsContextProvider-DZvwqHLP.js";
-import { u as l } from "./useProps-C57t0bqC.js";
-import { d } from "./dynamic-ClpUSmEt.js";
-import i from "clsx";
-const f = "flow--button-group", y = "flow--button-group--secondary", t = {
-  buttonGroup: f,
-  secondary: y
-}, N = (r) => {
-  const { children: e, className: s, ...n } = l("ButtonGroup", r), a = i(t.buttonGroup, s), c = {
+import { u as l } from "./useProps-Dx3m8kCJ.js";
+import { d as i } from "./dynamic-ClpUSmEt.js";
+import d from "clsx";
+import { f } from "./flowComponent-BuF0s2uG.js";
+const b = "flow--button-group--button-group-container", C = "flow--button-group", G = "flow--button-group--secondary", t = {
+  buttonGroupContainer: b,
+  buttonGroup: C,
+  secondary: G
+}, B = f("ButtonGroup", (r) => {
+  const { children: n, className: e, ...s } = l("ButtonGroup", r), a = d(t.buttonGroupContainer, e), u = {
     Button: {
-      className: d(
+      className: i(
         (p) => p.variant === "secondary" ? t.secondary : void 0
       )
     }
   };
-  return /* @__PURE__ */ o.createElement(u, null, /* @__PURE__ */ o.createElement("div", { ...n, className: a, role: "group" }, /* @__PURE__ */ o.createElement(m, { props: c }, e)));
-};
+  return /* @__PURE__ */ o.createElement(c, null, /* @__PURE__ */ o.createElement("div", { ...s, className: a }, /* @__PURE__ */ o.createElement("div", { className: t.buttonGroup, role: "group" }, /* @__PURE__ */ o.createElement(m, { props: u }, n))));
+});
 export {
-  N as ButtonGroup,
-  N as default
+  B as ButtonGroup,
+  B as default
 };

package/dist/{Checkbox-iutK0PEF.js → Checkbox-BoIUZoUj.js}

@@ -4,15 +4,15 @@ import e from "react";
 import * as i from "react-aria-components";
 import p from "clsx";
 import "@tabler/icons-react";
-import "./Icon-Cirt9eNW.js";
-import { I as x, a as h } from "./IconCheckboxEmpty-DxrY9ZRF.js";
-import { I as C } from "./IconCheckboxIndeterminate-DocwIA57.js";
+import "./Icon-DdQwrIup.js";
+import { I as x, a as h } from "./IconCheckboxEmpty-BwNkQgcq.js";
+import { I as C } from "./IconCheckboxIndeterminate-Bs5lfqSL.js";
 import { C as f } from "./ClearPropsContext-CeCMjUK9.js";
 import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as k } from "./flowComponent-D0FdCoE_.js";
+import { f as k } from "./flowComponent-BuF0s2uG.js";
 const b = "flow--checkbox", E = "flow--checkbox--icon", o = {
   checkbox: b,
   icon: E

package/dist/Checkbox.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { C as a } from "./Checkbox-iutK0PEF.js";
+import { C as a } from "./Checkbox-BoIUZoUj.js";
 export {
   a as Checkbox,
   a as default

package/dist/{CheckboxButton-CqJLYMbG.js → CheckboxButton-BjHq5R2V.js}

@@ -7,8 +7,8 @@ import { P as p } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "./propsContext-CauylOgH.js";
 import "remeda";
-import { C as b } from "./Checkbox-iutK0PEF.js";
-import { f as x } from "./flowComponent-D0FdCoE_.js";
+import { C as b } from "./Checkbox-BoIUZoUj.js";
+import { f as x } from "./flowComponent-BuF0s2uG.js";
 const C = "flow--checkbox-button", f = "flow--checkbox-button--content", i = "flow--checkbox-button--label", o = {
   checkboxButton: C,
   content: f,

package/dist/CheckboxButton.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { C as t } from "./CheckboxButton-CqJLYMbG.js";
+import { C as t } from "./CheckboxButton-BjHq5R2V.js";
 export {
   t as CheckboxButton,
   t as default

package/dist/CheckboxGroup.js

@@ -7,13 +7,13 @@ import "./propsContext-CauylOgH.js";
 import { P as b } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
-import { F as h } from "./FieldError-Bkfbr6qF.js";
-import { C as E } from "./CheckboxButton-CqJLYMbG.js";
+import { F as h } from "./FieldError-De8_olcs.js";
+import { C as E } from "./CheckboxButton-BjHq5R2V.js";
 import { TunnelProvider as k, TunnelExit as r } from "@mittwald/react-tunnel";
 import { s as o } from "./FormField.module-DHK6nIcD.js";
 import { C } from "./ColumnLayout-FMONjI17.js";
 import { d as N } from "./deepFindOfType-6pG0fH7S.js";
-import { f as F } from "./flowComponent-D0FdCoE_.js";
+import { f as F } from "./flowComponent-BuF0s2uG.js";
 const G = "flow--checkbox-group", s = {
   checkboxGroup: G
 }, j = F("CheckboxGroup", (l) => {

package/dist/Content.js

@@ -6,7 +6,7 @@ import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as i } from "./flowComponent-D0FdCoE_.js";
+import { f as i } from "./flowComponent-BuF0s2uG.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));

package/dist/ContextMenu-DJ4VRDCG.js

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

@@ -1,7 +1,7 @@
 "use client"
 /* */
-import { C as r } from "./ContextMenu-AALlqsl3.js";
-import { M as n } from "./MenuItem-DgHFLZFs.js";
+import { C as r } from "./ContextMenu-DJ4VRDCG.js";
+import { M as n } from "./MenuItem-DbXZNJo6.js";
 import { MenuTrigger as m } from "react-aria-components";
 export {
   r as ContextMenu,

package/dist/CopyButton.js

@@ -2,10 +2,10 @@
 /* */
 import o from "react";
 import a from "copy-to-clipboard";
-import { B as i } from "./Button-ETN2QGBh.js";
+import { B as i } from "./Button-B2GKVrxY.js";
 import "@tabler/icons-react";
-import "./Icon-Cirt9eNW.js";
-import { I as c } from "./IconCopy-C5zfzlp0.js";
+import "./Icon-DdQwrIup.js";
+import { I as c } from "./IconCopy-D40P_nc1.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";
@@ -14,8 +14,8 @@ import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as C } from "./flowComponent-D0FdCoE_.js";
-import { A as E } from "./Action-CEqPqHfP.js";
+import { f as C } from "./flowComponent-BuF0s2uG.js";
+import { A as E } from "./Action-B9PIFbjG.js";
 const B = {
   "de-DE": {
     "copyButton.copy": "Kopieren"

package/dist/FieldDescription.js

@@ -7,8 +7,8 @@ import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { T as c } from "./Text-DOsCjavW.js";
-import { f as p } from "./flowComponent-D0FdCoE_.js";
+import { T as c } from "./Text-CBzyk1oM.js";
+import { f as p } from "./flowComponent-BuF0s2uG.js";
 const a = "flow--field-description", f = {
   fieldDescription: a
 }, T = p("FieldDescription", (e) => {

package/dist/{FieldError-Bkfbr6qF.js → FieldError-De8_olcs.js}

@@ -9,9 +9,9 @@ import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import "@tabler/icons-react";
-import "./Icon-Cirt9eNW.js";
-import { I as p } from "./IconDanger-CtJdGYWb.js";
-import { f } from "./flowComponent-D0FdCoE_.js";
+import "./Icon-DdQwrIup.js";
+import { I as p } from "./IconDanger-DjolwDVI.js";
+import { f } from "./flowComponent-BuF0s2uG.js";
 const E = "flow--field-error", d = {
   fieldError: E
 }, z = f("FieldError", (o) => {

package/dist/FieldError.js

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

package/dist/Header.js

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import m from "react";
-import { f as c } from "./flowComponent-D0FdCoE_.js";
+import { f as c } from "./flowComponent-BuF0s2uG.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);

package/dist/Heading.js

@@ -7,7 +7,7 @@ import { P as d } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "./propsContext-CauylOgH.js";
 import "remeda";
-import { f } from "./flowComponent-D0FdCoE_.js";
+import { f } from "./flowComponent-BuF0s2uG.js";
 import * as g from "react-aria-components";
 const h = "flow--heading", C = "flow--heading--icon", o = {
   heading: h,

package/dist/{Icon-Cirt9eNW.js → Icon-DdQwrIup.js}

@@ -8,7 +8,7 @@ import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as z } from "./flowComponent-D0FdCoE_.js";
+import { f as z } from "./flowComponent-BuF0s2uG.js";
 const b = "flow--icon", c = {
   icon: b,
   "size-m": "flow--icon--size-m",

package/dist/Icon.js

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

package/dist/{IconCheck-BeVmPHTC.js → IconCheck-bNZIdvHV.js}

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

package/dist/{IconCheckboxEmpty-DxrY9ZRF.js → IconCheckboxEmpty-BwNkQgcq.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconSquareCheckFilled as t, IconSquare as n } from "@tabler/icons-react";
-import { I as o } from "./Icon-Cirt9eNW.js";
+import { I as o } from "./Icon-DdQwrIup.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,

package/dist/{IconCheckboxIndeterminate-DocwIA57.js → IconCheckboxIndeterminate-Bs5lfqSL.js}

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

package/dist/{IconChevronDown-C5-5-czM.js → IconChevronDown-a_vSoTxH.js}

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

package/dist/{IconChevronRight-0Z6pj5Ic.js → IconChevronRight-Bsu-sUej.js}

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

package/dist/{IconClose-C_Q9gfje.js → IconClose-BcM-VKmn.js}

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

package/dist/{IconContextMenu-CRb3xTJw.js → IconContextMenu-bD7n5nvt.js}

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

package/dist/{IconCopy-C5zfzlp0.js → IconCopy-D40P_nc1.js}

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

package/dist/{IconDanger-CtJdGYWb.js → IconDanger-DjolwDVI.js}

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

package/dist/{IconPending-BeLtxUJV.js → IconPending-CNK3p9b6.js}

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

package/dist/{IconPlus-Zlw57lYp.js → IconPlus-DrgRgDHV.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconChevronUp as c, IconMinus as t, IconPlus as r } from "@tabler/icons-react";
-import { I as o } from "./Icon-Cirt9eNW.js";
+import { I as o } from "./Icon-DdQwrIup.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,

package/dist/{IconRadioOn-BpFVTp96.js → IconRadioOn-CLIrOyli.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconCircle as c, IconCircleDotFilled as n } from "@tabler/icons-react";
-import { I as t } from "./Icon-Cirt9eNW.js";
+import { I as t } from "./Icon-DdQwrIup.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,

package/dist/{IconSucceeded-DJjtn14a.js → IconSucceeded-BM7cipIv.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconX as o, IconCheck as n } from "@tabler/icons-react";
-import { I as t } from "./Icon-Cirt9eNW.js";
+import { I as t } from "./Icon-DdQwrIup.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,

package/dist/{IconWarning-BD3bYgr3.js → IconWarning-DJWRlfNT.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconInfoCircle as t, IconCircleCheck as o, IconAlertCircle as r } from "@tabler/icons-react";
-import { I as n } from "./Icon-Cirt9eNW.js";
+import { I as n } from "./Icon-DdQwrIup.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,

package/dist/Icons.js

@@ -2,21 +2,21 @@
 /* */
 import n from "react";
 import { IconAppWindow as o, IconArrowLeft as l, IconClock as c, IconChevronLeft as a, IconCode as r, IconCalendarCheck as I, IconBuilding as m, IconLayoutBoard as s, IconDatabase as E, IconCalendar as u, IconTrash as i, IconWorld as p, IconMail as h, IconExternalLink as d, IconFilter as f, IconEyeCancel as C, IconHome as x, IconList as S, IconPower as g, IconUsersGroup as v, IconBell as L, IconArchive as b, IconDice3 as k, IconSearch as w, IconListSearch as D, IconServer as $, IconSettings as M, IconEye as y, IconAdjustmentsHorizontal as B, IconDoor as H, IconSubtask as A, IconHeadset as F, IconFileX as R, IconLayoutGrid as V } from "@tabler/icons-react";
-import { I as t } from "./Icon-Cirt9eNW.js";
-import { I as be } from "./IconCheck-BeVmPHTC.js";
-import { I as we, a as De } from "./IconCheckboxEmpty-DxrY9ZRF.js";
-import { I as Me } from "./IconCheckboxIndeterminate-DocwIA57.js";
-import { I as Be } from "./IconChevronDown-C5-5-czM.js";
-import { I as Ae } from "./IconChevronRight-0Z6pj5Ic.js";
-import { a as Re, I as Ve, b as Pe } from "./IconPlus-Zlw57lYp.js";
-import { I as je } from "./IconClose-C_Q9gfje.js";
-import { I as We } from "./IconContextMenu-CRb3xTJw.js";
-import { I as Oe } from "./IconCopy-C5zfzlp0.js";
-import { I as Ne } from "./IconDanger-CtJdGYWb.js";
-import { a as qe, I as Je } from "./IconSucceeded-DJjtn14a.js";
-import { I as Qe, a as Ye, b as Ze } from "./IconWarning-BD3bYgr3.js";
-import { I as en } from "./IconPending-BeLtxUJV.js";
-import { a as tn, I as cn } from "./IconRadioOn-BpFVTp96.js";
+import { I as t } from "./Icon-DdQwrIup.js";
+import { I as be } from "./IconCheck-bNZIdvHV.js";
+import { I as we, a as De } from "./IconCheckboxEmpty-BwNkQgcq.js";
+import { I as Me } from "./IconCheckboxIndeterminate-Bs5lfqSL.js";
+import { I as Be } from "./IconChevronDown-a_vSoTxH.js";
+import { I as Ae } from "./IconChevronRight-Bsu-sUej.js";
+import { a as Re, I as Ve, b as Pe } from "./IconPlus-DrgRgDHV.js";
+import { I as je } from "./IconClose-BcM-VKmn.js";
+import { I as We } from "./IconContextMenu-bD7n5nvt.js";
+import { I as Oe } from "./IconCopy-D40P_nc1.js";
+import { I as Ne } from "./IconDanger-DjolwDVI.js";
+import { a as qe, I as Je } from "./IconSucceeded-BM7cipIv.js";
+import { I as Qe, a as Ye, b as Ze } from "./IconWarning-DJWRlfNT.js";
+import { I as en } from "./IconPending-CNK3p9b6.js";
+import { a as tn, I as cn } from "./IconRadioOn-CLIrOyli.js";
 const z = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(o, null)), W = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(l, null)), G = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(c, null)), O = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(a, null)), U = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(r, null)), N = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(I, null)), X = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(m, null)), q = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(s, null)), J = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(E, null)), K = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(u, null)), Q = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(i, null)), Y = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(p, null)), Z = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(h, null)), _ = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(d, null)), ee = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(f, null)), ne = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(C, null)), te = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(x, null)), ce = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(S, null)), oe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(g, null)), le = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(v, null)), ae = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(L, null)), re = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(b, null)), Ie = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(k, null)), me = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(w, null)), se = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(D, null)), Ee = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement($, null)), ue = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(M, null)), ie = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(y, null)), pe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(B, null)), he = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(H, null)), de = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(A, null)), fe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(F, null)), Ce = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(R, null)), xe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(V, null)), Se = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(c, null)), ge = (e) => /* @__PURE__ */ n.createElement(
   t,
   {

package/dist/IllustratedMessage.js

@@ -1,42 +1,43 @@
 "use client"
 /* */
-import e from "react";
+import t from "react";
 import c from "clsx";
 import "./propsContext-CauylOgH.js";
 import { P as m } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
-const d = "flow--illustrated-message", g = "flow--illustrated-message--icon", u = "flow--illustrated-message--heading", p = "flow--illustrated-message--text", f = "flow--illustrated-message--button", x = "flow--illustrated-message--negative", t = {
-  illustratedMessage: d,
-  icon: g,
-  heading: u,
+const d = "flow--illustrated-message--illustrated-message-container", g = "flow--illustrated-message", u = "flow--illustrated-message--icon", f = "flow--illustrated-message--heading", p = "flow--illustrated-message--text", x = "flow--illustrated-message--button", v = "flow--illustrated-message--negative", e = {
+  illustratedMessageContainer: d,
+  illustratedMessage: g,
+  icon: u,
+  heading: f,
   text: p,
-  button: f,
-  negative: x
-}, C = (s) => {
-  const { className: a, children: o, variant: l = "info", ...n } = s, i = c(
-    t.illustratedMessage,
-    t[l],
+  button: x,
+  negative: v
+}, E = (s) => {
+  const { className: a, children: l, variant: o = "info", ...n } = s, i = c(
+    e.illustratedMessageContainer,
+    e[o],
     a
   ), r = {
     Icon: {
-      className: t.icon,
+      className: e.icon,
       size: "l"
     },
     Heading: {
-      className: t.heading
+      className: e.heading
     },
     Text: {
-      className: t.text
+      className: e.text
     },
     Button: {
-      className: t.button,
+      className: e.button,
       variant: "accent"
     }
   };
-  return /* @__PURE__ */ e.createElement("div", { ...n, className: i }, /* @__PURE__ */ e.createElement(m, { props: r }, o));
+  return /* @__PURE__ */ t.createElement("div", { ...n, className: i }, /* @__PURE__ */ t.createElement("div", { className: e.illustratedMessage }, /* @__PURE__ */ t.createElement(m, { props: r }, l)));
 };
 export {
-  C as IllustratedMessage,
-  C as default
+  E as IllustratedMessage,
+  E as default
 };

package/dist/Image.js

@@ -6,7 +6,7 @@ import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as a } from "./flowComponent-D0FdCoE_.js";
+import { f as a } from "./flowComponent-BuF0s2uG.js";
 const C = a("Image", (e) => {
   const { ref: r, ...o } = e;
   return /* @__PURE__ */ t.createElement(m, null, /* @__PURE__ */ t.createElement("img", { ...o, ref: r }));