twenty-ui 2.50.0 → 2.51.1

package/dist/input-Qn5_aFYU.js

@@ -1,785 +0,0 @@
-import { t as y } from "./isDefined-fMi6eQ4r.js";
-import { Pn as Se, So as je, Tn as he, Uc as He, Wo as We, Zc as Ke, gl as Xe, js as Ye, ml as Ze, ts as Je } from "./icon-CUE-QGQK.js";
-import { t as P } from "./doNotTranslate-BSVT8Xyd.js";
-import { r as Ie } from "./theme-B2EaXhye.js";
-import { t as U } from "./mergeClassNames-ClFMR1v0.js";
-import { t as K } from "./normalizeSearchText-DLmPiBUZ.js";
-import { r as Ne, t as z } from "./Button-CU8BS-Yd.js";
-import { t as de } from "./isRenderableSlot-DT_depzM.js";
-import { t as ve } from "./OverflowingTextWithTooltip-BtB9cGdJ.js";
-import { n as Qe, o as J, r as ea, t as _ } from "./Dropdown-ChTVyesF.js";
-import { n as ne, t as aa } from "./Input-DZWl81G_.js";
-import { i as ue, n as ra, r as te, t as ta } from "./Radio-BwBZ4e8g.js";
-import { useRender as be } from "@base-ui/react/use-render";
-import { isFunction as oe, isNonEmptyArray as Q, isNonEmptyString as R, isNull as Oe, isString as na, isUndefined as le } from "@sniptt/guards";
-import { clsx as G } from "clsx";
-import { createContext as _e, createElement as oa, useContext as ee, useEffect as la, useId as M, useMemo as Ce, useRef as ia, useState as D } from "react";
-import { Fragment as L, jsx as e, jsxs as S } from "react/jsx-runtime";
-import { useMergedRefs as sa } from "@base-ui/utils/useMergedRefs";
-import { useControlled as Te } from "@base-ui/utils/useControlled";
-import { useStableCallback as ca } from "@base-ui/utils/useStableCallback";
-import { useValueAsRef as da } from "@base-ui/utils/useValueAsRef";
-import { formatNumber as ye } from "@base-ui/utils/formatNumber";
-import { RadioGroup as ua } from "@base-ui/react/radio-group";
-var Pe = _e(void 0), ma = "country:", ke = (a) => `${ma}${a}`, Re = ({ countries: a, value: r, defaultValue: t = null, onValueChange: o, disabled: l = !1, noCountryLabel: n = P("No country"), children: i }) => {
-  const d = M(), [c, u] = Te({
-    controlled: r,
-    default: t,
-    name: P("CountrySelect"),
-    state: "value"
-  }), v = Ce(() => a.map((m) => ({
-    ...m,
-    selectionValue: ke(m.value),
-    searchText: K(m.label)
-  })), [a]), p = Ce(() => new Map(v.map((m) => [m.value, m])), [v]), h = l || !Q(v);
-  return /* @__PURE__ */ e(Pe.Provider, {
-    value: {
-      countries: v,
-      selectedCountry: Oe(c) ? void 0 : p.get(c),
-      value: c,
-      disabled: h,
-      noCountryLabel: n,
-      selectionGroupId: d,
-      changeValue: (m, C) => {
-        if (h) {
-          C.cancel();
-          return;
-        }
-        o?.(m, C), C.isCanceled || u(m);
-      }
-    },
-    children: i
-  });
-}, Ee = ({ disabled: a, open: r, onOpenChange: t }) => {
-  const o = ca(t);
-  return la(() => {
-    !a || !r || o(!1);
-  }, [
-    a,
-    r,
-    o
-  ]), null;
-}, pa = "_root_1x3d7_1", ha = "_label_1x3d7_6", va = "_flag_1x3d7_14", Z = {
-  root: pa,
-  label: ha,
-  flag: va
-}, ba = ({ ariaLabelledBy: a, ariaLabel: r, visibleLabelId: t }) => {
-  if (R(a)) return a;
-  if (!R(r))
-    return t;
-}, ge = () => {
-  const a = ee(Pe);
-  if (!y(a)) throw new Error(P("CountrySelect parts must be inside CountrySelect.Root"));
-  return a;
-}, Y = (a) => a.preventBaseUIHandler?.(), we = ({ label: a, wrapperProps: r, children: t, className: o, style: l, render: n, onClick: i, onMouseDown: d, onPointerDown: c, onKeyDown: u, onKeyUp: v, openOnHover: p, id: h, "aria-label": m, "aria-labelledby": C, "aria-describedby": O, ...I }) => {
-  const { selectedCountry: f, disabled: b, noCountryLabel: T } = ge(), { open: N, setOpen: g } = J(), s = M(), k = h ?? s, E = `${s}-label`, V = `${s}-value`, B = R(a), A = R(m) ? m : void 0, w = ba({
-    ariaLabelledBy: C,
-    ariaLabel: A,
-    visibleLabelId: B ? E : void 0
-  }), $ = [O, (y(w) || y(A)) && !y(t) ? V : void 0].filter(R), ae = f?.label ?? T, j = y(f) ? f.flag : /* @__PURE__ */ e(Se, {}), X = (x) => ({
-    ...x,
-    disabled: b
-  }), se = U(G(ne.input, ne.md, ue.trigger), o);
-  return /* @__PURE__ */ S("div", {
-    ...r,
-    className: G(Z.root, r?.className),
-    children: [
-      /* @__PURE__ */ e(Ee, {
-        disabled: b,
-        open: N,
-        onOpenChange: g
-      }),
-      B && /* @__PURE__ */ e("label", {
-        id: E,
-        className: Z.label,
-        htmlFor: k,
-        children: a
-      }),
-      /* @__PURE__ */ e(_.Trigger, {
-        ...I,
-        id: k,
-        "aria-label": A,
-        "aria-labelledby": w,
-        "aria-describedby": Q($) ? $.join(" ") : void 0,
-        "aria-disabled": b || void 0,
-        openOnHover: b ? !1 : p,
-        "data-disabled": b ? "" : void 0,
-        onClick: b ? Y : i,
-        onMouseDown: b ? Y : d,
-        onPointerDown: b ? Y : c,
-        onKeyDown: b ? Y : u,
-        onKeyUp: b ? Y : v,
-        className: (x) => se(X(x)),
-        style: oe(l) ? (x) => l(X(x)) : l,
-        render: oe(n) ? (x, re) => n(x, X(re)) : n,
-        children: t ?? /* @__PURE__ */ S(L, { children: [
-          /* @__PURE__ */ e("span", {
-            className: Z.flag,
-            "aria-hidden": "true",
-            children: j
-          }),
-          /* @__PURE__ */ e("span", {
-            className: ue.value,
-            id: V,
-            children: /* @__PURE__ */ e(ve, { text: ae })
-          }),
-          /* @__PURE__ */ e("span", {
-            className: ue.icon,
-            "aria-hidden": "true",
-            children: /* @__PURE__ */ e(he, {})
-          })
-        ] })
-      })
-    ]
-  });
-}, _a = "no-country", ga = ({ searchLabel: a = P("Search"), noResultsLabel: r = P("No results"), searchProps: t, render: o, ...l }) => {
-  const { countries: n, value: i, changeValue: d, disabled: c, noCountryLabel: u, selectionGroupId: v } = ge(), { titleId: p, triggerId: h } = J(), m = y(l["aria-label"]) || y(l["aria-labelledby"]) ? void 0 : p ?? h, [C, O] = D(""), I = K(C.trim()), f = R(I), b = n.filter((s) => s.searchText.includes(I)), T = K(u).includes(I), N = T || Q(b), g = T && /* @__PURE__ */ e(_.OptionItem, {
-    value: "no-country",
-    disabled: c,
-    startIcon: /* @__PURE__ */ e("span", {
-      className: Z.flag,
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ e(Se, {})
-    }),
-    children: u
-  });
-  return /* @__PURE__ */ S(L, { children: [
-    /* @__PURE__ */ e(_.Search, {
-      placeholder: a,
-      "aria-label": a,
-      ...t,
-      value: C,
-      onValueChange: O,
-      disabled: c || t?.disabled
-    }),
-    N && /* @__PURE__ */ e(_.Separator, {}),
-    /* @__PURE__ */ S(_.SelectionGroup, {
-      ...l,
-      "aria-labelledby": l["aria-labelledby"] ?? m,
-      render: oe(o) ? (s) => o(s, {
-        value: i,
-        multiple: !1
-      }) : o,
-      id: v,
-      value: Oe(i) ? _a : ke(i),
-      onValueChange: (s, k) => {
-        d(n.find((E) => E.selectionValue === s)?.value ?? null, k);
-      },
-      children: [N && /* @__PURE__ */ S(_.Section, {
-        scrollable: !0,
-        children: [
-          !f && g,
-          b.map((s) => /* @__PURE__ */ e(_.OptionItem, {
-            value: s.selectionValue,
-            disabled: c || s.disabled,
-            startIcon: /* @__PURE__ */ e("span", {
-              className: Z.flag,
-              "aria-hidden": "true",
-              children: s.flag
-            }),
-            children: s.label
-          }, s.value)),
-          f && g
-        ]
-      }), !N && /* @__PURE__ */ e(_.Empty, { children: r })]
-    })
-  ] });
-}, xe = (a) => {
-  const { open: r } = J(), [t, o] = D(r), [l, n] = D(0);
-  return t !== r && (o(r), r && n(l + 1)), /* @__PURE__ */ oa(ga, {
-    ...a,
-    key: l
-  });
-}, fa = ({ open: a, defaultOpen: r = !1, onOpenChange: t, onEscapeKeyDown: o, onInteractOutside: l, defaultPage: n, popupProps: i, optionsProps: d, searchLabel: c, noResultsLabel: u, searchProps: v, closeOnSelect: p, ...h }) => {
-  const { disabled: m } = ge(), [C, O] = D(r), I = a ?? C, f = !m && I, b = (s) => {
-    s && m || (O(s), t?.(s));
-  }, T = [h["aria-label"], h.label].find(R), N = y(i?.["aria-label"]) || y(i?.["aria-labelledby"]), g = y(d?.["aria-label"]) || y(d?.["aria-labelledby"]);
-  return /* @__PURE__ */ S(L, { children: [/* @__PURE__ */ e(Ee, {
-    disabled: m,
-    open: I,
-    onOpenChange: b
-  }), /* @__PURE__ */ S(_.Root, {
-    type: "picker",
-    open: f,
-    onOpenChange: b,
-    onEscapeKeyDown: o,
-    onInteractOutside: l,
-    defaultPage: n,
-    children: [/* @__PURE__ */ e(we, { ...h }), /* @__PURE__ */ e(_.Content, {
-      "aria-label": N ? void 0 : T,
-      "aria-labelledby": N ? void 0 : h["aria-labelledby"],
-      ...i,
-      children: /* @__PURE__ */ e(xe, {
-        "aria-label": g ? void 0 : T,
-        "aria-labelledby": g ? void 0 : h["aria-labelledby"],
-        ...d,
-        searchLabel: c,
-        noResultsLabel: u,
-        searchProps: v,
-        closeOnSelect: p
-      })
-    })]
-  })] });
-}, Ca = ({ countries: a, value: r, defaultValue: t, onValueChange: o, disabled: l, noCountryLabel: n, ...i }) => /* @__PURE__ */ e(Re, {
-  countries: a,
-  value: r,
-  defaultValue: t,
-  onValueChange: o,
-  disabled: l,
-  noCountryLabel: n,
-  children: /* @__PURE__ */ e(fa, { ...i })
-}), Gr = Object.assign(Ca, {
-  Root: Re,
-  Trigger: we,
-  Options: xe
-}), ya = "_trigger_18tlx_1", Sa = "_chevron_18tlx_40", Ia = "_options_18tlx_45", Na = "_emptyStatus_18tlx_51", ie = {
-  trigger: ya,
-  chevron: Sa,
-  options: Ia,
-  emptyStatus: Na
-}, $e = _e(void 0), Le = () => {
-  const a = ee($e);
-  if (!y(a)) throw new Error(P("CurrencyPicker parts must be inside CurrencyPicker.Root"));
-  return a;
-}, Ve = ({ disabled: a = !1, searchable: r = !0, searchLabel: t = P("Search"), listLabel: o, emptyLabel: l = P("No results"), searchProps: n, className: i, render: d, ref: c, ...u }) => {
-  const { state: v, groupId: p, options: h, selectionProps: m } = Le(), { titleId: C, triggerId: O } = J(), { value: I, defaultValue: f = "", onValueChange: b, ...T } = n ?? {}, [N, g] = D(f), s = I ?? N, k = r ? String(s).trim().toLowerCase() : "", E = h.filter(({ searchText: w }) => w.includes(k)), V = Q(E), B = v.disabled || a, A = y(o) ? void 0 : C ?? O;
-  return be({
-    render: d,
-    ref: c,
-    props: {
-      ...u,
-      className: G(ie.options, i),
-      children: /* @__PURE__ */ S(L, { children: [
-        r && /* @__PURE__ */ S(L, { children: [/* @__PURE__ */ e(_.Search, {
-          placeholder: t,
-          "aria-label": t,
-          ...T,
-          value: s,
-          onValueChange: (w) => {
-            b?.(w), le(I) && g(w);
-          },
-          disabled: B || n?.disabled
-        }), /* @__PURE__ */ e(_.Separator, {})] }),
-        /* @__PURE__ */ e(_.SelectionGroup, {
-          ...m,
-          id: p,
-          "aria-label": o,
-          "aria-labelledby": A,
-          children: V && /* @__PURE__ */ e(_.Section, {
-            scrollable: !0,
-            children: E.map(({ currency: w, label: $ }) => /* @__PURE__ */ e(_.OptionItem, {
-              value: w.code,
-              disabled: B || w.disabled,
-              children: na($) ? /* @__PURE__ */ e(ve, { text: $ }) : $
-            }, w.code))
-          })
-        }),
-        /* @__PURE__ */ e(_.Empty, {
-          className: ie.emptyStatus,
-          children: V ? null : l
-        })
-      ] })
-    }
-  });
-}, Ae = ({ code: a, name: r }) => `${r} (${a})`, Oa = (a) => `${Ae(a)} ${a.symbol ?? ""}`, Fe = ({ currencies: a, value: r, defaultValue: t = null, onValueChange: o, closeOnSelect: l, disabled: n = !1, selectedFirst: i = !1, getOptionLabel: d = Ae, getSearchText: c = Oa, renderValue: u, children: v }) => {
-  const p = M(), { selections: h, initializeSelection: m } = J(), C = {
-    value: r,
-    defaultValue: t,
-    onValueChange: o,
-    closeOnSelect: l
-  }, O = Qe({
-    props: {
-      ...C,
-      id: p
-    },
-    storedState: h.get(p)
-  }), I = O.multiple ? null : O.value, f = a.map((g) => ({
-    currency: g,
-    label: d(g),
-    searchText: c(g).toLowerCase()
-  })), b = f.find(({ currency: g }) => g.code === I), T = i && y(b) ? [b, ...f.filter((g) => g !== b)] : f, N = {
-    value: I,
-    selectedCurrency: b?.currency,
-    disabled: n
-  };
-  return /* @__PURE__ */ S($e.Provider, {
-    value: {
-      state: N,
-      groupId: p,
-      options: T,
-      selectionProps: C,
-      renderValue: u
-    },
-    children: [le(r) && /* @__PURE__ */ e(ea, {
-      id: p,
-      initialState: O,
-      initializeSelection: m
-    }), oe(v) ? v(N) : v]
-  });
-}, Ge = ({ children: a, placeholder: r, disabled: t = !1, className: o, ...l }) => {
-  const { state: n, renderValue: i } = Le(), d = y(n.value) ? n.value : r;
-  return /* @__PURE__ */ S(_.Trigger, {
-    ...l,
-    disabled: n.disabled || t,
-    className: U(ie.trigger, o),
-    children: [a ?? (y(i) ? i(n) : d), /* @__PURE__ */ e(he, {
-      "aria-hidden": "true",
-      className: ie.chevron
-    })]
-  });
-}, Ta = ({ currencies: a, value: r, defaultValue: t, onValueChange: o, closeOnSelect: l, disabled: n, selectedFirst: i, getOptionLabel: d, getSearchText: c, renderValue: u, open: v, defaultOpen: p, onOpenChange: h, onEscapeKeyDown: m, onInteractOutside: C, triggerProps: O, contentProps: I, optionsProps: f, ...b }) => /* @__PURE__ */ e(_.Root, {
-  type: "picker",
-  open: v,
-  defaultOpen: p,
-  onOpenChange: h,
-  onEscapeKeyDown: m,
-  onInteractOutside: C,
-  children: /* @__PURE__ */ S(Fe, {
-    currencies: a,
-    value: r,
-    defaultValue: t,
-    onValueChange: o,
-    closeOnSelect: l,
-    disabled: n,
-    selectedFirst: i,
-    getOptionLabel: d,
-    getSearchText: c,
-    renderValue: u,
-    children: [/* @__PURE__ */ e(Ge, {
-      ...b,
-      ...O
-    }), /* @__PURE__ */ e(_.Content, {
-      ...I,
-      children: /* @__PURE__ */ e(Ve, { ...f })
-    })]
-  })
-}), Dr = Object.assign(Ta, {
-  Root: Fe,
-  Trigger: Ge,
-  Options: Ve
-}), Pa = "_root_u3myi_1", ka = "_preview_u3myi_6", Ra = "_image_u3myi_35", Ea = "_fileInput_u3myi_48", wa = "_content_u3myi_58", xa = "_actions_u3myi_67", $a = "_helperText_u3myi_73", La = "_errorMessage_u3myi_78", F = {
-  root: Pa,
-  preview: ka,
-  image: Ra,
-  fileInput: Ea,
-  content: wa,
-  actions: xa,
-  helperText: $a,
-  errorMessage: La
-}, Va = ({ src: a }) => {
-  const r = Ie(), [t, o] = D(!1);
-  return !R(a) || t ? /* @__PURE__ */ e(We, {
-    size: r.icon.size.lg,
-    "aria-hidden": !0
-  }) : /* @__PURE__ */ e("img", {
-    className: F.image,
-    src: a,
-    alt: "",
-    onError: () => o(!0)
-  });
-}, Aa = "image/*", Mr = ({ src: a, onFileSelect: r, onRemove: t, onAbort: o, disabled: l = !1, isUploading: n = !1, helperText: i, errorMessage: d, uploadLabel: c = P("Upload"), removeLabel: u = P("Remove"), abortLabel: v = P("Abort"), accept: p = Aa, inputRef: h, onChange: m, "aria-describedby": C, className: O, style: I, dir: f, render: b, ref: T, ...N }) => {
-  const g = ia(null), s = sa(g, h), k = M(), E = `${k}-helper`, V = `${k}-error`, B = R(a), A = R(i), w = R(d), $ = l || !y(r), ae = l || !B || !y(t), j = $ || n, X = ae || n, se = n && y(o), x = [
-    C,
-    A && E,
-    w && V
-  ].filter(R).join(" ") || void 0, re = () => {
-    j || g.current?.click();
-  }, Ue = (ce) => {
-    const fe = ce.currentTarget.files?.[0];
-    try {
-      m?.(ce);
-    } finally {
-      ce.currentTarget.value = "";
-    }
-    j || !y(fe) || r?.(fe);
-  };
-  return be({
-    render: b,
-    ref: T,
-    props: {
-      className: G(F.root, O),
-      style: I,
-      dir: f,
-      "aria-busy": n || N["aria-busy"],
-      children: /* @__PURE__ */ S(L, { children: [/* @__PURE__ */ e("button", {
-        className: F.preview,
-        type: "button",
-        disabled: $,
-        "aria-disabled": n || void 0,
-        "aria-label": c,
-        "aria-describedby": x,
-        onClick: re,
-        children: /* @__PURE__ */ e(Va, { src: a }, a)
-      }), /* @__PURE__ */ S("div", {
-        className: F.content,
-        children: [
-          /* @__PURE__ */ S("div", {
-            className: F.actions,
-            children: [
-              /* @__PURE__ */ e("input", {
-                "aria-label": c,
-                ...N,
-                ref: s,
-                className: F.fileInput,
-                dir: f,
-                children: void 0,
-                dangerouslySetInnerHTML: void 0,
-                type: "file",
-                multiple: !1,
-                value: void 0,
-                defaultValue: void 0,
-                accept: p,
-                disabled: j,
-                "aria-describedby": x,
-                hidden: !0,
-                onChange: Ue
-              }),
-              se ? /* @__PURE__ */ e(z, {
-                type: "button",
-                startIcon: /* @__PURE__ */ e(Xe, {}),
-                onClick: o,
-                disabled: l,
-                variant: "outline",
-                children: v
-              }) : /* @__PURE__ */ e(z, {
-                type: "button",
-                startIcon: /* @__PURE__ */ e(Ke, {}),
-                onClick: re,
-                disabled: j,
-                focusableWhenDisabled: n && !$,
-                "aria-describedby": x,
-                variant: "outline",
-                children: c
-              }),
-              /* @__PURE__ */ e(z, {
-                type: "button",
-                startIcon: /* @__PURE__ */ e(He, {}),
-                onClick: t,
-                disabled: X,
-                focusableWhenDisabled: n && !ae,
-                variant: "outline",
-                children: u
-              })
-            ]
-          }),
-          A && /* @__PURE__ */ e("span", {
-            className: F.helperText,
-            id: E,
-            children: i
-          }),
-          w && /* @__PURE__ */ e("span", {
-            className: F.errorMessage,
-            id: V,
-            role: "alert",
-            children: d
-          })
-        ]
-      })] })
-    }
-  });
-}, Fa = "_button_k3e4y_1", Ga = { button: Fa }, Br = ({ className: a, emphasis: r = "standard", size: t, variant: o, ...l }) => {
-  const n = ee(Ne), i = t ?? n?.size ?? "sm", d = o ?? n?.variant ?? "ghost";
-  return /* @__PURE__ */ e(z, {
-    ...l,
-    size: i,
-    variant: d,
-    "data-emphasis": r,
-    className: U(Ga.button, a)
-  });
-}, Da = "_button_1fwx7_1", Ma = { button: Da }, qr = ({ className: a, elevated: r = !0, variant: t, ...o }) => {
-  const l = ee(Ne), n = t ?? l?.variant ?? "solid";
-  return /* @__PURE__ */ e(z, {
-    ...o,
-    elevated: r,
-    variant: n,
-    className: U(Ma.button, a)
-  });
-}, pe = {
-  maximumFractionDigits: 15,
-  numberingSystem: "latn",
-  useGrouping: "min2"
-}, Ba = ({ nextValue: a, currentValue: r, reason: t }) => t === "input-blur" && ye(a, void 0, pe) === ye(r, void 0, pe), qa = "_root_17bio_1", za = "_valueInput_17bio_7", Ua = "_button_17bio_14", ja = "_icon_17bio_32", H = {
-  root: qa,
-  valueInput: za,
-  button: Ua,
-  icon: ja
-}, zr = ({ value: a, defaultValue: r, onValueChange: t, onValueCommitted: o, allowOutOfRange: l = !1, min: n, max: i, step: d = 1, disabled: c, readOnly: u, required: v, name: p, form: h, id: m, showButtons: C = !0, decrementLabel: O = P("Decrease value"), incrementLabel: I = P("Increase value"), className: f, ...b }) => {
-  const [T, N] = Te({
-    controlled: a,
-    default: r ?? null,
-    name: P("NumberStepper"),
-    state: "value"
-  }), g = da(T), s = (k, E) => {
-    if (k !== g.current) {
-      if (Ba({
-        nextValue: k,
-        currentValue: g.current,
-        reason: E.reason
-      })) {
-        E.cancel();
-        return;
-      }
-      t?.(k, E), !E.isCanceled && (g.current = k, N(k));
-    }
-  };
-  return /* @__PURE__ */ S(te.Root, {
-    value: T,
-    onValueChange: s,
-    onValueCommitted: o,
-    min: n,
-    max: i,
-    allowOutOfRange: l,
-    step: d,
-    smallStep: d,
-    largeStep: d,
-    disabled: c,
-    readOnly: u,
-    required: v,
-    name: p,
-    form: h,
-    id: m,
-    format: pe,
-    className: H.root,
-    children: [
-      C && /* @__PURE__ */ e(te.Decrement, {
-        "aria-label": O,
-        render: /* @__PURE__ */ e(z, {
-          type: "button",
-          size: "sm",
-          className: H.button,
-          startIcon: /* @__PURE__ */ e("span", {
-            className: H.icon,
-            children: /* @__PURE__ */ e(je, {})
-          })
-        })
-      }),
-      /* @__PURE__ */ e(te.Input, {
-        ...b,
-        form: h,
-        className: U(G(ne.input, ne.sm, H.valueInput), f)
-      }),
-      C && /* @__PURE__ */ e(te.Increment, {
-        "aria-label": I,
-        render: /* @__PURE__ */ e(z, {
-          type: "button",
-          size: "sm",
-          className: H.button,
-          startIcon: /* @__PURE__ */ e("span", {
-            className: H.icon,
-            children: /* @__PURE__ */ e(Je, {})
-          })
-        })
-      })
-    ]
-  });
-}, Ha = "_trigger_kh8iq_1", Wa = "_triggerFlag_kh8iq_35", Ka = "_optionFlag_kh8iq_36", Xa = "_chevron_kh8iq_56", Ya = "_selectedCountryLabel_kh8iq_61", Za = "_options_kh8iq_70", Ja = "_emptyStatus_kh8iq_76", q = {
-  trigger: Ha,
-  triggerFlag: Wa,
-  optionFlag: Ka,
-  chevron: Xa,
-  selectedCountryLabel: Ya,
-  options: Za,
-  emptyStatus: Ja
-}, Qa = ({ label: a, callingCode: r }) => `${a} (+${r})`, er = "⁦", ar = "⁩", rr = ({ label: a, callingCode: r }) => `${a} (${er}+${r}${ar})`, tr = ({ country: a, normalizedSearch: r, callingCodeSearch: t }) => a.searchLabel.includes(r) || a.searchValue.includes(r) || R(t) && a.callingCode.includes(t), De = _e(null), Me = () => {
-  const a = ee(De);
-  if (!y(a)) throw new Error(P("PhoneCountryPicker parts require PhoneCountryPicker.Root."));
-  return a;
-}, Be = ({ searchLabel: a = P("Search"), listLabel: r = P("Countries"), emptyLabel: t = P("No results"), disabled: o = !1, className: l, render: n, ref: i, ...d }) => {
-  const { countries: c, value: u, onValueChange: v, disabled: p, closeOnSelect: h } = Me(), m = p || o, C = M(), [O, I] = D(""), f = K(O).trim(), b = f.startsWith("+") ? f.slice(1) : f, T = c.filter((s) => tr({
-    country: s,
-    normalizedSearch: f,
-    callingCodeSearch: b
-  })), N = T.find((s) => s.value === u), g = y(N) ? [N, ...T.filter((s) => s.value !== u)] : T;
-  return be({
-    render: n,
-    ref: i,
-    props: {
-      ...d,
-      className: G(q.options, l),
-      children: /* @__PURE__ */ S(L, { children: [
-        /* @__PURE__ */ e(_.Search, {
-          value: O,
-          onValueChange: I,
-          placeholder: a,
-          "aria-label": a,
-          disabled: m
-        }),
-        /* @__PURE__ */ e(_.Separator, {}),
-        /* @__PURE__ */ e(_.Section, {
-          scrollable: !0,
-          children: /* @__PURE__ */ e(_.SelectionGroup, {
-            id: C,
-            "aria-label": r,
-            value: u,
-            onValueChange: v,
-            closeOnSelect: h,
-            children: g.map((s) => {
-              const k = Qa(s);
-              return /* @__PURE__ */ e(_.OptionItem, {
-                value: s.value,
-                "aria-label": k,
-                disabled: m || s.disabled,
-                startIcon: /* @__PURE__ */ e("span", {
-                  className: q.optionFlag,
-                  "aria-hidden": !0,
-                  children: s.flag
-                }),
-                children: /* @__PURE__ */ e(ve, {
-                  text: /* @__PURE__ */ S(L, { children: [
-                    s.label,
-                    " (",
-                    /* @__PURE__ */ S("bdi", {
-                      dir: "ltr",
-                      children: ["+", s.callingCode]
-                    }),
-                    ")"
-                  ] }),
-                  tooltipContent: rr(s)
-                })
-              }, s.value);
-            })
-          })
-        }),
-        /* @__PURE__ */ e(_.Empty, {
-          className: q.emptyStatus,
-          children: Q(g) ? null : t
-        })
-      ] })
-    }
-  });
-}, qe = ({ children: a, countries: r, value: t, defaultValue: o = null, onValueChange: l, disabled: n = !1, closeOnSelect: i = !0 }) => {
-  const [d, c] = D(o), u = le(t) ? d : t, v = r.map((p) => ({
-    ...p,
-    searchLabel: K(p.label),
-    searchValue: K(p.value)
-  }));
-  return /* @__PURE__ */ e(De.Provider, {
-    value: {
-      countries: v,
-      value: u,
-      disabled: n,
-      closeOnSelect: i,
-      onValueChange: (p, h) => {
-        l?.(p, h), !h.isCanceled && le(t) && c(p);
-      }
-    },
-    children: a
-  });
-}, ze = ({ children: a, disabled: r = !1, className: t, "aria-describedby": o, ...l }) => {
-  const { countries: n, value: i, disabled: d } = Me(), c = n.find((p) => p.value === i), u = M(), v = [y(c) && u, o].filter(R).join(" ") || void 0;
-  return /* @__PURE__ */ S(_.Trigger, {
-    ...l,
-    disabled: d || r,
-    "aria-describedby": v,
-    className: U(q.trigger, t),
-    children: [a ?? /* @__PURE__ */ S(L, { children: [/* @__PURE__ */ e("span", {
-      className: q.triggerFlag,
-      "aria-hidden": !0,
-      children: c?.flag ?? /* @__PURE__ */ e(Ze, {})
-    }), /* @__PURE__ */ e(he, {
-      className: q.chevron,
-      "aria-hidden": !0
-    })] }), y(c) && /* @__PURE__ */ e("span", {
-      id: u,
-      className: q.selectedCountryLabel,
-      children: c.label
-    })]
-  });
-}, nr = ({ countries: a, value: r, defaultValue: t, onValueChange: o, disabled: l, closeOnSelect: n, dropdownProps: i, contentProps: d, optionsProps: c, ...u }) => /* @__PURE__ */ e(qe, {
-  countries: a,
-  value: r,
-  defaultValue: t,
-  onValueChange: o,
-  disabled: l,
-  closeOnSelect: n,
-  children: /* @__PURE__ */ S(_.Root, {
-    ...i,
-    type: "picker",
-    children: [/* @__PURE__ */ e(ze, { ...u }), /* @__PURE__ */ e(_.Content, {
-      width: 280,
-      ...d,
-      children: /* @__PURE__ */ e(Be, { ...c })
-    })]
-  })
-}), Ur = Object.assign(nr, {
-  Root: qe,
-  Trigger: ze,
-  Options: Be
-}), or = "_wrapper_c0mqd_1", lr = "_inputGroup_c0mqd_8", ir = "_searchIcon_c0mqd_14", me = {
-  wrapper: or,
-  inputGroup: lr,
-  searchIcon: ir
-}, jr = ({ placeholder: a, actions: r, size: t = "md", id: o, "aria-label": l, "aria-labelledby": n, ...i }) => {
-  const d = Ie(), c = M(), u = o ?? c;
-  return /* @__PURE__ */ S("div", {
-    className: me.wrapper,
-    children: [/* @__PURE__ */ e(ra, {
-      className: me.inputGroup,
-      size: t,
-      startElement: /* @__PURE__ */ e(Ye, {
-        className: me.searchIcon,
-        size: d.icon.size.md,
-        "aria-hidden": !0
-      }),
-      children: /* @__PURE__ */ e(aa, {
-        ...i,
-        id: u,
-        placeholder: a,
-        "aria-label": R(n) ? void 0 : l ?? a,
-        "aria-labelledby": n
-      })
-    }), r]
-  });
-}, sr = "_container_1eoop_1", cr = "_sm_1eoop_20", dr = "_md_1eoop_26", ur = "_item_1eoop_32", mr = "_iconOnly_1eoop_72", pr = "_icon_1eoop_72", hr = "_label_1eoop_91", W = {
-  container: sr,
-  sm: cr,
-  md: dr,
-  item: ur,
-  iconOnly: mr,
-  icon: pr,
-  label: hr
-}, Hr = ({ className: a, itemWidth: r = "equal", options: t, size: o = "md", ...l }) => {
-  const n = M();
-  return /* @__PURE__ */ e(ua, {
-    ...l,
-    className: U(G(W.container, W[o]), a),
-    "data-item-width": r,
-    children: t.map(({ "aria-label": i, disabled: d, label: c, startIcon: u, value: v }, p) => {
-      const h = `${n}-${p}`, m = R(i);
-      return /* @__PURE__ */ S(ta.Root, {
-        value: v,
-        disabled: d,
-        "aria-labelledby": h,
-        className: G(W.item, !de(c) && W.iconOnly),
-        children: [
-          de(u) && /* @__PURE__ */ e("span", {
-            className: W.icon,
-            "aria-hidden": !0,
-            children: u
-          }),
-          de(c) && /* @__PURE__ */ e("span", {
-            id: m ? void 0 : h,
-            className: W.label,
-            children: c
-          }),
-          m && /* @__PURE__ */ e("span", {
-            id: h,
-            hidden: !0,
-            children: i
-          })
-        ]
-      }, v);
-    })
-  });
-};
-export {
-  qr as a,
-  Dr as c,
-  zr as i,
-  Gr as l,
-  jr as n,
-  Br as o,
-  Ur as r,
-  Mr as s,
-  Hr as t
-};