twenty-ui 2.47.0 → 2.49.0

package/dist/input-BUgnp6eA.js

@@ -1,559 +0,0 @@
-import { t as N } from "./isDefined-fMi6eQ4r.js";
-import { Di as Fe, Pn as Ce, So as we, Tn as he, Uc as xe, Wo as ze, Zc as $e, hl as Be, js as Me, pl as De, ts as je } from "./icon-BdXwnJA6.js";
-import { r as ye } from "./theme-B2EaXhye.js";
-import { t as $ } from "./mergeClassNames-ClFMR1v0.js";
-import { n as X } from "./preventDismissingClickActivation-CzWqpjiX.js";
-import { r as Ne, t as k } from "./Button-Cs07psdD.js";
-import { t as ue } from "./isRenderableSlot-DT_depzM.js";
-import { t as ve } from "./OverflowingTextWithTooltip-Be2-wCcZ.js";
-import { t as u } from "./Dropdown-CScN_olN.js";
-import { n as ne, t as Ve } from "./Input-DZWl81G_.js";
-import { i as me, n as Ae, r as ae, t as Ge } from "./Radio-BMoQHDe7.js";
-import { useRender as Se } from "@base-ui/react/use-render";
-import { isFunction as fe, isNonEmptyArray as J, isNonEmptyString as I } from "@sniptt/guards";
-import { clsx as Y } from "clsx";
-import { useContext as Oe, useEffect as Le, useId as ie, useRef as Ue, useState as z } from "react";
-import { Fragment as Q, jsx as e, jsxs as p } from "react/jsx-runtime";
-import { useMergedRefs as We } from "@base-ui/utils/useMergedRefs";
-import { useStableCallback as He } from "@base-ui/utils/useStableCallback";
-import { useControlled as qe } from "@base-ui/utils/useControlled";
-import { useValueAsRef as Ke } from "@base-ui/utils/useValueAsRef";
-import { formatNumber as ge } from "@base-ui/utils/formatNumber";
-import { RadioGroup as Xe } from "@base-ui/react/radio-group";
-var Ze = "_root_1x3d7_1", Je = "_label_1x3d7_6", Qe = "_flag_1x3d7_14", Z = {
-  root: Ze,
-  label: Je,
-  flag: Qe
-}, Ye = ({ disabled: r, open: a, onOpenChange: t }) => {
-  const n = He(t);
-  return Le(() => {
-    !r || !a || n(!1);
-  }, [
-    r,
-    a,
-    n
-  ]), null;
-}, er = ({ countries: r, value: a, onValueChange: t, searchLabel: n, noCountryLabel: i, noResultsLabel: o }) => {
-  const [c, d] = z(""), s = X(c.trim()), b = I(s), _ = r.filter((v) => X(v.label).includes(s)), l = X(i).includes(s), h = l || J(_), f = l && /* @__PURE__ */ e(u.OptionItem, {
-    selected: !I(a),
-    startIcon: /* @__PURE__ */ e("span", {
-      className: Z.flag,
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ e(Ce, {})
-    }),
-    onSelect: () => t(""),
-    children: i
-  });
-  return /* @__PURE__ */ p(Q, { children: [
-    /* @__PURE__ */ e(u.Search, {
-      value: c,
-      onValueChange: d,
-      placeholder: n,
-      "aria-label": n
-    }),
-    h && /* @__PURE__ */ e(u.Separator, {}),
-    h && /* @__PURE__ */ p(u.Section, {
-      scrollable: !0,
-      children: [
-        !b && f,
-        _.map((v) => /* @__PURE__ */ e(u.OptionItem, {
-          selected: v.value === a,
-          startIcon: /* @__PURE__ */ e("span", {
-            className: Z.flag,
-            "aria-hidden": "true",
-            children: v.flag
-          }),
-          onSelect: () => t(v.value),
-          children: v.label
-        }, v.value)),
-        b && f
-      ]
-    }),
-    !h && /* @__PURE__ */ e(u.Empty, { children: o })
-  ] });
-}, rr = ({ ariaLabelledBy: r, ariaLabel: a, visibleLabelId: t }) => {
-  if (I(r)) return r;
-  if (!I(a))
-    return t;
-}, H = (r) => r.preventBaseUIHandler?.(), ma = ({ countries: r, value: a, onValueChange: t, label: n, searchLabel: i = "Search", noCountryLabel: o = "No country", noResultsLabel: c = "No results", open: d, onOpenChange: s, popupProps: b, disabled: _ = !1, className: l, style: h, render: f, onClick: v, onMouseDown: O, onPointerDown: E, onKeyDown: m, onKeyUp: j, id: B, "aria-label": F, "aria-labelledby": T, "aria-describedby": V, ...S }) => {
-  const y = ie(), A = B ?? y, ee = `${y}-label`, G = `${y}-value`, L = I(n), P = I(F) ? F : void 0, M = rr({
-    ariaLabelledBy: T,
-    ariaLabel: P,
-    visibleLabelId: L ? ee : void 0
-  }), w = [V, N(M) || N(P) ? G : void 0].filter(I), [le, se] = z(!1), g = _ || !J(r), U = d ?? le, x = !g && U, [W, re] = z(x), [_e, Te] = z(0);
-  W !== x && (re(x), x && Te(_e + 1));
-  const ce = r.find((C) => C.value === a), Pe = ce?.label ?? o, Re = N(ce) ? ce.flag : /* @__PURE__ */ e(Ce, {}), de = (C) => ({
-    ...C,
-    disabled: g
-  }), ke = $(Y(ne.input, ne.md, me.trigger), l), be = (C) => {
-    C && g || (se(C), s?.(C));
-  };
-  return /* @__PURE__ */ p("div", {
-    className: Z.root,
-    children: [
-      /* @__PURE__ */ e(Ye, {
-        disabled: g,
-        open: U,
-        onOpenChange: be
-      }),
-      L && /* @__PURE__ */ e("label", {
-        id: ee,
-        className: Z.label,
-        htmlFor: A,
-        children: n
-      }),
-      /* @__PURE__ */ p(u.Root, {
-        type: "picker",
-        open: x,
-        onOpenChange: be,
-        children: [/* @__PURE__ */ p(u.Trigger, {
-          ...S,
-          id: A,
-          "aria-label": P,
-          "aria-labelledby": M,
-          "aria-describedby": J(w) ? w.join(" ") : void 0,
-          "aria-disabled": g || void 0,
-          "data-disabled": g ? "" : void 0,
-          onClick: g ? H : v,
-          onMouseDown: g ? H : O,
-          onPointerDown: g ? H : E,
-          onKeyDown: g ? H : m,
-          onKeyUp: g ? H : j,
-          className: (C) => ke(de(C)),
-          style: fe(h) ? (C) => h(de(C)) : h,
-          render: fe(f) ? (C, Ee) => f(C, de(Ee)) : f,
-          children: [
-            /* @__PURE__ */ e("span", {
-              className: Z.flag,
-              "aria-hidden": "true",
-              children: Re
-            }),
-            /* @__PURE__ */ e("span", {
-              className: me.value,
-              id: G,
-              children: /* @__PURE__ */ e(ve, { text: Pe })
-            }),
-            /* @__PURE__ */ e("span", {
-              className: me.icon,
-              "aria-hidden": "true",
-              children: /* @__PURE__ */ e(he, {})
-            })
-          ]
-        }), /* @__PURE__ */ e(u.Content, {
-          ...b,
-          "aria-label": P,
-          "aria-labelledby": M,
-          children: /* @__PURE__ */ e(er, {
-            countries: r,
-            value: a,
-            onValueChange: t,
-            searchLabel: i,
-            noCountryLabel: o,
-            noResultsLabel: c
-          }, _e)
-        })]
-      })
-    ]
-  });
-}, ar = "_trigger_gi29o_1", tr = "_chevron_gi29o_35", nr = "_options_gi29o_40", or = "_emptyStatus_gi29o_46", oe = {
-  trigger: ar,
-  chevron: tr,
-  options: nr,
-  emptyStatus: or
-}, Ie = ({ code: r, name: a }) => `${a} (${r})`, ir = ({ currencies: r, value: a, onValueChange: t, disabled: n = !1, searchLabel: i = "Search", emptyLabel: o = "No results", className: c, render: d, ref: s, ...b }) => {
-  const [_, l] = z(""), h = _.trim().toLowerCase(), f = r.filter((m) => Ie(m).toLowerCase().includes(h)), v = J(f), O = f.find(({ code: m }) => m === a), E = N(O) ? [O, ...f.filter(({ code: m }) => m !== a)] : f;
-  return Se({
-    render: d,
-    ref: s,
-    props: {
-      ...b,
-      className: Y(oe.options, c),
-      children: /* @__PURE__ */ p(Q, { children: [
-        /* @__PURE__ */ e(u.Search, {
-          value: _,
-          placeholder: i,
-          "aria-label": i,
-          onValueChange: l,
-          disabled: n
-        }),
-        /* @__PURE__ */ e(u.Separator, {}),
-        v && /* @__PURE__ */ e(u.Section, {
-          scrollable: !0,
-          children: E.map((m) => /* @__PURE__ */ e(u.OptionItem, {
-            selected: m.code === a,
-            disabled: n || m.disabled,
-            onSelect: () => t(m.code),
-            children: /* @__PURE__ */ e(ve, { text: Ie(m) })
-          }, m.code))
-        }),
-        /* @__PURE__ */ e(u.Empty, {
-          className: oe.emptyStatus,
-          children: v ? null : o
-        })
-      ] })
-    }
-  });
-}, lr = ({ value: r, className: a, ...t }) => /* @__PURE__ */ p(u.Trigger, {
-  ...t,
-  className: $(oe.trigger, a),
-  children: [r, /* @__PURE__ */ e(he, {
-    "aria-hidden": "true",
-    className: oe.chevron
-  })]
-}), pa = {
-  Trigger: lr,
-  Options: ir
-}, sr = "_root_u3myi_1", cr = "_preview_u3myi_6", dr = "_image_u3myi_35", ur = "_fileInput_u3myi_48", mr = "_content_u3myi_58", pr = "_actions_u3myi_67", hr = "_helperText_u3myi_73", vr = "_errorMessage_u3myi_78", R = {
-  root: sr,
-  preview: cr,
-  image: dr,
-  fileInput: ur,
-  content: mr,
-  actions: pr,
-  helperText: hr,
-  errorMessage: vr
-}, _r = ({ src: r }) => {
-  const a = ye(), [t, n] = z(!1);
-  return !I(r) || t ? /* @__PURE__ */ e(ze, {
-    size: a.icon.size.lg,
-    "aria-hidden": !0
-  }) : /* @__PURE__ */ e("img", {
-    className: R.image,
-    src: r,
-    alt: "",
-    onError: () => n(!0)
-  });
-}, br = "image/*", ha = ({ src: r, onFileSelect: a, onRemove: t, onAbort: n, disabled: i = !1, isUploading: o = !1, helperText: c, errorMessage: d, uploadLabel: s = "Upload", removeLabel: b = "Remove", abortLabel: _ = "Abort", accept: l = br, inputRef: h, onChange: f, "aria-describedby": v, className: O, style: E, dir: m, render: j, ref: B, ...F }) => {
-  const T = Ue(null), V = We(T, h), S = ie(), y = `${S}-helper`, A = `${S}-error`, ee = I(r), G = I(c), L = I(d), P = i || !N(a), M = i || !ee || !N(t), w = P || o, le = M || o, se = o && N(n), g = [
-    v,
-    G && y,
-    L && A
-  ].filter(I).join(" ") || void 0, U = () => {
-    w || T.current?.click();
-  }, x = (W) => {
-    const re = W.currentTarget.files?.[0];
-    try {
-      f?.(W);
-    } finally {
-      W.currentTarget.value = "";
-    }
-    w || !N(re) || a?.(re);
-  };
-  return Se({
-    render: j,
-    ref: B,
-    props: {
-      className: Y(R.root, O),
-      style: E,
-      dir: m,
-      "aria-busy": o || F["aria-busy"],
-      children: /* @__PURE__ */ p(Q, { children: [/* @__PURE__ */ e("button", {
-        className: R.preview,
-        type: "button",
-        disabled: P,
-        "aria-disabled": o || void 0,
-        "aria-label": s,
-        "aria-describedby": g,
-        onClick: U,
-        children: /* @__PURE__ */ e(_r, { src: r }, r)
-      }), /* @__PURE__ */ p("div", {
-        className: R.content,
-        children: [
-          /* @__PURE__ */ p("div", {
-            className: R.actions,
-            children: [
-              /* @__PURE__ */ e("input", {
-                "aria-label": s,
-                ...F,
-                ref: V,
-                className: R.fileInput,
-                dir: m,
-                children: void 0,
-                dangerouslySetInnerHTML: void 0,
-                type: "file",
-                multiple: !1,
-                value: void 0,
-                defaultValue: void 0,
-                accept: l,
-                disabled: w,
-                "aria-describedby": g,
-                hidden: !0,
-                onChange: x
-              }),
-              se ? /* @__PURE__ */ e(k, {
-                type: "button",
-                startIcon: /* @__PURE__ */ e(Be, {}),
-                onClick: n,
-                disabled: i,
-                variant: "outline",
-                children: _
-              }) : /* @__PURE__ */ e(k, {
-                type: "button",
-                startIcon: /* @__PURE__ */ e($e, {}),
-                onClick: U,
-                disabled: w,
-                focusableWhenDisabled: o && !P,
-                "aria-describedby": g,
-                variant: "outline",
-                children: s
-              }),
-              /* @__PURE__ */ e(k, {
-                type: "button",
-                startIcon: /* @__PURE__ */ e(xe, {}),
-                onClick: t,
-                disabled: le,
-                focusableWhenDisabled: o && !M,
-                variant: "outline",
-                children: b
-              })
-            ]
-          }),
-          G && /* @__PURE__ */ e("span", {
-            className: R.helperText,
-            id: y,
-            children: c
-          }),
-          L && /* @__PURE__ */ e("span", {
-            className: R.errorMessage,
-            id: A,
-            role: "alert",
-            children: d
-          })
-        ]
-      })] })
-    }
-  });
-}, fr = "_button_k3e4y_1", gr = { button: fr }, va = ({ className: r, emphasis: a = "standard", size: t, variant: n, ...i }) => {
-  const o = Oe(Ne), c = t ?? o?.size ?? "sm", d = n ?? o?.variant ?? "ghost";
-  return /* @__PURE__ */ e(k, {
-    ...i,
-    size: c,
-    variant: d,
-    "data-emphasis": a,
-    className: $(gr.button, r)
-  });
-}, Ir = "_button_1fwx7_1", Cr = { button: Ir }, _a = ({ className: r, elevated: a = !0, variant: t, ...n }) => {
-  const i = Oe(Ne), o = t ?? i?.variant ?? "solid";
-  return /* @__PURE__ */ e(k, {
-    ...n,
-    elevated: a,
-    variant: o,
-    className: $(Cr.button, r)
-  });
-}, pe = {
-  maximumFractionDigits: 15,
-  numberingSystem: "latn",
-  useGrouping: "min2"
-}, yr = ({ nextValue: r, currentValue: a, reason: t }) => t === "input-blur" && ge(r, void 0, pe) === ge(a, void 0, pe), Nr = "_root_17bio_1", Sr = "_valueInput_17bio_7", Or = "_button_17bio_14", Tr = "_icon_17bio_32", D = {
-  root: Nr,
-  valueInput: Sr,
-  button: Or,
-  icon: Tr
-}, ba = ({ value: r, defaultValue: a, onValueChange: t, onValueCommitted: n, allowOutOfRange: i = !1, min: o, max: c, step: d = 1, disabled: s, readOnly: b, required: _, name: l, form: h, id: f, showButtons: v = !0, decrementLabel: O = "Decrease value", incrementLabel: E = "Increase value", className: m, ...j }) => {
-  const [B, F] = qe({
-    controlled: r,
-    default: a ?? null,
-    name: "NumberStepper",
-    state: "value"
-  }), T = Ke(B), V = (S, y) => {
-    if (S !== T.current) {
-      if (yr({
-        nextValue: S,
-        currentValue: T.current,
-        reason: y.reason
-      })) {
-        y.cancel();
-        return;
-      }
-      t?.(S, y), !y.isCanceled && (T.current = S, F(S));
-    }
-  };
-  return /* @__PURE__ */ p(ae.Root, {
-    value: B,
-    onValueChange: V,
-    onValueCommitted: n,
-    min: o,
-    max: c,
-    allowOutOfRange: i,
-    step: d,
-    smallStep: d,
-    largeStep: d,
-    disabled: s,
-    readOnly: b,
-    required: _,
-    name: l,
-    form: h,
-    id: f,
-    format: pe,
-    className: D.root,
-    children: [
-      v && /* @__PURE__ */ e(ae.Decrement, {
-        "aria-label": O,
-        render: /* @__PURE__ */ e(k, {
-          type: "button",
-          size: "sm",
-          className: D.button,
-          startIcon: /* @__PURE__ */ e("span", {
-            className: D.icon,
-            children: /* @__PURE__ */ e(we, {})
-          })
-        })
-      }),
-      /* @__PURE__ */ e(ae.Input, {
-        ...j,
-        form: h,
-        className: $(Y(ne.input, ne.sm, D.valueInput), m)
-      }),
-      v && /* @__PURE__ */ e(ae.Increment, {
-        "aria-label": E,
-        render: /* @__PURE__ */ e(k, {
-          type: "button",
-          size: "sm",
-          className: D.button,
-          startIcon: /* @__PURE__ */ e("span", {
-            className: D.icon,
-            children: /* @__PURE__ */ e(je, {})
-          })
-        })
-      })
-    ]
-  });
-}, Pr = "_trigger_1fjn7_1", Rr = "_triggerFlag_1fjn7_31", kr = "_optionFlag_1fjn7_32", Er = "_chevron_1fjn7_52", Fr = "_selectedCountryLabel_1fjn7_57", K = {
-  trigger: Pr,
-  triggerFlag: Rr,
-  optionFlag: kr,
-  chevron: Er,
-  selectedCountryLabel: Fr
-}, wr = ({ label: r, callingCode: a }) => `${r} (+${a})`, xr = ({ countries: r, value: a, onValueChange: t, searchLabel: n = "Search", emptyLabel: i = "No results" }) => {
-  const [o, c] = z(""), d = X(o), s = r.filter(({ label: l }) => X(l).includes(d)), b = s.find((l) => l.value === a), _ = N(b) ? [b, ...s.filter((l) => l.value !== a)] : s;
-  return /* @__PURE__ */ p(Q, { children: [
-    /* @__PURE__ */ e(u.Search, {
-      value: o,
-      onValueChange: c,
-      placeholder: n,
-      "aria-label": n
-    }),
-    /* @__PURE__ */ e(u.Separator, {}),
-    /* @__PURE__ */ p(u.Section, {
-      scrollable: !0,
-      children: [!J(_) && /* @__PURE__ */ e(u.Empty, { children: i }), _.map((l) => {
-        const h = wr(l);
-        return /* @__PURE__ */ e(u.OptionItem, {
-          "aria-label": h,
-          selected: l.value === a,
-          onSelect: () => t(l.value),
-          startIcon: /* @__PURE__ */ e("span", {
-            className: K.optionFlag,
-            "aria-hidden": !0,
-            children: l.flag
-          }),
-          children: /* @__PURE__ */ e(ve, {
-            text: /* @__PURE__ */ p(Q, { children: [
-              l.label,
-              " (",
-              /* @__PURE__ */ p("bdi", {
-                dir: "ltr",
-                children: ["+", l.callingCode]
-              }),
-              ")"
-            ] }),
-            tooltipContent: h
-          })
-        }, l.value);
-      })]
-    })
-  ] });
-}, zr = ({ country: r, className: a, "aria-describedby": t, ...n }) => {
-  const i = ie(), o = [N(r) && i, t].filter(I).join(" ") || void 0;
-  return /* @__PURE__ */ p(u.Trigger, {
-    ...n,
-    "aria-describedby": o,
-    className: $(K.trigger, a),
-    children: [
-      /* @__PURE__ */ e("span", {
-        className: K.triggerFlag,
-        "aria-hidden": !0,
-        children: r?.flag ?? /* @__PURE__ */ e(De, {})
-      }),
-      N(r) && /* @__PURE__ */ e("span", {
-        id: i,
-        className: K.selectedCountryLabel,
-        children: r.label
-      }),
-      /* @__PURE__ */ e(he, {
-        className: K.chevron,
-        "aria-hidden": !0
-      })
-    ]
-  });
-}, fa = {
-  Trigger: zr,
-  Options: xr
-}, $r = "_wrapper_fz4xu_1", Br = "_filterButton_fz4xu_8", Mr = "_inputGroup_fz4xu_17", Dr = "_searchIcon_fz4xu_23", te = {
-  wrapper: $r,
-  filterButton: Br,
-  inputGroup: Mr,
-  searchIcon: Dr
-}, ga = ({ placeholder: r, filterDropdown: a, size: t = "md", id: n, filterButtonAriaLabel: i = "Filter", "aria-label": o, "aria-labelledby": c, ...d }) => {
-  const s = ye(), b = ie(), _ = n ?? b, l = /* @__PURE__ */ e(k, {
-    variant: "outline",
-    size: t,
-    "aria-label": i,
-    startIcon: /* @__PURE__ */ e(Fe, { size: s.icon.size.md }),
-    className: te.filterButton
-  });
-  return /* @__PURE__ */ p("div", {
-    className: te.wrapper,
-    children: [/* @__PURE__ */ e(Ae, {
-      className: te.inputGroup,
-      size: t,
-      startElement: /* @__PURE__ */ e(Me, {
-        className: te.searchIcon,
-        size: s.icon.size.md,
-        "aria-hidden": !0
-      }),
-      children: /* @__PURE__ */ e(Ve, {
-        ...d,
-        id: _,
-        placeholder: r,
-        "aria-label": I(c) ? void 0 : o ?? r,
-        "aria-labelledby": c
-      })
-    }), a?.(l)]
-  });
-}, jr = "_container_1uovu_1", Vr = "_item_1uovu_20", Ar = "_iconOnly_1uovu_60", Gr = "_icon_1uovu_60", Lr = "_label_1uovu_79", q = {
-  container: jr,
-  item: Vr,
-  iconOnly: Ar,
-  icon: Gr,
-  label: Lr
-}, Ia = ({ className: r, itemWidth: a = "equal", options: t, ...n }) => /* @__PURE__ */ e(Xe, {
-  ...n,
-  className: $(q.container, r),
-  "data-item-width": a,
-  children: t.map(({ "aria-label": i, disabled: o, label: c, startIcon: d, value: s }) => /* @__PURE__ */ p(Ge.Root, {
-    value: s,
-    disabled: o,
-    "aria-label": i,
-    className: Y(q.item, !ue(c) && q.iconOnly),
-    children: [ue(d) && /* @__PURE__ */ e("span", {
-      className: q.icon,
-      "aria-hidden": !0,
-      children: d
-    }), ue(c) && /* @__PURE__ */ e("span", {
-      className: q.label,
-      children: c
-    })]
-  }, s))
-});
-export {
-  _a as a,
-  pa as c,
-  ba as i,
-  ma as l,
-  ga as n,
-  va as o,
-  fa as r,
-  ha as s,
-  Ia as t
-};