@als-tp/als-react-ts-ui 0.4.0 → 0.5.1

package/dist/als-react-ts-ui179.js

@@ -1,91 +1,101 @@
-import * as i from "react";
-import { isHTMLElement as K } from "./als-react-ts-ui221.js";
-import { useStableCallback as d } from "./als-react-ts-ui160.js";
-import { error as m } from "./als-react-ts-ui247.js";
-import { useIsoLayoutEffect as N } from "./als-react-ts-ui161.js";
-import { useCompositeRootContext as O } from "./als-react-ts-ui248.js";
-import { useFocusableWhenDisabled as T } from "./als-react-ts-ui249.js";
-import { mergeProps as U, makeEventPreventable as b } from "./als-react-ts-ui213.js";
-function F(a = {}) {
+import * as e from "react";
+import { useStableCallback as m } from "./als-react-ts-ui266.js";
+import { FieldRootContext as G } from "./als-react-ts-ui398.js";
+import { DEFAULT_VALIDITY_STATE as H, fieldValidityMapping as J } from "./als-react-ts-ui409.js";
+import { useFieldsetRootContext as K } from "./als-react-ts-ui449.js";
+import { useFormContext as Q } from "./als-react-ts-ui402.js";
+import { useRenderElement as W } from "./als-react-ts-ui226.js";
+import { useFieldValidation as X } from "./als-react-ts-ui450.js";
+import { jsx as y } from "react/jsx-runtime";
+import { LabelableProvider as Z } from "./als-react-ts-ui451.js";
+const C = /* @__PURE__ */ e.forwardRef(function(o, p) {
   const {
-    disabled: o = !1,
-    focusableWhenDisabled: h,
-    tabIndex: D = 0,
-    native: n = !0
-  } = a, r = i.useRef(null), u = O(!0) !== void 0, f = d(() => {
-    const t = r.current;
-    return !!(t?.tagName === "A" && t?.href);
-  }), {
-    props: s
-  } = T({
-    focusableWhenDisabled: h,
-    disabled: o,
-    composite: u,
-    tabIndex: D,
-    isNativeButton: n
+    errors: h,
+    validationMode: A,
+    submitAttemptedRef: I
+  } = Q(), {
+    render: ee,
+    className: te,
+    validate: g,
+    validationDebounceTime: v = 0,
+    validationMode: i = A,
+    name: t,
+    disabled: O = !1,
+    invalid: _,
+    dirty: D,
+    touched: S,
+    ...L
+  } = o, {
+    disabled: U
+  } = K(), R = m(g || (() => null)), r = U || O, [k, j] = e.useState(!1), [B, Y] = e.useState(!1), [n, V] = e.useState(!1), [a, P] = e.useState(!1), d = D ?? B, s = S ?? k, F = e.useRef(!1), E = m((f) => {
+    D === void 0 && (f && (F.current = !0), Y(f));
+  }), M = m((f) => {
+    S === void 0 && j(f);
+  }), b = m(() => i === "onChange" || i === "onSubmit" && I.current), l = !!(_ || t && {}.hasOwnProperty.call(h, t) && h[t] !== void 0), [c, N] = e.useState({
+    state: H,
+    error: "",
+    errors: [],
+    value: null,
+    initialValue: null
+  }), T = !l && c.state.valid, u = e.useMemo(() => ({
+    disabled: r,
+    touched: s,
+    dirty: d,
+    valid: T,
+    filled: n,
+    focused: a
+  }), [r, s, d, T, n, a]), x = X({
+    setValidityData: N,
+    validate: R,
+    validityData: c,
+    validationDebounceTime: v,
+    invalid: l,
+    markedDirtyRef: F,
+    state: u,
+    name: t,
+    shouldValidateOnChange: b
+  }), q = e.useMemo(() => ({
+    invalid: l,
+    name: t,
+    validityData: c,
+    setValidityData: N,
+    disabled: r,
+    touched: s,
+    setTouched: M,
+    dirty: d,
+    setDirty: E,
+    filled: n,
+    setFilled: V,
+    focused: a,
+    setFocused: P,
+    validate: R,
+    validationMode: i,
+    validationDebounceTime: v,
+    shouldValidateOnChange: b,
+    state: u,
+    markedDirtyRef: F,
+    validation: x
+  }), [l, t, c, r, s, M, d, E, n, V, a, P, R, i, v, b, u, x]), z = W("div", o, {
+    ref: p,
+    state: u,
+    props: L,
+    stateAttributesMapping: J
   });
-  process.env.NODE_ENV !== "production" && i.useEffect(() => {
-    if (!r.current)
-      return;
-    const t = r.current.tagName === "BUTTON";
-    n ? t || m("A component that acts as a button was not rendered as a native <button>, which does not match the default. Ensure that the element passed to the `render` prop of the component is a real <button>, or set the `nativeButton` prop on the component to `false`.") : t && m("A component that acts as a button was rendered as a native <button>, which does not match the default. Ensure that the element passed to the `render` prop of the component is not a real <button>, or set the `nativeButton` prop on the component to `true`.");
-  }, [n]);
-  const l = i.useCallback(() => {
-    const t = r.current;
-    I(t) && u && o && s.disabled === void 0 && t.disabled && (t.disabled = !1);
-  }, [o, s.disabled, u]);
-  N(l, [l]);
-  const y = i.useCallback((t = {}) => {
-    const {
-      onClick: c,
-      onMouseDown: k,
-      onKeyUp: E,
-      onKeyDown: g,
-      onPointerDown: B,
-      ...C
-    } = t;
-    return U({
-      type: n ? "button" : void 0,
-      onClick(e) {
-        if (o) {
-          e.preventDefault();
-          return;
-        }
-        c?.(e);
-      },
-      onMouseDown(e) {
-        o || k?.(e);
-      },
-      onKeyDown(e) {
-        if (o || (b(e), g?.(e)), e.baseUIHandlerPrevented)
-          return;
-        const P = e.target === e.currentTarget && !n && !f() && !o, p = e.key === "Enter", x = e.key === " ";
-        P && ((x || p) && e.preventDefault(), p && c?.(e));
-      },
-      onKeyUp(e) {
-        o || (b(e), E?.(e)), !e.baseUIHandlerPrevented && e.target === e.currentTarget && !n && !o && e.key === " " && c?.(e);
-      },
-      onPointerDown(e) {
-        if (o) {
-          e.preventDefault();
-          return;
-        }
-        B?.(e);
-      }
-    }, n ? void 0 : {
-      role: "button"
-    }, s, C);
-  }, [o, s, n, f]), w = d((t) => {
-    r.current = t, l();
+  return /* @__PURE__ */ y(G.Provider, {
+    value: q,
+    children: z
   });
-  return {
-    getButtonProps: y,
-    buttonRef: w
-  };
-}
-function I(a) {
-  return K(a) && a.tagName === "BUTTON";
-}
+});
+process.env.NODE_ENV !== "production" && (C.displayName = "FieldRootInner");
+const $ = /* @__PURE__ */ e.forwardRef(function(o, p) {
+  return /* @__PURE__ */ y(Z, {
+    children: /* @__PURE__ */ y(C, {
+      ...o,
+      ref: p
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && ($.displayName = "FieldRoot");
 export {
-  F as useButton
+  $ as FieldRoot
 };

package/dist/als-react-ts-ui18.js

@@ -1,9 +1,32 @@
-import { jsx as o } from "react/jsx-runtime";
-import r from "./als-react-ts-ui74.js";
-function m(t) {
-  return /* @__PURE__ */ o("div", { className: r.root });
-}
+import { ALSMenuSubmenuContent as e, ALSMenuSubmenuTrigger as u, ALSMenuSubmenuRoot as o, ALSMenuRadioItem as n, ALSMenuRadioGroup as t, ALSMenuCheckboxItem as S, ALSMenuGroupLabel as r, ALSMenuGroup as L, ALSMenuSeparator as m, ALSMenuItem as A, ALSMenuContent as M, ALSMenuTrigger as a, ALSMenuRoot as b } from "./als-react-ts-ui74.js";
+const i = {
+  /** Root container for the menu */
+  Root: b,
+  /** Button that triggers the menu */
+  Trigger: a,
+  /** Popup container for menu items */
+  Content: M,
+  /** Individual menu item */
+  Item: A,
+  /** Visual separator between items */
+  Separator: m,
+  /** Group of related menu items */
+  Group: L,
+  /** Label for a group of items */
+  GroupLabel: r,
+  /** Checkbox menu item */
+  CheckboxItem: S,
+  /** Group for radio items */
+  RadioGroup: t,
+  /** Radio menu item */
+  RadioItem: n,
+  /** Root for a submenu */
+  SubmenuRoot: o,
+  /** Trigger for a submenu */
+  SubmenuTrigger: u,
+  /** Content container for a submenu */
+  SubmenuContent: e
+};
 export {
-  m as ALSMenu,
-  m as default
+  i as ALSMenu
 };

package/dist/als-react-ts-ui180.js

@@ -1,25 +1,38 @@
-import { isAndroid as r, isJSDOM as o } from "./als-react-ts-ui275.js";
-function n(i) {
-  i.preventDefault(), i.stopPropagation();
-}
-function p(i) {
-  return "nativeEvent" in i;
-}
-function e(i) {
-  return i.mozInputSource === 0 && i.isTrusted ? !0 : r && i.pointerType ? i.type === "click" && i.buttons === 1 : i.detail === 0 && !i.pointerType;
-}
-function c(i) {
-  return o ? !1 : !r && i.width === 0 && i.height === 0 || r && i.width === 1 && i.height === 1 && i.pressure === 0 && i.detail === 0 && i.pointerType === "mouse" || // iOS VoiceOver returns 0.333• for width/height.
-  i.width < 1 && i.height < 1 && i.pressure === 0 && i.detail === 0 && i.pointerType === "touch";
-}
-function f(i, u) {
-  const t = ["mouse", "pen"];
-  return u || t.push("", void 0), t.includes(i);
-}
+import * as i from "react";
+import { useIsoLayoutEffect as u } from "./als-react-ts-ui267.js";
+import { useFieldRootContext as p } from "./als-react-ts-ui398.js";
+import { useLabelableContext as c } from "./als-react-ts-ui399.js";
+import { fieldValidityMapping as b } from "./als-react-ts-ui409.js";
+import { useBaseUiId as R } from "./als-react-ts-ui232.js";
+import { useRenderElement as g } from "./als-react-ts-ui226.js";
+import { getTarget as L } from "./als-react-ts-ui312.js";
+const x = /* @__PURE__ */ i.forwardRef(function(r, l) {
+  const {
+    render: F,
+    className: I,
+    id: n,
+    ...a
+  } = r, s = p(!1), {
+    controlId: d,
+    setLabelId: t,
+    labelId: f
+  } = c(), o = R(n), m = i.useRef(null);
+  return u(() => (o && t(o), () => {
+    t(void 0);
+  }), [o, t]), g("label", r, {
+    ref: [l, m],
+    state: s.state,
+    props: [{
+      id: f,
+      htmlFor: d ?? void 0,
+      onMouseDown(e) {
+        L(e.nativeEvent)?.closest("button,input,select,textarea") || !e.defaultPrevented && e.detail > 1 && e.preventDefault();
+      }
+    }, a],
+    stateAttributesMapping: b
+  });
+});
+process.env.NODE_ENV !== "production" && (x.displayName = "FieldLabel");
 export {
-  f as isMouseLikePointerType,
-  p as isReactEvent,
-  e as isVirtualClick,
-  c as isVirtualPointerEvent,
-  n as stopEvent
+  x as FieldLabel
 };

package/dist/als-react-ts-ui181.js

@@ -1,167 +1,97 @@
-import * as f from "react";
-import { useIsoLayoutEffect as g } from "./als-react-ts-ui161.js";
-import { useStableCallback as B } from "./als-react-ts-ui160.js";
-import { useMergedRefs as k } from "./als-react-ts-ui169.js";
-import { useOnMount as z } from "./als-react-ts-ui222.js";
-import { useAnimationFrame as V, AnimationFrame as s } from "./als-react-ts-ui223.js";
-import { warn as U } from "./als-react-ts-ui162.js";
-import { createChangeEventDetails as _ } from "./als-react-ts-ui167.js";
-import { CollapsiblePanelDataAttributes as v } from "./als-react-ts-ui219.js";
-import { AccordionRootDataAttributes as G } from "./als-react-ts-ui224.js";
-import { none as J } from "./als-react-ts-ui168.js";
-function oe(H) {
+import * as p from "react";
+import { useStableCallback as x } from "./als-react-ts-ui266.js";
+import { useControlled as L } from "./als-react-ts-ui265.js";
+import { useIsoLayoutEffect as k } from "./als-react-ts-ui267.js";
+import { useFieldRootContext as b } from "./als-react-ts-ui398.js";
+import { useLabelableContext as B } from "./als-react-ts-ui399.js";
+import { useLabelableId as S } from "./als-react-ts-ui400.js";
+import { fieldValidityMapping as U } from "./als-react-ts-ui409.js";
+import { useRenderElement as A } from "./als-react-ts-ui226.js";
+import { useField as K } from "./als-react-ts-ui403.js";
+import { createChangeEventDetails as O } from "./als-react-ts-ui229.js";
+import { none as _ } from "./als-react-ts-ui231.js";
+const j = /* @__PURE__ */ p.forwardRef(function(n, C) {
   const {
-    abortControllerRef: r,
-    animationTypeRef: i,
-    externalRef: W,
-    height: x,
-    hiddenUntilFound: d,
-    keepMounted: w,
-    id: O,
-    mounted: R,
-    onOpenChange: D,
-    open: l,
-    panelRef: a,
-    runOnceAnimationsFinish: h,
-    setDimensions: c,
-    setMounted: m,
-    setOpen: E,
-    setVisible: A,
-    transitionDimensionRef: C,
-    visible: P,
-    width: I
-  } = H, p = f.useRef(!1), M = f.useRef(null), F = f.useRef(l), S = f.useRef(l), N = V(), y = f.useMemo(() => i.current === "css-animation" ? !P : !l && !R, [l, R, P, i]), L = B((e) => {
-    if (!e)
-      return;
-    if (i.current == null || C.current == null) {
-      const t = getComputedStyle(e), u = t.animationName !== "none" && t.animationName !== "", b = t.transitionDuration !== "0s" && t.transitionDuration !== "";
-      u && b ? process.env.NODE_ENV !== "production" && U("CSS transitions and CSS animations both detected on Collapsible or Accordion panel.", "Only one of either animation type should be used.") : t.animationName === "none" && t.transitionDuration !== "0s" ? i.current = "css-transition" : t.animationName !== "none" && t.transitionDuration === "0s" ? i.current = "css-animation" : i.current = "none", e.getAttribute(G.orientation) === "horizontal" || t.transitionProperty.indexOf("width") > -1 ? C.current = "width" : C.current = "height";
-    }
-    if (i.current !== "css-transition")
-      return;
-    (x === void 0 || I === void 0) && (c({
-      height: e.scrollHeight,
-      width: e.scrollWidth
-    }), S.current && e.style.setProperty("transition-duration", "0s"));
-    let o = -1, n = -1;
-    return o = s.request(() => {
-      S.current = !1, n = s.request(() => {
-        setTimeout(() => {
-          e.style.removeProperty("transition-duration");
-        });
-      });
-    }), () => {
-      s.cancel(o), s.cancel(n);
-    };
-  }), j = k(W, a, L);
-  return g(() => {
-    if (i.current !== "css-transition")
-      return;
-    const e = a.current;
-    if (!e)
-      return;
-    let o = -1;
-    if (r.current != null && (r.current.abort(), r.current = null), l) {
-      const n = {
-        "justify-content": e.style.justifyContent,
-        "align-items": e.style.alignItems,
-        "align-content": e.style.alignContent,
-        "justify-items": e.style.justifyItems
-      };
-      Object.keys(n).forEach((t) => {
-        e.style.setProperty(t, "initial", "important");
-      }), !S.current && !w && e.setAttribute(v.startingStyle, ""), c({
-        height: e.scrollHeight,
-        width: e.scrollWidth
-      }), o = s.request(() => {
-        Object.entries(n).forEach(([t, u]) => {
-          u === "" ? e.style.removeProperty(t) : e.style.setProperty(t, u);
-        });
-      });
-    } else {
-      if (e.scrollHeight === 0 && e.scrollWidth === 0)
-        return;
-      c({
-        height: e.scrollHeight,
-        width: e.scrollWidth
-      });
-      const n = new AbortController();
-      r.current = n;
-      const t = n.signal;
-      let u = null;
-      const b = v.endingStyle;
-      return u = new MutationObserver((T) => {
-        T.some((q) => q.type === "attributes" && q.attributeName === b) && (u?.disconnect(), u = null, h(() => {
-          c({
-            height: 0,
-            width: 0
-          }), e.style.removeProperty("content-visibility"), m(!1), r.current === n && (r.current = null);
-        }, t));
-      }), u.observe(e, {
-        attributes: !0,
-        attributeFilter: [b]
-      }), () => {
-        u?.disconnect(), N.cancel(), r.current === n && (n.abort(), r.current = null);
-      };
-    }
-    return () => {
-      s.cancel(o);
-    };
-  }, [r, i, N, d, w, R, l, a, h, c, m]), g(() => {
-    if (i.current !== "css-animation")
-      return;
-    const e = a.current;
-    e && (M.current = e.style.animationName || M.current, e.style.setProperty("animation-name", "none"), c({
-      height: e.scrollHeight,
-      width: e.scrollWidth
-    }), !F.current && !p.current && e.style.removeProperty("animation-name"), l ? (r.current != null && (r.current.abort(), r.current = null), m(!0), A(!0)) : (r.current = new AbortController(), h(() => {
-      m(!1), A(!1), r.current = null;
-    }, r.current.signal)));
-  }, [r, i, l, a, h, c, m, A, P]), z(() => {
-    const e = s.request(() => {
-      F.current = !1;
-    });
-    return () => s.cancel(e);
-  }), g(() => {
-    if (!d)
-      return;
-    const e = a.current;
-    if (!e)
-      return;
-    let o = -1, n = -1;
-    return l && p.current && (e.style.transitionDuration = "0s", c({
-      height: e.scrollHeight,
-      width: e.scrollWidth
-    }), o = s.request(() => {
-      p.current = !1, n = s.request(() => {
-        setTimeout(() => {
-          e.style.removeProperty("transition-duration");
-        });
-      });
-    })), () => {
-      s.cancel(o), s.cancel(n);
-    };
-  }, [d, l, a, c]), g(() => {
-    const e = a.current;
-    e && d && y && (e.setAttribute("hidden", "until-found"), i.current === "css-transition" && e.setAttribute(v.startingStyle, ""));
-  }, [d, y, i, a]), f.useEffect(function() {
-    const o = a.current;
-    if (!o)
-      return;
-    function n(t) {
-      p.current = !0, E(!0), D(!0, _(J, t));
-    }
-    return o.addEventListener("beforematch", n), () => {
-      o.removeEventListener("beforematch", n);
-    };
-  }, [D, a, E]), f.useMemo(() => ({
-    props: {
-      hidden: y,
-      id: O,
-      ref: j
-    }
-  }), [y, O, j]);
-}
+    render: z,
+    className: G,
+    id: g,
+    name: v,
+    value: o,
+    disabled: R = !1,
+    onValueChange: V,
+    defaultValue: i,
+    ...F
+  } = n, {
+    state: s,
+    name: y,
+    disabled: E
+  } = b(), l = E || R, u = y ?? v, N = p.useMemo(() => ({
+    ...s,
+    disabled: l
+  }), [s, l]), {
+    setTouched: d,
+    setDirty: P,
+    validityData: T,
+    setFocused: m,
+    setFilled: r,
+    validationMode: h,
+    validation: t
+  } = b(), {
+    labelId: D
+  } = B(), f = S({
+    id: g
+  });
+  k(() => {
+    const e = o != null;
+    t.inputRef.current?.value || e && o !== "" ? r(!0) : e && o === "" && r(!1);
+  }, [t.inputRef, r, o]);
+  const [c, I] = L({
+    controlled: o,
+    default: i,
+    name: "FieldControl",
+    state: "value"
+  }), M = o !== void 0, w = x((e, a) => {
+    V?.(e, a), !a.isCanceled && I(e);
+  });
+  return K({
+    id: f,
+    name: u,
+    commit: t.commit,
+    value: c,
+    getValue: () => t.inputRef.current?.value,
+    controlRef: t.inputRef
+  }), A("input", n, {
+    ref: C,
+    state: N,
+    props: [{
+      id: f,
+      disabled: l,
+      name: u,
+      ref: t.inputRef,
+      "aria-labelledby": D,
+      ...M ? {
+        value: c
+      } : {
+        defaultValue: i
+      },
+      onChange(e) {
+        const a = e.currentTarget.value;
+        w(a, O(_, e.nativeEvent)), P(a !== T.initialValue), r(a !== "");
+      },
+      onFocus() {
+        m(!0);
+      },
+      onBlur(e) {
+        d(!0), m(!1), h === "onBlur" && t.commit(e.currentTarget.value);
+      },
+      onKeyDown(e) {
+        e.currentTarget.tagName === "INPUT" && e.key === "Enter" && (d(!0), t.commit(e.currentTarget.value));
+      }
+    }, t.getInputValidationProps(), F],
+    stateAttributesMapping: U
+  });
+});
+process.env.NODE_ENV !== "production" && (j.displayName = "FieldControl");
 export {
-  oe as useCollapsiblePanel
+  j as FieldControl
 };

package/dist/als-react-ts-ui182.js

@@ -1,6 +1,34 @@
-let e = /* @__PURE__ */ (function(n) {
-  return n.accordionPanelHeight = "--accordion-panel-height", n.accordionPanelWidth = "--accordion-panel-width", n;
-})({});
+import * as f from "react";
+import { useIsoLayoutEffect as d } from "./als-react-ts-ui267.js";
+import { useFieldRootContext as m } from "./als-react-ts-ui398.js";
+import { useLabelableContext as l } from "./als-react-ts-ui399.js";
+import { fieldValidityMapping as c } from "./als-react-ts-ui409.js";
+import { useBaseUiId as u } from "./als-react-ts-ui232.js";
+import { useRenderElement as R } from "./als-react-ts-ui226.js";
+const x = /* @__PURE__ */ f.forwardRef(function(r, i) {
+  const {
+    render: E,
+    id: s,
+    className: F,
+    ...n
+  } = r, e = u(s), p = m(!1), {
+    setMessageIds: t
+  } = l();
+  return d(() => {
+    if (e)
+      return t((o) => o.concat(e)), () => {
+        t((o) => o.filter((a) => a !== e));
+      };
+  }, [e, t]), R("p", r, {
+    ref: i,
+    state: p.state,
+    props: [{
+      id: e
+    }, n],
+    stateAttributesMapping: c
+  });
+});
+process.env.NODE_ENV !== "production" && (x.displayName = "FieldDescription");
 export {
-  e as AccordionPanelCssVars
+  x as FieldDescription
 };

package/dist/als-react-ts-ui183.js

@@ -1,20 +1,48 @@
-import * as a from "react";
-import { useStableCallback as f } from "./als-react-ts-ui160.js";
-import { useValueAsRef as p } from "./als-react-ts-ui225.js";
-import { useAnimationsFinished as u } from "./als-react-ts-ui217.js";
-function b(i) {
+import * as n from "react";
+import { useIsoLayoutEffect as F } from "./als-react-ts-ui267.js";
+import { useFieldRootContext as v } from "./als-react-ts-ui398.js";
+import { useLabelableContext as x } from "./als-react-ts-ui399.js";
+import { fieldValidityMapping as N } from "./als-react-ts-ui409.js";
+import { useFormContext as R } from "./als-react-ts-ui402.js";
+import { useRenderElement as b } from "./als-react-ts-ui226.js";
+import { useBaseUiId as g } from "./als-react-ts-ui232.js";
+const h = /* @__PURE__ */ n.forwardRef(function(l, m) {
   const {
-    enabled: o = !0,
-    open: e,
+    render: I,
+    id: d,
+    className: M,
+    match: i,
+    ...u
+  } = l, t = g(d), {
+    validityData: o,
+    state: c,
+    name: a
+  } = v(!1), {
+    setMessageIds: s
+  } = x(), {
+    errors: p
+  } = R(), f = a ? p[a] : null;
+  let e = !1;
+  f || i === !0 ? e = !0 : i ? e = !!o.state[i] : e = o.state.valid === !1, F(() => {
+    if (!(!e || !t))
+      return s((r) => r.concat(t)), () => {
+        s((r) => r.filter((y) => y !== t));
+      };
+  }, [e, t, s]);
+  const E = b("div", l, {
     ref: m,
-    onComplete: s
-  } = i, n = p(e), t = f(s), r = u(m, e);
-  a.useEffect(() => {
-    o && r(() => {
-      e === n.current && t();
-    });
-  }, [o, e, t, r, n]);
-}
+    state: c,
+    props: [{
+      id: t,
+      children: f || (o.errors.length > 1 ? /* @__PURE__ */ n.createElement("ul", {}, o.errors.map((r) => /* @__PURE__ */ n.createElement("li", {
+        key: r
+      }, r))) : o.error)
+    }, u],
+    stateAttributesMapping: N
+  });
+  return e ? E : null;
+});
+process.env.NODE_ENV !== "production" && (h.displayName = "FieldError");
 export {
-  b as useOpenChangeComplete
+  h as FieldError
 };