@mittwald/flow-react-components 0.1.0-alpha.99 → 0.2.0-alpha.5

package/dist/js/ContextMenuTrigger-Dvg67ZaR.js

@@ -0,0 +1,101 @@
+"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 "./lib-DaWC44Fk.js";
+import { f as s } from "./flowComponent-C9QB9J-7.js";
+import "mobx";
+import { u as A } from "./useOverlayController-BwSJj4Ly.js";
+import { C as P } from "./ClearPropsContext-CUvsbMn8.js";
+import { PropsContextProvider as E } from "./PropsContextProvider.js";
+import "./propsContext-DzAKlmhS.js";
+import { O } from "./OverlayContextProvider-C0QWZnxI.js";
+import { P as S } from "./Popover-DBfkeZvV.js";
+import { A as T } from "./Action-DEIpraQq.js";
+import { O as I } from "./OverlayTrigger-BZlDcOaA.js";
+const B = s("ContextMenu", (t) => {
+  const {
+    children: o,
+    onAction: r,
+    selectionMode: n,
+    selectedKeys: i,
+    defaultSelectedKeys: m,
+    disabledKeys: c,
+    onSelectionChange: p,
+    ref: C,
+    controller: u,
+    ...M
+  } = t, g = A("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(P, null, /* @__PURE__ */ e.createElement(
+    S,
+    {
+      ...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(T, { closeOverlay: d(n) }, o))
+      )
+    )
+  ));
+}), G = s(
+  "ContextMenuTrigger",
+  (t) => {
+    const { children: o, ...r } = t;
+    return /* @__PURE__ */ e.createElement(
+      I,
+      {
+        overlayType: "ContextMenu",
+        ...r,
+        component: a.MenuTrigger
+      },
+      o
+    );
+  }
+);
+export {
+  B as C,
+  G as a
+};

package/dist/js/ContextualHelp.js

@@ -0,0 +1,67 @@
+"use client"
+/* */
+import t from "react";
+import * as c from "react-aria-components";
+import "mobx";
+import { u } from "./useOverlayController-BwSJj4Ly.js";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as l } from "./PropsContextProvider.js";
+import "./context-BaYmTa0I.js";
+import { f as a } from "./flowComponent-C9QB9J-7.js";
+import { P as f } from "./Popover-DBfkeZvV.js";
+import { O as x } from "./OverlayTrigger-BZlDcOaA.js";
+import { useLocalizedStringFormatter as g } from "react-aria";
+import "@tabler/icons-react";
+import "clsx";
+import "html-react-parser";
+import "react-children-utilities";
+import { I as C } from "./IconInfo-Co2PBKMo.js";
+const H = "flow--contextual-help", d = {
+  contextualHelp: H
+}, A = a("ContextualHelp", (e) => {
+  const {
+    children: o,
+    controller: r,
+    ref: m,
+    ...n
+  } = e, i = u("ContextualHelp", {
+    reuseControllerFromContext: !0
+  }), p = r ?? i, s = {
+    Heading: {
+      level: 5
+    }
+  };
+  return /* @__PURE__ */ t.createElement(f, { withTip: !0, ...n, controller: p }, /* @__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"
+} }, L = 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: c.DialogTrigger
+      },
+      /* @__PURE__ */ t.createElement(l, { props: n, mergeInParentContext: !0 }, o)
+    );
+  }
+);
+export {
+  A as ContextualHelp,
+  L as ContextualHelpTrigger,
+  A as default
+};

package/dist/js/CopyButton-CIjBtOFK.js

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

package/dist/js/CopyButton.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { C as t } from "./CopyButton-CIjBtOFK.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-C9QB9J-7.js";
+const u = "flow--counter-badge", d = {
+  counterBadge: u
+}, p = m("CounterBadge", (t) => {
+  const { className: o, count: e, ref: r, ...a } = t, n = c(d.counterBadge, o);
+  return /* @__PURE__ */ s.createElement("span", { className: n, ...a, "aria-hidden": !0, ref: r }, e && e > 99 ? "99+" : e);
+});
+export {
+  p as CounterBadge,
+  p as default
+};

package/dist/js/DatePicker.js

@@ -0,0 +1,74 @@
+"use client"
+/* */
+import e from "react";
+import f from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as u } from "./PropsContextProvider.js";
+import * as r from "react-aria-components";
+import { B as E } from "./Button-BVX7ZUc-.js";
+import "@tabler/icons-react";
+import "html-react-parser";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import "@mittwald/react-tunnel";
+import { f as C } from "./flowComponent-C9QB9J-7.js";
+import "react-children-utilities";
+import { a as D } from "./IconCalendar-C78CQBOF.js";
+import { F as N } from "./FieldError-DtGe3KyW.js";
+import { f as o } from "./FormField.module-CqWpTQKP.js";
+import "mobx";
+import { u as P } from "./useOverlayController-BwSJj4Ly.js";
+import "./context-BaYmTa0I.js";
+import { P as y } from "./Popover-DBfkeZvV.js";
+import { s as F, C as b } from "./CalendarHeader-CyTxb4qP.js";
+import "invariant";
+import "react-aria";
+import "@chakra-ui/live-region";
+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(D, 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 }))), Y = C("DatePicker", (t) => {
+  const { children: l, className: n, errorMessage: i, onChange: s, ...c } = t, p = f(o.formField, n), d = {
+    Label: {
+      className: o.label,
+      optional: !t.isRequired
+    },
+    FieldDescription: {
+      className: o.fieldDescription
+    },
+    FieldError: {
+      className: o.customFieldError
+    }
+  }, a = P("Popover");
+  return /* @__PURE__ */ e.createElement(
+    r.DatePicker,
+    {
+      ...c,
+      className: p,
+      onOpenChange: (m) => a.setOpen(m),
+      isOpen: a.isOpen,
+      onChange: (m) => {
+        s && s(m), a.close();
+      }
+    },
+    /* @__PURE__ */ e.createElement(I, { isDisabled: t.isDisabled }),
+    /* @__PURE__ */ e.createElement(u, { props: d }, l),
+    /* @__PURE__ */ e.createElement(N, { className: o.fieldError }, i),
+    /* @__PURE__ */ e.createElement(
+      y,
+      {
+        placement: "bottom end",
+        isDialogContent: !0,
+        controller: a
+      },
+      /* @__PURE__ */ e.createElement(h, null)
+    )
+  );
+});
+export {
+  Y as DatePicker,
+  Y as default
+};

package/dist/js/DateRangePicker.js

@@ -0,0 +1,71 @@
+"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 * as t from "react-aria-components";
+import "mobx";
+import { u as g } from "./useOverlayController-BwSJj4Ly.js";
+import "./context-BaYmTa0I.js";
+import { f as C } from "./flowComponent-C9QB9J-7.js";
+import { P as D } from "./Popover-DBfkeZvV.js";
+import { s as i, C as R } from "./CalendarHeader-CyTxb4qP.js";
+import { B as N } from "./Button-BVX7ZUc-.js";
+import "@tabler/icons-react";
+import "html-react-parser";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import "@mittwald/react-tunnel";
+import "react-children-utilities";
+import { a as P } from "./IconCalendar-C78CQBOF.js";
+import { F as v } from "./FieldError-DtGe3KyW.js";
+const F = () => /* @__PURE__ */ e.createElement(t.RangeCalendar, { className: c(i.calendar, i.range) }, /* @__PURE__ */ e.createElement(R, 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(N, { variant: "plain", color: "secondary", isDisabled: l }, /* @__PURE__ */ e.createElement(P, null)));
+}, V = C("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 = g("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(v, { className: n.fieldError }, p),
+    /* @__PURE__ */ e.createElement(
+      D,
+      {
+        placement: "bottom end",
+        isDialogContent: !0,
+        controller: o
+      },
+      /* @__PURE__ */ e.createElement(F, null)
+    )
+  );
+});
+export {
+  V as DateRangePicker,
+  V as default
+};

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-DQ10VDI3.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 c } from "./Text-BhUDxFAa.js";
+import { f as p } from "./flowComponent-C9QB9J-7.js";
+const a = "flow--field-description", f = {
+  fieldDescription: a
+}, T = p("FieldDescription", (t) => {
+  const { children: e, className: r, ref: i, ...s } = t, l = m(f.fieldDescription, r);
+  return /* @__PURE__ */ o.createElement(n, null, /* @__PURE__ */ o.createElement(c, { slot: "description", ...s, className: l, ref: i }, e));
+});
+export {
+  T as F
+};

package/dist/js/FieldDescription.js

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

package/dist/js/FieldError-DtGe3KyW.js

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

package/dist/js/FieldError.js

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

package/dist/js/FileCard.js

@@ -0,0 +1,90 @@
+"use client"
+/* */
+import e from "react";
+import { I as b, a as w } from "./IconImage-BScViJAL.js";
+import "@tabler/icons-react";
+import N from "clsx";
+import "html-react-parser";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import "@mittwald/react-tunnel";
+import { f as y } from "./flowComponent-C9QB9J-7.js";
+import "react-children-utilities";
+import { A as m } from "./Avatar-DlCuVAxg.js";
+import { I as g } from "./Image-CD-ZnHl7.js";
+import { T as i } from "./Text-BhUDxFAa.js";
+import { L as x } from "./Link-BjtlPbYZ.js";
+import { W as B } from "./Wrap-DGT1h1o3.js";
+import { B as F } from "./Button-BVX7ZUc-.js";
+import { I as T } from "./IconClose-DN0Ute9B.js";
+import { useLocalizedStringFormatter as k } from "react-aria";
+const z = (r) => {
+  const { type: t, imageSrc: l } = r;
+  return l ? /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement(g, { src: l })) : /* @__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", v = "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", o = {
+  fileCard: D,
+  link: v,
+  text: S,
+  title: A,
+  subTitle: L,
+  deleteButton: W
+}, h = (r) => {
+  const { sizeInBytes: t } = r;
+  return /* @__PURE__ */ e.createElement(i, { className: o.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 = (r) => {
+  const { onDelete: t } = r, l = k(P);
+  return /* @__PURE__ */ e.createElement(
+    F,
+    {
+      className: o.deleteButton,
+      "aria-label": l.format("fileCard.delete"),
+      size: "s",
+      variant: "plain",
+      color: "secondary",
+      onPress: t
+    },
+    /* @__PURE__ */ e.createElement(T, null)
+  );
+}, oe = y("FileCard", (r) => {
+  const {
+    onDelete: t,
+    type: l,
+    sizeInBytes: a,
+    name: c,
+    className: f,
+    elementType: d = "div",
+    onPress: n,
+    href: s,
+    target: u,
+    download: p,
+    imageSrc: E
+  } = r, C = N(o.fileCard, f), I = d;
+  return /* @__PURE__ */ e.createElement(I, { className: C }, /* @__PURE__ */ e.createElement(B, { if: s || n }, /* @__PURE__ */ e.createElement(
+    x,
+    {
+      className: o.link,
+      unstyled: !0,
+      href: s,
+      onPress: n,
+      target: u,
+      download: p
+    },
+    /* @__PURE__ */ e.createElement(z, { type: l, imageSrc: E }),
+    /* @__PURE__ */ e.createElement("span", { className: o.text }, /* @__PURE__ */ e.createElement(i, { className: o.title }, /* @__PURE__ */ e.createElement("b", null, c)), a && /* @__PURE__ */ e.createElement(h, { sizeInBytes: a }))
+  )), t && /* @__PURE__ */ e.createElement(R, { onDelete: t }));
+});
+export {
+  oe as FileCard,
+  oe as default
+};

package/dist/js/FileCardList.js

@@ -0,0 +1,16 @@
+"use client"
+/* */
+import e from "react";
+import { C as p } from "./ColumnLayout-CPmkxs3r.js";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as s } from "./PropsContextProvider.js";
+const c = (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 {
+  c as FileCardList,
+  c as default
+};

package/dist/js/FileField.js

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

package/dist/js/FormField.module-CqWpTQKP.js

@@ -0,0 +1,12 @@
+"use client"
+/* */
+const o = "flow--form-field", r = "flow--form-field--label", l = "flow--form-field--field-error", e = "flow--form-field--custom-field-error", f = "flow--form-field--field-description", i = {
+  formField: o,
+  label: r,
+  fieldError: l,
+  customFieldError: e,
+  fieldDescription: f
+};
+export {
+  i as f
+};

package/dist/js/Fragment-DLYx2jaI.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import e from "react";
+const n = (r) => /* @__PURE__ */ e.createElement(e.Fragment, null, r.children);
+export {
+  n as F
+};