@mittwald/flow-react-components 0.1.0-alpha.245 → 0.1.0-alpha.247

package/dist/{Accordion-DfUoOtpv.js → Accordion-CCq563rl.js}

@@ -7,10 +7,10 @@ import { P as N } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { d } from "./dynamic-ClpUSmEt.js";
-import { B as y } from "./Button-DPF2xiJl.js";
+import { B as y } from "./Button-BepCRVIi.js";
 import "@tabler/icons-react";
-import "./Icon-0QYDidQk.js";
-import { I as B } from "./IconChevronDown-BSK1qOl0.js";
+import "./Icon-cEgH3ZXQ.js";
+import { I as B } from "./IconChevronDown-CQUk3agB.js";
 import { TunnelProvider as C, TunnelExit as P } from "@mittwald/react-tunnel";
 import { A } from "./Activity-CmfZpgOM.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/Accordion.js

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

package/dist/{Action-B6lMX6do.js → Action-BBdK8ZAq.js}

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

package/dist/Action.js

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

package/dist/ActionGroup.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-DT1Ap-ot.js";
+import { f as C } from "./flowComponent-CY2oW3O9.js";
 import { TunnelProvider as G } from "@mittwald/react-tunnel";
 import { A as y, g as a } from "./getActionGroupSlot-BHzMGEA7.js";
 const w = "flow--action-group", P = "flow--action-group--primary", x = "flow--action-group--secondary", N = "flow--action-group--abort", k = "flow--action-group--action-group-container", v = "flow--action-group--ignore-breakpoint", t = {

package/dist/Avatar.js

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

package/dist/Badge.js

@@ -0,0 +1,95 @@
+"use client"
+/* */
+import o from "react";
+import g from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { P as f } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "remeda";
+import { f as u } from "./flowComponent-CY2oW3O9.js";
+import { B as n } from "./Button-BepCRVIi.js";
+import "@tabler/icons-react";
+import "./Icon-cEgH3ZXQ.js";
+import { I as w } from "./IconClose-DVYTU3Rp.js";
+const v = "flow--badge", y = "flow--badge--content", N = "flow--badge--button", x = "flow--badge--close", C = "flow--badge--scope", E = "flow--badge--value", P = "flow--badge--neutral", T = "flow--badge--disabled", B = "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,
+  button: N,
+  close: x,
+  scope: C,
+  value: E,
+  neutral: P,
+  disabled: T,
+  blue: B,
+  navy: h,
+  violet: k,
+  teal: I,
+  lilac: L,
+  green: z,
+  orange: D,
+  red: R,
+  dark: j,
+  light: q
+}, V = u("Badge", (r) => {
+  const {
+    children: l,
+    className: c,
+    color: d = "neutral",
+    refProp: m,
+    onPress: t,
+    onClose: s,
+    isDisabled: a,
+    ...b
+  } = r, i = g(
+    e.badge,
+    e[d],
+    a && e.disabled,
+    c
+  ), p = {
+    Label: {
+      elementType: "span",
+      className: e.scope,
+      unstyled: !0
+    },
+    Text: {
+      elementType: "span",
+      className: e.value
+    },
+    Button: {
+      Label: {
+        elementType: "span",
+        className: e.scope,
+        unstyled: !0
+      },
+      Text: {
+        elementType: "span",
+        className: e.value
+      }
+    }
+  };
+  return /* @__PURE__ */ o.createElement(f, { props: p }, /* @__PURE__ */ o.createElement("div", { className: i, ...b, ref: m }, !t && /* @__PURE__ */ o.createElement("div", { className: e.content }, l), t && /* @__PURE__ */ o.createElement(
+    n,
+    {
+      isDisabled: a,
+      unstyled: !0,
+      className: e.button,
+      onPress: t
+    },
+    l
+  ), s && /* @__PURE__ */ o.createElement(
+    n,
+    {
+      className: e.close,
+      size: "s",
+      color: "dark",
+      variant: "plain",
+      onPress: s,
+      isDisabled: a
+    },
+    /* @__PURE__ */ o.createElement(w, null)
+  )));
+});
+export {
+  V as Badge,
+  V as default
+};

package/dist/Breadcrumb.js

@@ -4,8 +4,8 @@ import r from "react";
 import * as m from "react-aria-components";
 import a from "clsx";
 import "@tabler/icons-react";
-import "./Icon-0QYDidQk.js";
-import { I as b } from "./IconChevronRight-Dj3jk8WE.js";
+import "./Icon-cEgH3ZXQ.js";
+import { I as b } from "./IconChevronRight-D-GVKXLH.js";
 import "./propsContext-DzAKlmhS.js";
 import { P as d } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";

package/dist/{Button-DPF2xiJl.js → Button-BepCRVIi.js}

@@ -9,12 +9,12 @@ import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import "@tabler/icons-react";
-import "./Icon-0QYDidQk.js";
-import { I, a as N } from "./IconSucceeded-DfMfXb4k.js";
+import "./Icon-cEgH3ZXQ.js";
+import { I, a as N } from "./IconSucceeded-C10oveWn.js";
 import { W as f } from "./Wrap-DGT1h1o3.js";
-import { T as B } from "./Text-pgjmZdTC.js";
-import { f as k } from "./flowComponent-DT1Ap-ot.js";
-import { L as A } from "./LoadingSpinner-DbFj3289.js";
+import { T as B } from "./Text-T_kNKeFe.js";
+import { f as k } from "./flowComponent-CY2oW3O9.js";
+import { L as A } from "./LoadingSpinner-2FvUo7ie.js";
 import { useLocalizedStringFormatter as D } from "react-aria";
 import { useLiveRegion as T } from "@chakra-ui/live-region";
 const z = "flow--button", L = "flow--button--content", R = "flow--button--state-icon", K = "flow--button--avatar", 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", t = {

package/dist/Button.js

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

package/dist/{CalendarHeader-Daht5eUN.js → CalendarHeader-BlnCorxV.js}

@@ -1,12 +1,12 @@
 "use client"
 /* */
 import e from "react";
-import { B as r } from "./Button-DPF2xiJl.js";
+import { B as r } from "./Button-BepCRVIi.js";
 import * as a from "react-aria-components";
 import "@tabler/icons-react";
-import "./Icon-0QYDidQk.js";
-import { I as n } from "./IconCalendar-BGo-M1_G.js";
-import { I as t } from "./IconChevronRight-Dj3jk8WE.js";
+import "./Icon-cEgH3ZXQ.js";
+import { I as n } from "./IconCalendar-DBkKsCNt.js";
+import { I as t } from "./IconChevronRight-D-GVKXLH.js";
 const o = "flow--calendar", l = "flow--calendar--range", f = {
   calendar: o,
   range: l

package/dist/{Checkbox-RASCJfmz.js → Checkbox-CzqG4l7F.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-0QYDidQk.js";
-import { I as x, a as f } from "./IconCheckboxEmpty-CoGUuXtO.js";
-import { I as h } from "./IconCheckboxIndeterminate-Bjj70fpd.js";
+import "./Icon-cEgH3ZXQ.js";
+import { I as x, a as f } from "./IconCheckboxEmpty-Drda5S1f.js";
+import { I as h } from "./IconCheckboxIndeterminate-BSSq4uEi.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-DT1Ap-ot.js";
+import { f as k } from "./flowComponent-CY2oW3O9.js";
 const b = "flow--checkbox", E = "flow--checkbox--icon", o = {
   checkbox: b,
   icon: E

package/dist/Checkbox.js

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

package/dist/{CheckboxButton-CXdHPBrd.js → CheckboxButton-Cz3gStwy.js}

@@ -7,8 +7,8 @@ import { P as b } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { C as x } from "./Checkbox-RASCJfmz.js";
-import { f } from "./flowComponent-DT1Ap-ot.js";
+import { C as x } from "./Checkbox-CzqG4l7F.js";
+import { f } from "./flowComponent-CY2oW3O9.js";
 const C = "flow--checkbox-button", i = "flow--checkbox-button--label", h = "flow--checkbox-button--content", t = {
   checkboxButton: C,
   label: i,

package/dist/CheckboxButton.js

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

package/dist/CheckboxGroup.js

@@ -7,17 +7,17 @@ import "./propsContext-DzAKlmhS.js";
 import { P as h } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { F as E } from "./FieldError-CEquAsls.js";
-import { C as k } from "./CheckboxButton-CXdHPBrd.js";
+import { F as E } from "./FieldError-Crorz6g5.js";
+import { C as k } from "./CheckboxButton-Cz3gStwy.js";
 import { TunnelProvider as C, TunnelExit as r } from "@mittwald/react-tunnel";
-import { s as o } from "./FormField.module-DHK6nIcD.js";
+import { f as o } from "./FormField.module-CqWpTQKP.js";
 import { C as N } from "./ColumnLayout-Bvw578tz.js";
 import { d as F } from "./deepFindOfType-6pG0fH7S.js";
-import { f as G } from "./flowComponent-DT1Ap-ot.js";
+import { f as G } from "./flowComponent-CY2oW3O9.js";
 const P = "flow--checkbox-group", s = {
   checkboxGroup: P
 }, j = G("CheckboxGroup", (l) => {
-  const { children: t, className: m, s: n, m: a, l: i, refProp: p, ...d } = l, f = b(o.formField, m), u = {
+  const { children: t, className: m, s: i, m: n, l: a, refProp: p, ...d } = l, f = b(o.formField, m), u = {
     Label: {
       className: o.label
     },
@@ -36,7 +36,7 @@ const P = "flow--checkbox-group", s = {
       tunnelId: "checkboxes"
     }
   }, c = !!F(t, k);
-  return /* @__PURE__ */ e.createElement(x.CheckboxGroup, { ...d, className: f, ref: p }, /* @__PURE__ */ e.createElement(h, { props: u }, /* @__PURE__ */ e.createElement(C, null, t, c && /* @__PURE__ */ e.createElement(N, { s: n, m: a, l: i, className: s.checkboxGroup }, /* @__PURE__ */ e.createElement(r, { id: "checkboxes" })), !c && /* @__PURE__ */ e.createElement("div", { className: s.checkboxGroup }, /* @__PURE__ */ e.createElement(r, { id: "checkboxes" })), /* @__PURE__ */ e.createElement(r, { id: "fieldDescription" }), /* @__PURE__ */ e.createElement(r, { id: "fieldError" }))), /* @__PURE__ */ e.createElement(E, { className: o.fieldError }));
+  return /* @__PURE__ */ e.createElement(x.CheckboxGroup, { ...d, className: f, ref: p }, /* @__PURE__ */ e.createElement(h, { props: u }, /* @__PURE__ */ e.createElement(C, null, t, c && /* @__PURE__ */ e.createElement(N, { s: i, m: n, l: a, className: s.checkboxGroup }, /* @__PURE__ */ e.createElement(r, { id: "checkboxes" })), !c && /* @__PURE__ */ e.createElement("div", { className: s.checkboxGroup }, /* @__PURE__ */ e.createElement(r, { id: "checkboxes" })), /* @__PURE__ */ e.createElement(r, { id: "fieldDescription" }), /* @__PURE__ */ e.createElement(r, { id: "fieldError" }))), /* @__PURE__ */ e.createElement(E, { className: o.fieldError }));
 });
 export {
   j as CheckboxGroup,

package/dist/{Content-DGmkm9cU.js → Content-CAZPjbt5.js}

@@ -6,7 +6,7 @@ import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as l } from "./flowComponent-DT1Ap-ot.js";
+import { f as l } from "./flowComponent-CY2oW3O9.js";
 import { W as s } from "./Wrap-DGT1h1o3.js";
 import { A as f } from "./Activity-CmfZpgOM.js";
 const W = l("Content", (e) => {

package/dist/Content.js

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

package/dist/ContextMenu.js

@@ -1,8 +1,8 @@
 "use client"
 /* */
-import { C as t } from "./ContextMenuTrigger-CYlZTk_W.js";
-import { a } from "./ContextMenuTrigger-CYlZTk_W.js";
-import { M as n } from "./MenuItem-Dr-3EfkY.js";
+import { C as t } from "./ContextMenuTrigger-5-EjHDtY.js";
+import { a } from "./ContextMenuTrigger-5-EjHDtY.js";
+import { M as n } from "./MenuItem-CFE7SA5J.js";
 export {
   t as ContextMenu,
   a as ContextMenuTrigger,

package/dist/{ContextMenuTrigger-CYlZTk_W.js → ContextMenuTrigger-5-EjHDtY.js}

@@ -3,8 +3,8 @@
 import e from "react";
 import * as i from "react-aria-components";
 import { s } from "./ContextMenu.module-BZingr2B.js";
-import { f as c } from "./flowComponent-DT1Ap-ot.js";
-import { P } from "./PopoverTrigger-BpW0w6yf.js";
+import { f as c } from "./flowComponent-CY2oW3O9.js";
+import { P } from "./PopoverTrigger-CXPiJcMt.js";
 import { C as E } from "./ClearPropsContext-CUvsbMn8.js";
 import { P as O } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
@@ -13,7 +13,7 @@ import "remeda";
 import "mobx";
 import { u as T } from "./useOverlayController-D8pgx8nV.js";
 import { O as S, a as A } from "./OverlayTrigger-bD8_mPel.js";
-import { A as h } from "./Action-B6lMX6do.js";
+import { A as h } from "./Action-BBdK8ZAq.js";
 const B = c("ContextMenu", (t) => {
   const {
     children: r,

package/dist/ContextualHelp.js

@@ -1,20 +1,20 @@
 "use client"
 /* */
 import t from "react";
-import { P as s } from "./PopoverTrigger-BpW0w6yf.js";
+import { P as s } from "./PopoverTrigger-CXPiJcMt.js";
 import "./propsContext-DzAKlmhS.js";
 import { P as l } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { f as c } from "./flowComponent-DT1Ap-ot.js";
+import { f as c } from "./flowComponent-CY2oW3O9.js";
 import "mobx";
 import { u } from "./useOverlayController-D8pgx8nV.js";
 import * as f from "react-aria-components";
 import { a as x } from "./OverlayTrigger-bD8_mPel.js";
 import { useLocalizedStringFormatter as g } from "react-aria";
 import "@tabler/icons-react";
-import "./Icon-0QYDidQk.js";
-import { I as C } from "./IconInfo-Dug3kHx4.js";
+import "./Icon-cEgH3ZXQ.js";
+import { I as C } from "./IconInfo-76ibiNDU.js";
 const H = "flow--contextual-help", d = {
   contextualHelp: H
 }, b = c("ContextualHelp", (e) => {

package/dist/CopyButton.js

@@ -2,10 +2,10 @@
 /* */
 import o from "react";
 import i from "copy-to-clipboard";
-import { B as l } from "./Button-DPF2xiJl.js";
+import { B as l } from "./Button-BepCRVIi.js";
 import "@tabler/icons-react";
-import "./Icon-0QYDidQk.js";
-import { I as c } from "./IconCopy-COLtYvRI.js";
+import "./Icon-cEgH3ZXQ.js";
+import { I as c } from "./IconCopy-Ceve0ccv.js";
 import { useLocalizedStringFormatter as s } from "react-aria";
 import { a as f, T as u } from "./TooltipTrigger-TslkLN5s.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-DT1Ap-ot.js";
-import { A as B } from "./Action-B6lMX6do.js";
+import { f as E } from "./flowComponent-CY2oW3O9.js";
+import { A as B } from "./Action-BBdK8ZAq.js";
 const g = { "de-DE": {
   "copyButton.copy": "Kopieren"
 }, "en-EN": {

package/dist/CounterBadge.js

@@ -2,7 +2,7 @@
 /* */
 import s from "react";
 import c from "clsx";
-import { f as m } from "./flowComponent-DT1Ap-ot.js";
+import { f as m } from "./flowComponent-CY2oW3O9.js";
 const u = "flow--counter-badge", d = {
   counterBadge: u
 }, g = m(

package/dist/DatePicker.js

@@ -1,30 +1,30 @@
 "use client"
 /* */
 import e from "react";
-import u from "clsx";
+import f from "clsx";
 import "./propsContext-DzAKlmhS.js";
-import { P as f } from "./PropsContextProvider-C6Z4XGp6.js";
+import { P as u } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import * as r from "react-aria-components";
-import { B as E } from "./Button-DPF2xiJl.js";
+import { B as E } from "./Button-BepCRVIi.js";
 import "@tabler/icons-react";
-import "./Icon-0QYDidQk.js";
-import { a as C } from "./IconCalendar-BGo-M1_G.js";
-import { F as D } from "./FieldError-CEquAsls.js";
-import { s as a } from "./FormField.module-DHK6nIcD.js";
-import { P as N } from "./PopoverTrigger-BpW0w6yf.js";
+import "./Icon-cEgH3ZXQ.js";
+import { a as C } from "./IconCalendar-DBkKsCNt.js";
+import { F as D } from "./FieldError-Crorz6g5.js";
+import { f as a } from "./FormField.module-CqWpTQKP.js";
+import { P as N } from "./PopoverTrigger-CXPiJcMt.js";
 import "mobx";
 import { u as P } from "./useOverlayController-D8pgx8nV.js";
-import { f as y } from "./flowComponent-DT1Ap-ot.js";
-import { s as b, C as g } from "./CalendarHeader-Daht5eUN.js";
-const v = "flow--date-picker--date-input", F = {
-  dateInput: v
+import { f as y } from "./flowComponent-CY2oW3O9.js";
+import { s as F, C as b } from "./CalendarHeader-BlnCorxV.js";
+const g = "flow--date-picker--date-input", v = {
+  dateInput: g
 }, I = (t) => {
   const { isDisabled: l } = t;
-  return /* @__PURE__ */ e.createElement(r.Group, { className: F.dateInput }, /* @__PURE__ */ e.createElement(r.DateInput, null, (n) => /* @__PURE__ */ e.createElement(r.DateSegment, { segment: n })), /* @__PURE__ */ e.createElement(E, { variant: "plain", color: "secondary", isDisabled: l }, /* @__PURE__ */ e.createElement(C, null)));
-}, h = () => /* @__PURE__ */ e.createElement(r.Calendar, { className: b.calendar }, /* @__PURE__ */ e.createElement(g, null), /* @__PURE__ */ e.createElement(r.CalendarGrid, { weekdayStyle: "short" }, (t) => /* @__PURE__ */ e.createElement(r.CalendarCell, { date: t }))), K = y("DatePicker", (t) => {
-  const { children: l, className: n, errorMessage: i, onChange: m, ...c } = t, p = u(a.formField, n), d = {
+  return /* @__PURE__ */ e.createElement(r.Group, { className: v.dateInput }, /* @__PURE__ */ e.createElement(r.DateInput, null, (n) => /* @__PURE__ */ e.createElement(r.DateSegment, { segment: n })), /* @__PURE__ */ e.createElement(E, { variant: "plain", color: "secondary", isDisabled: l }, /* @__PURE__ */ e.createElement(C, null)));
+}, h = () => /* @__PURE__ */ e.createElement(r.Calendar, { className: F.calendar }, /* @__PURE__ */ e.createElement(b, null), /* @__PURE__ */ e.createElement(r.CalendarGrid, { weekdayStyle: "short" }, (t) => /* @__PURE__ */ e.createElement(r.CalendarCell, { date: t }))), K = y("DatePicker", (t) => {
+  const { children: l, className: n, errorMessage: i, onChange: m, ...c } = t, p = f(a.formField, n), d = {
     Label: {
       className: a.label,
       optional: !t.isRequired
@@ -48,7 +48,7 @@ const v = "flow--date-picker--date-input", F = {
       }
     },
     /* @__PURE__ */ e.createElement(I, { isDisabled: t.isDisabled }),
-    /* @__PURE__ */ e.createElement(f, { props: d }, l),
+    /* @__PURE__ */ e.createElement(u, { props: d }, l),
     /* @__PURE__ */ e.createElement(D, { className: a.fieldError }, i),
     /* @__PURE__ */ e.createElement(
       N,

package/dist/DateRangePicker.js

@@ -1,28 +1,28 @@
 "use client"
 /* */
 import e from "react";
-import { s as n } from "./FormField.module-DHK6nIcD.js";
+import { f as n } from "./FormField.module-CqWpTQKP.js";
 import c from "clsx";
 import "./propsContext-DzAKlmhS.js";
 import { P as f } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import * as t from "react-aria-components";
-import { P as g } from "./PopoverTrigger-BpW0w6yf.js";
-import { s as i, C } from "./CalendarHeader-Daht5eUN.js";
-import { B as D } from "./Button-DPF2xiJl.js";
+import { P as g } from "./PopoverTrigger-CXPiJcMt.js";
+import { s as i, C } from "./CalendarHeader-BlnCorxV.js";
+import { B as D } from "./Button-BepCRVIi.js";
 import "@tabler/icons-react";
-import "./Icon-0QYDidQk.js";
-import { a as R } from "./IconCalendar-BGo-M1_G.js";
-import { F as N } from "./FieldError-CEquAsls.js";
+import "./Icon-cEgH3ZXQ.js";
+import { a as R } from "./IconCalendar-DBkKsCNt.js";
+import { F as N } from "./FieldError-Crorz6g5.js";
 import "mobx";
 import { u as P } from "./useOverlayController-D8pgx8nV.js";
-import { f as v } from "./flowComponent-DT1Ap-ot.js";
-const I = () => /* @__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 }))), b = "flow--date-range-picker--date-range-input", F = {
-  dateRangeInput: b
+import { f as v } from "./flowComponent-CY2oW3O9.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) => {
   const { isDisabled: l } = r;
-  return /* @__PURE__ */ e.createElement(t.Group, { className: F.dateRangeInput }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(t.DateInput, { slot: "start" }, (a) => /* @__PURE__ */ e.createElement(t.DateSegment, { segment: a })), /* @__PURE__ */ e.createElement("span", { "aria-hidden": "true" }, "–"), /* @__PURE__ */ e.createElement(t.DateInput, { slot: "end" }, (a) => /* @__PURE__ */ e.createElement(t.DateSegment, { segment: a }))), /* @__PURE__ */ e.createElement(D, { variant: "plain", color: "secondary", isDisabled: l }, /* @__PURE__ */ e.createElement(R, null)));
+  return /* @__PURE__ */ e.createElement(t.Group, { className: b.dateRangeInput }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(t.DateInput, { slot: "start" }, (a) => /* @__PURE__ */ e.createElement(t.DateSegment, { segment: a })), /* @__PURE__ */ e.createElement("span", { "aria-hidden": "true" }, "–"), /* @__PURE__ */ e.createElement(t.DateInput, { slot: "end" }, (a) => /* @__PURE__ */ e.createElement(t.DateSegment, { segment: a }))), /* @__PURE__ */ e.createElement(D, { variant: "plain", color: "secondary", isDisabled: l }, /* @__PURE__ */ e.createElement(R, null)));
 }, K = v("DateRangePicker", (r) => {
   const { children: l, className: a, errorMessage: p, onChange: m, ...d } = r, u = c(n.formField, a), E = {
     Label: {
@@ -57,7 +57,7 @@ const I = () => /* @__PURE__ */ e.createElement(t.RangeCalendar, { className: c(
         isDialogContent: !0,
         controller: o
       },
-      /* @__PURE__ */ e.createElement(I, null)
+      /* @__PURE__ */ e.createElement(F, null)
     )
   );
 });

package/dist/{FieldDescription-B3sXF5Jy.js → FieldDescription-DSjltG-W.js}

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

package/dist/FieldDescription.js

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

package/dist/{FieldError-CEquAsls.js → FieldError-Crorz6g5.js}

@@ -9,9 +9,9 @@ import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import "@tabler/icons-react";
-import "./Icon-0QYDidQk.js";
-import { I as c } from "./IconDanger-1BGpTe7U.js";
-import { f } from "./flowComponent-DT1Ap-ot.js";
+import "./Icon-cEgH3ZXQ.js";
+import { I as c } from "./IconDanger-DIQGVmr5.js";
+import { f } from "./flowComponent-CY2oW3O9.js";
 const E = "flow--field-error", d = {
   fieldError: E
 }, y = f("FieldError", (o) => {

package/dist/FieldError.js

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

package/dist/{FormField.module-DHK6nIcD.js → FormField.module-CqWpTQKP.js}

@@ -8,5 +8,5 @@ const o = "flow--form-field", r = "flow--form-field--label", l = "flow--form-fie
   fieldDescription: f
 };
 export {
-  i as s
+  i as f
 };

package/dist/{Header-B3rZAeBI.js → Header-B9w8yH1e.js}

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import e from "react";
-import { f as d } from "./flowComponent-DT1Ap-ot.js";
+import { f as d } from "./flowComponent-CY2oW3O9.js";
 import m from "clsx";
 import "./propsContext-DzAKlmhS.js";
 import { P as u } from "./PropsContextProvider-C6Z4XGp6.js";

package/dist/Header.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { H as e } from "./Header-B3rZAeBI.js";
+import { H as e } from "./Header-B9w8yH1e.js";
 export {
   e as Header,
   e as default

package/dist/{Heading-CIwOfNhx.js → Heading-FRIQlW19.js}

@@ -7,7 +7,7 @@ import { P as f } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { f as p } from "./flowComponent-DT1Ap-ot.js";
+import { f as p } from "./flowComponent-CY2oW3O9.js";
 import * as x from "react-aria-components";
 const w = "flow--heading", C = "flow--heading--dark", N = "flow--heading--light", P = "flow--heading--icon", u = "flow--heading--heading-content", E = "flow--heading--xs", H = "flow--heading--s", k = "flow--heading--m", v = "flow--heading--l", y = "flow--heading--xl", z = "flow--heading--xxl", o = {
   heading: w,

package/dist/Heading.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { H as e } from "./Heading-CIwOfNhx.js";
+import { H as e } from "./Heading-FRIQlW19.js";
 export {
   e as Heading,
   e as default

package/dist/{Icon-0QYDidQk.js → Icon-cEgH3ZXQ.js}

@@ -8,7 +8,7 @@ import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as z } from "./flowComponent-DT1Ap-ot.js";
+import { f as z } from "./flowComponent-CY2oW3O9.js";
 const b = "flow--icon", u = "flow--icon--light", E = "flow--icon--dark", s = {
   icon: b,
   "size-m": "flow--icon--size-m",