@mittwald/flow-react-components 0.1.0-alpha.370 → 0.1.0-alpha.372

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.1.0-alpha.372](https://github.com/mittwald/flow/compare/0.1.0-alpha.371...0.1.0-alpha.372) (2024-12-10)
+
+**Note:** Version bump only for package @mittwald/flow-react-components
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0-alpha.371](https://github.com/mittwald/flow/compare/0.1.0-alpha.370...0.1.0-alpha.371) (2024-12-10)
+
+### Bug Fixes
+
+- **Modal:** fix mobile off canvas
+  ([#1055](https://github.com/mittwald/flow/issues/1055))
+  ([eb20386](https://github.com/mittwald/flow/commit/eb203862e3a9b9a30f7adeb3903eba385bd5c5f5))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 # [0.1.0-alpha.370](https://github.com/mittwald/flow/compare/0.1.0-alpha.369...0.1.0-alpha.370) (2024-12-10)
 
 ### Bug Fixes

package/dist/css/Modal.css

@@ -1 +1 @@
-.flow--modal,.flow--modal--off-canvas{overflow:hidden}.flow--modal>div,.flow--modal--off-canvas>div{background-color:var(--modal--background-color);overflow:hidden}.flow--modal [role=dialog],.flow--modal form,.flow--modal--off-canvas [role=dialog],.flow--modal--off-canvas form{overflow:hidden;outline:none;display:grid;height:100%;max-height:inherit}.flow--modal [role=dialog]:not(:has(form)),.flow--modal--off-canvas [role=dialog]:not(:has(form)){grid-template-areas:"header" "content" "actionGroup";grid-template-rows:auto 1fr auto}.flow--modal [role=dialog]:has(form),.flow--modal--off-canvas [role=dialog]:has(form){grid-template-areas:"header" "content";grid-template-rows:auto 1fr}.flow--modal form,.flow--modal--off-canvas form{grid-area:content;grid-template-areas:"content" "actionGroup";grid-template-rows:1fr auto}.flow--modal .flow--modal--header,.flow--modal--off-canvas .flow--modal--header{grid-area:header;padding-inline:var(--modal--padding);padding-block:var(--modal--header-padding-y);border-bottom-width:var(--modal--border-width);border-bottom-style:var(--modal--border-style);border-bottom-color:var(--modal--border-color);display:flex;justify-content:space-between;align-items:center}.flow--modal .flow--modal--content,.flow--modal--off-canvas .flow--modal--content{grid-area:content;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;padding:var(--modal--padding)}.flow--modal .flow--modal--action-group,.flow--modal--off-canvas .flow--modal--action-group{grid-area:actionGroup;padding:var(--modal--padding);background-color:var(--modal--footer-background-color);border-top-width:var(--modal--border-width);border-top-style:var(--modal--border-style);border-top-color:var(--modal--border-color)}@media (min-width: 550px){.flow--modal.flow--modal--size-s>div,.flow--modal>div,.flow--modal--off-canvas.flow--modal--size-s>div,.flow--modal--off-canvas>div{width:var(--modal--size--s)}.flow--modal.flow--modal--size-m>div,.flow--modal--off-canvas.flow--modal--size-m>div{width:var(--modal--size--m)}}@media (min-width: 550px){.flow--modal>div{border-radius:var(--modal--corner-radius);max-height:calc(100dvh - var(--size-px--xxl));max-width:calc(100dvw - var(--size-px--xxl))}.flow--modal>div[data-entering]{animation:flow--modal--modal-zoom var(--transition--duration--slow) cubic-bezier(.1,.8,.3,1.2)}}.flow--modal--off-canvas{justify-content:flex-end}.flow--modal--off-canvas>div{border-bottom-left-radius:var(--modal--corner-radius);border-top-left-radius:var(--modal--corner-radius);height:100%;margin-left:auto;max-width:var(--modal--off-canvas-max-width)}.flow--modal--off-canvas>div[data-entering]{animation:flow--modal--modal-slide-in-from-right var(--transition--duration--slow)}.flow--modal--off-canvas.flow--modal--left>div{margin-left:unset;margin-right:auto}.flow--modal--off-canvas.flow--modal--left>div[data-entering]{animation:flow--modal--modal-slide-in-from-left var(--transition--duration--slow)}@media (max-width: 550px){.flow--modal{overflow-y:auto;padding-top:var(--size-px--xxl)}.flow--modal>div{margin-top:auto;width:100%;border-top-right-radius:var(--modal--corner-radius);border-top-left-radius:var(--modal--corner-radius);max-height:max-content}.flow--modal>div[data-entering]{animation:flow--modal--modal-slide-up var(--transition--duration--slow)}}@keyframes flow--modal--modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes flow--modal--modal-slide-up{0%{margin-bottom:-100px}to{margin-bottom:0}}@keyframes flow--modal--modal-slide-in-from-right{0%{margin-right:-100px}to{margin-right:0}}@keyframes flow--modal--modal-slide-in-from-left{0%{margin-left:-100px}to{margin-left:0}}
+.flow--modal,.flow--modal--off-canvas{overflow:hidden}.flow--modal>div,.flow--modal--off-canvas>div{background-color:var(--modal--background-color);overflow:hidden}.flow--modal [role=dialog],.flow--modal form,.flow--modal--off-canvas [role=dialog],.flow--modal--off-canvas form{overflow:hidden;outline:none;display:grid;height:100%;max-height:inherit}.flow--modal [role=dialog]:not(:has(form)),.flow--modal--off-canvas [role=dialog]:not(:has(form)){grid-template-areas:"header" "content" "actionGroup";grid-template-rows:auto 1fr auto}.flow--modal [role=dialog]:has(form),.flow--modal--off-canvas [role=dialog]:has(form){grid-template-areas:"header" "content";grid-template-rows:auto 1fr}.flow--modal form,.flow--modal--off-canvas form{grid-area:content;grid-template-areas:"content" "actionGroup";grid-template-rows:1fr auto}.flow--modal .flow--modal--header,.flow--modal--off-canvas .flow--modal--header{grid-area:header;padding-inline:var(--modal--padding);padding-block:var(--modal--header-padding-y);border-bottom-width:var(--modal--border-width);border-bottom-style:var(--modal--border-style);border-bottom-color:var(--modal--border-color);display:flex;justify-content:space-between;align-items:center}.flow--modal .flow--modal--content,.flow--modal--off-canvas .flow--modal--content{grid-area:content;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;padding:var(--modal--padding)}.flow--modal .flow--modal--action-group,.flow--modal--off-canvas .flow--modal--action-group{grid-area:actionGroup;padding:var(--modal--padding);background-color:var(--modal--footer-background-color);border-top-width:var(--modal--border-width);border-top-style:var(--modal--border-style);border-top-color:var(--modal--border-color)}.flow--modal.flow--modal--size-s>div,.flow--modal>div,.flow--modal--off-canvas.flow--modal--size-s>div,.flow--modal--off-canvas>div{width:var(--modal--size--s)}.flow--modal.flow--modal--size-m>div,.flow--modal--off-canvas.flow--modal--size-m>div{width:var(--modal--size--m)}@media (min-width: 550px){.flow--modal>div{border-radius:var(--modal--corner-radius);max-height:calc(100dvh - var(--size-px--xxl));max-width:calc(100dvw - var(--size-px--xxl))}.flow--modal>div[data-entering]{animation:flow--modal--modal-zoom var(--transition--duration--slow) cubic-bezier(.1,.8,.3,1.2)}}.flow--modal--off-canvas{justify-content:flex-end}.flow--modal--off-canvas>div{border-bottom-left-radius:var(--modal--corner-radius);border-top-left-radius:var(--modal--corner-radius);height:100%;margin-left:auto;max-width:var(--modal--off-canvas-max-width)}.flow--modal--off-canvas>div[data-entering]{animation:flow--modal--modal-slide-in-from-right var(--transition--duration--slow)}.flow--modal--off-canvas.flow--modal--left>div{margin-left:unset;margin-right:auto}.flow--modal--off-canvas.flow--modal--left>div[data-entering]{animation:flow--modal--modal-slide-in-from-left var(--transition--duration--slow)}@media (max-width: 550px){.flow--modal{overflow-y:auto;padding-top:var(--size-px--xxl)}.flow--modal>div{margin-top:auto;width:100%;border-top-right-radius:var(--modal--corner-radius);border-top-left-radius:var(--modal--corner-radius);max-height:max-content}.flow--modal>div[data-entering]{animation:flow--modal--modal-slide-up var(--transition--duration--slow)}}@keyframes flow--modal--modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes flow--modal--modal-slide-up{0%{margin-bottom:-100px}to{margin-bottom:0}}@keyframes flow--modal--modal-slide-in-from-right{0%{margin-right:-100px}to{margin-right:0}}@keyframes flow--modal--modal-slide-in-from-left{0%{margin-left:-100px}to{margin-left:0}}

package/dist/js/{Accordion-C2hIJ7YE.js → Accordion-Btnh1ek-.js}

@@ -7,10 +7,10 @@ import { PropsContextProvider as N } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
 import { d } from "./dynamic-ClpUSmEt.js";
-import { B as y } from "./Button-BWusarCg.js";
+import { B as y } from "./Button-BTc_iJae.js";
 import "@tabler/icons-react";
-import "./Icon-Czc5vOtx.js";
-import { I as B } from "./IconChevronDown-C_jKhk_x.js";
+import "./Icon--OEo4TjW.js";
+import { I as B } from "./IconChevronDown-wKRgAuyR.js";
 import { TunnelProvider as C, TunnelExit as A } from "@mittwald/react-tunnel";
 import { A as P } from "./Activity-BtRjnhmA.js";
 const b = "flow--accordion", g = "flow--accordion--header", D = "flow--accordion--header-button", T = "flow--accordion--content", H = "flow--accordion--content-inner", L = "flow--accordion--chevron", R = "flow--accordion--outline", S = "flow--accordion--expanded", e = {

package/dist/js/Accordion.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { A as r } from "./Accordion-C2hIJ7YE.js";
+import { A as r } from "./Accordion-Btnh1ek-.js";
 export {
   r as Accordion,
   r as default

package/dist/js/{Action-CoAr9soG.js → Action-Bm7dBV7s.js}

@@ -14,7 +14,7 @@ import { PropsContextProvider as j } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
 import { d as l } from "./dynamic-ClpUSmEt.js";
-import { u as q, f as z } from "./flowComponent-Bs2i5Rrn.js";
+import { u as q, f as z } from "./flowComponent-BQs9wMX_.js";
 const A = O(void 0), H = A.Provider, v = (n) => new Promise((t) => setTimeout(t, n)), C = {
   pending: 1e3,
   succeeded: 1500,

package/dist/js/Action.js

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

package/dist/js/{ActionGroup-Clp0n0zU.js → ActionGroup-Bd0aZvbX.js}

@@ -7,7 +7,7 @@ import "@react-aria/utils";
 import "remeda";
 import { d as n } from "./dynamic-ClpUSmEt.js";
 import e from "clsx";
-import { f as C } from "./flowComponent-Bs2i5Rrn.js";
+import { f as C } from "./flowComponent-BQs9wMX_.js";
 import { TunnelProvider as G } from "@mittwald/react-tunnel";
 import { A as y, g as a } from "./getActionGroupSlot-BHzMGEA7.js";
 const x = "flow--action-group", A = "flow--action-group--primary", N = "flow--action-group--secondary", P = "flow--action-group--abort", k = "flow--action-group--action-group-container", v = "flow--action-group--ignore-breakpoint", B = "flow--action-group--s", E = "flow--action-group--m", t = {

package/dist/js/ActionGroup.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { A as r } from "./ActionGroup-Clp0n0zU.js";
+import { A as r } from "./ActionGroup-Bd0aZvbX.js";
 export {
   r as ActionGroup,
   r as default

package/dist/js/Alert.js

@@ -8,8 +8,8 @@ import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import { d } from "./dynamic-ClpUSmEt.js";
 import g from "clsx";
-import { A as w } from "./AlertIcon-PAf5cYzT.js";
-import { f as u } from "./flowComponent-Bs2i5Rrn.js";
+import { A as w } from "./AlertIcon-CWlD--Fm.js";
+import { f as u } from "./flowComponent-BQs9wMX_.js";
 const C = "flow--alert", h = "flow--alert--content", x = "flow--alert--info", E = "flow--alert--heading", N = "flow--alert--warning", A = "flow--alert--danger", P = "flow--alert--success", t = {
   alert: C,
   content: h,

package/dist/js/AlertBadge.js

@@ -2,14 +2,14 @@
 /* */
 import e from "react";
 import m from "clsx";
-import { A as f } from "./AlertIcon-PAf5cYzT.js";
-import { T as i } from "./Text-B2VXg-aU.js";
+import { A as f } from "./AlertIcon-CWlD--Fm.js";
+import { T as i } from "./Text-Dh4iy9qD.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 g } from "./flowComponent-Bs2i5Rrn.js";
+import { f as g } from "./flowComponent-BQs9wMX_.js";
 const p = "flow--alert-badge", w = "flow--alert-badge--text", x = "flow--alert-badge--info", u = "flow--alert-badge--success", b = "flow--alert-badge--warning", B = "flow--alert-badge--danger", t = {
   alertBadge: p,
   text: w,

package/dist/js/{AlertIcon-PAf5cYzT.js → AlertIcon-CWlD--Fm.js}

@@ -2,10 +2,10 @@
 /* */
 import n from "react";
 import "@tabler/icons-react";
-import "./Icon-Czc5vOtx.js";
-import { I as m } from "./IconDanger-Bm53DCTg.js";
-import { I as f } from "./IconInfo-HXrweZ3Z.js";
-import { I, a as u } from "./IconWarning-Bi91PP3-.js";
+import "./Icon--OEo4TjW.js";
+import { I as m } from "./IconDanger-BwFfgysk.js";
+import { I as f } from "./IconInfo-BQ-pXsUh.js";
+import { I, a as u } from "./IconWarning-BQcw4Db0.js";
 import { useLocalizedStringFormatter as g } from "react-aria";
 import { C as p } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";

package/dist/js/AlertIcon.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { A as r } from "./AlertIcon-PAf5cYzT.js";
+import { A as r } from "./AlertIcon-CWlD--Fm.js";
 export {
   r as AlertIcon,
   r as default

package/dist/js/Align.js

@@ -3,7 +3,7 @@
 import o from "react";
 import c from "clsx";
 import { PropsContextProvider as r } from "./PropsContextProvider.js";
-import { f as i } from "./flowComponent-Bs2i5Rrn.js";
+import { f as i } from "./flowComponent-BQs9wMX_.js";
 const m = "flow--align", p = "flow--align--avatar", f = "flow--align--text", u = "flow--align--button", g = "flow--align--copy-button", t = {
   align: m,
   avatar: p,

package/dist/js/{Avatar-qAB7Of-8.js → Avatar-BnqM-jbR.js}

@@ -9,7 +9,7 @@ import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import { hash as C } from "object-code";
 import { deepForEach as u } from "react-children-utilities";
-import { f as z } from "./flowComponent-Bs2i5Rrn.js";
+import { f as z } from "./flowComponent-BQs9wMX_.js";
 const h = "flow--avatar", d = "flow--avatar--icon", b = "flow--avatar--initials", g = "flow--avatar--blue", x = "flow--avatar--teal", E = "flow--avatar--green", N = "flow--avatar--violet", y = "flow--avatar--lilac", o = {
   avatar: h,
   icon: d,

package/dist/js/Avatar.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { A as r } from "./Avatar-qAB7Of-8.js";
+import { A as r } from "./Avatar-BnqM-jbR.js";
 export {
   r as Avatar,
   r as default

package/dist/js/{Badge-CTJUmwtS.js → Badge-CIT6Z_E_.js}

@@ -6,11 +6,11 @@ import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as f } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
-import { f as u } from "./flowComponent-Bs2i5Rrn.js";
-import { B as n } from "./Button-BWusarCg.js";
+import { f as u } from "./flowComponent-BQs9wMX_.js";
+import { B as n } from "./Button-BTc_iJae.js";
 import "@tabler/icons-react";
-import "./Icon-Czc5vOtx.js";
-import { I as w } from "./IconClose-Cczxm95W.js";
+import "./Icon--OEo4TjW.js";
+import { I as w } from "./IconClose-Bf4k99aq.js";
 const v = "flow--badge", y = "flow--badge--content", N = "flow--badge--button", x = "flow--badge--close", B = "flow--badge--scope", C = "flow--badge--value", E = "flow--badge--neutral", T = "flow--badge--disabled", P = "flow--badge--blue", h = "flow--badge--navy", k = "flow--badge--violet", I = "flow--badge--teal", L = "flow--badge--lilac", z = "flow--badge--green", D = "flow--badge--orange", R = "flow--badge--red", j = "flow--badge--dark", q = "flow--badge--light", e = {
   badge: v,
   content: y,

package/dist/js/Badge.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { B as e } from "./Badge-CTJUmwtS.js";
+import { B as e } from "./Badge-CIT6Z_E_.js";
 export {
   e as Badge,
   e as default

package/dist/js/Breadcrumb.js

@@ -4,8 +4,8 @@ import r from "react";
 import * as c from "react-aria-components";
 import a from "clsx";
 import "@tabler/icons-react";
-import "./Icon-Czc5vOtx.js";
-import { I as b } from "./IconChevronRight-M4cC2dFn.js";
+import "./Icon--OEo4TjW.js";
+import { I as b } from "./IconChevronRight-DkfNRCtw.js";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as d } from "./PropsContextProvider.js";
 import "@react-aria/utils";

package/dist/js/{Button-BWusarCg.js → Button-BTc_iJae.js}

@@ -9,12 +9,12 @@ import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import "@tabler/icons-react";
-import "./Icon-Czc5vOtx.js";
-import { I as h, a as I } from "./IconSucceeded-C7cQH_b1.js";
+import "./Icon--OEo4TjW.js";
+import { I as h, a as I } from "./IconSucceeded-SyLL7w9B.js";
 import { W as f } from "./Wrap-DGT1h1o3.js";
-import { T as B } from "./Text-B2VXg-aU.js";
-import { f as k } from "./flowComponent-Bs2i5Rrn.js";
-import { L as A } from "./LoadingSpinner-HntiYurC.js";
+import { T as B } from "./Text-Dh4iy9qD.js";
+import { f as k } from "./flowComponent-BQs9wMX_.js";
+import { L as A } from "./LoadingSpinner-CcTq8PRj.js";
 import { useLocalizedStringFormatter as D } from "react-aria";
 import { useLiveRegion as T } from "@chakra-ui/live-region";
 const z = "flow--button", L = "flow--button--outline", R = "flow--button--content", K = "flow--button--state-icon", U = "flow--button--icon", W = "flow--button--text", $ = "flow--button--counter-badge", j = "flow--button--is-succeeded", q = "flow--button--is-failed", G = "flow--button--is-pending", H = "flow--button--plain", J = "flow--button--primary", M = "flow--button--solid", O = "flow--button--aria-disabled", Q = "flow--button--accent", V = "flow--button--danger", X = "flow--button--secondary", Y = "flow--button--dark", Z = "flow--button--light", _ = "flow--button--soft", ee = "flow--button--avatar", t = {

package/dist/js/Button.js

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

package/dist/js/{CalendarHeader-BUz0ekXP.js → CalendarHeader-Dwo-04iM.js}

@@ -1,12 +1,12 @@
 "use client"
 /* */
 import e from "react";
-import { B as r } from "./Button-BWusarCg.js";
+import { B as r } from "./Button-BTc_iJae.js";
 import * as a from "react-aria-components";
 import "@tabler/icons-react";
-import "./Icon-Czc5vOtx.js";
-import { I as n } from "./IconCalendar-CacKT2Kt.js";
-import { I as t } from "./IconChevronRight-M4cC2dFn.js";
+import "./Icon--OEo4TjW.js";
+import { I as n } from "./IconCalendar-C5CRRRyg.js";
+import { I as t } from "./IconChevronRight-DkfNRCtw.js";
 const o = "flow--calendar", l = "flow--calendar--range", f = {
   calendar: o,
   range: l

package/dist/js/{Checkbox-WFQQR-OW.js → Checkbox-BU4YHXyk.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-Czc5vOtx.js";
-import { I as x, a as f } from "./IconCheckboxEmpty-DgdZkOz9.js";
-import { I as h } from "./IconCheckboxIndeterminate-CSfbHQbH.js";
+import "./Icon--OEo4TjW.js";
+import { I as x, a as f } from "./IconCheckboxEmpty-CZrD3f3O.js";
+import { I as h } from "./IconCheckboxIndeterminate-CmpwByDj.js";
 import { C } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as k } from "./flowComponent-Bs2i5Rrn.js";
+import { f as k } from "./flowComponent-BQs9wMX_.js";
 const b = "flow--checkbox", E = "flow--checkbox--icon", o = {
   checkbox: b,
   icon: E

package/dist/js/Checkbox.js

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

package/dist/js/{CheckboxButton-xdeKio9Y.js → CheckboxButton-D9_lyK15.js}

@@ -7,8 +7,8 @@ import { PropsContextProvider as b } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { C as x } from "./Checkbox-WFQQR-OW.js";
-import { f } from "./flowComponent-Bs2i5Rrn.js";
+import { C as x } from "./Checkbox-BU4YHXyk.js";
+import { f } from "./flowComponent-BQs9wMX_.js";
 const C = "flow--checkbox-button", i = "flow--checkbox-button--label", h = "flow--checkbox-button--content", t = {
   checkboxButton: C,
   label: i,

package/dist/js/CheckboxButton.js

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

package/dist/js/CheckboxGroup.js

@@ -7,12 +7,12 @@ import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as h } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
-import { F as E } from "./FieldError-1vrCcwXu.js";
-import { C as k } from "./CheckboxButton-xdeKio9Y.js";
+import { F as E } from "./FieldError-B_3nLHFz.js";
+import { C as k } from "./CheckboxButton-D9_lyK15.js";
 import { TunnelProvider as C, TunnelExit as r } from "@mittwald/react-tunnel";
 import { f as o } from "./FormField.module-CqWpTQKP.js";
 import { C as N } from "./ColumnLayout-BhsG7J-Z.js";
-import { f as F } from "./flowComponent-Bs2i5Rrn.js";
+import { f as F } from "./flowComponent-BQs9wMX_.js";
 import { d as G } from "./deepHas-KHS5X1F_.js";
 const D = "flow--checkbox-group", s = {
   checkboxGroup: D

package/dist/js/{CodeBlock-EIPjKMfC.js → CodeBlock-wbZE1ePG.js}

@@ -3,7 +3,7 @@
 import t from "react";
 import d from "react-syntax-highlighter";
 import m from "clsx";
-import { C as f } from "./CopyButton-DGh9PSAb.js";
+import { C as f } from "./CopyButton-AoMPrhM7.js";
 const i = "flow--code-block", k = "flow--code-block--copy-button", u = "flow--code-block--light", p = "flow--code-block--dark", e = {
   codeBlock: i,
   copyButton: k,

package/dist/js/CodeBlock.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { C as a } from "./CodeBlock-EIPjKMfC.js";
+import { C as a } from "./CodeBlock-wbZE1ePG.js";
 export {
   a as CodeBlock,
   a as default

package/dist/js/{Content-DHdinfp8.js → Content-BHs6Idqq.js}

@@ -6,7 +6,7 @@ import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as l } from "./flowComponent-Bs2i5Rrn.js";
+import { f as l } from "./flowComponent-BQs9wMX_.js";
 import { W as s } from "./Wrap-DGT1h1o3.js";
 const W = l("Content", (t) => {
   const {

package/dist/js/Content.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { C as o } from "./Content-DHdinfp8.js";
+import { C as o } from "./Content-BHs6Idqq.js";
 export {
   o as Content,
   o as default

package/dist/js/ContextMenu.js

@@ -1,8 +1,8 @@
 "use client"
 /* */
-import { C as t } from "./ContextMenuTrigger-hgBQbWcZ.js";
-import { a } from "./ContextMenuTrigger-hgBQbWcZ.js";
-import { M as n } from "./MenuItem-CEzmbX2U.js";
+import { C as t } from "./ContextMenuTrigger-CsnzKkVf.js";
+import { a } from "./ContextMenuTrigger-CsnzKkVf.js";
+import { M as n } from "./MenuItem-a7BWfwHo.js";
 export {
   t as ContextMenu,
   a as ContextMenuTrigger,

package/dist/js/{ContextMenuTrigger-hgBQbWcZ.js → ContextMenuTrigger-CsnzKkVf.js}

@@ -3,8 +3,8 @@
 import e from "react";
 import * as i from "react-aria-components";
 import { s as y } from "./ContextMenu.module-_LC3xtX0.js";
-import { f as s } from "./flowComponent-Bs2i5Rrn.js";
-import { P } from "./Popover-DO6LcoKP.js";
+import { f as s } from "./flowComponent-BQs9wMX_.js";
+import { P } from "./Popover-3qM_-J3x.js";
 import { C as E } from "./ClearPropsContext-CUvsbMn8.js";
 import { PropsContextProvider as A } from "./PropsContextProvider.js";
 import "@react-aria/utils";
@@ -13,7 +13,7 @@ import "remeda";
 import "mobx";
 import { u as O } from "./useOverlayController-BwSJj4Ly.js";
 import { O as T, a as S } from "./OverlayTrigger-j2zD8W4S.js";
-import { A as h } from "./Action-CoAr9soG.js";
+import { A as h } from "./Action-Bm7dBV7s.js";
 const B = s("ContextMenu", (t) => {
   const {
     children: r,

package/dist/js/ContextualHelp.js

@@ -1,20 +1,20 @@
 "use client"
 /* */
 import t from "react";
-import { P as c } from "./Popover-DO6LcoKP.js";
+import { P as c } from "./Popover-3qM_-J3x.js";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as l } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
-import { f as a } from "./flowComponent-Bs2i5Rrn.js";
+import { f as a } from "./flowComponent-BQs9wMX_.js";
 import "mobx";
 import { u } from "./useOverlayController-BwSJj4Ly.js";
 import * as f from "react-aria-components";
 import { a as x } from "./OverlayTrigger-j2zD8W4S.js";
 import { useLocalizedStringFormatter as g } from "react-aria";
 import "@tabler/icons-react";
-import "./Icon-Czc5vOtx.js";
-import { I as C } from "./IconInfo-HXrweZ3Z.js";
+import "./Icon--OEo4TjW.js";
+import { I as C } from "./IconInfo-BQ-pXsUh.js";
 const H = "flow--contextual-help", d = {
   contextualHelp: H
 }, b = a("ContextualHelp", (e) => {

package/dist/js/{CopyButton-DGh9PSAb.js → CopyButton-AoMPrhM7.js}

@@ -2,10 +2,10 @@
 /* */
 import o from "react";
 import i from "copy-to-clipboard";
-import { B as c } from "./Button-BWusarCg.js";
+import { B as c } from "./Button-BTc_iJae.js";
 import "@tabler/icons-react";
-import "./Icon-Czc5vOtx.js";
-import { I as l } from "./IconCopy-DfWYL8oQ.js";
+import "./Icon--OEo4TjW.js";
+import { I as l } from "./IconCopy-Ig2YhkQv.js";
 import { useLocalizedStringFormatter as s } from "react-aria";
 import { a as f, T as u } from "./Tooltip-D5QM-BbC.js";
 import { onlyText as y } from "react-children-utilities";
@@ -14,8 +14,8 @@ import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as E } from "./flowComponent-Bs2i5Rrn.js";
-import { A as B } from "./Action-CoAr9soG.js";
+import { f as E } from "./flowComponent-BQs9wMX_.js";
+import { A as B } from "./Action-Bm7dBV7s.js";
 const g = { "de-DE": {
   "copyButton.copy": "Kopieren"
 }, "en-EN": {

package/dist/js/CopyButton.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { C as t } from "./CopyButton-DGh9PSAb.js";
+import { C as t } from "./CopyButton-AoMPrhM7.js";
 export {
   t as CopyButton,
   t as default

package/dist/js/CounterBadge.js

@@ -2,7 +2,7 @@
 /* */
 import s from "react";
 import c from "clsx";
-import { f as m } from "./flowComponent-Bs2i5Rrn.js";
+import { f as m } from "./flowComponent-BQs9wMX_.js";
 const u = "flow--counter-badge", d = {
   counterBadge: u
 }, g = m("CounterBadge", (o) => {

package/dist/js/DatePicker.js

@@ -7,17 +7,17 @@ import { PropsContextProvider as u } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
 import * as r from "react-aria-components";
-import { B as E } from "./Button-BWusarCg.js";
+import { B as E } from "./Button-BTc_iJae.js";
 import "@tabler/icons-react";
-import "./Icon-Czc5vOtx.js";
-import { a as C } from "./IconCalendar-CacKT2Kt.js";
-import { F as D } from "./FieldError-1vrCcwXu.js";
+import "./Icon--OEo4TjW.js";
+import { a as C } from "./IconCalendar-C5CRRRyg.js";
+import { F as D } from "./FieldError-B_3nLHFz.js";
 import { f as a } from "./FormField.module-CqWpTQKP.js";
-import { P as N } from "./Popover-DO6LcoKP.js";
+import { P as N } from "./Popover-3qM_-J3x.js";
 import "mobx";
 import { u as P } from "./useOverlayController-BwSJj4Ly.js";
-import { f as y } from "./flowComponent-Bs2i5Rrn.js";
-import { s as F, C as b } from "./CalendarHeader-BUz0ekXP.js";
+import { f as y } from "./flowComponent-BQs9wMX_.js";
+import { s as F, C as b } from "./CalendarHeader-Dwo-04iM.js";
 const g = "flow--date-picker--date-input", v = {
   dateInput: g
 }, I = (t) => {

package/dist/js/DateRangePicker.js

@@ -8,16 +8,16 @@ import { PropsContextProvider as f } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
 import * as t from "react-aria-components";
-import { P as g } from "./Popover-DO6LcoKP.js";
-import { s as i, C } from "./CalendarHeader-BUz0ekXP.js";
-import { B as D } from "./Button-BWusarCg.js";
+import { P as g } from "./Popover-3qM_-J3x.js";
+import { s as i, C } from "./CalendarHeader-Dwo-04iM.js";
+import { B as D } from "./Button-BTc_iJae.js";
 import "@tabler/icons-react";
-import "./Icon-Czc5vOtx.js";
-import { a as R } from "./IconCalendar-CacKT2Kt.js";
-import { F as N } from "./FieldError-1vrCcwXu.js";
+import "./Icon--OEo4TjW.js";
+import { a as R } from "./IconCalendar-C5CRRRyg.js";
+import { F as N } from "./FieldError-B_3nLHFz.js";
 import "mobx";
 import { u as P } from "./useOverlayController-BwSJj4Ly.js";
-import { f as v } from "./flowComponent-Bs2i5Rrn.js";
+import { f as v } from "./flowComponent-BQs9wMX_.js";
 const F = () => /* @__PURE__ */ e.createElement(t.RangeCalendar, { className: c(i.calendar, i.range) }, /* @__PURE__ */ e.createElement(C, null), /* @__PURE__ */ e.createElement(t.CalendarGrid, null, (r) => /* @__PURE__ */ e.createElement(t.CalendarCell, { date: r }))), I = "flow--date-range-picker--date-range-input", b = {
   dateRangeInput: I
 }, h = (r) => {

package/dist/js/{FieldDescription-Cd3lRw7h.js → FieldDescription-XOhjsupq.js}

@@ -7,8 +7,8 @@ import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { T as p } from "./Text-B2VXg-aU.js";
-import { f as c } from "./flowComponent-Bs2i5Rrn.js";
+import { T as p } from "./Text-Dh4iy9qD.js";
+import { f as c } from "./flowComponent-BQs9wMX_.js";
 const a = "flow--field-description", f = {
   fieldDescription: a
 }, P = c("FieldDescription", (e) => {

package/dist/js/FieldDescription.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { F as i } from "./FieldDescription-Cd3lRw7h.js";
+import { F as i } from "./FieldDescription-XOhjsupq.js";
 export {
   i as FieldDescription,
   i as default

package/dist/js/{FieldError-1vrCcwXu.js → FieldError-B_3nLHFz.js}

@@ -9,9 +9,9 @@ import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import "@tabler/icons-react";
-import "./Icon-Czc5vOtx.js";
-import { I as c } from "./IconDanger-Bm53DCTg.js";
-import { f } from "./flowComponent-Bs2i5Rrn.js";
+import "./Icon--OEo4TjW.js";
+import { I as c } from "./IconDanger-BwFfgysk.js";
+import { f } from "./flowComponent-BQs9wMX_.js";
 const E = "flow--field-error", d = {
   fieldError: E
 }, y = f("FieldError", (o) => {

package/dist/js/FieldError.js

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