@mittwald/flow-react-components 0.2.0-alpha.26 → 0.2.0-alpha.27

package/dist/js/Badge.js

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

package/dist/js/Breadcrumb.js

@@ -10,9 +10,9 @@ import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import "@mittwald/react-tunnel";
-import "./flowComponent-B8dC8eRj.js";
+import "./flowComponent--S4z-7r_.js";
 import "./viewComponentContext-HXEKmx_D.js";
-import { I as d } from "./IconChevronRight-B7wLgosL.js";
+import { I as d } from "./IconChevronRight-OYYpwzCw.js";
 import { PropsContextProvider as p } from "./PropsContextProvider.js";
 const u = "flow--breadcrumb", f = "flow--breadcrumb--link", h = "flow--breadcrumb--breadcrumb-item", k = "flow--breadcrumb--icon", w = "flow--breadcrumb--primary", N = "flow--breadcrumb--dark", x = "flow--breadcrumb--light", r = {
   breadcrumb: u,

package/dist/js/{Button-WawPguWq.js → Button-CpidnrB2.js}

@@ -8,12 +8,12 @@ import "./propsContext-DzAKlmhS.js";
 import { C as N } from "./ClearPropsContext-CIgOlDjP.js";
 import { PropsContextProvider as I } from "./PropsContextProvider.js";
 import "@tabler/icons-react";
-import { f as B } from "./flowComponent-B8dC8eRj.js";
+import { f as B } from "./flowComponent--S4z-7r_.js";
 import "./viewComponentContext-HXEKmx_D.js";
-import { I as k, a as A } from "./IconSucceeded-C9y_vsxu.js";
+import { I as k, a as A } from "./IconSucceeded-CNEZRcRX.js";
 import { W as m } from "./Wrap-DGT1h1o3.js";
-import { T as D } from "./Text-CW_CzcoD.js";
-import { L as T } from "./LoadingSpinner-Bi3wJJYc.js";
+import { T as D } from "./Text-CIEzKaxJ.js";
+import { L as T } from "./LoadingSpinner-CLdEsHVt.js";
 import { useLocalizedStringFormatter as z } from "react-aria";
 import { useLiveRegion as E } from "@chakra-ui/live-region";
 const L = "flow--button", j = "flow--button--outline", K = "flow--button--content", R = "flow--button--state-icon", U = "flow--button--icon", W = "flow--button--text", $ = "flow--button--counter-badge", q = "flow--button--is-succeeded", G = "flow--button--is-failed", H = "flow--button--is-pending", J = "flow--button--plain", M = "flow--button--primary", O = "flow--button--solid", Q = "flow--button--aria-disabled", V = "flow--button--accent", X = "flow--button--danger", Y = "flow--button--secondary", Z = "flow--button--dark", _ = "flow--button--light", ee = "flow--button--soft", te = "flow--button--avatar", t = {

package/dist/js/Button.js

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

package/dist/js/{ButtonView-inzXKZFE.js → ButtonView-9JIUBb3-.js}

@@ -2,7 +2,7 @@
 /* */
 import { jsx as r } from "react/jsx-runtime";
 import { useContext as n } from "react";
-import { B as e } from "./Button-WawPguWq.js";
+import { B as e } from "./Button-CpidnrB2.js";
 import { v as m } from "./viewComponentContext-HXEKmx_D.js";
 const B = (t) => {
   const o = n(m).Button ?? e;

package/dist/js/{CalendarHeader-D7_Itm72.js → CalendarHeader-FzRkroPI.js}

@@ -2,7 +2,7 @@
 /* */
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import "react";
-import { B as o } from "./Button-WawPguWq.js";
+import { B as o } from "./Button-CpidnrB2.js";
 import * as t from "react-aria-components";
 import "@tabler/icons-react";
 import "clsx";
@@ -11,10 +11,10 @@ import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import "@mittwald/react-tunnel";
-import "./flowComponent-B8dC8eRj.js";
+import "./flowComponent--S4z-7r_.js";
 import "./viewComponentContext-HXEKmx_D.js";
-import { I as n } from "./IconCalendar-Q15swPO9.js";
-import { I as i } from "./IconChevronRight-B7wLgosL.js";
+import { I as n } from "./IconCalendar-DICXvFAK.js";
+import { I as i } from "./IconChevronRight-OYYpwzCw.js";
 const e = "flow--calendar", m = "flow--calendar--range", j = {
   calendar: e,
   range: m

package/dist/js/{Checkbox-D2UcTbDY.js → Checkbox-DeFXQE8t.js}

@@ -10,10 +10,10 @@ import { C } from "./ClearPropsContext-CIgOlDjP.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f } from "./flowComponent-B8dC8eRj.js";
+import { f } from "./flowComponent--S4z-7r_.js";
 import "./viewComponentContext-HXEKmx_D.js";
-import { I as k, a as b } from "./IconCheckboxEmpty-CJsL0HKI.js";
-import { I as d } from "./IconCheckboxIndeterminate-BegmYi5q.js";
+import { I as k, a as b } from "./IconCheckboxEmpty-CdHWDs3V.js";
+import { I as d } from "./IconCheckboxIndeterminate-B2xz1HQB.js";
 const I = "flow--checkbox", N = "flow--checkbox--icon", c = {
   checkbox: I,
   icon: N

package/dist/js/Checkbox.js

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

package/dist/js/CheckboxButton.js

@@ -1,7 +1,32 @@
 "use client"
 /* */
-import { C as t } from "./CheckboxButton-BMt-m5ML.js";
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+import m from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { C as b } from "./ClearPropsContext-CIgOlDjP.js";
+import { PropsContextProvider as p } from "./PropsContextProvider.js";
+import { C as x } from "./Checkbox-DeFXQE8t.js";
+import { f } from "./flowComponent--S4z-7r_.js";
+const h = "flow--checkbox-button", i = "flow--checkbox-button--label", C = "flow--checkbox-button--content", t = {
+  checkboxButton: h,
+  label: i,
+  content: C
+}, v = f(
+  "CheckboxButton",
+  (e) => {
+    const { children: c, className: n, ref: s, ...r } = e, l = m(t.checkboxButton, n), a = {
+      Text: {
+        className: t.label
+      },
+      Content: {
+        className: t.content
+      }
+    };
+    return /* @__PURE__ */ o(b, { children: /* @__PURE__ */ o(x, { ...r, className: l, ref: s, children: /* @__PURE__ */ o(p, { props: a, children: c }) }) });
+  }
+);
 export {
-  t as CheckboxButton,
-  t as default
+  v as CheckboxButton,
+  v as default
 };

package/dist/js/CheckboxGroup.js

@@ -1,22 +1,20 @@
 "use client"
 /* */
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
 import "react";
-import * as u from "react-aria-components";
-import b from "clsx";
+import * as x from "react-aria-components";
+import h from "clsx";
 import "./propsContext-DzAKlmhS.js";
-import { PropsContextProvider as k } from "./PropsContextProvider.js";
-import { F as C } from "./FieldError-Dvter_gI.js";
-import { C as N } from "./CheckboxButton-BMt-m5ML.js";
-import { TunnelProvider as E, TunnelExit as e } from "@mittwald/react-tunnel";
+import { PropsContextProvider as b } from "./PropsContextProvider.js";
+import { F as k } from "./FieldError-x5ErhzHX.js";
+import { TunnelProvider as C, TunnelExit as e } from "@mittwald/react-tunnel";
 import { f as r } from "./FormField.module-CqWpTQKP.js";
-import { C as F } from "./ColumnLayout-Cv_F_U5q.js";
-import { f as G } from "./flowComponent-B8dC8eRj.js";
-import { d as D } from "./deepHas-KHS5X1F_.js";
-const I = "flow--checkbox-group", i = {
-  checkboxGroup: I
-}, q = G("CheckboxGroup", (l) => {
-  const { children: s, className: m, s: n, m: a, l: p, ref: d, ...f } = l, h = b(r.formField, m), x = {
+import { C as N } from "./ColumnLayout-Cv_F_U5q.js";
+import { f as E } from "./flowComponent--S4z-7r_.js";
+const F = "flow--checkbox-group", c = {
+  checkboxGroup: F
+}, T = E("CheckboxGroup", (i) => {
+  const { children: t, className: l, s: n, m, l: d, ref: p, ...a } = i, f = h(r.formField, l), u = {
     Label: {
       className: r.label
     },
@@ -32,21 +30,21 @@ const I = "flow--checkbox-group", i = {
       tunnelId: "checkboxes"
     },
     CheckboxButton: {
-      tunnelId: "checkboxes"
+      tunnelId: "checkboxButtons"
     }
-  }, c = D(s, N);
-  return /* @__PURE__ */ t(u.CheckboxGroup, { ...f, className: h, ref: d, children: [
-    /* @__PURE__ */ o(k, { props: x, children: /* @__PURE__ */ t(E, { children: [
-      s,
-      c && /* @__PURE__ */ o(F, { s: n, m: a, l: p, className: i.checkboxGroup, children: /* @__PURE__ */ o(e, { id: "checkboxes" }) }),
-      !c && /* @__PURE__ */ o("div", { className: i.checkboxGroup, children: /* @__PURE__ */ o(e, { id: "checkboxes" }) }),
+  };
+  return /* @__PURE__ */ s(x.CheckboxGroup, { ...a, className: f, ref: p, children: [
+    /* @__PURE__ */ o(b, { props: u, children: /* @__PURE__ */ s(C, { children: [
+      t,
+      /* @__PURE__ */ o(N, { s: n, m, l: d, className: c.checkboxGroup, children: /* @__PURE__ */ o(e, { id: "checkboxButtons" }) }),
+      /* @__PURE__ */ o("div", { className: c.checkboxGroup, children: /* @__PURE__ */ o(e, { id: "checkboxes" }) }),
       /* @__PURE__ */ o(e, { id: "fieldDescription" }),
       /* @__PURE__ */ o(e, { id: "fieldError" })
     ] }) }),
-    /* @__PURE__ */ o(C, { className: r.fieldError })
+    /* @__PURE__ */ o(k, { className: r.fieldError })
   ] });
 });
 export {
-  q as CheckboxGroup,
-  q as default
+  T as CheckboxGroup,
+  T as default
 };

package/dist/js/{CodeBlock-DyPUKUfC.js → CodeBlock-CIe3HE6_.js}

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

package/dist/js/CodeBlock.js

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

package/dist/js/ComboBox.js

@@ -0,0 +1,93 @@
+"use client"
+/* */
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import "react";
+import * as l from "react-aria-components";
+import { TunnelProvider as B, TunnelExit as w } from "@mittwald/react-tunnel";
+import { B as F } from "./Button-CpidnrB2.js";
+import "@tabler/icons-react";
+import O from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as N } from "./PropsContextProvider.js";
+import { f as S } from "./flowComponent--S4z-7r_.js";
+import "./viewComponentContext-HXEKmx_D.js";
+import { I as v } from "./IconChevronDown-DaiVaZc2.js";
+import { O as E } from "./Options-1UizQrjb.js";
+import { f as t } from "./FormField.module-CqWpTQKP.js";
+import { useLocalizedStringFormatter as D } from "react-aria";
+import "mobx";
+import { u as I } from "./useOverlayController-BwSJj4Ly.js";
+const P = "flow--combo-box", y = "flow--combo-box--input", T = "flow--combo-box--toggle", e = {
+  comboBox: P,
+  input: y,
+  toggle: T
+}, j = { "de-DE": {
+  "comboBox.showOptions": "Auswahlmöglichkeiten anzeigen"
+}, "en-EN": {
+  "comboBox.showOptions": "Show options"
+} }, Y = S("ComboBox", (n) => {
+  const {
+    children: m,
+    className: c,
+    menuTrigger: a = "focus",
+    onChange: p = () => {
+    },
+    onSelectionChange: d = () => {
+    },
+    controller: f,
+    ...x
+  } = n, u = D(j), g = O(
+    e.comboBox,
+    t.formField,
+    c
+  ), h = {
+    Label: {
+      className: t.label,
+      optional: !n.isRequired
+    },
+    FieldDescription: {
+      className: t.fieldDescription
+    },
+    FieldError: {
+      className: t.customFieldError
+    },
+    Option: {
+      tunnelId: "options"
+    }
+  }, b = (r) => {
+    p(String(r)), d(r);
+  }, C = I("ComboBox", {
+    reuseControllerFromContext: !0
+  }), s = f ?? C;
+  return /* @__PURE__ */ o(
+    l.ComboBox,
+    {
+      menuTrigger: a,
+      className: g,
+      ...x,
+      onSelectionChange: b,
+      onOpenChange: (r) => s.setOpen(r),
+      children: /* @__PURE__ */ o(N, { props: h, children: /* @__PURE__ */ i(B, { children: [
+        /* @__PURE__ */ i("div", { className: e.input, children: [
+          /* @__PURE__ */ o(l.Input, {}),
+          /* @__PURE__ */ o(
+            F,
+            {
+              className: e.toggle,
+              "aria-label": u.format("comboBox.showOptions"),
+              variant: "plain",
+              color: "secondary",
+              children: /* @__PURE__ */ o(v, {})
+            }
+          )
+        ] }),
+        m,
+        /* @__PURE__ */ o(E, { controller: s, children: /* @__PURE__ */ o(w, { id: "options" }) })
+      ] }) })
+    }
+  );
+});
+export {
+  Y as ComboBox,
+  Y as default
+};

package/dist/js/{Content-mlearvuR.js → Content-VZW7wYH0.js}

@@ -7,7 +7,7 @@ import { C as i } from "./ClearPropsContext-CIgOlDjP.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as s } from "./flowComponent-B8dC8eRj.js";
+import { f as s } from "./flowComponent--S4z-7r_.js";
 import { W as l } from "./Wrap-DGT1h1o3.js";
 const W = s("Content", (r) => {
   const {

package/dist/js/Content.js

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

package/dist/js/ContextMenu.js

@@ -1,9 +1,9 @@
 "use client"
 /* */
-import { C as t } from "./ContextMenuContent-D2RjW6il.js";
-import { b as r, a } from "./ContextMenuContent-D2RjW6il.js";
-import { M as C } from "./MenuItem-BGGLM0sj.js";
-import { C as s } from "./ContextMenuSection-C4JcZt6N.js";
+import { C as t } from "./ContextMenuContent-DQojalD_.js";
+import { b as r, a } from "./ContextMenuContent-DQojalD_.js";
+import { M as C } from "./MenuItem-DuSDaivo.js";
+import { C as s } from "./ContextMenuSection-DSFhpvV8.js";
 export {
   t as ContextMenu,
   r as ContextMenuContent,

package/dist/js/{ContextMenuContent-D2RjW6il.js → ContextMenuContent-DQojalD_.js}

@@ -2,8 +2,8 @@
 /* */
 import { jsx as e } from "react/jsx-runtime";
 import { useContext as s } from "react";
-import { s as f, g as v, a as y, b as h } from "./lib-DaWC44Fk.js";
-import { f as l } from "./flowComponent-B8dC8eRj.js";
+import { s as f, g as v, a as y, b as h } from "./lib-D5zMvYjy.js";
+import { f as l } from "./flowComponent--S4z-7r_.js";
 import "mobx";
 import { u as A } from "./useOverlayController-BwSJj4Ly.js";
 import "./propsContext-DzAKlmhS.js";
@@ -13,8 +13,8 @@ import { O } from "./OverlayContextProvider-B7EDTT1X.js";
 import * as S from "react-aria-components";
 import { v as a } from "./viewComponentContext-HXEKmx_D.js";
 import "clsx";
-import { P as V } from "./Popover-Ck5nKNR3.js";
-import { A as w } from "./Action-C1Tw5pqL.js";
+import { P as V } from "./Popover-2yo5j1XN.js";
+import { A as w } from "./Action-DfWvHbWy.js";
 import "@mittwald/react-tunnel";
 import "@react-aria/utils";
 import "remeda";

package/dist/js/{ContextMenuSection-C4JcZt6N.js → ContextMenuSection-DSFhpvV8.js}

@@ -5,9 +5,9 @@ import * as o from "react-aria-components";
 import "react";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as m } from "./PropsContextProvider.js";
-import { f as l } from "./flowComponent-B8dC8eRj.js";
-import { g as p, s as d, a as f, b as u } from "./lib-DaWC44Fk.js";
-import { A as r } from "./Action-C1Tw5pqL.js";
+import { f as l } from "./flowComponent--S4z-7r_.js";
+import { g as p, s as d, a as f, b as u } from "./lib-D5zMvYjy.js";
+import { A as r } from "./Action-DfWvHbWy.js";
 const y = l(
   "ContextMenuSection",
   (n) => {

package/dist/js/ContextualHelp.js

@@ -8,14 +8,14 @@ import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as l } from "./PropsContextProvider.js";
 import "./context-BaYmTa0I.js";
 import * as s from "react-aria-components";
-import { f as i } from "./flowComponent-B8dC8eRj.js";
+import { f as i } from "./flowComponent--S4z-7r_.js";
 import "./viewComponentContext-HXEKmx_D.js";
 import "clsx";
-import { P as c } from "./Popover-Ck5nKNR3.js";
+import { P as c } from "./Popover-2yo5j1XN.js";
 import { O as u } from "./OverlayTrigger-lqEEBZnu.js";
 import { useLocalizedStringFormatter as f } from "react-aria";
 import "@tabler/icons-react";
-import { I as x } from "./IconInfo-DOr5jJ3x.js";
+import { I as x } from "./IconInfo-CjGNgTHe.js";
 const g = "flow--contextual-help", C = {
   contextualHelp: g
 }, A = i("ContextualHelp", (t) => {

package/dist/js/{CopyButton-hLDhvtYv.js → CopyButton-Cxn4ZL7P.js}

@@ -3,7 +3,7 @@
 import { jsx as o, jsxs as c } from "react/jsx-runtime";
 import "react";
 import a from "copy-to-clipboard";
-import { B as s } from "./Button-WawPguWq.js";
+import { B as s } from "./Button-CpidnrB2.js";
 import "@tabler/icons-react";
 import "clsx";
 import "./propsContext-DzAKlmhS.js";
@@ -11,13 +11,13 @@ import { C as l } from "./ClearPropsContext-CIgOlDjP.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as y } from "./flowComponent-B8dC8eRj.js";
+import { f as y } from "./flowComponent--S4z-7r_.js";
 import "./viewComponentContext-HXEKmx_D.js";
-import { I as f } from "./IconCopy-DlhvXpzM.js";
+import { I as f } from "./IconCopy-DPIeCh7x.js";
 import { useLocalizedStringFormatter as u } from "react-aria";
 import { a as d, T as C } from "./Tooltip-BfOJtT5a.js";
 import { onlyText as B } from "react-children-utilities";
-import { A as h } from "./Action-C1Tw5pqL.js";
+import { A as h } from "./Action-DfWvHbWy.js";
 const x = { "de-DE": {
   "copyButton.copy": "Kopieren"
 }, "en-EN": {

package/dist/js/CopyButton.js

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

package/dist/js/CounterBadge.js

@@ -3,7 +3,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import "react";
 import c from "clsx";
-import { f as m } from "./flowComponent-B8dC8eRj.js";
+import { f as m } from "./flowComponent--S4z-7r_.js";
 const d = "flow--counter-badge", u = {
   counterBadge: d
 }, g = m("CounterBadge", (e) => {

package/dist/js/DatePicker.js

@@ -6,22 +6,22 @@ import C from "clsx";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as u } from "./PropsContextProvider.js";
 import * as o from "react-aria-components";
-import { B as h } from "./Button-WawPguWq.js";
+import { B as h } from "./Button-CpidnrB2.js";
 import "@tabler/icons-react";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import "@mittwald/react-tunnel";
-import { f as D } from "./flowComponent-B8dC8eRj.js";
+import { f as D } from "./flowComponent--S4z-7r_.js";
 import "./viewComponentContext-HXEKmx_D.js";
-import { a as N } from "./IconCalendar-Q15swPO9.js";
-import { F as P } from "./FieldError-Dvter_gI.js";
+import { a as N } from "./IconCalendar-DICXvFAK.js";
+import { F as P } from "./FieldError-x5ErhzHX.js";
 import { f as t } from "./FormField.module-CqWpTQKP.js";
 import "mobx";
 import { u as y } from "./useOverlayController-BwSJj4Ly.js";
 import "./context-BaYmTa0I.js";
-import { P as F } from "./Popover-Ck5nKNR3.js";
-import { s as b, C as g } from "./CalendarHeader-D7_Itm72.js";
+import { P as F } from "./Popover-2yo5j1XN.js";
+import { s as b, C as g } from "./CalendarHeader-FzRkroPI.js";
 import "invariant";
 import "react-aria";
 import "@chakra-ui/live-region";

package/dist/js/DateRangePicker.js

@@ -10,18 +10,18 @@ import * as r from "react-aria-components";
 import "mobx";
 import { u as h } from "./useOverlayController-BwSJj4Ly.js";
 import "./context-BaYmTa0I.js";
-import { f as D } from "./flowComponent-B8dC8eRj.js";
+import { f as D } from "./flowComponent--S4z-7r_.js";
 import "./viewComponentContext-HXEKmx_D.js";
-import { P as R } from "./Popover-Ck5nKNR3.js";
-import { s as p, C as N } from "./CalendarHeader-D7_Itm72.js";
-import { B as P } from "./Button-WawPguWq.js";
+import { P as R } from "./Popover-2yo5j1XN.js";
+import { s as p, C as N } from "./CalendarHeader-FzRkroPI.js";
+import { B as P } from "./Button-CpidnrB2.js";
 import "@tabler/icons-react";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import "@mittwald/react-tunnel";
-import { a as v } from "./IconCalendar-Q15swPO9.js";
-import { F } from "./FieldError-Dvter_gI.js";
+import { a as v } from "./IconCalendar-DICXvFAK.js";
+import { F } from "./FieldError-x5ErhzHX.js";
 const I = () => /* @__PURE__ */ s(r.RangeCalendar, { className: d(p.calendar, p.range), children: [
   /* @__PURE__ */ e(N, {}),
   /* @__PURE__ */ e(r.CalendarGrid, { children: (o) => /* @__PURE__ */ e(r.CalendarCell, { date: o }) })

package/dist/js/{FieldDescription-DBKM9JJK.js → FieldDescription-6bRgUF6j.js}

@@ -8,8 +8,8 @@ import { C as n } from "./ClearPropsContext-CIgOlDjP.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { T as c } from "./Text-CW_CzcoD.js";
-import { f as l } from "./flowComponent-B8dC8eRj.js";
+import { T as c } from "./Text-CIEzKaxJ.js";
+import { f as l } from "./flowComponent--S4z-7r_.js";
 const f = "flow--field-description", a = {
   fieldDescription: f
 }, u = l("FieldDescription", (i) => {

package/dist/js/FieldDescription.js

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

package/dist/js/{FieldError-Dvter_gI.js → FieldError-x5ErhzHX.js}

@@ -10,9 +10,9 @@ import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import "@tabler/icons-react";
-import { f } from "./flowComponent-B8dC8eRj.js";
+import { f } from "./flowComponent--S4z-7r_.js";
 import "./viewComponentContext-HXEKmx_D.js";
-import { I as d } from "./IconDanger-CLQjl-bG.js";
+import { I as d } from "./IconDanger--t2ciHuJ.js";
 const E = "flow--field-error", h = {
   fieldError: E
 }, D = f("FieldError", (i) => {

package/dist/js/FieldError.js

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

package/dist/js/FileCard.js

@@ -3,23 +3,23 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import "react";
 import { IconPhoto as b } from "@tabler/icons-react";
-import { I as w } from "./Icon-BwWnkfBs.js";
+import { I as w } from "./Icon-D1s_Nl8f.js";
 import "./viewComponentContext-HXEKmx_D.js";
-import { I as x } from "./IconFile-C6gwhTzA.js";
-import { A as m } from "./Avatar-Dvl223o9.js";
-import { I as N } from "./Image-bgRpoOYx.js";
-import { T as c } from "./Text-CW_CzcoD.js";
+import { I as x } from "./IconFile-mXOcGrvi.js";
+import { A as m } from "./Avatar-BnUeBUUe.js";
+import { I as N } from "./Image-CL-HtWkf.js";
+import { T as c } from "./Text-CIEzKaxJ.js";
 import y from "clsx";
-import { f as B } from "./flowComponent-B8dC8eRj.js";
-import { L as g } from "./Link-CgqjxAXS.js";
+import { f as B } from "./flowComponent--S4z-7r_.js";
+import { L as g } from "./Link-Bi5EK_xM.js";
 import { W as F } from "./Wrap-DGT1h1o3.js";
-import { B as T } from "./Button-WawPguWq.js";
+import { B as T } from "./Button-CpidnrB2.js";
 import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import "@mittwald/react-tunnel";
-import { I as k } from "./IconClose-B4zJVugN.js";
+import { I as k } from "./IconClose-DE2OkcZ3.js";
 import { useLocalizedStringFormatter as z } from "react-aria";
 const D = (r) => {
   const { type: t, imageSrc: o } = r;

package/dist/js/FileDropZone.js

@@ -0,0 +1,41 @@
+"use client"
+/* */
+import { jsx as i } from "react/jsx-runtime";
+import "react";
+import * as d from "react-aria-components";
+import { I as u } from "./IllustratedMessage-bJ4rZ5O8.js";
+import D from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as x } from "./PropsContextProvider.js";
+const Z = "flow--file-drop-zone", y = {
+  fileDropZone: Z
+}, w = (s) => {
+  const { multiple: l, accept: o, className: n, onChange: r, children: a } = s, p = D(y.fileDropZone, n), m = {
+    FileField: {
+      accept: o,
+      multiple: l,
+      Button: { variant: "outline", color: "dark" }
+    }
+  };
+  return /* @__PURE__ */ i(
+    d.DropZone,
+    {
+      className: p,
+      onDrop: async (c) => {
+        {
+          const f = c.items.filter(
+            (e) => e.kind === "file"
+          ), t = await Promise.all(
+            f.filter((e) => !o || (o == null ? void 0 : o.includes(e.type))).map(async (e) => await e.getFile())
+          );
+          t.length > 0 && (r == null || r(l ? t : [t[0]]));
+        }
+      },
+      children: /* @__PURE__ */ i(u, { color: "dark", children: /* @__PURE__ */ i(x, { props: m, mergeInParentContext: !0, children: a }) })
+    }
+  );
+};
+export {
+  w as FileDropZone,
+  w as default
+};