@mittwald/flow-react-components 0.1.0-alpha.222 → 0.1.0-alpha.223

package/dist/{Accordion--kpK3YKE.js → Accordion-DfUoOtpv.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-Diz7bJSd.js";
+import { B as y } from "./Button-DPF2xiJl.js";
 import "@tabler/icons-react";
-import "./Icon-xXMUxDeh.js";
-import { I as B } from "./IconChevronDown-MoPIcV7D.js";
+import "./Icon-0QYDidQk.js";
+import { I as B } from "./IconChevronDown-BSK1qOl0.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--kpK3YKE.js";
+import { A as r } from "./Accordion-DfUoOtpv.js";
 export {
   r as Accordion,
   r as default

package/dist/{Action-DDxiedkP.js → Action-B6lMX6do.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-B-Ivvh0Y.js";
+import { u as q, f as z } from "./flowComponent-DT1Ap-ot.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-DDxiedkP.js";
+import { A as t } from "./Action-B6lMX6do.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-B-Ivvh0Y.js";
+import { f as C } from "./flowComponent-DT1Ap-ot.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 w } from "object-code";
 import { deepForEach as z } from "react-children-utilities";
-import { f as d } from "./flowComponent-B-Ivvh0Y.js";
+import { f as d } from "./flowComponent-DT1Ap-ot.js";
 const C = "flow--avatar", h = "flow--avatar--icon", x = "flow--avatar--initials", r = {
   avatar: C,
   icon: h,

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-xXMUxDeh.js";
-import { I as b } from "./IconChevronRight-D75NMLPi.js";
+import "./Icon-0QYDidQk.js";
+import { I as b } from "./IconChevronRight-Dj3jk8WE.js";
 import "./propsContext-DzAKlmhS.js";
 import { P as d } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";

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

@@ -9,12 +9,12 @@ import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import "@tabler/icons-react";
-import "./Icon-xXMUxDeh.js";
-import { I, a as N } from "./IconSucceeded-BC9lig72.js";
+import "./Icon-0QYDidQk.js";
+import { I, a as N } from "./IconSucceeded-DfMfXb4k.js";
 import { W as f } from "./Wrap-DGT1h1o3.js";
-import { T as B } from "./Text-lNxNLb4p.js";
-import { f as k } from "./flowComponent-B-Ivvh0Y.js";
-import { L as A } from "./LoadingSpinner-C5XU6tOf.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 { 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-Diz7bJSd.js";
+import { B as o } from "./Button-DPF2xiJl.js";
 export {
   o as Button,
   o as default

package/dist/{CalendarHeader-B-Q6D1bE.js → CalendarHeader-DffUkgNw.js}

@@ -1,12 +1,12 @@
 "use client"
 /* */
 import e from "react";
-import { B as a } from "./Button-Diz7bJSd.js";
+import { B as a } from "./Button-DPF2xiJl.js";
 import * as r from "react-aria-components";
 import "@tabler/icons-react";
-import "./Icon-xXMUxDeh.js";
-import { I as t } from "./IconCalendar-C3wFsjhX.js";
-import { I as n } from "./IconChevronRight-D75NMLPi.js";
+import "./Icon-0QYDidQk.js";
+import { I as t } from "./IconCalendar-BGo-M1_G.js";
+import { I as n } from "./IconChevronRight-Dj3jk8WE.js";
 const o = "flow--calendar", d = {
   calendar: o
 }, f = () => /* @__PURE__ */ e.createElement("header", null, /* @__PURE__ */ e.createElement(a, { ariaSlot: "previous", variant: "plain" }, /* @__PURE__ */ e.createElement(t, null)), /* @__PURE__ */ e.createElement(r.Heading, null), /* @__PURE__ */ e.createElement(a, { ariaSlot: "next", variant: "plain" }, /* @__PURE__ */ e.createElement(n, null)));

package/dist/{Checkbox-DzoDOfq9.js → Checkbox-RASCJfmz.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-xXMUxDeh.js";
-import { I as x, a as f } from "./IconCheckboxEmpty-C9l8nvzy.js";
-import { I as h } from "./IconCheckboxIndeterminate-C0wEc-cJ.js";
+import "./Icon-0QYDidQk.js";
+import { I as x, a as f } from "./IconCheckboxEmpty-CoGUuXtO.js";
+import { I as h } from "./IconCheckboxIndeterminate-Bjj70fpd.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-B-Ivvh0Y.js";
+import { f as k } from "./flowComponent-DT1Ap-ot.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-DzoDOfq9.js";
+import { C as a } from "./Checkbox-RASCJfmz.js";
 export {
   a as Checkbox,
   a as default

package/dist/{CheckboxButton-DEUEr__-.js → CheckboxButton-CXdHPBrd.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-DzoDOfq9.js";
-import { f } from "./flowComponent-B-Ivvh0Y.js";
+import { C as x } from "./Checkbox-RASCJfmz.js";
+import { f } from "./flowComponent-DT1Ap-ot.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-DEUEr__-.js";
+import { C as t } from "./CheckboxButton-CXdHPBrd.js";
 export {
   t as CheckboxButton,
   t as default

package/dist/CheckboxGroup.js

@@ -7,13 +7,13 @@ import "./propsContext-DzAKlmhS.js";
 import { P as h } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { F as E } from "./FieldError-Cy1YgUwR.js";
-import { C as k } from "./CheckboxButton-DEUEr__-.js";
+import { F as E } from "./FieldError-CEquAsls.js";
+import { C as k } from "./CheckboxButton-CXdHPBrd.js";
 import { TunnelProvider as C, TunnelExit as r } from "@mittwald/react-tunnel";
 import { s as o } from "./FormField.module-DHK6nIcD.js";
 import { C as N } from "./ColumnLayout-FMONjI17.js";
 import { d as F } from "./deepFindOfType-6pG0fH7S.js";
-import { f as G } from "./flowComponent-B-Ivvh0Y.js";
+import { f as G } from "./flowComponent-DT1Ap-ot.js";
 const P = "flow--checkbox-group", s = {
   checkboxGroup: P
 }, j = G("CheckboxGroup", (l) => {

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

@@ -6,7 +6,7 @@ import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as l } from "./flowComponent-B-Ivvh0Y.js";
+import { f as l } from "./flowComponent-DT1Ap-ot.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-DbFVi9k6.js";
+import { C as o } from "./Content-DGmkm9cU.js";
 export {
   o as Content,
   o as default

package/dist/ContextMenu.js

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

package/dist/{ContextMenuTrigger-CF_GKYD4.js → ContextMenuTrigger-P2HbNtUH.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-B-Ivvh0Y.js";
-import { P } from "./PopoverTrigger-BDroxnj4.js";
+import { f as c } from "./flowComponent-DT1Ap-ot.js";
+import { P } from "./PopoverTrigger-3Tw9ST0P.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-BPwYjPfK.js";
-import { A as h } from "./Action-DDxiedkP.js";
+import { A as h } from "./Action-B6lMX6do.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-BDroxnj4.js";
+import { P as s } from "./PopoverTrigger-3Tw9ST0P.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-B-Ivvh0Y.js";
+import { f as c } from "./flowComponent-DT1Ap-ot.js";
 import "mobx";
 import { u } from "./useOverlayController-D8pgx8nV.js";
 import * as f from "react-aria-components";
 import { a as x } from "./OverlayTrigger-BPwYjPfK.js";
 import { useLocalizedStringFormatter as g } from "react-aria";
 import "@tabler/icons-react";
-import "./Icon-xXMUxDeh.js";
-import { I as C } from "./IconInfo-_3yD7B3m.js";
+import "./Icon-0QYDidQk.js";
+import { I as C } from "./IconInfo-Dug3kHx4.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-Diz7bJSd.js";
+import { B as l } from "./Button-DPF2xiJl.js";
 import "@tabler/icons-react";
-import "./Icon-xXMUxDeh.js";
-import { I as c } from "./IconCopy-BB-YmjG0.js";
+import "./Icon-0QYDidQk.js";
+import { I as c } from "./IconCopy-COLtYvRI.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-B-Ivvh0Y.js";
-import { A as B } from "./Action-DDxiedkP.js";
+import { f as E } from "./flowComponent-DT1Ap-ot.js";
+import { A as B } from "./Action-B6lMX6do.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-B-Ivvh0Y.js";
+import { f as m } from "./flowComponent-DT1Ap-ot.js";
 const u = "flow--counter-badge", d = {
   counterBadge: u
 }, g = m(

package/dist/DatePicker.js

@@ -7,55 +7,59 @@ import { P as u } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import * as r from "react-aria-components";
-import { s as E, C as f } from "./CalendarHeader-B-Q6D1bE.js";
-import { B as C } from "./Button-Diz7bJSd.js";
+import { s as f, C as E } from "./CalendarHeader-DffUkgNw.js";
+import { B as C } from "./Button-DPF2xiJl.js";
 import "@tabler/icons-react";
-import "./Icon-xXMUxDeh.js";
-import { a as D } from "./IconCalendar-C3wFsjhX.js";
-import { F as N } from "./FieldError-Cy1YgUwR.js";
-import { s as o } from "./FormField.module-DHK6nIcD.js";
-import { P } from "./PopoverTrigger-BDroxnj4.js";
+import "./Icon-0QYDidQk.js";
+import { a as D } from "./IconCalendar-BGo-M1_G.js";
+import { F as N } from "./FieldError-CEquAsls.js";
+import { s as a } from "./FormField.module-DHK6nIcD.js";
+import { P } from "./PopoverTrigger-3Tw9ST0P.js";
 import "mobx";
 import { u as b } from "./useOverlayController-D8pgx8nV.js";
-const v = () => /* @__PURE__ */ e.createElement(r.Calendar, { className: E.calendar }, /* @__PURE__ */ e.createElement(f, null), /* @__PURE__ */ e.createElement(r.CalendarGrid, null, (t) => /* @__PURE__ */ e.createElement(r.CalendarCell, { date: t }))), I = "flow--date-picker--date-input", g = {
+import { f as v } from "./flowComponent-DT1Ap-ot.js";
+const F = () => /* @__PURE__ */ e.createElement(r.Calendar, { className: f.calendar }, /* @__PURE__ */ e.createElement(E, null), /* @__PURE__ */ e.createElement(r.CalendarGrid, null, (t) => /* @__PURE__ */ e.createElement(r.CalendarCell, { date: t }))), I = "flow--date-picker--date-input", g = {
   dateInput: I
 }, y = (t) => {
   const { isDisabled: l } = t;
   return /* @__PURE__ */ e.createElement(r.Group, { className: g.dateInput }, /* @__PURE__ */ e.createElement(r.DateInput, null, (n) => /* @__PURE__ */ e.createElement(r.DateSegment, { segment: n })), /* @__PURE__ */ e.createElement(C, { variant: "plain", color: "secondary", isDisabled: l }, /* @__PURE__ */ e.createElement(D, null)));
-}, j = (t) => {
-  const { children: l, className: n, errorMessage: s, ...m } = t, i = d(o.formField, n), c = {
+}, J = v("DatePicker", (t) => {
+  const { children: l, className: n, errorMessage: s, ...m } = t, i = d(a.formField, n), c = {
     Label: {
-      className: o.label,
+      className: a.label,
       optional: !t.isRequired
     },
     FieldDescription: {
-      className: o.fieldDescription
+      className: a.fieldDescription
+    },
+    FieldError: {
+      className: a.customFieldError
     }
-  }, a = b("Popover");
+  }, o = b("Popover");
   return /* @__PURE__ */ e.createElement(
     r.DatePicker,
     {
       ...m,
       className: i,
-      onOpenChange: (p) => a.setOpen(p),
-      isOpen: a.isOpen,
-      onChange: a.close
+      onOpenChange: (p) => o.setOpen(p),
+      isOpen: o.isOpen,
+      onChange: o.close
     },
     /* @__PURE__ */ e.createElement(y, { isDisabled: t.isDisabled }),
     /* @__PURE__ */ e.createElement(u, { props: c }, l),
-    /* @__PURE__ */ e.createElement(N, { className: o.fieldError }, s),
+    /* @__PURE__ */ e.createElement(N, { className: a.fieldError }, s),
     /* @__PURE__ */ e.createElement(
       P,
       {
         placement: "bottom end",
         isDialogContent: !0,
-        controller: a
+        controller: o
       },
-      /* @__PURE__ */ e.createElement(v, null)
+      /* @__PURE__ */ e.createElement(F, null)
     )
   );
-};
+});
 export {
-  j as DatePicker,
-  j as default
+  J as DatePicker,
+  J as default
 };

package/dist/DateRangePicker.js

@@ -1,61 +1,65 @@
 "use client"
 /* */
 import e from "react";
-import { s as o } from "./FormField.module-DHK6nIcD.js";
+import { s as n } from "./FormField.module-DHK6nIcD.js";
 import d from "clsx";
 import "./propsContext-DzAKlmhS.js";
 import { P as u } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import * as t from "react-aria-components";
-import { P as E } from "./PopoverTrigger-BDroxnj4.js";
-import { s as f, C as g } from "./CalendarHeader-B-Q6D1bE.js";
-import { B as C } from "./Button-Diz7bJSd.js";
+import { P as E } from "./PopoverTrigger-3Tw9ST0P.js";
+import { s as f, C as g } from "./CalendarHeader-DffUkgNw.js";
+import { B as C } from "./Button-DPF2xiJl.js";
 import "@tabler/icons-react";
-import "./Icon-xXMUxDeh.js";
-import { a as D } from "./IconCalendar-C3wFsjhX.js";
-import { F as R } from "./FieldError-Cy1YgUwR.js";
+import "./Icon-0QYDidQk.js";
+import { a as D } from "./IconCalendar-BGo-M1_G.js";
+import { F as R } from "./FieldError-CEquAsls.js";
 import "mobx";
 import { u as N } from "./useOverlayController-D8pgx8nV.js";
-const P = () => /* @__PURE__ */ e.createElement(t.RangeCalendar, { className: f.calendar }, /* @__PURE__ */ e.createElement(g, null), /* @__PURE__ */ e.createElement(t.CalendarGrid, null, (a) => /* @__PURE__ */ e.createElement(t.CalendarCell, { date: a }))), v = "flow--date-range-picker--date-range-input", I = {
-  dateRangeInput: v
-}, b = (a) => {
-  const { isDisabled: l } = a;
-  return /* @__PURE__ */ e.createElement(t.Group, { className: I.dateRangeInput }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(t.DateInput, { slot: "start" }, (r) => /* @__PURE__ */ e.createElement(t.DateSegment, { segment: r })), /* @__PURE__ */ e.createElement("span", { "aria-hidden": "true" }, "–"), /* @__PURE__ */ e.createElement(t.DateInput, { slot: "end" }, (r) => /* @__PURE__ */ e.createElement(t.DateSegment, { segment: r }))), /* @__PURE__ */ e.createElement(C, { variant: "plain", color: "secondary", isDisabled: l }, /* @__PURE__ */ e.createElement(D, null)));
-}, j = (a) => {
-  const { children: l, className: r, errorMessage: s, ...m } = a, i = d(o.formField, r), c = {
+import { f as P } from "./flowComponent-DT1Ap-ot.js";
+const v = () => /* @__PURE__ */ e.createElement(t.RangeCalendar, { className: f.calendar }, /* @__PURE__ */ e.createElement(g, 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
+}, F = (r) => {
+  const { isDisabled: l } = r;
+  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(C, { variant: "plain", color: "secondary", isDisabled: l }, /* @__PURE__ */ e.createElement(D, null)));
+}, J = P("DateRangePicker", (r) => {
+  const { children: l, className: a, errorMessage: s, ...m } = r, i = d(n.formField, a), c = {
     Label: {
-      className: o.label,
-      optional: !a.isRequired
+      className: n.label,
+      optional: !r.isRequired
     },
     FieldDescription: {
-      className: o.fieldDescription
+      className: n.fieldDescription
+    },
+    FieldError: {
+      className: n.customFieldError
     }
-  }, n = N("Popover");
+  }, o = N("Popover");
   return /* @__PURE__ */ e.createElement(
     t.DateRangePicker,
     {
       ...m,
       className: i,
-      onOpenChange: (p) => n.setOpen(p),
-      isOpen: n.isOpen,
-      onChange: n.close
+      onOpenChange: (p) => o.setOpen(p),
+      isOpen: o.isOpen,
+      onChange: o.close
     },
-    /* @__PURE__ */ e.createElement(b, { isDisabled: a.isDisabled }),
+    /* @__PURE__ */ e.createElement(F, { isDisabled: r.isDisabled }),
     /* @__PURE__ */ e.createElement(u, { props: c }, l),
-    /* @__PURE__ */ e.createElement(R, { className: o.fieldError }, s),
+    /* @__PURE__ */ e.createElement(R, { className: n.fieldError }, s),
     /* @__PURE__ */ e.createElement(
       E,
       {
         placement: "bottom end",
         isDialogContent: !0,
-        controller: n
+        controller: o
       },
-      /* @__PURE__ */ e.createElement(P, null)
+      /* @__PURE__ */ e.createElement(v, null)
     )
   );
-};
+});
 export {
-  j as DateRangePicker,
-  j as default
+  J as DateRangePicker,
+  J as default
 };

package/dist/{FieldDescription-DoivBm2_.js → FieldDescription-B3sXF5Jy.js}

@@ -7,8 +7,8 @@ import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { T as p } from "./Text-lNxNLb4p.js";
-import { f as c } from "./flowComponent-B-Ivvh0Y.js";
+import { T as p } from "./Text-pgjmZdTC.js";
+import { f as c } from "./flowComponent-DT1Ap-ot.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-DoivBm2_.js";
+import { F as i } from "./FieldDescription-B3sXF5Jy.js";
 export {
   i as FieldDescription,
   i as default

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

@@ -9,9 +9,9 @@ import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import "@tabler/icons-react";
-import "./Icon-xXMUxDeh.js";
-import { I as c } from "./IconDanger-DY4ZSIAt.js";
-import { f } from "./flowComponent-B-Ivvh0Y.js";
+import "./Icon-0QYDidQk.js";
+import { I as c } from "./IconDanger-1BGpTe7U.js";
+import { f } from "./flowComponent-DT1Ap-ot.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-Cy1YgUwR.js";
+import { F as o } from "./FieldError-CEquAsls.js";
 export {
   o as FieldError,
   o as default

package/dist/{Header-Cuy51cs2.js → Header-BC3V_ugP.js}

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import e from "react";
-import { f as d } from "./flowComponent-B-Ivvh0Y.js";
+import { f as d } from "./flowComponent-DT1Ap-ot.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-Cuy51cs2.js";
+import { H as e } from "./Header-BC3V_ugP.js";
 export {
   e as Header,
   e as default

package/dist/{Heading-Df_N3SfU.js → Heading-CYASkLvk.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-B-Ivvh0Y.js";
+import { f as p } from "./flowComponent-DT1Ap-ot.js";
 import * as w from "react-aria-components";
 const C = "flow--heading", u = "flow--heading--dark", x = "flow--heading--light", N = "flow--heading--icon", P = "flow--heading--heading-content", v = "flow--heading--h1", E = "flow--heading--h2", H = "flow--heading--h3", k = "flow--heading--h4", y = "flow--heading--h5", z = "flow--heading--h6", e = {
   heading: C,

package/dist/Heading.js

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

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

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

package/dist/Icon.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { I as a } from "./Icon-xXMUxDeh.js";
+import { I as a } from "./Icon-0QYDidQk.js";
 export {
   a as Icon,
   a as default

package/dist/{IconCalendar-C3wFsjhX.js → IconCalendar-BGo-M1_G.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconChevronLeft as t, IconCalendar as a } from "@tabler/icons-react";
-import { I as o } from "./Icon-xXMUxDeh.js";
+import { I as o } from "./Icon-0QYDidQk.js";
 const m = (n) => /* @__PURE__ */ e.createElement(o, { ...n }, /* @__PURE__ */ e.createElement(t, null)), I = (n) => /* @__PURE__ */ e.createElement(o, { ...n }, /* @__PURE__ */ e.createElement(a, null));
 export {
   m as I,

package/dist/{IconCheck-CxrOx7bD.js → IconCheck-kPAdcx3h.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconCheck as c } from "@tabler/icons-react";
-import { I as t } from "./Icon-xXMUxDeh.js";
+import { I as t } from "./Icon-0QYDidQk.js";
 const a = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(c, null));
 export {
   a as I

package/dist/{IconCheckboxEmpty-C9l8nvzy.js → IconCheckboxEmpty-CoGUuXtO.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconSquareCheckFilled as t, IconSquare as n } from "@tabler/icons-react";
-import { I as o } from "./Icon-xXMUxDeh.js";
+import { I as o } from "./Icon-0QYDidQk.js";
 const l = (c) => /* @__PURE__ */ e.createElement(o, { ...c }, /* @__PURE__ */ e.createElement(t, null)), I = (c) => /* @__PURE__ */ e.createElement(o, { ...c }, /* @__PURE__ */ e.createElement(n, null));
 export {
   l as I,