@wix/form-elements 1.81.0 → 1.83.0

package/dist/component/number-input-field-rac-B0-4Rz3w.js

@@ -1,89 +0,0 @@
-import { RicosViewer as v } from "@wix/ricos/viewer";
-import m from "classnames";
-import r, { useState as U, useCallback as Q, useEffect as $, useRef as j } from "react";
-import { NumberField as z, Input as G } from "react-aria-components";
-import { ai as C, af as S, as as H, ak as J } from "./form-f0tqdMye.js";
-import { f as d } from "./find-child-C60k4CxG.js";
-import { D as K, E as W } from "./field-error-headless-BErhh9GG.js";
-import { L as X } from "./field-label-headless-BGyK-5xW.js";
-import { g as Y, c as Z } from "./numeric-input-utils-CuBMi4-a.js";
-import { u as w } from "./use-invoke-callback-UH73A_J3.js";
-import { E as ee } from "./error-icon-hZxQ6DEy.js";
-import { s as i } from "./field-rac.module-ColNPUt0.js";
-import { y as re, O as te, x as ne, o as ae, i as se } from "./form-element-classes-jC8D0LnK.js";
-const e = ({ children: n }) => {
-  var D, L, R;
-  const { id: a, value: s, onChange: l, disabled: p, required: E, readOnly: o, onBlur: b, onFocus: f, FieldLayout: u, hasError: c, validation: t } = C(), { labelId: y } = S(), F = ((D = t == null ? void 0 : t.number) == null ? void 0 : D.multipleOf) || 1, A = (L = t == null ? void 0 : t.number) == null ? void 0 : L.maximum, x = (R = t == null ? void 0 : t.number) == null ? void 0 : R.minimum, M = _(s), [T, I] = U(M), V = w(b), g = d(n, e.Label), h = d(n, e.Input), k = d(n, e.Description), q = d(n, e.Error), B = Q((N) => {
-    if (N === void 0 || Number.isNaN(N)) {
-      l(""), I(NaN);
-      return;
-    }
-    const P = Y(F), O = Number(N.toFixed(P));
-    l(O), I(O);
-  }, [
-    F,
-    l
-  ]);
-  return $(() => {
-    I(_(s));
-  }, [
-    s
-  ]), /* @__PURE__ */ r.createElement(u, {
-    fieldId: a,
-    renderLabel: () => g,
-    renderInput: () => /* @__PURE__ */ r.createElement(z, {
-      "aria-labelledby": y,
-      value: T,
-      onChange: B,
-      isDisabled: p,
-      isRequired: E,
-      isReadOnly: o,
-      isInvalid: c,
-      onBlur: V,
-      onFocus: f,
-      minValue: x ?? void 0,
-      maxValue: A ?? void 0
-    }, h),
-    renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, q, k)
-  });
-}, le = ({ className: n }) => {
-  var c;
-  const { t: a } = H(), { inputId: s, ariaDescribedBy: l } = S(), { id: p, placeholder: E, validation: o, label: b, required: f } = C();
-  (c = o == null ? void 0 : o.number) != null && c.multipleOf;
-  const u = j(null);
-  return J(() => {
-    var t;
-    (t = u.current) == null || t.focus();
-  }, p), /* @__PURE__ */ r.createElement(G, {
-    ref: u,
-    id: s,
-    "aria-describedby": l,
-    "aria-label": b,
-    "aria-roledescription": a("field.number.aria-role-description"),
-    className: n,
-    inputMode: "decimal",
-    placeholder: E,
-    required: f
-  });
-};
-e.Label = X;
-e.Input = le;
-e.Description = K;
-e.Error = W;
-const _ = (n) => Z(n) ?? NaN, oe = ({ content: n, locale: a }) => /* @__PURE__ */ r.createElement(v, {
-  content: n,
-  locale: a
-}), Le = () => /* @__PURE__ */ r.createElement(e, null, /* @__PURE__ */ r.createElement(e.Label, {
-  className: m(re, i.label)
-}, /* @__PURE__ */ r.createElement(e.Label.Required, {
-  className: m(te, i.requiredMark)
-})), /* @__PURE__ */ r.createElement(e.Input, {
-  className: m(ne, i.input)
-}), /* @__PURE__ */ r.createElement(e.Error, {
-  className: m(ae, i.error)
-}, /* @__PURE__ */ r.createElement(ee, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
-  className: m(se, i.description)
-}, oe));
-export {
-  Le as N
-};

package/dist/component/password-rac-BdBjFa8y.js

@@ -1,142 +0,0 @@
-import e, { useState as h, useRef as N } from "react";
-import { RicosViewer as O } from "@wix/ricos/viewer";
-import d from "classnames";
-import { ai as p, af as I, ak as x, as as A } from "./form-f0tqdMye.js";
-import { TextField as B, Group as P, Input as V, Button as v } from "react-aria-components";
-import { f as E, a as g } from "./find-child-C60k4CxG.js";
-import { D as M, E as k } from "./field-error-headless-BErhh9GG.js";
-import { L as q } from "./field-label-headless-BGyK-5xW.js";
-import { E as U } from "./error-icon-hZxQ6DEy.js";
-import { H as j } from "./custom-focus-class-_483Pkwp.js";
-import { s as u } from "./field-rac.module-ColNPUt0.js";
-import { y as H, O as W, x as Z, o as G, i as Q } from "./form-element-classes-jC8D0LnK.js";
-const t = ({ children: r, className: o }) => {
-  const { id: i, value: s, onChange: c, disabled: l, readOnly: m, required: n, hasError: a, onBlur: f, onFocus: _, FieldLayout: y } = p(), { labelId: C } = I(), [F, L] = h(!1), R = E(r, t.Label), D = E(r, t.Control), T = E(r, t.Description), S = E(r, t.Error);
-  return /* @__PURE__ */ e.createElement(y, {
-    fieldId: i,
-    renderLabel: () => R,
-    renderInput: () => /* @__PURE__ */ e.createElement(B, {
-      "aria-labelledby": C,
-      value: s ?? "",
-      onChange: c,
-      isDisabled: l,
-      isReadOnly: m,
-      isRequired: n,
-      isInvalid: a,
-      onBlur: f,
-      onFocus: _,
-      className: o
-    }, g(D, {
-      isVisible: F,
-      onToggleVisibility: () => L((w) => !w)
-    })),
-    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, T, S)
-  });
-}, $ = ({ children: r, className: o, ...i }) => {
-  const { isVisible: s, onToggleVisibility: c } = i, { disabled: l, hasError: m } = p(), n = E(r, t.Input), a = E(r, t.Toggle);
-  return /* @__PURE__ */ e.createElement(P, {
-    className: o,
-    isDisabled: l,
-    isInvalid: m
-  }, g(n, {
-    isVisible: s
-  }), g(a, {
-    isVisible: s,
-    onToggleVisibility: c
-  }));
-}, z = ({ className: r, ...o }) => {
-  const { isVisible: i } = o, { id: s, placeholder: c } = p(), { inputId: l, ariaDescribedBy: m } = I(), n = N(null);
-  return x(() => {
-    var a;
-    (a = n.current) == null || a.focus();
-  }, s), /* @__PURE__ */ e.createElement(V, {
-    ref: n,
-    id: l,
-    type: i ? "text" : "password",
-    "aria-describedby": m,
-    className: r,
-    placeholder: c
-  });
-}, J = ({ className: r, showPasswordTooltipText: o, hidePasswordTooltipText: i, children: s, ...c }) => {
-  const { isVisible: l, onToggleVisibility: m } = c, { disabled: n } = p(), a = l ? i : o;
-  return /* @__PURE__ */ e.createElement(v, {
-    type: "button",
-    isDisabled: n,
-    onPress: m,
-    "aria-label": a,
-    "aria-pressed": l,
-    className: r
-  }, s == null ? void 0 : s({
-    isVisible: l
-  }));
-};
-t.Label = q;
-t.Control = $;
-t.Input = z;
-t.Toggle = J;
-t.Description = M;
-t.Error = k;
-const K = (r) => /* @__PURE__ */ e.createElement("svg", {
-  viewBox: "0 0 24 24",
-  width: "20",
-  height: "20",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: "1.5",
-  "aria-hidden": "true",
-  ...r
-}, /* @__PURE__ */ e.createElement("path", {
-  d: "M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z"
-}), /* @__PURE__ */ e.createElement("circle", {
-  cx: "12",
-  cy: "12",
-  r: "3"
-})), X = (r) => /* @__PURE__ */ e.createElement("svg", {
-  viewBox: "0 0 24 24",
-  width: "20",
-  height: "20",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: "1.5",
-  "aria-hidden": "true",
-  ...r
-}, /* @__PURE__ */ e.createElement("path", {
-  d: "M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z"
-}), /* @__PURE__ */ e.createElement("circle", {
-  cx: "12",
-  cy: "12",
-  r: "3"
-}), /* @__PURE__ */ e.createElement("line", {
-  x1: "3",
-  y1: "21",
-  x2: "21",
-  y2: "3"
-})), Y = "_control_1malj_1", ee = "_toggleButton_1malj_15", b = {
-  control: Y,
-  toggleButton: ee
-}, te = ({ content: r, locale: o }) => /* @__PURE__ */ e.createElement(O, {
-  content: r,
-  locale: o
-}), re = () => {
-  const { t: r } = A();
-  return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
-    className: d(H, u.label)
-  }, /* @__PURE__ */ e.createElement(t.Label.Required, {
-    className: d(W, u.requiredMark)
-  })), /* @__PURE__ */ e.createElement(t.Control, {
-    className: d(Z, u.input, b.control)
-  }, /* @__PURE__ */ e.createElement(t.Input, {
-    className: d(u.innerInput, j)
-  }), /* @__PURE__ */ e.createElement(t.Toggle, {
-    className: b.toggleButton,
-    showPasswordTooltipText: r("forms.widget.modals.show-password-tooltip"),
-    hidePasswordTooltipText: r("forms.widget.modals.hide-password-tooltip")
-  }, ({ isVisible: o }) => o ? /* @__PURE__ */ e.createElement(X, null) : /* @__PURE__ */ e.createElement(K, null))), /* @__PURE__ */ e.createElement(t.Error, {
-    className: d(G, u.error)
-  }, /* @__PURE__ */ e.createElement(U, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
-    className: d(Q, u.description)
-  }, te));
-}, ge = () => /* @__PURE__ */ e.createElement(re, null);
-export {
-  ge as PasswordRAC
-};

package/dist/component/payment-input-rac-DkAGOvaF.js

@@ -1,137 +0,0 @@
-import r, { useCallback as V, useRef as j } from "react";
-import { RicosViewer as w } from "@wix/ricos/viewer";
-import i from "classnames";
-import { TextField as z, Group as J, Input as K } from "react-aria-components";
-import { ai as D, af as S, ab as T, as as W, ak as X } from "./form-f0tqdMye.js";
-import { f as m } from "./find-child-C60k4CxG.js";
-import { D as Y, E as Z } from "./field-error-headless-BErhh9GG.js";
-import { L as ee } from "./field-label-headless-BGyK-5xW.js";
-import { f as R, g as re } from "./payment-field-utils-DobiK5Xh.js";
-import { u as te } from "./use-synced-display-value-DcAxdn3M.js";
-import { E as ne } from "./error-icon-hZxQ6DEy.js";
-import { H as ae } from "./custom-focus-class-_483Pkwp.js";
-import { s as u } from "./field-rac.module-ColNPUt0.js";
-import { y as se, O as oe, x as le, o as ce, i as ie } from "./form-element-classes-jC8D0LnK.js";
-function ue(e, t) {
-  return {
-    productId: e.id,
-    price: t,
-    quantity: 1
-  };
-}
-function h(e) {
-  if (e == null || e === "")
-    return;
-  const t = Number(String(e).replace(/,/g, "."));
-  return Number.isNaN(t) ? void 0 : t;
-}
-const n = ({ children: e }) => {
-  var O, A, g, P;
-  const { id: t, value: a, onChange: s, disabled: p, readOnly: d, required: y, hasError: b, onBlur: o, onFocus: E, FieldLayout: M, validation: _ } = D(), { labelId: q, prefixId: G } = S(), { regionalFormat: c } = T(), N = (g = (A = (O = _ == null ? void 0 : _.predefined) == null ? void 0 : O.paymentOptions) == null ? void 0 : A.products) == null ? void 0 : g[0], C = (P = a == null ? void 0 : a.at(0)) == null ? void 0 : P.price, [F, I] = te({
-    sourceValue: C,
-    format: (l) => R(String(l ?? ""), c),
-    regionalFormat: c
-  }), $ = V(() => {
-    const l = R(F, c);
-    I(l || ""), o == null || o();
-  }, [
-    F,
-    c,
-    o,
-    I
-  ]), U = V((l) => {
-    I(l);
-    const L = h(R(l, c)), Q = h(C);
-    if (L !== Q) {
-      if (L === void 0) {
-        s(null);
-        return;
-      }
-      s([
-        ue(N, L)
-      ]);
-    }
-  }, [
-    s,
-    N,
-    c,
-    C,
-    I
-  ]), k = m(e, n.Label), B = m(e, n.Input), v = m(e, n.Description), H = m(e, n.Error);
-  return /* @__PURE__ */ r.createElement(M, {
-    fieldId: t,
-    renderLabel: () => k,
-    renderInput: () => /* @__PURE__ */ r.createElement(z, {
-      "aria-labelledby": `${q} ${G}`,
-      value: a ? F : "",
-      onChange: U,
-      isDisabled: p,
-      isReadOnly: d,
-      isRequired: y,
-      isInvalid: b,
-      onBlur: $,
-      onFocus: E
-    }, B),
-    renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, H, v)
-  });
-}, f = ({ children: e, className: t }) => {
-  const { disabled: a, hasError: s } = D(), p = m(e, f.Currency), d = m(e, f.Value);
-  return /* @__PURE__ */ r.createElement(J, {
-    className: t,
-    isDisabled: a,
-    isInvalid: s
-  }, p, d);
-}, me = ({ className: e }) => {
-  const { currency: t } = T(), { t: a } = W(), { prefixId: s } = S();
-  return t ? /* @__PURE__ */ r.createElement("span", {
-    id: s,
-    "aria-hidden": !1,
-    "aria-label": re(a, t),
-    className: e
-  }, t.sign || t.code) : null;
-}, pe = ({ className: e }) => {
-  const { id: t, placeholder: a, label: s } = D(), { inputId: p, labelId: d, prefixId: y, ariaDescribedBy: b } = S(), o = j(null);
-  return X(() => {
-    var E;
-    (E = o.current) == null || E.focus();
-  }, t), /* @__PURE__ */ r.createElement(K, {
-    ref: o,
-    id: p,
-    className: e,
-    placeholder: a,
-    "aria-label": s,
-    "aria-labelledby": `${d} ${y}`,
-    "aria-describedby": b,
-    autoComplete: "off"
-  });
-};
-f.Currency = me;
-f.Value = pe;
-n.Label = ee;
-n.Input = f;
-n.Description = Y;
-n.Error = Z;
-const de = "_inputGroup_vuy4u_1", fe = "_currency_vuy4u_14", x = {
-  inputGroup: de,
-  currency: fe
-}, Ee = ({ content: e, locale: t }) => /* @__PURE__ */ r.createElement(w, {
-  content: e,
-  locale: t
-}), Ie = () => /* @__PURE__ */ r.createElement(n, null, /* @__PURE__ */ r.createElement(n.Label, {
-  className: i(se, u.label)
-}, /* @__PURE__ */ r.createElement(n.Label.Required, {
-  className: i(oe, u.requiredMark)
-})), /* @__PURE__ */ r.createElement(n.Input, {
-  className: i(le, u.input, x.inputGroup)
-}, /* @__PURE__ */ r.createElement(n.Input.Currency, {
-  className: x.currency
-}), /* @__PURE__ */ r.createElement(n.Input.Value, {
-  className: i(u.innerInput, ae)
-})), /* @__PURE__ */ r.createElement(n.Error, {
-  className: i(ce, u.error)
-}, /* @__PURE__ */ r.createElement(ne, null), /* @__PURE__ */ r.createElement(n.Error.Text, null)), /* @__PURE__ */ r.createElement(n.Description, {
-  className: i(ie, u.description)
-}, Ee)), Ve = () => /* @__PURE__ */ r.createElement(Ie, null);
-export {
-  Ve as PaymentInputRAC
-};

package/dist/component/radio-group-field-rac-CYBDq7R1.js

@@ -1,47 +0,0 @@
-import { RicosViewer as n } from "@wix/ricos/viewer";
-import t from "classnames";
-import e from "react";
-import { a, s as o, R as m } from "./radio-button-module-classes-DXQ1UlmI.js";
-import { E as c } from "./error-icon-hZxQ6DEy.js";
-import { s } from "./field-rac.module-ColNPUt0.js";
-import { L as i, K as E, J as _, y as O, O as R, x as p, o as L, i as I } from "./form-element-classes-jC8D0LnK.js";
-import { u as D } from "./use-element-state-class-name-BqmaTba3.js";
-const N = ({ content: r, locale: l }) => /* @__PURE__ */ e.createElement(n, {
-  content: r,
-  locale: l
-}), f = ({ classes: r = {
-  container: _,
-  label: E,
-  radioButton: i
-} }) => {
-  const l = D({
-    globalClasses: r.radioButton,
-    moduleClasses: m
-  });
-  return /* @__PURE__ */ e.createElement(a, null, /* @__PURE__ */ e.createElement(a.Label, {
-    className: t(O, s.label)
-  }, /* @__PURE__ */ e.createElement(a.Label.Required, {
-    className: t(R, s.requiredMark)
-  }), /* @__PURE__ */ e.createElement(a.Label.Image, {
-    className: o.labelImage
-  })), /* @__PURE__ */ e.createElement(a.Options, {
-    className: t(r.container, o.options)
-  }, /* @__PURE__ */ e.createElement(a.Option, {
-    className: o.option
-  }, /* @__PURE__ */ e.createElement(a.Option.Input, {
-    className: o.optionInput
-  }), /* @__PURE__ */ e.createElement(a.Option.Control, {
-    className: l
-  }), /* @__PURE__ */ e.createElement(a.Option.Label, {
-    className: t(r.label, o.optionLabel)
-  }), /* @__PURE__ */ e.createElement(a.Option.OtherInput, {
-    className: t(p, s.input)
-  }))), /* @__PURE__ */ e.createElement(a.Error, {
-    className: t(L, s.error)
-  }, /* @__PURE__ */ e.createElement(c, null), /* @__PURE__ */ e.createElement(a.Error.Text, null)), /* @__PURE__ */ e.createElement(a.Description, {
-    className: t(I, s.description)
-  }, N));
-};
-export {
-  f as R
-};

package/dist/component/tags-field-rac-ByC9DnyH.js

@@ -1,217 +0,0 @@
-import { RicosViewer as Q } from "@wix/ricos/viewer";
-import L from "classnames";
-import e, { useMemo as C, useState as j, useRef as M, useLayoutEffect as w, useCallback as k } from "react";
-import { CheckboxGroup as z, TextField as J, Input as K, CheckboxField as X, CheckboxButton as Y } from "react-aria-components";
-import { ai as D, af as Z, as as v, ab as ee, ak as te } from "./form-f0tqdMye.js";
-import { f, a as x } from "./find-child-C60k4CxG.js";
-import { E as B, D as $ } from "./field-error-headless-BErhh9GG.js";
-import { L as P } from "./field-label-headless-BGyK-5xW.js";
-import { F as oe } from "./fieldset-headless-CD3fds9J.js";
-import { N as y } from "./options-layout-constants-DEfIEJWD.js";
-import { E as ne } from "./error-icon-hZxQ6DEy.js";
-import { s as R } from "./field-rac.module-ColNPUt0.js";
-import { y as ae, O as se, _ as re, x as le, o as ie, i as ce, $ as ue } from "./form-element-classes-jC8D0LnK.js";
-import { o as de } from "./options-rac.module-KM-VT_KY.js";
-import { u as me } from "./use-element-state-class-name-BqmaTba3.js";
-const N = "Other", pe = (o, t) => {
-  const c = t.length + 2;
-  return (o.find((s) => s.startsWith(`${t}: `)) || "").slice(c);
-}, he = (o) => o.map((t) => t.value ?? t.label), H = ({ className: o, ...t }) => {
-  const { label: a } = t;
-  return /* @__PURE__ */ e.createElement("span", {
-    className: o
-  }, a);
-}, W = ({ className: o }) => {
-  const { value: t, onChange: a, addOtherLabel: c, addOtherPlaceholder: i, otherInputCharacterLimit: s, disabled: u, readOnly: b, hasError: d } = D(), { t: m } = v(), r = c || m("add-other.default-other-option-label") || N, p = C(() => pe(t || [], r), [
-    t,
-    r
-  ]), [n, _] = j(p), h = M(a);
-  w(() => {
-    h.current = a;
-  });
-  const I = k((E) => {
-    _(E);
-    const F = (t || []).filter((O) => !O.startsWith(`${r}:`) && O !== r), S = E ? `${r}: ${E}` : r;
-    h.current([
-      ...F,
-      S
-    ]);
-  }, [
-    t,
-    r
-  ]);
-  return /* @__PURE__ */ e.createElement(J, {
-    value: n,
-    onChange: I,
-    isDisabled: u,
-    isReadOnly: b,
-    isInvalid: d,
-    "aria-label": r
-  }, /* @__PURE__ */ e.createElement(K, {
-    "data-hook": "tags-other-input",
-    "data-filled": n ? !0 : void 0,
-    placeholder: i,
-    maxLength: s,
-    className: o
-  }));
-}, T = ({ children: o, className: t, ...a }) => {
-  const { value: c, label: i, isOther: s, isFirstOption: u } = a, { id: b, value: d, onChange: m, options: r, disabled: p, readOnly: n, hasError: _ } = D(), h = M(null);
-  te(() => {
-    var O;
-    u && ((O = h.current) == null || O.focus({
-      preventScroll: !0
-    }));
-  }, b);
-  const I = f(o, H), E = C(() => d || [], [
-    d
-  ]), F = C(() => s ? E.find((O) => O === i || O.startsWith(`${i}: `)) || i : c, [
-    s,
-    E,
-    i,
-    c
-  ]), S = k((O) => {
-    const U = he(r || []), V = E.filter((G) => U.includes(G));
-    m(O ? [
-      ...V,
-      i
-    ] : V);
-  }, [
-    i,
-    m,
-    r,
-    E
-  ]);
-  return /* @__PURE__ */ e.createElement(X, {
-    inputRef: h,
-    value: F,
-    onChange: s ? S : void 0,
-    isDisabled: p,
-    isReadOnly: n,
-    isInvalid: _
-  }, /* @__PURE__ */ e.createElement(Y, {
-    className: t,
-    "data-hook": `tags-${s ? N : c}`
-  }, x(I, {
-    value: c,
-    label: i,
-    isOther: s,
-    isFirstOption: u
-  })));
-}, A = ({ children: o, className: t }) => {
-  const { options: a, addOther: c, addOtherLabel: i, numberOfColumns: s = y.FREE_FLOW } = D(), { isMobile: u } = ee(), { t: b } = v(), d = u && s !== y.FREE_FLOW ? y.ONE : s, m = i || b("add-other.default-other-option-label") || N, r = f(o, T), p = C(() => {
-    const n = a || [];
-    return c ? [
-      ...n,
-      {
-        label: m,
-        value: m,
-        isOther: !0
-      }
-    ] : n;
-  }, [
-    a,
-    c,
-    m
-  ]);
-  return p.length === 0 ? null : /* @__PURE__ */ e.createElement("div", {
-    className: t,
-    "data-columns": d
-  }, p.map((n, _) => {
-    const h = n.value ?? n.label;
-    return x(r, {
-      key: n.isOther ? N : h,
-      value: h,
-      label: n.label,
-      isOther: n.isOther,
-      isFirstOption: _ === 0
-    });
-  }));
-}, q = ({ children: o, className: t }) => {
-  const { addOther: a, addOtherLabel: c, hasError: i, readOnly: s, value: u } = D(), { t: b } = v(), d = c || b("add-other.default-other-option-label") || N, m = f(o, A), r = f(o, W), p = C(() => !a || !u ? !1 : u.some((n) => n === d || n.startsWith(`${d}:`)), [
-    a,
-    u,
-    d
-  ]);
-  return /* @__PURE__ */ e.createElement("div", {
-    className: t,
-    "data-invalid": i,
-    "data-readonly": s
-  }, m, p && r);
-}, l = ({ children: o }) => {
-  const { id: t, value: a, onChange: c, FieldLayout: i, required: s, disabled: u, readOnly: b, hasError: d, onBlur: m, onFocus: r } = D(), { inputId: p, labelId: n, ariaDescribedBy: _ } = Z(), h = C(() => a || [], [
-    a
-  ]), I = f(o, P), E = f(o, q), F = f(o, $), S = f(o, B);
-  return /* @__PURE__ */ e.createElement(i, {
-    fieldId: t,
-    renderLabel: () => I,
-    renderInput: () => /* @__PURE__ */ e.createElement(oe, {
-      id: p,
-      ariaLabelledBy: n,
-      ariaDescribedBy: _,
-      required: s,
-      onBlur: m,
-      onFocus: r
-    }, /* @__PURE__ */ e.createElement(z, {
-      "aria-labelledby": n,
-      value: h,
-      onChange: c,
-      isDisabled: u,
-      isReadOnly: b,
-      isRequired: s,
-      isInvalid: d
-    }, E)),
-    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, S, F)
-  });
-};
-A.Option = T;
-T.Label = H;
-l.Label = P;
-l.Control = q;
-l.Options = A;
-l.OtherInput = W;
-l.Description = $;
-l.Error = B;
-const Ee = "_control_7oh59_1", Oe = "_options_7oh59_7", be = "_option_7oh59_7", fe = "_optionHover_7oh59_72", _e = "_optionSelected_7oh59_72", g = {
-  control: Ee,
-  options: Oe,
-  option: be,
-  optionHover: fe,
-  optionSelected: _e
-}, Le = ({ content: o, locale: t }) => /* @__PURE__ */ e.createElement(Q, {
-  content: o,
-  locale: t
-}), Ce = {
-  base: g.option,
-  selected: g.optionSelected,
-  hover: g.optionHover
-}, Be = () => {
-  const o = me({
-    globalClasses: ue,
-    moduleClasses: Ce
-  });
-  return /* @__PURE__ */ e.createElement(l, null, /* @__PURE__ */ e.createElement(l.Label, {
-    className: L(ae, R.label)
-  }, /* @__PURE__ */ e.createElement(l.Label.Required, {
-    className: L(se, R.requiredMark)
-  })), /* @__PURE__ */ e.createElement(l.Control, {
-    className: g.control
-  }, /* @__PURE__ */ e.createElement(l.Options, {
-    className: L(re, g.options)
-  }, /* @__PURE__ */ e.createElement(l.Options.Option, {
-    className: ({ isSelected: t, isHovered: a }) => o({
-      isSelected: t,
-      isHovered: a
-    })
-  }, /* @__PURE__ */ e.createElement(l.Options.Option.Label, {
-    className: de.optionLabel
-  }))), /* @__PURE__ */ e.createElement(l.OtherInput, {
-    className: L(le, R.input)
-  })), /* @__PURE__ */ e.createElement(l.Error, {
-    className: L(ie, R.error)
-  }, /* @__PURE__ */ e.createElement(ne, null), /* @__PURE__ */ e.createElement(l.Error.Text, null)), /* @__PURE__ */ e.createElement(l.Description, {
-    className: L(ce, R.description)
-  }, Le));
-};
-export {
-  Be as T
-};