@mittwald/flow-react-components 0.1.0-alpha.312 → 0.1.0-alpha.313

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 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.313](https://github.com/mittwald/flow/compare/0.1.0-alpha.312...0.1.0-alpha.313) (2024-10-30)
+
+### Features
+
+- add FileField component
+  ([80bdb43](https://github.com/mittwald/flow/commit/80bdb43a1ad4b29a8eb5ff83220b6fda91e38324))
+
+# 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.312](https://github.com/mittwald/flow/compare/0.1.0-alpha.311...0.1.0-alpha.312) (2024-10-30)
 
 ### Bug Fixes

package/dist/css/FileField.css

@@ -0,0 +1 @@
+.flow--file-field--trigger{order:2}

package/dist/js/{Accordion-B5k7dJpn.js → Accordion-C1Hd4Yhg.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-a4Hq_zmE.js";
+import { B as y } from "./Button-DE6VQ9dh.js";
 import "@tabler/icons-react";
-import "./Icon-C3JkDOTi.js";
-import { I as B } from "./IconChevronDown-Cr-rCT6d.js";
+import "./Icon-BfcwCN3o.js";
+import { I as B } from "./IconChevronDown-CWsSkSGM.js";
 import { TunnelProvider as C, TunnelExit as A } from "@mittwald/react-tunnel";
 import { A as P } 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/js/Accordion.js

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

package/dist/js/{Action-CiJBykBu.js → Action-CVaW6nwX.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-E-Gp2Toe.js";
+import { u as q, f as z } from "./flowComponent-CdFTojQw.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-CiJBykBu.js";
+import { A as t } from "./Action-CVaW6nwX.js";
 export {
   t as Action,
   t as default

package/dist/js/{ActionGroup-DqTdnFoM.js → ActionGroup-CYlqSCcw.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-E-Gp2Toe.js";
+import { f as C } from "./flowComponent-CdFTojQw.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-DqTdnFoM.js";
+import { A as r } from "./ActionGroup-CYlqSCcw.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-4pw8iuBh.js";
-import { f as u } from "./flowComponent-E-Gp2Toe.js";
+import { A as w } from "./AlertIcon-x0EkIx02.js";
+import { f as u } from "./flowComponent-CdFTojQw.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-4pw8iuBh.js";
-import { T as i } from "./Text-CtABaZjp.js";
+import { A as f } from "./AlertIcon-x0EkIx02.js";
+import { T as i } from "./Text-CPD7mr9M.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-E-Gp2Toe.js";
+import { f as g } from "./flowComponent-CdFTojQw.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-4pw8iuBh.js → AlertIcon-x0EkIx02.js}

@@ -2,10 +2,10 @@
 /* */
 import n from "react";
 import "@tabler/icons-react";
-import "./Icon-C3JkDOTi.js";
-import { I as m } from "./IconDanger-m38r1QkL.js";
-import { I as f } from "./IconInfo-CmzJdfyz.js";
-import { I, a as u } from "./IconWarning-BSzhRWnw.js";
+import "./Icon-BfcwCN3o.js";
+import { I as m } from "./IconDanger-Sd6GDwJr.js";
+import { I as f } from "./IconInfo-DUenEWxh.js";
+import { I, a as u } from "./IconWarning-BuEvJJgg.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-4pw8iuBh.js";
+import { A as r } from "./AlertIcon-x0EkIx02.js";
 export {
   r as AlertIcon,
   r as default

package/dist/js/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-E-Gp2Toe.js";
+import { f as z } from "./flowComponent-CdFTojQw.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", y = "flow--avatar--lilac", o = {
   avatar: d,
   icon: h,

package/dist/js/{Badge-Bz0TmmU0.js → Badge-DVa8WUgj.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-E-Gp2Toe.js";
-import { B as n } from "./Button-a4Hq_zmE.js";
+import { f as u } from "./flowComponent-CdFTojQw.js";
+import { B as n } from "./Button-DE6VQ9dh.js";
 import "@tabler/icons-react";
-import "./Icon-C3JkDOTi.js";
-import { I as w } from "./IconClose-GXU9h7Kw.js";
+import "./Icon-BfcwCN3o.js";
+import { I as w } from "./IconClose-B2ipDX0n.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-Bz0TmmU0.js";
+import { B as e } from "./Badge-DVa8WUgj.js";
 export {
   e as Badge,
   e as default

package/dist/js/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-C3JkDOTi.js";
-import { I as b } from "./IconChevronRight-35lfOS6U.js";
+import "./Icon-BfcwCN3o.js";
+import { I as b } from "./IconChevronRight-BLOjuhl6.js";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as d } from "./PropsContextProvider.js";
 import "@react-aria/utils";

package/dist/js/{Button-a4Hq_zmE.js → Button-DE6VQ9dh.js}

@@ -9,12 +9,12 @@ import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import "@tabler/icons-react";
-import "./Icon-C3JkDOTi.js";
-import { I as h, a as I } from "./IconSucceeded-BHReEzlW.js";
+import "./Icon-BfcwCN3o.js";
+import { I as h, a as I } from "./IconSucceeded-BrUEf3-W.js";
 import { W as f } from "./Wrap-DGT1h1o3.js";
-import { T as B } from "./Text-CtABaZjp.js";
-import { f as k } from "./flowComponent-E-Gp2Toe.js";
-import { L as A } from "./LoadingSpinner-CAmMgo37.js";
+import { T as B } from "./Text-CPD7mr9M.js";
+import { f as k } from "./flowComponent-CdFTojQw.js";
+import { L as A } from "./LoadingSpinner-BNwuXpm9.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--avatar", W = "flow--button--icon", $ = "flow--button--text", j = "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", t = {

package/dist/js/Button.js

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

package/dist/js/{CalendarHeader-o7J1eLg1.js → CalendarHeader-B2jstCaG.js}

@@ -1,12 +1,12 @@
 "use client"
 /* */
 import e from "react";
-import { B as r } from "./Button-a4Hq_zmE.js";
+import { B as r } from "./Button-DE6VQ9dh.js";
 import * as a from "react-aria-components";
 import "@tabler/icons-react";
-import "./Icon-C3JkDOTi.js";
-import { I as n } from "./IconCalendar-CXEqxrD-.js";
-import { I as t } from "./IconChevronRight-35lfOS6U.js";
+import "./Icon-BfcwCN3o.js";
+import { I as n } from "./IconCalendar-ccWsxuA2.js";
+import { I as t } from "./IconChevronRight-BLOjuhl6.js";
 const o = "flow--calendar", l = "flow--calendar--range", f = {
   calendar: o,
   range: l

package/dist/js/{Checkbox-B8cVD_TG.js → Checkbox-e462Gcxe.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-C3JkDOTi.js";
-import { I as x, a as f } from "./IconCheckboxEmpty-CC7q-vMC.js";
-import { I as h } from "./IconCheckboxIndeterminate-Bc54gPFD.js";
+import "./Icon-BfcwCN3o.js";
+import { I as x, a as f } from "./IconCheckboxEmpty-Bs0CrP7a.js";
+import { I as h } from "./IconCheckboxIndeterminate-3gNSsTqf.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-E-Gp2Toe.js";
+import { f as k } from "./flowComponent-CdFTojQw.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-B8cVD_TG.js";
+import { C as a } from "./Checkbox-e462Gcxe.js";
 export {
   a as Checkbox,
   a as default

package/dist/js/{CheckboxButton-COo3XHBr.js → CheckboxButton-Dd900jP_.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-B8cVD_TG.js";
-import { f } from "./flowComponent-E-Gp2Toe.js";
+import { C as x } from "./Checkbox-e462Gcxe.js";
+import { f } from "./flowComponent-CdFTojQw.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-COo3XHBr.js";
+import { C as t } from "./CheckboxButton-Dd900jP_.js";
 export {
   t as CheckboxButton,
   t as default

package/dist/js/CheckboxGroup.js

@@ -7,13 +7,13 @@ import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as h } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
-import { F as E } from "./FieldError-BZ6oyvAN.js";
-import { C as k } from "./CheckboxButton-COo3XHBr.js";
+import { F as E } from "./FieldError-BVaFR2ma.js";
+import { C as k } from "./CheckboxButton-Dd900jP_.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-Bvw578tz.js";
 import { d as F } from "./deepFindOfType-6pG0fH7S.js";
-import { f as G } from "./flowComponent-E-Gp2Toe.js";
+import { f as G } from "./flowComponent-CdFTojQw.js";
 const y = "flow--checkbox-group", s = {
   checkboxGroup: y
 }, j = G("CheckboxGroup", (l) => {

package/dist/js/CodeBlock.js

@@ -3,7 +3,7 @@
 import e from "react";
 import d from "react-syntax-highlighter";
 import m from "clsx";
-import { C as f } from "./CopyButton-rkjTnjDf.js";
+import { C as f } from "./CopyButton-BFEqZ49C.js";
 const i = "flow--code-block", k = "flow--code-block--light", u = "flow--code-block--dark", l = {
   codeBlock: i,
   default: "flow--code-block--default",

package/dist/js/{Content-ytee2WFF.js → Content-70JqGVUm.js}

@@ -6,7 +6,7 @@ import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as l } from "./flowComponent-E-Gp2Toe.js";
+import { f as l } from "./flowComponent-CdFTojQw.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-ytee2WFF.js";
+import { C as o } from "./Content-70JqGVUm.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-Ciwiz8WT.js";
-import { a } from "./ContextMenuTrigger-Ciwiz8WT.js";
-import { M as n } from "./MenuItem-DljCXugV.js";
+import { C as t } from "./ContextMenuTrigger-9-ZjcBHX.js";
+import { a } from "./ContextMenuTrigger-9-ZjcBHX.js";
+import { M as n } from "./MenuItem-DRNpILEl.js";
 export {
   t as ContextMenu,
   a as ContextMenuTrigger,

package/dist/js/{ContextMenuTrigger-Ciwiz8WT.js → ContextMenuTrigger-9-ZjcBHX.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-E-Gp2Toe.js";
-import { P } from "./Popover-C4jNPNSb.js";
+import { f as c } from "./flowComponent-CdFTojQw.js";
+import { P } from "./Popover-BJryd_iR.js";
 import { C as E } from "./ClearPropsContext-CUvsbMn8.js";
 import { PropsContextProvider as O } from "./PropsContextProvider.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-BmB63e4e.js";
-import { A as h } from "./Action-CiJBykBu.js";
+import { A as h } from "./Action-CVaW6nwX.js";
 const B = c("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-C4jNPNSb.js";
+import { P as c } from "./Popover-BJryd_iR.js";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as l } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
-import { f as a } from "./flowComponent-E-Gp2Toe.js";
+import { f as a } from "./flowComponent-CdFTojQw.js";
 import "mobx";
 import { u } from "./useOverlayController-D8pgx8nV.js";
 import * as f from "react-aria-components";
 import { a as x } from "./OverlayTrigger-BmB63e4e.js";
 import { useLocalizedStringFormatter as g } from "react-aria";
 import "@tabler/icons-react";
-import "./Icon-C3JkDOTi.js";
-import { I as C } from "./IconInfo-CmzJdfyz.js";
+import "./Icon-BfcwCN3o.js";
+import { I as C } from "./IconInfo-DUenEWxh.js";
 const H = "flow--contextual-help", d = {
   contextualHelp: H
 }, b = a("ContextualHelp", (e) => {

package/dist/js/{CopyButton-rkjTnjDf.js → CopyButton-BFEqZ49C.js}

@@ -2,10 +2,10 @@
 /* */
 import o from "react";
 import i from "copy-to-clipboard";
-import { B as c } from "./Button-a4Hq_zmE.js";
+import { B as c } from "./Button-DE6VQ9dh.js";
 import "@tabler/icons-react";
-import "./Icon-C3JkDOTi.js";
-import { I as l } from "./IconCopy-D3-038qg.js";
+import "./Icon-BfcwCN3o.js";
+import { I as l } from "./IconCopy-BOZJbtQQ.js";
 import { useLocalizedStringFormatter as s } from "react-aria";
 import { a as f, T as u } from "./Tooltip-DmYZavnZ.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-E-Gp2Toe.js";
-import { A as B } from "./Action-CiJBykBu.js";
+import { f as E } from "./flowComponent-CdFTojQw.js";
+import { A as B } from "./Action-CVaW6nwX.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-rkjTnjDf.js";
+import { C as t } from "./CopyButton-BFEqZ49C.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-E-Gp2Toe.js";
+import { f as m } from "./flowComponent-CdFTojQw.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-a4Hq_zmE.js";
+import { B as E } from "./Button-DE6VQ9dh.js";
 import "@tabler/icons-react";
-import "./Icon-C3JkDOTi.js";
-import { a as C } from "./IconCalendar-CXEqxrD-.js";
-import { F as D } from "./FieldError-BZ6oyvAN.js";
+import "./Icon-BfcwCN3o.js";
+import { a as C } from "./IconCalendar-ccWsxuA2.js";
+import { F as D } from "./FieldError-BVaFR2ma.js";
 import { f as a } from "./FormField.module-CqWpTQKP.js";
-import { P as N } from "./Popover-C4jNPNSb.js";
+import { P as N } from "./Popover-BJryd_iR.js";
 import "mobx";
 import { u as P } from "./useOverlayController-D8pgx8nV.js";
-import { f as y } from "./flowComponent-E-Gp2Toe.js";
-import { s as F, C as b } from "./CalendarHeader-o7J1eLg1.js";
+import { f as y } from "./flowComponent-CdFTojQw.js";
+import { s as F, C as b } from "./CalendarHeader-B2jstCaG.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-C4jNPNSb.js";
-import { s as i, C } from "./CalendarHeader-o7J1eLg1.js";
-import { B as D } from "./Button-a4Hq_zmE.js";
+import { P as g } from "./Popover-BJryd_iR.js";
+import { s as i, C } from "./CalendarHeader-B2jstCaG.js";
+import { B as D } from "./Button-DE6VQ9dh.js";
 import "@tabler/icons-react";
-import "./Icon-C3JkDOTi.js";
-import { a as R } from "./IconCalendar-CXEqxrD-.js";
-import { F as N } from "./FieldError-BZ6oyvAN.js";
+import "./Icon-BfcwCN3o.js";
+import { a as R } from "./IconCalendar-ccWsxuA2.js";
+import { F as N } from "./FieldError-BVaFR2ma.js";
 import "mobx";
 import { u as P } from "./useOverlayController-D8pgx8nV.js";
-import { f as v } from "./flowComponent-E-Gp2Toe.js";
+import { f as v } from "./flowComponent-CdFTojQw.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-Cj-qCYxv.js → FieldDescription-B-Ddf78p.js}

@@ -7,8 +7,8 @@ import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { T as p } from "./Text-CtABaZjp.js";
-import { f as c } from "./flowComponent-E-Gp2Toe.js";
+import { T as p } from "./Text-CPD7mr9M.js";
+import { f as c } from "./flowComponent-CdFTojQw.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-Cj-qCYxv.js";
+import { F as i } from "./FieldDescription-B-Ddf78p.js";
 export {
   i as FieldDescription,
   i as default

package/dist/js/{FieldError-BZ6oyvAN.js → FieldError-BVaFR2ma.js}

@@ -9,9 +9,9 @@ import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import "@tabler/icons-react";
-import "./Icon-C3JkDOTi.js";
-import { I as c } from "./IconDanger-m38r1QkL.js";
-import { f } from "./flowComponent-E-Gp2Toe.js";
+import "./Icon-BfcwCN3o.js";
+import { I as c } from "./IconDanger-Sd6GDwJr.js";
+import { f } from "./flowComponent-CdFTojQw.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-BZ6oyvAN.js";
+import { F as o } from "./FieldError-BVaFR2ma.js";
 export {
   o as FieldError,
   o as default

package/dist/js/FileField.js

@@ -0,0 +1,89 @@
+"use client"
+/* */
+import { f as d } from "./FormField.module-CqWpTQKP.js";
+import { useFormValidation as F } from "@react-aria/form";
+import { useFormValidationState as g } from "@react-stately/form";
+import i, { forwardRef as E, useRef as P, useMemo as y } from "react";
+import * as I from "react-aria-components";
+import { InputContext as R, FieldErrorContext as x } from "react-aria-components";
+import { useObjectRef as C } from "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as f } from "./PropsContextProvider.js";
+import "remeda";
+import { f as b } from "./flowComponent-CdFTojQw.js";
+const V = "flow--file-field--trigger", h = {
+  trigger: V
+}, N = E(
+  (a, m) => {
+    const { children: c, isDisabled: l, onChange: e } = a, o = C(m), n = () => {
+      var r, t;
+      (r = o.current) != null && r.value && (o.current.value = "", e == null || e(null)), (t = o.current) == null || t.click();
+    }, p = (r) => {
+      e == null || e(r.target.files);
+    }, s = {
+      Button: {
+        onPress: n,
+        className: h.trigger,
+        isDisabled: l
+      }
+    };
+    return /* @__PURE__ */ i.createElement(f, { props: s, mergeInParentContext: !0 }, c, /* @__PURE__ */ i.createElement(
+      I.Input,
+      {
+        style: { display: "none" },
+        type: "file",
+        ref: o,
+        onChange: p
+      }
+    ));
+  }
+), M = b("FileField", (a) => {
+  const {
+    children: m,
+    refProp: c,
+    isRequired: l,
+    isInvalid: e,
+    isDisabled: o,
+    validationBehavior: n,
+    onChange: p,
+    ...s
+  } = a, r = P(null), t = g({
+    value: void 0,
+    validationBehavior: n,
+    isInvalid: e
+  });
+  F({ validationBehavior: n }, t, r);
+  const u = y(
+    () => ({
+      ...s,
+      ref: r,
+      "aria-invalid": t.displayValidation.isInvalid,
+      value: void 0
+    }),
+    [t, l, ...Object.values(s)]
+  ), v = {
+    Label: {
+      className: d.label,
+      optional: !a.isRequired
+    },
+    FieldDescription: {
+      className: d.fieldDescription
+    },
+    FieldError: {
+      className: d.customFieldError
+    }
+  };
+  return /* @__PURE__ */ i.createElement(R.Provider, { value: u }, /* @__PURE__ */ i.createElement(x.Provider, { value: t.displayValidation }, /* @__PURE__ */ i.createElement(f, { props: v }, /* @__PURE__ */ i.createElement(
+    "div",
+    {
+      "data-required": !!l || void 0,
+      "data-invalid": t.displayValidation.isInvalid || void 0,
+      className: d.formField
+    },
+    /* @__PURE__ */ i.createElement(N, { ref: c, onChange: p, isDisabled: o }, m)
+  ))));
+});
+export {
+  M as FileField,
+  M as default
+};