@mittwald/flow-react-components 0.1.0-alpha.43 → 0.1.0-alpha.430

package/dist/js/ContextMenuSection-D1i0qzNl.js

@@ -0,0 +1,43 @@
+"use client"
+/* */
+import * as o from "react-aria-components";
+import t from "react";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as l } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import { f as m } from "./flowComponent-B1r5sCmz.js";
+import { A as r } from "./Action-DdTtAlW3.js";
+const p = "flow--context-menu", u = "flow--context-menu--section", x = {
+  contextMenu: p,
+  section: u
+}, f = (e) => e === "navigation" ? "none" : e === "switch" ? "multiple" : e, C = (e) => e === "single" || e === "multiple" ? "control" : e, g = (e) => e === "multiple" ? void 0 : "ContextMenu", A = m(
+  "ContextMenuSection",
+  (e) => {
+    const { children: s, selectionMode: n, ...c } = e, i = C(n), a = {
+      Heading: {
+        level: 5,
+        wrapWith: /* @__PURE__ */ t.createElement(o.Header, null)
+      },
+      MenuItem: {
+        selectionVariant: i
+      }
+    };
+    return /* @__PURE__ */ t.createElement(
+      o.MenuSection,
+      {
+        ...c,
+        selectionMode: f(n),
+        className: x.section
+      },
+      /* @__PURE__ */ t.createElement(l, { props: a, mergeInParentContext: !0 }, /* @__PURE__ */ t.createElement(r, { skip: !0 }, /* @__PURE__ */ t.createElement(r, { closeOverlay: g(n) }, s)))
+    );
+  }
+);
+export {
+  A as C,
+  g as a,
+  C as b,
+  f as g,
+  x as s
+};

package/dist/js/ContextMenuTrigger-Bc1ziP-n.js

@@ -0,0 +1,102 @@
+"use client"
+/* */
+import e from "react";
+import * as a from "react-aria-components";
+import { s as f, g as y, a as d, b as v } from "./ContextMenuSection-D1i0qzNl.js";
+import { f as s } from "./flowComponent-B1r5sCmz.js";
+import { P } from "./Popover-CUcQMlfm.js";
+import { C as A } from "./ClearPropsContext-CUvsbMn8.js";
+import { PropsContextProvider as E } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import "mobx";
+import { u as S } from "./useOverlayController-ZXQCcFC-.js";
+import { O, a as T } from "./OverlayTrigger-AlmeaOft.js";
+import { A as I } from "./Action-DdTtAlW3.js";
+const G = s("ContextMenu", (t) => {
+  const {
+    children: o,
+    onAction: r,
+    selectionMode: n,
+    selectedKeys: i,
+    defaultSelectedKeys: m,
+    disabledKeys: c,
+    onSelectionChange: p,
+    refProp: C,
+    controller: u,
+    ...M
+  } = t, g = S("ContextMenu", {
+    reuseControllerFromContext: !0
+  }), l = u ?? g, x = {
+    MenuItem: {
+      selectionVariant: v(n),
+      Avatar: {
+        size: "l"
+      }
+    },
+    Section: {
+      MenuItem: {
+        Avatar: {
+          size: "l"
+        }
+      },
+      renderContextMenuSection: !0
+    },
+    ContextMenuSection: {
+      MenuItem: {
+        Avatar: {
+          size: "l"
+        }
+      }
+    }
+  };
+  return /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement(
+    P,
+    {
+      ...M,
+      controller: l,
+      isDialogContent: !1,
+      padding: "s"
+    },
+    /* @__PURE__ */ e.createElement(
+      O,
+      {
+        type: "ContextMenu",
+        controller: l
+      },
+      /* @__PURE__ */ e.createElement(
+        a.Menu,
+        {
+          className: f.contextMenu,
+          onAction: r,
+          selectionMode: y(n),
+          selectedKeys: i,
+          defaultSelectedKeys: m,
+          disabledKeys: c,
+          onSelectionChange: p,
+          ref: C
+        },
+        /* @__PURE__ */ e.createElement(E, { props: x }, /* @__PURE__ */ e.createElement(I, { closeOverlay: d(n) }, o))
+      )
+    )
+  ));
+}), H = s(
+  "ContextMenuTrigger",
+  (t) => {
+    const { children: o, ...r } = t;
+    return /* @__PURE__ */ e.createElement(
+      T,
+      {
+        overlayType: "ContextMenu",
+        ...r,
+        component: a.MenuTrigger
+      },
+      o
+    );
+  }
+);
+export {
+  G as C,
+  H as a
+};

package/dist/js/ContextualHelp.js

@@ -0,0 +1,66 @@
+"use client"
+/* */
+import t from "react";
+import { P as c } from "./Popover-CUcQMlfm.js";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as l } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import { f as a } from "./flowComponent-B1r5sCmz.js";
+import "mobx";
+import { u } from "./useOverlayController-ZXQCcFC-.js";
+import * as f from "react-aria-components";
+import { a as x } from "./OverlayTrigger-AlmeaOft.js";
+import { useLocalizedStringFormatter as g } from "react-aria";
+import "@tabler/icons-react";
+import "./Icon-mUEZToWz.js";
+import { I as C } from "./IconInfo-BAMWjGnC.js";
+const H = "flow--contextual-help", d = {
+  contextualHelp: H
+}, b = a("ContextualHelp", (e) => {
+  const {
+    children: o,
+    controller: r,
+    refProp: m,
+    ...n
+  } = e, p = u("ContextualHelp", {
+    reuseControllerFromContext: !0
+  }), i = r ?? p, s = {
+    Heading: {
+      level: 5
+    }
+  };
+  return /* @__PURE__ */ t.createElement(c, { withTip: !0, ...n, controller: i }, /* @__PURE__ */ t.createElement(l, { props: s }, /* @__PURE__ */ t.createElement("div", { className: d.contextualHelp }, o)));
+}), v = { "de-DE": {
+  "contextualHelpButton.moreInformation": "Weitere Informationen"
+}, "en-EN": {
+  "contextualHelpButton.moreInformation": "More information"
+} }, A = a(
+  "ContextualHelpTrigger",
+  (e) => {
+    const { children: o, ...r } = e, n = {
+      Button: {
+        "aria-label": g(v).format(
+          "contextualHelpButton.moreInformation"
+        ),
+        children: /* @__PURE__ */ t.createElement(C, null),
+        size: "s",
+        variant: "plain"
+      }
+    };
+    return /* @__PURE__ */ t.createElement(
+      x,
+      {
+        overlayType: "ContextualHelp",
+        ...r,
+        component: f.DialogTrigger
+      },
+      /* @__PURE__ */ t.createElement(l, { props: n, mergeInParentContext: !0 }, o)
+    );
+  }
+);
+export {
+  b as ContextualHelp,
+  A as ContextualHelpTrigger,
+  b as default
+};

package/dist/js/CopyButton-DldLcTuq.js

@@ -0,0 +1,47 @@
+"use client"
+/* */
+import o from "react";
+import c from "copy-to-clipboard";
+import { B as l } from "./Button-E4IPlAeV.js";
+import "@tabler/icons-react";
+import "./Icon-mUEZToWz.js";
+import { I as s } from "./IconCopy-DyvGR-TO.js";
+import { useLocalizedStringFormatter as f } from "react-aria";
+import { a as u, T as y } from "./Tooltip-D5QM-BbC.js";
+import { onlyText as C } from "react-children-utilities";
+import { C as E } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as B } from "./flowComponent-B1r5sCmz.js";
+import { A as g } from "./Action-DdTtAlW3.js";
+const T = { "de-DE": {
+  "copyButton.copy": "Kopieren"
+}, "en-EN": {
+  "copyButton.copy": "Copy"
+} }, S = B("CopyButton", (r) => {
+  const {
+    text: e,
+    refProp: n,
+    variant: p = "plain",
+    color: m = "secondary",
+    ...a
+  } = r, t = f(T).format("copyButton.copy"), i = () => {
+    c(C(e));
+  };
+  return /* @__PURE__ */ o.createElement(E, null, /* @__PURE__ */ o.createElement(u, null, /* @__PURE__ */ o.createElement(g, { action: i, showFeedback: !0 }, /* @__PURE__ */ o.createElement(
+    l,
+    {
+      "aria-label": t,
+      ...a,
+      ref: n,
+      variant: p,
+      color: m
+    },
+    /* @__PURE__ */ o.createElement(s, null)
+  )), /* @__PURE__ */ o.createElement(y, null, t)));
+});
+export {
+  S as C
+};

package/dist/js/CopyButton.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { C as t } from "./CopyButton-DldLcTuq.js";
+export {
+  t as CopyButton,
+  t as default
+};

package/dist/js/CounterBadge.js

@@ -0,0 +1,15 @@
+"use client"
+/* */
+import s from "react";
+import c from "clsx";
+import { f as m } from "./flowComponent-B1r5sCmz.js";
+const u = "flow--counter-badge", d = {
+  counterBadge: u
+}, g = m("CounterBadge", (o) => {
+  const { className: t, count: e, refProp: r, ...a } = o, n = c(d.counterBadge, t);
+  return /* @__PURE__ */ s.createElement("span", { className: n, ...a, "aria-hidden": !0, ref: r }, e && e > 99 ? "99+" : e);
+});
+export {
+  g as CounterBadge,
+  g as default
+};

package/dist/js/DatePicker.js

@@ -0,0 +1,67 @@
+"use client"
+/* */
+import e from "react";
+import f from "clsx";
+import "./propsContext-DzAKlmhS.js";
+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-E4IPlAeV.js";
+import "@tabler/icons-react";
+import "./Icon-mUEZToWz.js";
+import { a as C } from "./IconCalendar-y-PKAAeL.js";
+import { F as D } from "./FieldError-C-_2QNam.js";
+import { f as a } from "./FormField.module-CqWpTQKP.js";
+import { P as N } from "./Popover-CUcQMlfm.js";
+import "mobx";
+import { u as P } from "./useOverlayController-ZXQCcFC-.js";
+import { f as y } from "./flowComponent-B1r5sCmz.js";
+import { s as F, C as b } from "./CalendarHeader-KcnXosgj.js";
+const g = "flow--date-picker--date-input", v = {
+  dateInput: g
+}, I = (t) => {
+  const { isDisabled: l } = t;
+  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
+    },
+    FieldDescription: {
+      className: a.fieldDescription
+    },
+    FieldError: {
+      className: a.customFieldError
+    }
+  }, o = P("Popover");
+  return /* @__PURE__ */ e.createElement(
+    r.DatePicker,
+    {
+      ...c,
+      className: p,
+      onOpenChange: (s) => o.setOpen(s),
+      isOpen: o.isOpen,
+      onChange: (s) => {
+        m && m(s), o.close();
+      }
+    },
+    /* @__PURE__ */ e.createElement(I, { isDisabled: t.isDisabled }),
+    /* @__PURE__ */ e.createElement(u, { props: d }, l),
+    /* @__PURE__ */ e.createElement(D, { className: a.fieldError }, i),
+    /* @__PURE__ */ e.createElement(
+      N,
+      {
+        placement: "bottom end",
+        isDialogContent: !0,
+        controller: o
+      },
+      /* @__PURE__ */ e.createElement(h, null)
+    )
+  );
+});
+export {
+  K as DatePicker,
+  K as default
+};

package/dist/js/DateRangePicker.js

@@ -0,0 +1,67 @@
+"use client"
+/* */
+import e from "react";
+import { f as n } from "./FormField.module-CqWpTQKP.js";
+import c from "clsx";
+import "./propsContext-DzAKlmhS.js";
+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-CUcQMlfm.js";
+import { s as i, C } from "./CalendarHeader-KcnXosgj.js";
+import { B as D } from "./Button-E4IPlAeV.js";
+import "@tabler/icons-react";
+import "./Icon-mUEZToWz.js";
+import { a as R } from "./IconCalendar-y-PKAAeL.js";
+import { F as N } from "./FieldError-C-_2QNam.js";
+import "mobx";
+import { u as P } from "./useOverlayController-ZXQCcFC-.js";
+import { f as v } from "./flowComponent-B1r5sCmz.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: 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: {
+      className: n.label,
+      optional: !r.isRequired
+    },
+    FieldDescription: {
+      className: n.fieldDescription
+    },
+    FieldError: {
+      className: n.customFieldError
+    }
+  }, o = P("Popover");
+  return /* @__PURE__ */ e.createElement(
+    t.DateRangePicker,
+    {
+      ...d,
+      className: u,
+      onOpenChange: (s) => o.setOpen(s),
+      isOpen: o.isOpen,
+      onChange: (s) => {
+        m && m(s), o.close();
+      }
+    },
+    /* @__PURE__ */ e.createElement(h, { isDisabled: r.isDisabled }),
+    /* @__PURE__ */ e.createElement(f, { props: E }, l),
+    /* @__PURE__ */ e.createElement(N, { className: n.fieldError }, p),
+    /* @__PURE__ */ e.createElement(
+      g,
+      {
+        placement: "bottom end",
+        isDialogContent: !0,
+        controller: o
+      },
+      /* @__PURE__ */ e.createElement(F, null)
+    )
+  );
+});
+export {
+  K as DateRangePicker,
+  K as default
+};

package/dist/js/EmulatedBoldText-Dtox8Wd1.js

@@ -0,0 +1,14 @@
+"use client"
+/* */
+import t from "react";
+import m from "clsx";
+const c = "flow--emulated-bold-text", r = "flow--emulated-bold-text--bold-text", l = {
+  emulatedBoldText: c,
+  boldText: r
+}, u = (o) => {
+  const { children: e, className: a, ...s } = o, d = m(l.emulatedBoldText, a);
+  return /* @__PURE__ */ t.createElement("span", { className: d, ...s }, e, /* @__PURE__ */ t.createElement("span", { "aria-hidden": "true", className: l.boldText }, e));
+};
+export {
+  u as E
+};

package/dist/js/EmulatedBoldText.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { E as a } from "./EmulatedBoldText-Dtox8Wd1.js";
+export {
+  a as EmulatedBoldText,
+  a as default
+};

package/dist/js/FieldDescription-CYWhHWVV.js

@@ -0,0 +1,20 @@
+"use client"
+/* */
+import o from "react";
+import m from "clsx";
+import { C as n } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { T as p } from "./Text-B17xjuUC.js";
+import { f as c } from "./flowComponent-B1r5sCmz.js";
+const a = "flow--field-description", f = {
+  fieldDescription: a
+}, P = c("FieldDescription", (e) => {
+  const { children: t, className: r, refProp: i, ...s } = e, l = m(f.fieldDescription, r);
+  return /* @__PURE__ */ o.createElement(n, null, /* @__PURE__ */ o.createElement(p, { slot: "description", ...s, className: l, ref: i }, t));
+});
+export {
+  P as F
+};

package/dist/js/FieldDescription.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { F as i } from "./FieldDescription-CYWhHWVV.js";
+export {
+  i as FieldDescription,
+  i as default
+};

package/dist/js/FieldError-C-_2QNam.js

@@ -0,0 +1,23 @@
+"use client"
+/* */
+import r from "react";
+import * as n from "react-aria-components";
+import a from "clsx";
+import { C as p } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import "@tabler/icons-react";
+import "./Icon-mUEZToWz.js";
+import { I as c } from "./IconDanger-D7DexUvJ.js";
+import { f } from "./flowComponent-B1r5sCmz.js";
+const E = "flow--field-error", d = {
+  fieldError: E
+}, y = f("FieldError", (o) => {
+  const { children: e, className: t, refProp: m, ...l } = o, s = a(d.fieldError, t);
+  return /* @__PURE__ */ r.createElement(p, null, /* @__PURE__ */ r.createElement(n.FieldError, { ...l, className: s, ref: m }, ({ validationErrors: i }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(c, { size: "s" }), /* @__PURE__ */ r.createElement("span", null, e || i.join(" ")))));
+});
+export {
+  y as F
+};

package/dist/js/FieldError.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { F as o } from "./FieldError-C-_2QNam.js";
+export {
+  o as FieldError,
+  o as default
+};

package/dist/js/FileCard.js

@@ -0,0 +1,83 @@
+"use client"
+/* */
+import e from "react";
+import { I as b, a as w } from "./IconImage-TsxAzeqp.js";
+import "@tabler/icons-react";
+import "./Icon-mUEZToWz.js";
+import { A as m } from "./Avatar-BFx8pvZV.js";
+import { I as N } from "./Image-DGeE_5mm.js";
+import { T as i } from "./Text-B17xjuUC.js";
+import y from "clsx";
+import { f as g } from "./flowComponent-B1r5sCmz.js";
+import { L as x } from "./Link-BqoEwTXH.js";
+import { W as B } from "./Wrap-DGT1h1o3.js";
+import { B as F } from "./Button-E4IPlAeV.js";
+import { I as T } from "./IconClose-njz0vW4D.js";
+import { useLocalizedStringFormatter as k } from "react-aria";
+const v = (l) => {
+  const { type: t, imageSrc: r } = l;
+  return r ? /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement(N, { src: r })) : /* @__PURE__ */ e.createElement(m, { color: "blue" }, t != null && t.startsWith("image") ? /* @__PURE__ */ e.createElement(b, null) : /* @__PURE__ */ e.createElement(w, null));
+}, D = "flow--file-card", z = "flow--file-card--link", S = "flow--file-card--text", A = "flow--file-card--title", L = "flow--file-card--sub-title", W = "flow--file-card--delete-button", a = {
+  fileCard: D,
+  link: z,
+  text: S,
+  title: A,
+  subTitle: L,
+  deleteButton: W
+}, h = (l) => {
+  const { sizeInBytes: t } = l;
+  return /* @__PURE__ */ e.createElement(i, { className: a.subTitle }, new Intl.NumberFormat(void 0, {
+    notation: "compact",
+    style: "unit",
+    unit: "byte",
+    unitDisplay: "narrow"
+  }).format(t));
+}, P = { "de-DE": {
+  "fileCard.delete": "Entfernen"
+}, "en-EN": {
+  "fileCard.delete": "delete"
+} }, R = (l) => {
+  const { onDelete: t } = l, r = k(P);
+  return /* @__PURE__ */ e.createElement(
+    F,
+    {
+      className: a.deleteButton,
+      "aria-label": r.format("fileCard.delete"),
+      variant: "plain",
+      color: "secondary",
+      onPress: t
+    },
+    /* @__PURE__ */ e.createElement(T, null)
+  );
+}, Z = g("FileCard", (l) => {
+  const {
+    onDelete: t,
+    type: r,
+    sizeInBytes: n,
+    name: c,
+    className: f,
+    elementType: d = "div",
+    onPress: o,
+    href: s,
+    target: u,
+    download: p,
+    imageSrc: E
+  } = l, C = y(a.fileCard, f), I = d;
+  return /* @__PURE__ */ e.createElement(I, { className: C }, /* @__PURE__ */ e.createElement(B, { if: s || o }, /* @__PURE__ */ e.createElement(
+    x,
+    {
+      className: a.link,
+      unstyled: !0,
+      href: s,
+      onPress: o,
+      target: u,
+      download: p
+    },
+    /* @__PURE__ */ e.createElement(v, { type: r, imageSrc: E }),
+    /* @__PURE__ */ e.createElement("span", { className: a.text }, /* @__PURE__ */ e.createElement(i, { className: a.title }, /* @__PURE__ */ e.createElement("b", null, c)), n && /* @__PURE__ */ e.createElement(h, { sizeInBytes: n }))
+  )), t && /* @__PURE__ */ e.createElement(R, { onDelete: t }));
+});
+export {
+  Z as FileCard,
+  Z as default
+};

package/dist/js/FileCardList.js

@@ -0,0 +1,18 @@
+"use client"
+/* */
+import e from "react";
+import { C as p } from "./ColumnLayout-BhsG7J-Z.js";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as s } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+const u = (t) => {
+  const { className: r, ...o } = t, m = {
+    FileCard: { elementType: "li" }
+  };
+  return /* @__PURE__ */ e.createElement(s, { props: m }, /* @__PURE__ */ e.createElement(p, { elementType: "ul", className: r, ...o }));
+};
+export {
+  u as FileCardList,
+  u as default
+};

package/dist/js/FileDropZone.js

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