@mittwald/flow-react-components 0.1.0-alpha.143 → 0.1.0-alpha.145

package/dist/Modal.js

@@ -7,10 +7,10 @@ import { P as c } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { TunnelProvider as f, TunnelExit as p } from "@mittwald/react-tunnel";
-import { f as u } from "./flowComponent-CPKCCJEg.js";
-import { M as g } from "./ModalOverlay-BSu4UEnW.js";
+import { f as u } from "./flowComponent-CWmvUeHT.js";
+import { M as g } from "./ModalOverlay-TJdwgPq0.js";
 import * as v from "react-aria-components";
-import { O as w } from "./OverlayTrigger-DbjMkqKf.js";
+import { O as w } from "./OverlayTrigger-CZdXqASS.js";
 const z = "flow--modal", C = "flow--modal--action-group", E = "flow--modal--content", T = "flow--modal--off-canvas", e = {
   modal: z,
   "modal-zoom": "flow--modal--modal-zoom",
@@ -22,17 +22,17 @@ const z = "flow--modal", C = "flow--modal--action-group", E = "flow--modal--cont
   offCanvas: T,
   "modal-slide-in": "flow--modal--modal-slide-in",
   "modal-slide-up": "flow--modal--modal-slide-up"
-}, D = u("Modal", (l) => {
+}, D = u("Modal", (t) => {
   const {
-    size: t = "s",
+    size: l = "s",
     offCanvas: a,
-    controller: n,
-    children: r,
-    refProp: x,
+    controller: r,
+    children: n,
+    refProp: y,
     ...m
-  } = l, s = d(
+  } = t, s = d(
     e.modal,
-    e[`size-${t}`],
+    e[`size-${l}`],
     a && e.offCanvas
   ), i = {
     Content: {
@@ -47,8 +47,19 @@ const z = "flow--modal", C = "flow--modal--action-group", E = "flow--modal--cont
       tunnelId: "buttons"
     }
   };
-  return /* @__PURE__ */ o.createElement(g, { className: s, controller: n, ...m }, /* @__PURE__ */ o.createElement(c, { props: i }, /* @__PURE__ */ o.createElement(f, null, /* @__PURE__ */ o.createElement("div", { className: e.content }, r), /* @__PURE__ */ o.createElement(p, { id: "buttons" }))));
-}), F = (l) => /* @__PURE__ */ o.createElement(w, null, /* @__PURE__ */ o.createElement(v.DialogTrigger, null, l.children));
+  return /* @__PURE__ */ o.createElement(g, { className: s, controller: r, ...m }, /* @__PURE__ */ o.createElement(c, { props: i }, /* @__PURE__ */ o.createElement(f, null, /* @__PURE__ */ o.createElement("div", { className: e.content }, n), /* @__PURE__ */ o.createElement(p, { id: "buttons" }))));
+}), F = (t) => {
+  const { children: l, ...a } = t;
+  return /* @__PURE__ */ o.createElement(
+    w,
+    {
+      overlayType: "Modal",
+      ...a,
+      component: v.DialogTrigger
+    },
+    l
+  );
+};
 export {
   D as Modal,
   F as ModalTrigger,

package/dist/{ModalOverlay-BSu4UEnW.js → ModalOverlay-TJdwgPq0.js}

@@ -2,32 +2,33 @@
 /* */
 import * as r from "react-aria-components";
 import e from "react";
-import y from "clsx";
-import { u as p, a as u } from "./useOverlayController-CGKumeGL.js";
+import p from "clsx";
 import "mobx";
-const d = "flow--modal-overlay--overlay", f = {
-  overlay: d,
+import { u as v } from "./useOverlayController-C88Gnnhi.js";
+import { O as d } from "./OverlayContextProvider-BBz2Hde8.js";
+const f = "flow--modal-overlay--overlay", u = {
+  overlay: f,
   "overlay-fade": "flow--modal-overlay--overlay-fade"
-}, M = (l) => {
+}, F = (l) => {
   const {
     controller: t,
     children: a,
     isDismissable: s = !0,
     className: n
-  } = l, m = p({
+  } = l, m = v("Modal", {
     reuseControllerFromContext: !0
-  }), o = t ?? m, c = o.useIsOpen(), v = y(f.overlay, n);
+  }), o = t ?? m, c = o.useIsOpen(), i = p(u.overlay, n);
   return /* @__PURE__ */ e.createElement(
     r.ModalOverlay,
     {
-      className: v,
+      className: i,
       isDismissable: s,
       isOpen: c,
-      onOpenChange: (i) => o.setOpen(i)
+      onOpenChange: (y) => o.setOpen(y)
     },
-    /* @__PURE__ */ e.createElement(r.Modal, null, /* @__PURE__ */ e.createElement(r.Dialog, null, /* @__PURE__ */ e.createElement(u, { value: o }, a)))
+    /* @__PURE__ */ e.createElement(r.Modal, null, /* @__PURE__ */ e.createElement(r.Dialog, null, /* @__PURE__ */ e.createElement(d, { type: "Modal", controller: o }, a)))
   );
 };
 export {
-  M
+  F as M
 };

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-QhhkJhTO.js";
-import { C as N } from "./Content-DlB-BYko.js";
+import { A as x } from "./Accordion-S70SYWwS.js";
+import { C as N } from "./Content-arM8nm8H.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-J28z-uQ4.js";
-import { L as h } from "./Link-CcYCy_KC.js";
-import { B as k } from "./Button-BS1F0zPs.js";
+import { S as g } from "./StatusIcon-YOrSQbPf.js";
+import { L as h } from "./Link-Bal042NI.js";
+import { B as k } from "./Button-Bs4J6es6.js";
 import "@tabler/icons-react";
-import "./Icon-D4bkU_pz.js";
-import { I as x } from "./IconClose-FTrJdf_N.js";
+import "./Icon-CvhSELPq.js";
+import { I as x } from "./IconClose-DVwhXp3R.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

@@ -9,14 +9,14 @@ import { P as I } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { F as b } from "./FieldError-D_VRyiJG.js";
-import { B as m } from "./Button-BS1F0zPs.js";
+import { F as b } from "./FieldError-eiEmcuuK.js";
+import { B as m } from "./Button-Bs4J6es6.js";
 import "@tabler/icons-react";
-import "./Icon-D4bkU_pz.js";
-import { I as C } from "./IconChevronDown-HLDPe1kj.js";
-import { I as h } from "./IconChevronUp-CUKpaGeP.js";
-import { I as P, a as F } from "./IconPlus-CAQpgAH5.js";
-import { f as w } from "./flowComponent-CPKCCJEg.js";
+import "./Icon-CvhSELPq.js";
+import { I as C } from "./IconChevronDown-BjpRbARt.js";
+import { I as h } from "./IconChevronUp-D1VuNDfJ.js";
+import { I as P, a as F } from "./IconPlus-Uxpaa4X_.js";
+import { f as w } from "./flowComponent-CWmvUeHT.js";
 const B = "flow--number-field--group", g = "flow--number-field--input", v = "flow--number-field--decrement-button", x = "flow--number-field--increment-button", y = "flow--number-field--coarse-pointer-icon", D = "flow--number-field--touch-icon", o = {
   group: B,
   input: g,

package/dist/OffCanvas.js

@@ -1,29 +1,40 @@
 "use client"
 /* */
-import e from "react";
-import c from "clsx";
-import { B as f } from "./Button-BS1F0zPs.js";
+import o from "react";
+import i from "clsx";
+import "mobx";
+import { u as p } from "./useOverlayController-C88Gnnhi.js";
+import { B as v } from "./Button-Bs4J6es6.js";
 import "@tabler/icons-react";
-import "./Icon-D4bkU_pz.js";
-import { I as m } from "./IconClose-FTrJdf_N.js";
-import { A as i } from "./Action-C4Ncwjzf.js";
-import { M as p } from "./ModalOverlay-BSu4UEnW.js";
+import "./Icon-CvhSELPq.js";
+import { I as d } from "./IconClose-DVwhXp3R.js";
+import { A as C } from "./Action-BW80BkOP.js";
+import { M as u } from "./ModalOverlay-TJdwgPq0.js";
 import "./propsContext-DzAKlmhS.js";
-import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
+import { P as O } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { TunnelProvider as d, TunnelExit as u } from "@mittwald/react-tunnel";
-import { H as E } from "./Header-BetbThNR.js";
-import * as g from "react-aria-components";
-import { O as C } from "./OverlayTrigger-DbjMkqKf.js";
-const h = "flow--off-canvas", O = "flow--off-canvas--header", w = "flow--off-canvas--close-button", a = {
-  offCanvas: h,
+import { TunnelProvider as g, TunnelExit as y } from "@mittwald/react-tunnel";
+import { H as E } from "./Header-DAaa854y.js";
+import { f as h } from "./flowComponent-CWmvUeHT.js";
+import { O as x } from "./OverlayContextProvider-BBz2Hde8.js";
+import * as P from "react-aria-components";
+import { O as w } from "./OverlayTrigger-CZdXqASS.js";
+const T = "flow--off-canvas", B = "flow--off-canvas--header", N = "flow--off-canvas--close-button", t = {
+  offCanvas: T,
   "off-canvas-slide-in": "flow--off-canvas--off-canvas-slide-in",
   "off-canvas-slide-out": "flow--off-canvas--off-canvas-slide-out",
-  header: O,
-  closeButton: w
-}, k = (o) => {
-  const { controller: t, children: r, className: n } = o, l = c(a.offCanvas, n), s = {
+  header: B,
+  closeButton: N
+}, U = h("OffCanvas", (e) => {
+  const {
+    controller: r,
+    refProp: a,
+    children: l,
+    className: s
+  } = e, f = i(t.offCanvas, s), m = p("OffCanvas", {
+    reuseControllerFromContext: !0
+  }), n = r ?? m, c = {
     Heading: {
       slot: "title",
       tunnelId: "heading",
@@ -31,18 +42,29 @@ const h = "flow--off-canvas", O = "flow--off-canvas--header", w = "flow--off-can
       level: 2
     }
   };
-  return /* @__PURE__ */ e.createElement(p, { controller: t, className: l }, /* @__PURE__ */ e.createElement(v, { props: s }, /* @__PURE__ */ e.createElement(d, null, /* @__PURE__ */ e.createElement(E, { className: a.header }, /* @__PURE__ */ e.createElement(u, { id: "heading" }), /* @__PURE__ */ e.createElement(i, { closeOverlay: !0 }, /* @__PURE__ */ e.createElement(
-    f,
+  return /* @__PURE__ */ o.createElement(u, { controller: n, className: f }, /* @__PURE__ */ o.createElement(x, { type: "OffCanvas", controller: n }, /* @__PURE__ */ o.createElement(O, { props: c }, /* @__PURE__ */ o.createElement(g, null, /* @__PURE__ */ o.createElement(E, { className: t.header }, /* @__PURE__ */ o.createElement(y, { id: "heading" }), /* @__PURE__ */ o.createElement(C, { closeOverlay: "OffCanvas" }, /* @__PURE__ */ o.createElement(
+    v,
     {
       variant: "plain",
       color: "secondary",
-      className: a.closeButton
+      className: t.closeButton
     },
-    /* @__PURE__ */ e.createElement(m, null)
-  ))), r)));
-}, q = (o) => /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement(g.DialogTrigger, null, o.children));
+    /* @__PURE__ */ o.createElement(d, null)
+  ))), l))));
+}), W = (e) => {
+  const { children: r, ...a } = e;
+  return /* @__PURE__ */ o.createElement(
+    w,
+    {
+      overlayType: "OffCanvas",
+      ...a,
+      component: P.DialogTrigger
+    },
+    r
+  );
+};
 export {
-  k as OffCanvas,
-  q as OffCanvasTrigger,
-  k as default
+  U as OffCanvas,
+  W as OffCanvasTrigger,
+  U as default
 };

package/dist/OverlayContextProvider-BBz2Hde8.js

@@ -0,0 +1,20 @@
+"use client"
+/* */
+import a from "react";
+import { u as l, o as c } from "./context-Bdh6m_8S.js";
+const i = (e) => {
+  const { type: t, controller: r, children: o } = e, n = l();
+  return /* @__PURE__ */ a.createElement(
+    c.Provider,
+    {
+      value: {
+        ...n,
+        [t]: r
+      }
+    },
+    o
+  );
+};
+export {
+  i as O
+};

package/dist/OverlayTrigger-CZdXqASS.js

@@ -0,0 +1,25 @@
+"use client"
+/* */
+import r from "react";
+import { O as m } from "./context-Bdh6m_8S.js";
+import "./propsContext-DzAKlmhS.js";
+import { P as i } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "remeda";
+import { O as c } from "./OverlayContextProvider-BBz2Hde8.js";
+const g = (o) => {
+  const {
+    overlayType: t,
+    isDefaultOpen: n = !1,
+    component: p,
+    children: s
+  } = o, e = m.useNew(n), a = e.useIsOpen(), l = {
+    Button: {
+      onPress: e.open
+    }
+  };
+  return /* @__PURE__ */ r.createElement(c, { type: t, controller: e }, /* @__PURE__ */ r.createElement(i, { props: l, mergeInParentContext: !0 }, /* @__PURE__ */ r.createElement(p, { isOpen: a }, s)));
+};
+export {
+  g as O
+};

package/dist/Popover-DrXvRfAg.js

@@ -0,0 +1,44 @@
+"use client"
+/* */
+import o from "react";
+import * as r from "react-aria-components";
+import w from "clsx";
+import "mobx";
+import { u as O } from "./useOverlayController-C88Gnnhi.js";
+import { f as C } from "./flowComponent-CWmvUeHT.js";
+import { O as h } from "./OverlayContextProvider-BBz2Hde8.js";
+const u = "flow--popover", x = "flow--popover--content", E = "flow--popover--tip", t = {
+  popover: u,
+  content: x,
+  tip: E,
+  "popover-slide": "flow--popover--popover-slide"
+}, B = C("Popover", (n) => {
+  const {
+    children: p,
+    className: s,
+    controller: l,
+    withTip: a,
+    refProp: c,
+    defaultOpen: m = !1,
+    ...i
+  } = n, v = O("Popover", {
+    reuseControllerFromContext: !0,
+    defaultOpen: m
+  }), e = l ?? v, f = e.useIsOpen(), P = w(t.popover, s);
+  return /* @__PURE__ */ o.createElement(
+    r.Popover,
+    {
+      ...i,
+      className: P,
+      containerPadding: 16,
+      ref: c,
+      isOpen: f,
+      onOpenChange: (d) => e.setOpen(d)
+    },
+    a && /* @__PURE__ */ o.createElement(r.OverlayArrow, { className: t.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(r.Dialog, { className: t.content }, /* @__PURE__ */ o.createElement(h, { type: "Popover", controller: e }, p))
+  );
+});
+export {
+  B as P
+};

package/dist/RadioGroup.js

@@ -8,18 +8,18 @@ import { P as C, m as I } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { d as P } from "./dynamic-ClpUSmEt.js";
-import { F as b } from "./FieldError-D_VRyiJG.js";
+import { F as b } from "./FieldError-eiEmcuuK.js";
 import { C as k } from "./ColumnLayout-FMONjI17.js";
 import { TunnelProvider as y, TunnelExit as m } from "@mittwald/react-tunnel";
 import { s as c } from "./FormField.module-DHK6nIcD.js";
 import { d as F } from "./deepFindOfType-6pG0fH7S.js";
 import { C as w } from "./ClearPropsContext-CUvsbMn8.js";
 import "@tabler/icons-react";
-import "./Icon-D4bkU_pz.js";
-import { I as B, a as v } from "./IconRadioOn-BIS8wd64.js";
-import { f as N } from "./flowComponent-CPKCCJEg.js";
+import "./Icon-CvhSELPq.js";
+import { I as B, a as v } from "./IconRadioOn-8P7k8SVa.js";
+import { f as N } from "./flowComponent-CWmvUeHT.js";
 import "dot-prop";
-import { I as D } from "./IconCheck-CMWmQYpS.js";
+import { I as D } from "./IconCheck-Bx3sPenK.js";
 const T = "flow--radio-group", O = "flow--radio-group--segmented-group", $ = "flow--radio-group--segments", L = "flow--radio-group--segment", A = "flow--radio-group--checkmark", a = {
   radioGroup: T,
   segmentedGroup: O,

package/dist/Section.js

@@ -6,7 +6,7 @@ import "./propsContext-DzAKlmhS.js";
 import { P as p } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { f as d } from "./flowComponent-CPKCCJEg.js";
+import { f as d } from "./flowComponent-CWmvUeHT.js";
 import { A as f } from "./Activity-CmfZpgOM.js";
 const u = "flow--section", h = "flow--section--header", w = "flow--section--status-badge", e = {
   section: u,

package/dist/Select.js

@@ -1,86 +1,91 @@
 "use client"
 /* */
 import e from "react";
-import * as c from "react-aria-components";
+import * as i from "react-aria-components";
 import "./propsContext-DzAKlmhS.js";
-import { P as O } from "./PropsContextProvider-C6Z4XGp6.js";
+import { P as h } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { s as l } from "./FormField.module-DHK6nIcD.js";
-import { F as x } from "./FieldError-D_VRyiJG.js";
+import { s as c } from "./FormField.module-DHK6nIcD.js";
+import { F as w } from "./FieldError-eiEmcuuK.js";
 import f from "clsx";
 import "@tabler/icons-react";
-import "./Icon-D4bkU_pz.js";
-import { I as h } from "./IconChevronDown-HLDPe1kj.js";
-import { f as E } from "./flowComponent-CPKCCJEg.js";
-import { P as w } from "./Popover-B-COTLld.js";
+import "./Icon-CvhSELPq.js";
+import { I as P } from "./IconChevronDown-BjpRbARt.js";
+import { f as E } from "./flowComponent-CWmvUeHT.js";
+import { P as F } from "./Popover-DrXvRfAg.js";
 import "mobx";
-import { u as P, a as I } from "./useOverlayController-CGKumeGL.js";
+import { u as C } from "./useOverlayController-C88Gnnhi.js";
 import "dot-prop";
-import { TunnelProvider as S, TunnelExit as y } from "@mittwald/react-tunnel";
-const F = "flow--select", B = "flow--select--toggle", u = {
-  select: F,
-  toggle: B
-}, D = "flow--select--options--popover", L = "flow--select--options", d = {
-  popover: D,
-  options: L
-}, $ = (o) => {
-  const { className: t, children: n, ...s } = o, r = f(d.options, t);
-  return /* @__PURE__ */ e.createElement(w, { className: d.popover }, /* @__PURE__ */ e.createElement(c.ListBox, { className: r, ...s }, n));
-}, oe = E("Select", (o) => {
+import "./context-Bdh6m_8S.js";
+import { TunnelProvider as y, TunnelExit as I } from "@mittwald/react-tunnel";
+import { O as B } from "./OverlayContextProvider-BBz2Hde8.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) => {
+  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));
+}, le = E("Select", (o) => {
   const {
     children: t,
-    className: n,
-    onChange: s = () => {
+    className: r,
+    onChange: n = () => {
     },
-    onSelectionChange: r = () => {
+    onSelectionChange: l = () => {
     },
-    refProp: i,
-    ...p
-  } = o, v = f(
+    controller: s,
+    refProp: m,
+    ...N
+  } = o, g = f(
     u.select,
-    l.formField,
-    n
-  ), C = {
+    c.formField,
+    r
+  ), x = {
     Label: {
-      className: l.label,
+      className: c.label,
       optional: !o.isRequired
     },
     FieldDescription: {
-      className: l.fieldDescription
+      className: c.fieldDescription
     },
     FieldError: {
-      className: l.customFieldError
+      className: c.customFieldError
     },
     Option: {
       tunnelId: "options"
     }
-  }, N = (a) => {
-    s(String(a)), r(a);
-  }, m = P(), g = m.useIsOpen();
+  }, v = (a) => {
+    n(String(a)), l(a);
+  }, O = C("Select", {
+    reuseControllerFromContext: !0
+  }), p = s ?? O, S = p.useIsOpen();
   return /* @__PURE__ */ e.createElement(
-    c.Select,
+    i.Select,
     {
-      ...p,
-      className: v,
-      ref: i,
-      onSelectionChange: N,
-      onOpenChange: (a) => m.setOpen(a),
-      isOpen: g
+      ...N,
+      className: g,
+      ref: m,
+      onSelectionChange: v,
+      onOpenChange: (a) => p.setOpen(a),
+      isOpen: S
     },
-    /* @__PURE__ */ e.createElement(O, { props: C }, /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement(c.Button, { className: u.toggle }, /* @__PURE__ */ e.createElement(c.SelectValue, null), /* @__PURE__ */ e.createElement(h, null)), /* @__PURE__ */ e.createElement(I, { value: m }, t, /* @__PURE__ */ e.createElement($, null, /* @__PURE__ */ e.createElement(y, { id: "options" }))), /* @__PURE__ */ e.createElement(x, { className: l.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(P, null)), t, /* @__PURE__ */ e.createElement(R, null, /* @__PURE__ */ e.createElement(I, { id: "options" })), /* @__PURE__ */ e.createElement(w, { className: c.fieldError }))))
   );
-}), b = "flow--select--option", R = "flow--select--option--icon", T = "flow--select--option--text", q = "flow--select--option--control-icon", A = {
-  option: b,
-  icon: R,
-  text: T,
-  controlIcon: q
-}, te = E("Option", (o) => {
-  const { className: t, children: n, value: s, refProp: r, ...i } = o, p = f(A.option, t);
-  return /* @__PURE__ */ e.createElement(c.ListBoxItem, { className: p, ref: r, ...i, id: s }, n);
+}), T = "flow--select--option", q = "flow--select--option--icon", A = "flow--select--option--text", V = "flow--select--option--control-icon", j = {
+  option: T,
+  icon: q,
+  text: A,
+  controlIcon: V
+}, se = E("Option", (o) => {
+  const { className: t, children: r, value: n, refProp: l, ...s } = o, m = f(j.option, t);
+  return /* @__PURE__ */ e.createElement(i.ListBoxItem, { className: m, ref: l, ...s, id: n }, r);
 });
 export {
-  te as Option,
-  oe as Select,
-  oe as default
+  se as Option,
+  le as Select,
+  le as default
 };

package/dist/Slider.js

@@ -1,17 +1,17 @@
 "use client"
 /* */
 import e from "react";
-import { f as E } from "./flowComponent-CPKCCJEg.js";
+import { f as E } from "./flowComponent-CWmvUeHT.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-BS1F0zPs.js";
+import { B as i } from "./Button-Bs4J6es6.js";
 import "@tabler/icons-react";
-import "./Icon-D4bkU_pz.js";
-import { I as w, a as N } from "./IconPlus-CAQpgAH5.js";
+import "./Icon-CvhSELPq.js";
+import { I as w, a as N } from "./IconPlus-Uxpaa4X_.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-J28z-uQ4.js";
-import { T as i } from "./Text-D6e-S6em.js";
+import { S as f } from "./StatusIcon-YOrSQbPf.js";
+import { T as i } from "./Text-BgxTAtk1.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-CPKCCJEg.js";
+import { f as d } from "./flowComponent-CWmvUeHT.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-J28z-uQ4.js → StatusIcon-YOrSQbPf.js}

@@ -2,10 +2,10 @@
 /* */
 import t from "react";
 import "@tabler/icons-react";
-import "./Icon-D4bkU_pz.js";
-import { I as m } from "./IconDanger-PwvUWqzQ.js";
-import { I as f } from "./IconInfo-Dzy8qZId.js";
-import { I, a as l } from "./IconWarning-DHYHv9V-.js";
+import "./Icon-CvhSELPq.js";
+import { I as m } from "./IconDanger-C-H0zYrp.js";
+import { I as f } from "./IconInfo-DDhh409U.js";
+import { I, a as l } from "./IconWarning-zl3wRgfI.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-J28z-uQ4.js";
+import { S as a } from "./StatusIcon-YOrSQbPf.js";
 export {
   a as StatusIcon,
   a as default

package/dist/Switch.js

@@ -4,16 +4,16 @@ import e from "react";
 import * as n from "react-aria-components";
 import f from "clsx";
 import "@tabler/icons-react";
-import "./Icon-D4bkU_pz.js";
-import { I as p } from "./IconCheck-CMWmQYpS.js";
-import { I as h } from "./IconClose-FTrJdf_N.js";
-import { L as w } from "./Label-5xy35UpX.js";
+import "./Icon-CvhSELPq.js";
+import { I as p } from "./IconCheck-Bx3sPenK.js";
+import { I as h } from "./IconClose-DVwhXp3R.js";
+import { L as w } from "./Label-25wKJcpL.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-CPKCCJEg.js";
+import { f as b } from "./flowComponent-CWmvUeHT.js";
 const E = "flow--switch--track", C = "flow--switch--handle", N = "flow--switch--label", t = {
   switch: "flow--switch",
   "label-leading": "flow--switch--label-leading",