@mittwald/flow-react-components 0.1.0-alpha.404 → 0.1.0-alpha.405

package/dist/js/List.js

@@ -9,29 +9,29 @@ import { PropsContextProvider as _ } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import { isShallowEqual as le, unique as ce, difference as de, times as ue } from "remeda";
 import { d as K } from "./dynamic-ClpUSmEt.js";
-import { B as F } from "./Button-BTc_iJae.js";
+import { B as F } from "./Button-BHFXhYtp.js";
 import { IconArrowBackUp as me } from "@tabler/icons-react";
-import { I as ft } from "./Icon--OEo4TjW.js";
-import { I as he } from "./IconContextMenu-x1p9NcUF.js";
-import { a as q, C as tt } from "./ContextMenuTrigger-C6ZCPTHC.js";
-import { M as et } from "./MenuItem-B6P8yo9s.js";
-import "./ContextMenuSection-kLzjPKqH.js";
+import { I as ft } from "./Icon-mUEZToWz.js";
+import { I as he } from "./IconContextMenu-B1vHRnf5.js";
+import { a as q, C as tt } from "./ContextMenuTrigger-D-IVwEDc.js";
+import { M as et } from "./MenuItem-C6RgW6U3.js";
+import "./ContextMenuSection-CMK-apnP.js";
 import { useLocalizedStringFormatter as I } from "react-aria";
 import { TunnelProvider as Tt, TunnelExit as S } from "@mittwald/react-tunnel";
 import L from "clsx";
-import { f as It } from "./flowComponent-BQs9wMX_.js";
+import { f as It } from "./flowComponent-B1r5sCmz.js";
 import { R as ge } from "./Render-BOMk4emj.js";
-import { T as P } from "./Text-Dh4iy9qD.js";
-import { c as pe, a as fe, b as be, I as Se, d as ve } from "./IconView-CSIFhlza.js";
+import { T as P } from "./Text-C7Akf24Y.js";
+import { c as pe, a as fe, b as be, I as Se, d as ve } from "./IconView-CcLkBI7M.js";
 import { observer as we } from "mobx-react-lite";
 import { a as j, T as W } from "./Tooltip-D5QM-BbC.js";
-import { B as Ee } from "./Badge-CIT6Z_E_.js";
+import { B as Ee } from "./Badge-BdqWEW4w.js";
 import { makeObservable as ye, observable as bt, computed as St, action as J } from "mobx";
 import "./context-BaYmTa0I.js";
 import { u as Fe } from "./useOnChange-C1Quwyuz.js";
-import { S as Te } from "./SearchField-BGdC1K9_.js";
-import { H as st } from "./Heading-C61IpDy1.js";
-import { S as Ie } from "./Section-BPfvjI0d.js";
+import { S as Te } from "./SearchField-Bwk1OaKT.js";
+import { H as st } from "./Heading-s0GGZftx.js";
+import { S as Ie } from "./Section-BOVKcyG5.js";
 import { getProperty as Ce } from "dot-prop";
 import { hash as Ct } from "object-code";
 import R from "zod";
@@ -43,15 +43,15 @@ import { u as Be } from "./SettingsProvider-D9oDS5r9.js";
 import * as it from "react-aria-components";
 import { S as z } from "./SkeletonText-B5ZghZhO.js";
 import { S as Pt } from "./Skeleton-CKLaTmDR.js";
-import { A as xe } from "./Avatar-Do4F3eUs.js";
-import { I as De } from "./IconChevronDown-wKRgAuyR.js";
-import { I as Ne } from "./IconChevronUp-C2rq4v--.js";
+import { A as xe } from "./Avatar-BFx8pvZV.js";
+import { I as De } from "./IconChevronDown-DeqeNFTL.js";
+import { I as Ne } from "./IconChevronUp-CYa3Erd1.js";
 import { I as Re } from "./IllustratedMessage-DB1AH-Oq.js";
-import { I as $e } from "./IconSearch-9xESFc33.js";
+import { I as $e } from "./IconSearch-DMgHpqPU.js";
 import { deepFind as Ue, deepForEach as Ke } from "react-children-utilities";
 import { ListLoaderAsyncResource as ze, TypedListLoaderAsyncResource as Oe } from "./List/ListLoaderAsyncResource.js";
 import { a as Vt, e as At, d as Mt, b as kt, T as Bt, c as xt } from "./Table-Cgwv_qa_.js";
-import { A as He } from "./ActionGroup-cpOWMaBi.js";
+import { A as He } from "./ActionGroup-_RcPy5Vo.js";
 const qe = "flow--list--items--item--view", Ge = "flow--list--items--item--view--content", je = "flow--list--items--item--view--title", We = "flow--list--items--item--view--sub-title", Je = "flow--list--items--item--view--avatar", Ye = "flow--list--items--item--view--heading", Qe = "flow--list--items--item--view--text", Xe = "flow--list--items--item--view--top-content", Ze = "flow--list--items--item--view--action", _e = "flow--list--items--item--view--bottom-content", ts = "flow--list--items--item--view--tile", es = "flow--list--items--item--view--avatar-container", m = {
   view: qe,
   content: Ge,

package/dist/js/{LoadingSpinner-CcTq8PRj.js → LoadingSpinner-CEHNFfi8.js}

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

package/dist/js/LoadingSpinner.js

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

package/dist/js/Markdown.js

@@ -2,12 +2,12 @@
 /* */
 import l, { Children as E, isValidElement as s } from "react";
 import f from "react-markdown";
-import { L as u } from "./Link-CN3Wa-yA.js";
-import { T as m } from "./Text-Dh4iy9qD.js";
+import { L as u } from "./Link-7WUBHpUL.js";
+import { T as m } from "./Text-C7Akf24Y.js";
 import { I as g } from "./InlineCode-6EfCoef4.js";
-import { H as n } from "./Heading-C61IpDy1.js";
+import { H as n } from "./Heading-s0GGZftx.js";
 import { S as k } from "./Separator-BCaor8Yd.js";
-import { C as N } from "./CodeBlock-BU4F_VQW.js";
+import { C as N } from "./CodeBlock-CuioozIA.js";
 const v = "flow--markdown", r = {
   markdown: v
 }, A = (d) => {

package/dist/js/{MenuItem-B6P8yo9s.js → MenuItem-C6RgW6U3.js}

@@ -8,11 +8,11 @@ import { PropsContextProvider as p } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
 import "@tabler/icons-react";
-import "./Icon--OEo4TjW.js";
-import { I as f, a as w } from "./IconCheckboxEmpty-CZrD3f3O.js";
-import { I as h, a as E } from "./IconRadioOn-D7w6KLWm.js";
-import { S as u } from "./Switch-BhDMHWjv.js";
-import { f as d } from "./flowComponent-BQs9wMX_.js";
+import "./Icon-mUEZToWz.js";
+import { I as f, a as w } from "./IconCheckboxEmpty-BAQ3gCrW.js";
+import { I as h, a as E } from "./IconRadioOn-BNHyvV5K.js";
+import { S as u } from "./Switch-BzPC0UXq.js";
+import { f as d } from "./flowComponent-B1r5sCmz.js";
 const x = "flow--menu-item", C = "flow--menu-item--icon", N = "flow--menu-item--control-icon", v = "flow--menu-item--avatar", t = {
   menuItem: x,
   switch: "flow--menu-item--switch",

package/dist/js/MenuItem.js

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

package/dist/js/Message.js

@@ -3,8 +3,8 @@
 import s from "react";
 import m from "clsx";
 import "@tabler/icons-react";
-import "./Icon--OEo4TjW.js";
-import { I as i } from "./IconContextMenu-x1p9NcUF.js";
+import "./Icon-mUEZToWz.js";
+import { I as i } from "./IconContextMenu-B1vHRnf5.js";
 import { PropsContextProvider as d } from "./PropsContextProvider.js";
 const g = "flow--message", p = "flow--message--content", f = "flow--message--responder", u = "flow--message--header", h = "flow--message--user", N = "flow--message--date", w = "flow--message--action", x = "flow--message--right", e = {
   message: g,

package/dist/js/Modal.js

@@ -7,14 +7,14 @@ import { PropsContextProvider as p } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
 import { TunnelProvider as g, TunnelExit as u } from "@mittwald/react-tunnel";
-import { f as v } from "./flowComponent-BQs9wMX_.js";
+import { f as v } from "./flowComponent-B1r5sCmz.js";
 import { O as w } from "./Overlay-BwfQD0k1.js";
-import { H as h } from "./Header-BggXDvGJ.js";
-import { A as C } from "./Action-Bm7dBV7s.js";
-import { B as E } from "./Button-BTc_iJae.js";
+import { H as h } from "./Header-DzHecOxx.js";
+import { A as C } from "./Action-C6RX6wSX.js";
+import { B as E } from "./Button-BHFXhYtp.js";
 import "@tabler/icons-react";
-import "./Icon--OEo4TjW.js";
-import { I as z } from "./IconClose-Bf4k99aq.js";
+import "./Icon-mUEZToWz.js";
+import { I as z } from "./IconClose-njz0vW4D.js";
 import * as y from "react-aria-components";
 import { a as N } from "./OverlayTrigger-j2zD8W4S.js";
 const P = "flow--modal", T = "flow--modal--off-canvas", x = "flow--modal--header", M = "flow--modal--content", O = "flow--modal--action-group", A = "flow--modal--left", e = {

package/dist/js/Navigation.js

@@ -7,8 +7,8 @@ import { PropsContextProvider as l } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
 import { TunnelExit as r, TunnelProvider as g } from "@mittwald/react-tunnel";
-import { A as E } from "./Accordion-Btnh1ek-.js";
-import { C as f } from "./Content-BHs6Idqq.js";
+import { A as E } from "./Accordion-fxpaMqVR.js";
+import { C as f } from "./Content-BmxNXYuI.js";
 const x = "flow--navigation", b = "flow--navigation--item", N = "flow--navigation--icon", w = "flow--navigation--control-icon", C = "flow--navigation--avatar", o = {
   navigation: x,
   item: b,

package/dist/js/Notification.js

@@ -7,12 +7,12 @@ import { PropsContextProvider as w } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
 import { d as h } from "./dynamic-ClpUSmEt.js";
-import { A as k } from "./AlertIcon-CWlD--Fm.js";
-import { L as x } from "./Link-CN3Wa-yA.js";
-import { B as C } from "./Button-BTc_iJae.js";
+import { A as k } from "./AlertIcon-B2ca4caj.js";
+import { L as x } from "./Link-7WUBHpUL.js";
+import { B as C } from "./Button-BHFXhYtp.js";
 import "@tabler/icons-react";
-import "./Icon--OEo4TjW.js";
-import { I as N } from "./IconClose-Bf4k99aq.js";
+import "./Icon-mUEZToWz.js";
+import { I as N } from "./IconClose-njz0vW4D.js";
 const E = "flow--notification", L = "flow--notification--link", v = "flow--notification--heading", y = "flow--notification--text", P = "flow--notification--close", A = "flow--notification--info", B = "flow--notification--has-link", I = "flow--notification--warning", z = "flow--notification--danger", F = "flow--notification--success", t = {
   notification: E,
   link: L,

package/dist/js/NumberField.js

@@ -9,14 +9,14 @@ import { PropsContextProvider as d } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { F as E } from "./FieldError-B_3nLHFz.js";
-import { B as m } from "./Button-BTc_iJae.js";
+import { F as E } from "./FieldError-C-_2QNam.js";
+import { B as m } from "./Button-BHFXhYtp.js";
 import "@tabler/icons-react";
-import "./Icon--OEo4TjW.js";
-import { I as N } from "./IconChevronDown-wKRgAuyR.js";
-import { I as b } from "./IconChevronUp-C2rq4v--.js";
-import { I, a as F } from "./IconPlus-CccQXOjh.js";
-import { f as C } from "./flowComponent-BQs9wMX_.js";
+import "./Icon-mUEZToWz.js";
+import { I as N } from "./IconChevronDown-DeqeNFTL.js";
+import { I as b } from "./IconChevronUp-CYa3Erd1.js";
+import { I, a as F } from "./IconPlus-DtViS5Ul.js";
+import { f as C } from "./flowComponent-B1r5sCmz.js";
 const P = "flow--number-field--group", B = "flow--number-field--input", w = "flow--number-field--decrement-button", v = "flow--number-field--increment-button", x = "flow--number-field--coarse-pointer-icon", r = {
   group: P,
   input: B,

package/dist/js/Option-gR-s-VhK.js

@@ -0,0 +1,27 @@
+"use client"
+/* */
+import c from "react";
+import * as i from "react-aria-components";
+import { P as m } from "./Popover-BXgT1HK0.js";
+import p from "clsx";
+import { f } from "./flowComponent-B1r5sCmz.js";
+const w = "flow--options--popover", v = "flow--options", a = {
+  popover: w,
+  options: v
+}, P = (o) => {
+  const { className: t, children: s, controller: n, ...r } = o, e = p(a.options, t);
+  return /* @__PURE__ */ c.createElement(m, { className: a.popover, controller: n }, /* @__PURE__ */ c.createElement(i.ListBox, { className: e, ...r }, s));
+}, N = "flow--option", h = "flow--option--icon", x = "flow--option--control-icon", O = "flow--option--avatar", d = {
+  option: N,
+  switch: "flow--option--switch",
+  icon: h,
+  controlIcon: x,
+  avatar: O
+}, y = f("Option", (o) => {
+  const { className: t, children: s, value: n, refProp: r, ...e } = o, l = p(d.option, t);
+  return /* @__PURE__ */ c.createElement(i.ListBoxItem, { className: l, ref: r, ...e, id: n }, s);
+});
+export {
+  P as O,
+  y as a
+};

package/dist/js/{Popover-3qM_-J3x.js → Popover-BXgT1HK0.js}

@@ -3,7 +3,7 @@
 import * as r from "react-aria-components";
 import e from "react";
 import { a as y, O as E } from "./OverlayTrigger-j2zD8W4S.js";
-import { f as i } from "./flowComponent-BQs9wMX_.js";
+import { f as i } from "./flowComponent-B1r5sCmz.js";
 import a from "clsx";
 import "mobx";
 import { u as x } from "./useOverlayController-BwSJj4Ly.js";

package/dist/js/Popover.js

@@ -1,7 +1,7 @@
 "use client"
 /* */
-import { P as r } from "./Popover-3qM_-J3x.js";
-import { a as p } from "./Popover-3qM_-J3x.js";
+import { P as r } from "./Popover-BXgT1HK0.js";
+import { a as p } from "./Popover-BXgT1HK0.js";
 export {
   r as Popover,
   p as PopoverTrigger,

package/dist/js/RadioGroup.js

@@ -7,14 +7,14 @@ import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as N } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
-import { F as g } from "./FieldError-B_3nLHFz.js";
+import { F as g } from "./FieldError-C-_2QNam.js";
 import { C as B } from "./ColumnLayout-BhsG7J-Z.js";
 import { TunnelProvider as F, TunnelExit as c } from "@mittwald/react-tunnel";
 import { f as l } from "./FormField.module-CqWpTQKP.js";
-import { f } from "./flowComponent-BQs9wMX_.js";
+import { f } from "./flowComponent-B1r5sCmz.js";
 import "@tabler/icons-react";
-import "./Icon--OEo4TjW.js";
-import { I as G, a as I } from "./IconRadioOn-D7w6KLWm.js";
+import "./Icon-mUEZToWz.js";
+import { I as G, a as I } from "./IconRadioOn-BNHyvV5K.js";
 import { C } from "./ClearPropsContext-CUvsbMn8.js";
 import "dot-prop";
 const P = "flow--radio-group", m = {

package/dist/js/{SearchField-BGdC1K9_.js → SearchField-Bwk1OaKT.js}

@@ -9,13 +9,13 @@ import { PropsContextProvider as h } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { F as u } from "./FieldError-B_3nLHFz.js";
-import { f as F } from "./flowComponent-BQs9wMX_.js";
-import { B as E } from "./Button-BTc_iJae.js";
+import { F as u } from "./FieldError-C-_2QNam.js";
+import { f as F } from "./flowComponent-B1r5sCmz.js";
+import { B as E } from "./Button-BHFXhYtp.js";
 import "@tabler/icons-react";
-import "./Icon--OEo4TjW.js";
-import { I as N } from "./IconClose-Bf4k99aq.js";
-import { I as C } from "./IconSearch-9xESFc33.js";
+import "./Icon-mUEZToWz.js";
+import { I as N } from "./IconClose-njz0vW4D.js";
+import { I as C } from "./IconSearch-DMgHpqPU.js";
 import { useLocalizedStringFormatter as S } from "react-aria";
 const I = "flow--search-field", w = "flow--search-field--clear-button", x = "flow--search-field--search-icon", B = "flow--search-field--input-container", b = "flow--search-field--input", t = {
   searchField: I,

package/dist/js/SearchField.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as e } from "./SearchField-BGdC1K9_.js";
+import { S as e } from "./SearchField-Bwk1OaKT.js";
 export {
   e as SearchField,
   e as default

package/dist/js/{Section-BPfvjI0d.js → Section-BOVKcyG5.js}

@@ -6,8 +6,8 @@ import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as h } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
-import { f as u } from "./flowComponent-BQs9wMX_.js";
-import { C as S } from "./ContextMenuSection-kLzjPKqH.js";
+import { f as u } from "./flowComponent-B1r5sCmz.js";
+import { C as S } from "./ContextMenuSection-CMK-apnP.js";
 const C = "flow--section", g = "flow--section--hide-separator", x = "flow--section--heading", o = {
   section: C,
   hideSeparator: g,

package/dist/js/Section.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as t } from "./Section-BPfvjI0d.js";
+import { S as t } from "./Section-BOVKcyG5.js";
 export {
   t as Section,
   t as default

package/dist/js/SegmentedControl.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { f as d } from "./flowComponent-BQs9wMX_.js";
+import { f as d } from "./flowComponent-B1r5sCmz.js";
 import e from "react";
 import * as p from "react-aria-components";
 import { f as n } from "./FormField.module-CqWpTQKP.js";
@@ -9,11 +9,11 @@ import { PropsContextProvider as k } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
 import { TunnelProvider as E, TunnelExit as a } from "@mittwald/react-tunnel";
-import { F as N } from "./FieldError-B_3nLHFz.js";
+import { F as N } from "./FieldError-C-_2QNam.js";
 import g from "clsx";
 import "@tabler/icons-react";
-import "./Icon--OEo4TjW.js";
-import { I as b } from "./IconCheck-s8wGBc30.js";
+import "./Icon-mUEZToWz.js";
+import { I as b } from "./IconCheck-y0I90xlL.js";
 import { C as u } from "./ClearPropsContext-CUvsbMn8.js";
 import "dot-prop";
 const z = "flow--segmented-control", w = "flow--segmented-control--segments", x = "flow--segmented-control--segmented-control-container", S = "flow--segmented-control--segment", o = {

package/dist/js/Select.js

@@ -1,89 +1,73 @@
 "use client"
 /* */
-import n, { useMemo as E } from "react";
-import * as u from "react-aria-components";
+import n, { useMemo as N } from "react";
+import * as c from "react-aria-components";
 import "./propsContext-DzAKlmhS.js";
-import { PropsContextProvider as P } from "./PropsContextProvider.js";
+import { PropsContextProvider as I } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
-import { f as a } from "./FormField.module-CqWpTQKP.js";
-import { F as K } from "./FieldError-B_3nLHFz.js";
-import m from "clsx";
+import { f as o } from "./FormField.module-CqWpTQKP.js";
+import { F as E } from "./FieldError-C-_2QNam.js";
+import p from "clsx";
 import "@tabler/icons-react";
-import "./Icon--OEo4TjW.js";
-import { I as b } from "./IconChevronDown-wKRgAuyR.js";
-import { f as S } from "./flowComponent-BQs9wMX_.js";
-import { P as L } from "./Popover-3qM_-J3x.js";
+import "./Icon-mUEZToWz.js";
+import { I as K } from "./IconChevronDown-DeqeNFTL.js";
+import { f as S } from "./flowComponent-B1r5sCmz.js";
+import { O as P, a as b } from "./Option-gR-s-VhK.js";
+import { TunnelProvider as L, TunnelExit as F } from "@mittwald/react-tunnel";
 import "mobx";
-import { u as p } from "./useOverlayController-BwSJj4Ly.js";
-import { TunnelProvider as F, TunnelExit as R } from "@mittwald/react-tunnel";
-import { O as k } from "./OverlayTrigger-j2zD8W4S.js";
-import { useLocalizedStringFormatter as y } from "react-aria";
-const f = "flow--select", D = "flow--select--toggle", M = {
-  select: f,
+import { u as R } from "./useOverlayController-BwSJj4Ly.js";
+import { useLocalizedStringFormatter as k } from "react-aria";
+const y = "flow--select", D = "flow--select--toggle", l = {
+  select: y,
   toggle: D
-}, O = "flow--select--options--popover", H = "flow--select--options", C = {
-  popover: O,
-  options: H
-}, U = (e) => {
-  const { className: i, children: r, ...t } = e, o = m(C.options, i), s = p("Select");
-  return /* @__PURE__ */ n.createElement(L, { className: C.popover, controller: s }, /* @__PURE__ */ n.createElement(u.ListBox, { className: o, ...t }, r));
-}, Se = S("Select", (e) => {
+}, ie = S("Select", (e) => {
   const {
     children: i,
-    className: r,
-    onChange: t = () => {
+    className: t,
+    onChange: u = () => {
     },
-    onSelectionChange: o = () => {
+    onSelectionChange: r = () => {
     },
-    controller: s,
-    refProp: l,
+    controller: M,
+    refProp: C,
     ...g
-  } = e, G = m(
-    M.select,
-    a.formField,
-    r
-  ), A = {
+  } = e, h = p(
+    l.select,
+    o.formField,
+    t
+  ), B = {
     Label: {
-      className: a.label,
+      className: o.label,
       optional: !e.isRequired
     },
     FieldDescription: {
-      className: a.fieldDescription
+      className: o.fieldDescription
     },
     FieldError: {
-      className: a.customFieldError
+      className: o.customFieldError
     },
     Option: {
       tunnelId: "options"
     }
-  }, N = (c) => {
-    t(String(c)), o(c);
-  }, T = p("Select", {
+  }, G = (s) => {
+    u(String(s)), r(s);
+  }, A = R("Select", {
     reuseControllerFromContext: !0
-  }), d = s ?? T, I = d.useIsOpen();
+  }), a = M ?? A, T = a.useIsOpen();
   return /* @__PURE__ */ n.createElement(
-    u.Select,
+    c.Select,
     {
       ...g,
-      className: G,
-      ref: l,
-      onSelectionChange: N,
-      onOpenChange: (c) => d.setOpen(c),
-      isOpen: I
+      className: h,
+      ref: C,
+      onSelectionChange: G,
+      onOpenChange: (s) => a.setOpen(s),
+      isOpen: T
     },
-    /* @__PURE__ */ n.createElement(k, { type: "Select", controller: d }, /* @__PURE__ */ n.createElement(P, { props: A }, /* @__PURE__ */ n.createElement(F, null, /* @__PURE__ */ n.createElement(u.Button, { className: M.toggle }, /* @__PURE__ */ n.createElement(u.SelectValue, null), /* @__PURE__ */ n.createElement(b, null)), i, /* @__PURE__ */ n.createElement(U, null, /* @__PURE__ */ n.createElement(R, { id: "options" })), /* @__PURE__ */ n.createElement(K, { className: a.fieldError }))))
+    /* @__PURE__ */ n.createElement(I, { props: B }, /* @__PURE__ */ n.createElement(L, null, /* @__PURE__ */ n.createElement(c.Button, { className: l.toggle }, /* @__PURE__ */ n.createElement(c.SelectValue, null), /* @__PURE__ */ n.createElement(K, null)), i, /* @__PURE__ */ n.createElement(P, { controller: a }, /* @__PURE__ */ n.createElement(F, { id: "options" })), /* @__PURE__ */ n.createElement(E, { className: o.fieldError })))
   );
-}), V = "flow--select--option", w = "flow--select--option--icon", v = "flow--select--option--control-icon", J = "flow--select--option--avatar", Z = {
-  option: V,
-  switch: "flow--select--option--switch",
-  icon: w,
-  controlIcon: v,
-  avatar: J
-}, W = S("Option", (e) => {
-  const { className: i, children: r, value: t, refProp: o, ...s } = e, l = m(Z.option, i);
-  return /* @__PURE__ */ n.createElement(u.ListBoxItem, { className: l, ref: o, ...s, id: t }, r);
-}), B = { "de-DE": {
+}), m = { "de-DE": {
   "countries.AD": "Andorra",
   "countries.AE": "Vereinigte Arabische Emirate",
   "countries.AF": "Afghanistan",
@@ -585,26 +569,26 @@ const f = "flow--select", D = "flow--select--toggle", M = {
   "countries.ZA": "South Africa",
   "countries.ZM": "Zambia",
   "countries.ZW": "Zimbabwe"
-} }, z = Object.keys(B["de-DE"]).filter((e) => e.startsWith("countries.")).map((e) => e.replace("countries.", "")), Y = (e, i) => e.name.localeCompare(i.name), x = () => 0, Q = () => !0, Me = S(
+} }, H = Object.keys(m["de-DE"]).filter((e) => e.startsWith("countries.")).map((e) => e.replace("countries.", "")), O = (e, i) => e.name.localeCompare(i.name), U = () => 0, V = () => !0, re = S(
   "CountryOptions",
   ({
-    filterBy: e = Q,
-    sortBy: i = x
+    filterBy: e = V,
+    sortBy: i = U
   }) => {
-    const r = y(B), t = E(
-      () => z.map((o) => ({
-        code: o,
-        name: r.format(`countries.${o}`)
-      })).filter(e).sort(Y).sort(i),
-      [r, e, i]
+    const t = k(m), u = N(
+      () => H.map((r) => ({
+        code: r,
+        name: t.format(`countries.${r}`)
+      })).filter(e).sort(O).sort(i),
+      [t, e, i]
     );
-    return /* @__PURE__ */ n.createElement(n.Fragment, null, t.map((o) => /* @__PURE__ */ n.createElement(W, { key: o.code, value: o.code }, o.name)));
+    return /* @__PURE__ */ n.createElement(n.Fragment, null, u.map((r) => /* @__PURE__ */ n.createElement(b, { key: r.code, value: r.code }, r.name)));
   }
-), h = ["DE", "AT", "CH"], Ce = (e, i) => h.includes(i.code) ? 1 : 0 - (h.includes(e.code) ? 1 : 0);
+), d = ["DE", "AT", "CH"], oe = (e, i) => d.includes(i.code) ? 1 : 0 - (d.includes(e.code) ? 1 : 0);
 export {
-  Me as CountryOptions,
-  W as Option,
-  Se as Select,
-  Se as default,
-  Ce as sortByDachFirst
+  re as CountryOptions,
+  b as Option,
+  ie as Select,
+  ie as default,
+  oe as sortByDachFirst
 };

package/dist/js/Slider.js

@@ -1,17 +1,17 @@
 "use client"
 /* */
 import e from "react";
-import { f as E } from "./flowComponent-BQs9wMX_.js";
+import { f as E } from "./flowComponent-B1r5sCmz.js";
 import * as n from "react-aria-components";
 import h from "clsx";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as v } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
-import { B as i } from "./Button-BTc_iJae.js";
+import { B as i } from "./Button-BHFXhYtp.js";
 import "@tabler/icons-react";
-import "./Icon--OEo4TjW.js";
-import { I as w, a as N } from "./IconPlus-CccQXOjh.js";
+import "./Icon-mUEZToWz.js";
+import { I as w, a as N } from "./IconPlus-DtViS5Ul.js";
 import { useLocalizedStringFormatter as k } from "react-aria";
 const x = "flow--slider", P = "flow--slider--text", S = "flow--slider--value", T = "flow--slider--track", g = "flow--slider--fill", y = "flow--slider--initial-marker", F = "flow--slider--thumb", I = "flow--slider--increment", M = "flow--slider--decrement", C = "flow--slider--disabled", r = {
   slider: x,

package/dist/js/{Switch-BhDMHWjv.js → Switch-BzPC0UXq.js}

@@ -4,16 +4,16 @@ import e from "react";
 import * as n from "react-aria-components";
 import p from "clsx";
 import "@tabler/icons-react";
-import "./Icon--OEo4TjW.js";
-import { I as f } from "./IconCheck-s8wGBc30.js";
-import { I as h } from "./IconClose-Bf4k99aq.js";
-import { L as w } from "./Label-BK8Njoxm.js";
+import "./Icon-mUEZToWz.js";
+import { I as f } from "./IconCheck-y0I90xlL.js";
+import { I as h } from "./IconClose-njz0vW4D.js";
+import { L as w } from "./Label-p9Kj8evJ.js";
 import { C as b } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as d } from "./flowComponent-BQs9wMX_.js";
+import { f as d } from "./flowComponent-B1r5sCmz.js";
 const E = "flow--switch--track", C = "flow--switch--handle", N = "flow--switch--label", t = {
   switch: "flow--switch",
   "label-leading": "flow--switch--label-leading",

package/dist/js/Switch.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as a } from "./Switch-BhDMHWjv.js";
+import { S as a } from "./Switch-BzPC0UXq.js";
 export {
   a as Switch,
   a as default

package/dist/js/Tabs.js

@@ -4,16 +4,16 @@ import e, { useRef as h, useState as w, useEffect as M, useId as N, createContex
 import * as C from "react-aria-components";
 import u from "clsx";
 import { TunnelExit as E, TunnelProvider as P, TunnelEntry as f } from "@mittwald/react-tunnel";
-import { f as O } from "./flowComponent-BQs9wMX_.js";
+import { f as O } from "./flowComponent-B1r5sCmz.js";
 import { useCallbackRef as S } from "use-callback-ref";
-import { a as A, C as B } from "./ContextMenuTrigger-C6ZCPTHC.js";
-import { M as K } from "./MenuItem-B6P8yo9s.js";
-import "./ContextMenuSection-kLzjPKqH.js";
-import { B as L } from "./Button-BTc_iJae.js";
+import { a as A, C as B } from "./ContextMenuTrigger-D-IVwEDc.js";
+import { M as K } from "./MenuItem-C6RgW6U3.js";
+import "./ContextMenuSection-CMK-apnP.js";
+import { B as L } from "./Button-BHFXhYtp.js";
 import "@tabler/icons-react";
-import "./Icon--OEo4TjW.js";
-import { I as W } from "./IconContextMenu-x1p9NcUF.js";
-import { T as F } from "./Text-Dh4iy9qD.js";
+import "./Icon-mUEZToWz.js";
+import { I as W } from "./IconContextMenu-B1vHRnf5.js";
+import { T as F } from "./Text-C7Akf24Y.js";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as R } from "./PropsContextProvider.js";
 import "@react-aria/utils";