twenty-ui 2.48.0 → 2.49.0

package/dist/input-BrjD91wv.js

@@ -0,0 +1,785 @@
+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 { n as K } from "./preventDismissingClickActivation-AaqHBLnW.js";
+import { r as Ne, t as z } from "./Button-DIw804CX.js";
+import { t as de } from "./isRenderableSlot-DT_depzM.js";
+import { t as ve } from "./OverflowingTextWithTooltip-BmUROIah.js";
+import { n as Qe, o as J, r as ea, t as _ } from "./Dropdown-1OAJvS1f.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-BEAztmPu.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
+};