@mittwald/flow-react-components 0.1.0-alpha.176 → 0.1.0-alpha.178

package/dist/{LoadingSpinner-BYjfjRAx.js → LoadingSpinner-D8TQ918m.js}

@@ -2,8 +2,8 @@
 /* */
 import r from "react";
 import "@tabler/icons-react";
-import "./Icon-N96KD633.js";
-import { I as e } from "./IconPending-DY8n9LcJ.js";
+import "./Icon-BCN5qdXA.js";
+import { I as e } from "./IconPending-7zAFcMDq.js";
 import t from "clsx";
 const a = "flow--loading-spinner", p = "flow--loading-spinner--spin", l = {
   loadingSpinner: a,

package/dist/LoadingSpinner.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { L as o } from "./LoadingSpinner-BYjfjRAx.js";
+import { L as o } from "./LoadingSpinner-D8TQ918m.js";
 export {
   o as LoadingSpinner,
   o as default

package/dist/{MenuItem-DvOltniq.js → MenuItem-Cb7EDu-b.js}

@@ -8,13 +8,13 @@ import { P as i } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import "@tabler/icons-react";
-import "./Icon-N96KD633.js";
-import { I as x, a as d } from "./IconCheckboxEmpty-Bnof97E6.js";
-import { I as E, a as C } from "./IconRadioOn-CnchpCt3.js";
-import { T as p } from "./Text-DMctOg-g.js";
+import "./Icon-BCN5qdXA.js";
+import { I as x, a as d } from "./IconCheckboxEmpty-FQyDmq2k.js";
+import { I as E, a as C } from "./IconRadioOn-hKPuJBpt.js";
+import { T as p } from "./Text-SLaOJhzj.js";
 import { d as h } from "./deepFindOfType-6pG0fH7S.js";
 import { W as M } from "./Wrap-DGT1h1o3.js";
-import { f as N } from "./flowComponent-CuEuCXRI.js";
+import { f as N } from "./flowComponent-CwV0a4FM.js";
 const w = "flow--menu-item", P = "flow--menu-item--icon", T = "flow--menu-item--text", g = "flow--menu-item--control-icon", c = {
   menuItem: w,
   icon: P,

package/dist/MenuItem.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { M as t } from "./MenuItem-DvOltniq.js";
+import { M as t } from "./MenuItem-Cb7EDu-b.js";
 export {
   t as MenuItem,
   t as default

package/dist/Modal.js

@@ -7,17 +7,17 @@ import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { TunnelProvider as y, TunnelExit as p } from "@mittwald/react-tunnel";
-import { f as g } from "./flowComponent-CuEuCXRI.js";
+import { f as g } from "./flowComponent-CwV0a4FM.js";
 import * as n from "react-aria-components";
 import "mobx";
 import { u as C } from "./useOverlayController-D8N4X2rc.js";
 import { O as E } from "./OverlayContextProvider-DJzKzUwy.js";
-import { H as w } from "./Header-CDc5qD5M.js";
-import { A as O } from "./Action-Cv3knooL.js";
-import { B as h } from "./Button-Dh-FA0K8.js";
+import { H as w } from "./Header-Bq7WZg8g.js";
+import { A as O } from "./Action-DZ-dUjY_.js";
+import { B as h } from "./Button-BRmT11B1.js";
 import "@tabler/icons-react";
-import "./Icon-N96KD633.js";
-import { I as M } from "./IconClose-B9Tmq1hI.js";
+import "./Icon-BCN5qdXA.js";
+import { I as M } from "./IconClose-9DrWhSP2.js";
 import { O as N } from "./OverlayTrigger-Bdb65OEJ.js";
 const x = "flow--modal", z = "flow--modal--off-canvas", P = "flow--modal--content", T = "flow--modal--action-group", B = "flow--modal--header", I = "flow--modal--close-button", t = {
   modal: x,

package/dist/Navigation.js

@@ -9,8 +9,8 @@ import { P as l } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { TunnelProvider as u, TunnelExit as p } from "@mittwald/react-tunnel";
-import { A as x } from "./Accordion-O-Jl-Hbg.js";
-import { C as N } from "./Content-D-V-g5Ba.js";
+import { A as x } from "./Accordion-D6IGGC6n.js";
+import { C as N } from "./Content-DbQrGIyx.js";
 const C = "flow--navigation", I = "flow--navigation--item", b = "flow--navigation--icon", P = "flow--navigation--text", w = "flow--navigation--control-icon", r = {
   navigation: C,
   item: I,

package/dist/Notification.js

@@ -6,12 +6,12 @@ import "./propsContext-DzAKlmhS.js";
 import { P as w } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { S as g } from "./StatusIcon-DiPKxCw-.js";
-import { L as h } from "./Link-BoQ8K6ao.js";
-import { B as k } from "./Button-Dh-FA0K8.js";
+import { S as g } from "./StatusIcon-B3uPCHqB.js";
+import { L as h } from "./Link-IBPoxx55.js";
+import { B as k } from "./Button-BRmT11B1.js";
 import "@tabler/icons-react";
-import "./Icon-N96KD633.js";
-import { I as x } from "./IconClose-B9Tmq1hI.js";
+import "./Icon-BCN5qdXA.js";
+import { I as x } from "./IconClose-9DrWhSP2.js";
 const N = "flow--notification", C = "flow--notification--link", E = "flow--notification--status-icon", I = "flow--notification--heading", L = "flow--notification--text", P = "flow--notification--close", v = "flow--notification--info", y = "flow--notification--has-link", B = "flow--notification--warning", S = "flow--notification--danger", z = "flow--notification--success", o = {
   notification: N,
   link: C,

package/dist/NumberField.js

@@ -1,44 +1,44 @@
 "use client"
 /* */
 import e from "react";
-import * as r from "react-aria-components";
-import { s as t } from "./FormField.module-DHK6nIcD.js";
+import * as t from "react-aria-components";
+import { f as r } from "./FormField.module-CqWpTQKP.js";
 import u from "clsx";
 import { C as f } from "./ClearPropsContext-CUvsbMn8.js";
 import { P as d } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { F as E } from "./FieldError-CZPQzNSz.js";
-import { B as s } from "./Button-Dh-FA0K8.js";
+import { F as E } from "./FieldError-BZeDqyag.js";
+import { B as m } from "./Button-BRmT11B1.js";
 import "@tabler/icons-react";
-import "./Icon-N96KD633.js";
-import { I as N } from "./IconChevronDown-H4ANoHQh.js";
-import { I } from "./IconChevronUp-DGairnIU.js";
-import { I as b, a as P } from "./IconPlus-z8tyCb_p.js";
-import { f as C } from "./flowComponent-CuEuCXRI.js";
-const F = "flow--number-field--group", w = "flow--number-field--input", B = "flow--number-field--decrement-button", h = "flow--number-field--increment-button", v = "flow--number-field--coarse-pointer-icon", x = "flow--number-field--touch-icon", o = {
-  group: F,
+import "./Icon-BCN5qdXA.js";
+import { I as N } from "./IconChevronDown-d3q78pVs.js";
+import { I } from "./IconChevronUp-D62-9iee.js";
+import { I as b, a as F } from "./IconPlus-BVE-NWUJ.js";
+import { f as P } from "./flowComponent-CwV0a4FM.js";
+const C = "flow--number-field--group", w = "flow--number-field--input", B = "flow--number-field--decrement-button", h = "flow--number-field--increment-button", v = "flow--number-field--coarse-pointer-icon", x = "flow--number-field--touch-icon", o = {
+  group: C,
   input: w,
   decrementButton: B,
   incrementButton: h,
   coarsePointerIcon: v,
   touchIcon: x
-}, K = C("NumberField", (n) => {
-  const { children: m, className: c, refProp: a, ...l } = n, i = u(t.formField, c), p = {
+}, K = P("NumberField", (n) => {
+  const { children: s, className: c, refProp: l, ...a } = n, i = u(r.formField, c), p = {
     Label: {
-      className: t.label,
+      className: r.label,
       optional: !n.isRequired
     },
     FieldDescription: {
-      className: t.fieldDescription
+      className: r.fieldDescription
     },
     FieldError: {
-      className: t.customFieldError
+      className: r.customFieldError
     }
   };
-  return /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement(r.NumberField, { ...l, className: i }, /* @__PURE__ */ e.createElement(r.Group, { className: o.group }, /* @__PURE__ */ e.createElement(
-    s,
+  return /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement(t.NumberField, { ...a, className: i }, /* @__PURE__ */ e.createElement(t.Group, { className: o.group }, /* @__PURE__ */ e.createElement(
+    m,
     {
       slot: "decrement",
       className: o.decrementButton,
@@ -48,8 +48,8 @@ const F = "flow--number-field--group", w = "flow--number-field--input", B = "flo
     },
     /* @__PURE__ */ e.createElement(N, null),
     /* @__PURE__ */ e.createElement(b, { className: o.coarsePointerIcon })
-  ), /* @__PURE__ */ e.createElement(r.Input, { className: o.input, ref: a }), /* @__PURE__ */ e.createElement(
-    s,
+  ), /* @__PURE__ */ e.createElement(t.Input, { className: o.input, ref: l }), /* @__PURE__ */ e.createElement(
+    m,
     {
       slot: "increment",
       className: o.incrementButton,
@@ -58,8 +58,8 @@ const F = "flow--number-field--group", w = "flow--number-field--input", B = "flo
       color: "secondary"
     },
     /* @__PURE__ */ e.createElement(I, null),
-    /* @__PURE__ */ e.createElement(P, { className: o.coarsePointerIcon })
-  )), /* @__PURE__ */ e.createElement(d, { props: p }, m), /* @__PURE__ */ e.createElement(E, { className: t.fieldError })));
+    /* @__PURE__ */ e.createElement(F, { className: o.coarsePointerIcon })
+  )), /* @__PURE__ */ e.createElement(d, { props: p }, s), /* @__PURE__ */ e.createElement(E, { className: r.fieldError })));
 });
 export {
   K as NumberField,

package/dist/Popover-D-W1fcm7.js

@@ -0,0 +1,46 @@
+"use client"
+/* */
+import o from "react";
+import * as t from "react-aria-components";
+import n from "clsx";
+import "mobx";
+import { u } from "./useOverlayController-D8N4X2rc.js";
+import { f as g } from "./flowComponent-CwV0a4FM.js";
+import { O as x } from "./OverlayContextProvider-DJzKzUwy.js";
+const E = "flow--popover", N = "flow--popover--content", y = "flow--popover--tip", r = {
+  popover: E,
+  content: N,
+  tip: y,
+  "popover-slide": "flow--popover--popover-slide"
+}, M = g("Popover", (p) => {
+  const {
+    children: s,
+    className: l,
+    contentClassName: a,
+    isDialogContent: c = !1,
+    controller: m,
+    withTip: i,
+    refProp: v,
+    defaultOpen: f = !1,
+    ...C
+  } = p, d = u("Popover", {
+    reuseControllerFromContext: !0,
+    defaultOpen: f
+  }), e = m ?? d, P = e.useIsOpen(), w = n(r.popover, l), O = c ? t.Dialog : "div";
+  return /* @__PURE__ */ o.createElement(
+    t.Popover,
+    {
+      ...C,
+      className: w,
+      containerPadding: 16,
+      ref: v,
+      isOpen: P,
+      onOpenChange: (h) => e.setOpen(h)
+    },
+    i && /* @__PURE__ */ o.createElement(t.OverlayArrow, { className: r.tip }, /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16" }, /* @__PURE__ */ o.createElement("path", { d: "M0 0 L8 8 L16 0" }))),
+    /* @__PURE__ */ o.createElement(O, { className: n(r.content, a) }, /* @__PURE__ */ o.createElement(x, { type: "Popover", controller: e }, s))
+  );
+});
+export {
+  M as P
+};

package/dist/Popover.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { P as m } from "./Popover-C2uIpso8.js";
+import { P as m } from "./Popover-D-W1fcm7.js";
 import * as t from "react-aria-components";
 import a from "react";
 import { O as i } from "./OverlayTrigger-Bdb65OEJ.js";

package/dist/RadioGroup.js

@@ -8,24 +8,24 @@ import { P as C, m as z } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { d as h } from "./dynamic-ClpUSmEt.js";
-import { F as B } from "./FieldError-CZPQzNSz.js";
-import { C as I } from "./ColumnLayout-FMONjI17.js";
-import { TunnelProvider as P, TunnelExit as m } from "@mittwald/react-tunnel";
-import { s as c } from "./FormField.module-DHK6nIcD.js";
-import { d as y } from "./deepFindOfType-6pG0fH7S.js";
+import { F as B } from "./FieldError-BZeDqyag.js";
+import { C as F } from "./ColumnLayout-FMONjI17.js";
+import { TunnelProvider as I, TunnelExit as m } from "@mittwald/react-tunnel";
+import { f as c } from "./FormField.module-CqWpTQKP.js";
+import { d as P } from "./deepFindOfType-6pG0fH7S.js";
 import { C as b } from "./ClearPropsContext-CUvsbMn8.js";
 import "@tabler/icons-react";
-import "./Icon-N96KD633.js";
-import { I as F, a as v } from "./IconRadioOn-CnchpCt3.js";
-import { f as N } from "./flowComponent-CuEuCXRI.js";
+import "./Icon-BCN5qdXA.js";
+import { I as y, a as v } from "./IconRadioOn-hKPuJBpt.js";
+import { f as N } from "./flowComponent-CwV0a4FM.js";
 import "dot-prop";
-import { I as D } from "./IconCheck-CNdrJb3W.js";
+import { I as D } from "./IconCheck-BYubSDLL.js";
 import { g as T } from "./getContainerBreakpointSizeClassName-BrcFDcCY.js";
-const O = "flow--radio-group", $ = "flow--radio-group--segmented-group", L = "flow--radio-group--segments", S = "flow--radio-group--segment", A = "flow--radio-group--checkmark", j = "flow--radio-group--radio-group-container", r = {
+const O = "flow--radio-group", S = "flow--radio-group--segmented-group", L = "flow--radio-group--segments", $ = "flow--radio-group--segment", A = "flow--radio-group--checkmark", j = "flow--radio-group--radio-group-container", r = {
   radioGroup: O,
-  segmentedGroup: $,
+  segmentedGroup: S,
   segments: L,
-  segment: S,
+  segment: $,
   checkmark: A,
   radioGroupContainer: j,
   "container-breakpoint-size-xs": "flow--radio-group--container-breakpoint-size-xs",
@@ -90,10 +90,10 @@ const O = "flow--radio-group", $ = "flow--radio-group--segmented-group", L = "fl
       children: h((G) => /* @__PURE__ */ e.createElement(e.Fragment, null, G.children, /* @__PURE__ */ e.createElement(D, { className: r.checkmark })))
     }
   }));
-  const u = !!y(t, K);
+  const u = !!P(t, K);
   return o === "segmented" && u && console.warn(
     "<RadioButton/> is not supported in 'segmented' variant of <RadioGroup />"
-  ), /* @__PURE__ */ e.createElement(k.RadioGroup, { ...R, className: x, ref: w }, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement(k.RadioGroup, { ...R, className: x, ref: w }, /* @__PURE__ */ e.createElement(I, null, /* @__PURE__ */ e.createElement(
     C,
     {
       props: p,
@@ -102,7 +102,7 @@ const O = "flow--radio-group", $ = "flow--radio-group--segmented-group", L = "fl
     },
     t,
     o === "segmented" && /* @__PURE__ */ e.createElement("div", { className: r.segmentedGroup }, /* @__PURE__ */ e.createElement("div", { className: r.segments }, /* @__PURE__ */ e.createElement(m, { id: "radios" }))),
-    o === "default" && u && /* @__PURE__ */ e.createElement(I, { s: i, m: s, l, className: r.radioGroup }, /* @__PURE__ */ e.createElement(m, { id: "radios" })),
+    o === "default" && u && /* @__PURE__ */ e.createElement(F, { s: i, m: s, l, className: r.radioGroup }, /* @__PURE__ */ e.createElement(m, { id: "radios" })),
     o === "default" && !u && /* @__PURE__ */ e.createElement("div", { className: r.radioGroup }, /* @__PURE__ */ e.createElement(m, { id: "radios" })),
     /* @__PURE__ */ e.createElement(m, { id: "fieldDescription" }),
     /* @__PURE__ */ e.createElement(m, { id: "fieldError" })
@@ -118,7 +118,7 @@ const O = "flow--radio-group", $ = "flow--radio-group--segmented-group", L = "fl
     refProp: i,
     ...s
   } = n, l = o ? a : E(g.radio, a);
-  return /* @__PURE__ */ e.createElement(b, null, /* @__PURE__ */ e.createElement(k.Radio, { ...s, className: l, ref: i }, ({ isSelected: d }) => /* @__PURE__ */ e.createElement(e.Fragment, null, d ? !o && /* @__PURE__ */ e.createElement(F, { className: g.icon }) : !o && /* @__PURE__ */ e.createElement(v, { className: g.icon }), t)));
+  return /* @__PURE__ */ e.createElement(b, null, /* @__PURE__ */ e.createElement(k.Radio, { ...s, className: l, ref: i }, ({ isSelected: d }) => /* @__PURE__ */ e.createElement(e.Fragment, null, d ? !o && /* @__PURE__ */ e.createElement(y, { className: g.icon }) : !o && /* @__PURE__ */ e.createElement(v, { className: g.icon }), t)));
 });
 export {
   U as Radio,

package/dist/Section.js

@@ -1,52 +1,56 @@
 "use client"
 /* */
-import e from "react";
-import u from "clsx";
+import e, { useId as f } from "react";
+import x from "clsx";
 import "./propsContext-DzAKlmhS.js";
-import { P as s } from "./PropsContextProvider-C6Z4XGp6.js";
+import { P as i } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { f as c } from "./flowComponent-CuEuCXRI.js";
-import { A as d } from "./Activity-CmfZpgOM.js";
-import * as n from "react-aria-components";
-import { s as x } from "./ContextMenu.module-BfwGh62L.js";
-const C = "flow--section", E = {
-  section: C
-}, S = c(
+import { f as c } from "./flowComponent-CwV0a4FM.js";
+import { A as C } from "./Activity-CmfZpgOM.js";
+import * as s from "react-aria-components";
+import { s as E } from "./ContextMenu.module-BZingr2B.js";
+const S = "flow--section", P = {
+  section: S
+}, g = c(
   "ContextMenuSection",
   (r) => {
     const { children: t } = r, o = {
       Heading: {
         level: 5,
-        wrapWith: /* @__PURE__ */ e.createElement(n.Header, null)
+        wrapWith: /* @__PURE__ */ e.createElement(s.Header, null)
       }
     };
-    return /* @__PURE__ */ e.createElement(n.Section, { className: x.section }, /* @__PURE__ */ e.createElement(s, { props: o, mergeInParentContext: !0 }, t));
+    return /* @__PURE__ */ e.createElement(s.Section, { className: E.section }, /* @__PURE__ */ e.createElement(i, { props: o, mergeInParentContext: !0 }, t));
   }
-), M = c("Section", (r) => {
+), b = c("Section", (r) => {
   const {
     children: t,
     className: o,
-    isActive: i = !0,
-    refProp: a,
+    isActive: a = !0,
+    refProp: l,
     renderContextMenuSection: m,
-    ...l
+    ...p
   } = r;
   if (!t)
     return null;
   if (m)
-    return /* @__PURE__ */ e.createElement(S, null, t);
-  const p = u(E.section, o), f = {
+    return /* @__PURE__ */ e.createElement(g, null, t);
+  const d = x(P.section, o), n = f(), u = {
     Heading: {
-      level: 2
+      level: 2,
+      id: n
     },
     Header: {
       renderSectionHeader: !0
+    },
+    List: {
+      "aria-labelledby": n
     }
   };
-  return /* @__PURE__ */ e.createElement(d, { isActive: i }, /* @__PURE__ */ e.createElement("section", { ...l, className: p, ref: a }, /* @__PURE__ */ e.createElement(s, { props: f, mergeInParentContext: !0 }, t)));
+  return /* @__PURE__ */ e.createElement(C, { isActive: a }, /* @__PURE__ */ e.createElement("section", { ...p, className: d, ref: l }, /* @__PURE__ */ e.createElement(i, { props: u, mergeInParentContext: !0 }, t)));
 });
 export {
-  M as Section,
-  M as default
+  b as Section,
+  b as default
 };

package/dist/Select.js

@@ -6,14 +6,14 @@ import "./propsContext-DzAKlmhS.js";
 import { P as h } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { s as c } from "./FormField.module-DHK6nIcD.js";
-import { F as w } from "./FieldError-CZPQzNSz.js";
+import { f as c } from "./FormField.module-CqWpTQKP.js";
+import { F as w } from "./FieldError-BZeDqyag.js";
 import f from "clsx";
 import "@tabler/icons-react";
-import "./Icon-N96KD633.js";
-import { I as P } from "./IconChevronDown-H4ANoHQh.js";
-import { f as E } from "./flowComponent-CuEuCXRI.js";
-import { P as F } from "./Popover-C2uIpso8.js";
+import "./Icon-BCN5qdXA.js";
+import { I as F } from "./IconChevronDown-d3q78pVs.js";
+import { f as E } from "./flowComponent-CwV0a4FM.js";
+import { P } from "./Popover-D-W1fcm7.js";
 import "mobx";
 import { u as C } from "./useOverlayController-D8N4X2rc.js";
 import "dot-prop";
@@ -23,12 +23,12 @@ import { O as B } from "./OverlayContextProvider-DJzKzUwy.js";
 const D = "flow--select", L = "flow--select--toggle", u = {
   select: D,
   toggle: L
-}, $ = "flow--select--options--popover", b = "flow--select--options", d = {
-  popover: $,
-  options: b
-}, R = (o) => {
+}, b = "flow--select--options--popover", R = "flow--select--options", d = {
+  popover: b,
+  options: R
+}, T = (o) => {
   const { className: t, children: r, ...n } = o, l = f(d.options, t), s = C("Select");
-  return /* @__PURE__ */ e.createElement(F, { className: d.popover, controller: s }, /* @__PURE__ */ e.createElement(i.ListBox, { className: l, ...n }, r));
+  return /* @__PURE__ */ e.createElement(P, { className: d.popover, controller: s }, /* @__PURE__ */ e.createElement(i.ListBox, { className: l, ...n }, r));
 }, le = E("Select", (o) => {
   const {
     children: t,
@@ -73,10 +73,10 @@ const D = "flow--select", L = "flow--select--toggle", u = {
       onOpenChange: (a) => p.setOpen(a),
       isOpen: S
     },
-    /* @__PURE__ */ e.createElement(B, { type: "Select", controller: p }, /* @__PURE__ */ e.createElement(h, { props: x }, /* @__PURE__ */ e.createElement(y, null, /* @__PURE__ */ e.createElement(i.Button, { className: u.toggle }, /* @__PURE__ */ e.createElement(i.SelectValue, null), /* @__PURE__ */ e.createElement(P, null)), t, /* @__PURE__ */ e.createElement(R, null, /* @__PURE__ */ e.createElement(I, { id: "options" })), /* @__PURE__ */ e.createElement(w, { className: c.fieldError }))))
+    /* @__PURE__ */ e.createElement(B, { type: "Select", controller: p }, /* @__PURE__ */ e.createElement(h, { props: x }, /* @__PURE__ */ e.createElement(y, null, /* @__PURE__ */ e.createElement(i.Button, { className: u.toggle }, /* @__PURE__ */ e.createElement(i.SelectValue, null), /* @__PURE__ */ e.createElement(F, null)), t, /* @__PURE__ */ e.createElement(T, null, /* @__PURE__ */ e.createElement(I, { id: "options" })), /* @__PURE__ */ e.createElement(w, { className: c.fieldError }))))
   );
-}), T = "flow--select--option", q = "flow--select--option--icon", A = "flow--select--option--text", V = "flow--select--option--control-icon", j = {
-  option: T,
+}), $ = "flow--select--option", q = "flow--select--option--icon", A = "flow--select--option--text", V = "flow--select--option--control-icon", j = {
+  option: $,
   icon: q,
   text: A,
   controlIcon: V

package/dist/Skeleton-CgOx_15R.js

@@ -0,0 +1,14 @@
+"use client"
+/* */
+import e from "react";
+import m from "clsx";
+const a = "flow--skeleton", c = "flow--skeleton--shimmer", i = {
+  skeleton: a,
+  shimmer: c
+}, d = (t) => {
+  const { width: s, height: o, className: l, ...n } = t, r = m(i.skeleton, l);
+  return /* @__PURE__ */ e.createElement("div", { "aria-hidden": !0, style: { height: o, width: s }, ...n }, /* @__PURE__ */ e.createElement("div", { className: r }));
+};
+export {
+  d as S
+};

package/dist/Skeleton.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as o } from "./Skeleton-CKLaTmDR.js";
+import { S as o } from "./Skeleton-CgOx_15R.js";
 export {
   o as Skeleton,
   o as default

package/dist/Slider.js

@@ -1,17 +1,17 @@
 "use client"
 /* */
 import e from "react";
-import { f as E } from "./flowComponent-CuEuCXRI.js";
+import { f as E } from "./flowComponent-CwV0a4FM.js";
 import * as n from "react-aria-components";
 import h from "clsx";
 import "./propsContext-DzAKlmhS.js";
 import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { B as i } from "./Button-Dh-FA0K8.js";
+import { B as i } from "./Button-BRmT11B1.js";
 import "@tabler/icons-react";
-import "./Icon-N96KD633.js";
-import { I as w, a as N } from "./IconPlus-z8tyCb_p.js";
+import "./Icon-BCN5qdXA.js";
+import { I as w, a as N } from "./IconPlus-BVE-NWUJ.js";
 import { useLocalizedStringFormatter as k } from "react-aria";
 const x = "flow--slider", P = "flow--slider--text", S = "flow--slider--value", g = "flow--slider--track", y = "flow--slider--fill", I = "flow--slider--initial-marker", M = "flow--slider--thumb", T = "flow--slider--increment", C = "flow--slider--decrement", z = "flow--slider--disabled", t = {
   slider: x,

package/dist/StatusBadge.js

@@ -2,14 +2,14 @@
 /* */
 import t from "react";
 import l from "clsx";
-import { S as f } from "./StatusIcon-DiPKxCw-.js";
-import { T as i } from "./Text-DMctOg-g.js";
+import { S as f } from "./StatusIcon-B3uPCHqB.js";
+import { T as i } from "./Text-SLaOJhzj.js";
 import { C as u } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as d } from "./flowComponent-CuEuCXRI.js";
+import { f as d } from "./flowComponent-CwV0a4FM.js";
 const g = "flow--status-badge", p = "flow--status-badge--text", w = "flow--status-badge--info", x = "flow--status-badge--success", b = "flow--status-badge--warning", B = "flow--status-badge--danger", s = {
   statusBadge: g,
   text: p,

package/dist/{StatusIcon-DiPKxCw-.js → StatusIcon-B3uPCHqB.js}

@@ -2,10 +2,10 @@
 /* */
 import t from "react";
 import "@tabler/icons-react";
-import "./Icon-N96KD633.js";
-import { I as m } from "./IconDanger-29U5NbR-.js";
-import { I as f } from "./IconInfo-DThm-qJW.js";
-import { I, a as l } from "./IconWarning-DlSgqOij.js";
+import "./Icon-BCN5qdXA.js";
+import { I as m } from "./IconDanger-B4gH_wD5.js";
+import { I as f } from "./IconInfo-CtOUGSwO.js";
+import { I, a as l } from "./IconWarning-C_OvWQWl.js";
 import { useLocalizedStringFormatter as g } from "react-aria";
 import { C as p } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";

package/dist/StatusIcon.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as a } from "./StatusIcon-DiPKxCw-.js";
+import { S as a } from "./StatusIcon-B3uPCHqB.js";
 export {
   a as StatusIcon,
   a as default

package/dist/Switch.js

@@ -4,35 +4,35 @@ import e from "react";
 import * as n from "react-aria-components";
 import f from "clsx";
 import "@tabler/icons-react";
-import "./Icon-N96KD633.js";
-import { I as p } from "./IconCheck-CNdrJb3W.js";
-import { I as h } from "./IconClose-B9Tmq1hI.js";
-import { L as w } from "./Label-DeWqZ-Tg.js";
+import "./Icon-BCN5qdXA.js";
+import { I as p } from "./IconCheck-BYubSDLL.js";
+import { I as h } from "./IconClose-9DrWhSP2.js";
+import { L as w } from "./Label-RMBiypQZ.js";
 import { C as d } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as b } from "./flowComponent-CuEuCXRI.js";
+import { f as b } from "./flowComponent-CwV0a4FM.js";
 const E = "flow--switch--track", C = "flow--switch--handle", N = "flow--switch--label", t = {
   switch: "flow--switch",
   "label-leading": "flow--switch--label-leading",
   track: E,
   handle: C,
   label: N
-}, R = b("Switch", (l) => {
+}, R = b("Switch", (a) => {
   const {
-    children: a,
+    children: l,
     className: o,
     labelPosition: r = "trailing",
     refProp: s,
     ...c
-  } = l, m = f(
+  } = a, m = f(
     t.switch,
     t[`label-${r}`],
     o
   );
-  return /* @__PURE__ */ e.createElement(d, null, /* @__PURE__ */ e.createElement(n.Switch, { ...c, className: m, ref: s }, ({ isSelected: i }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: t.track }, /* @__PURE__ */ e.createElement("div", { className: t.handle }, i ? /* @__PURE__ */ e.createElement(p, { size: "s" }) : /* @__PURE__ */ e.createElement(h, { size: "s" }))), /* @__PURE__ */ e.createElement(w, { className: t.label }, a))));
+  return /* @__PURE__ */ e.createElement(d, null, /* @__PURE__ */ e.createElement(n.Switch, { ...c, className: m, ref: s }, ({ isSelected: i }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: t.track }, /* @__PURE__ */ e.createElement("div", { className: t.handle }, i ? /* @__PURE__ */ e.createElement(p, { size: "s" }) : /* @__PURE__ */ e.createElement(h, { size: "s" }))), l && /* @__PURE__ */ e.createElement(w, { className: t.label }, l))));
 });
 export {
   R as Switch,

package/dist/Tabs.js

@@ -4,15 +4,15 @@ import e, { useRef as h, useState as v, useEffect as M, useId as g, createContex
 import * as E from "react-aria-components";
 import u from "clsx";
 import { TunnelExit as C, TunnelProvider as y, TunnelEntry as f } from "@mittwald/react-tunnel";
-import { f as S } from "./flowComponent-CuEuCXRI.js";
+import { f as S } from "./flowComponent-CwV0a4FM.js";
 import { useCallbackRef as O } from "use-callback-ref";
-import { a as B, C as K } from "./ContextMenuTrigger-B8ZhwBtd.js";
-import { M as A } from "./MenuItem-DvOltniq.js";
-import { B as L } from "./Button-Dh-FA0K8.js";
+import { a as B, C as K } from "./ContextMenuTrigger-DuiGa0Zj.js";
+import { M as A } from "./MenuItem-Cb7EDu-b.js";
+import { B as L } from "./Button-BRmT11B1.js";
 import "@tabler/icons-react";
-import "./Icon-N96KD633.js";
-import { I as F } from "./IconContextMenu-BbFVCu4A.js";
-import { T as R } from "./Text-DMctOg-g.js";
+import "./Icon-BCN5qdXA.js";
+import { I as F } from "./IconContextMenu-Cy6_2TgT.js";
+import { T as R } from "./Text-SLaOJhzj.js";
 import "./propsContext-DzAKlmhS.js";
 import { P as W } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";

package/dist/{Text-DMctOg-g.js → Text-SLaOJhzj.js}

@@ -8,7 +8,7 @@ import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import T from "invariant";
-import { f as C } from "./flowComponent-CuEuCXRI.js";
+import { f as C } from "./flowComponent-CwV0a4FM.js";
 import { E as h } from "./EmulatedBoldText-Dtox8Wd1.js";
 import { W as P } from "./Wrap-DGT1h1o3.js";
 import g from "clsx";