twenty-ui 2.50.0 → 2.51.1

package/dist/input-k5cMhFI_.js

@@ -1,428 +0,0 @@
-import { t as u } from "./isDefined-fMi6eQ4r.js";
-import { Cn as j, So as ue, Tn as de } from "./icon-CUE-QGQK.js";
-import { t as q } from "./theme-B2EaXhye.js";
-import { t as a } from "./mergeClassNames-ClFMR1v0.js";
-import { r as pe } from "./Button-CU8BS-Yd.js";
-import { t as T } from "./isRenderableSlot-DT_depzM.js";
-import { t as G } from "./useProvidedTextDirection-Dk8LBQeF.js";
-import { n as f, t as m } from "./ListItem.module-BJ9Ttjrc.js";
-import { n as k, r as ve } from "./Input-DZWl81G_.js";
-import { i as h } from "./Radio-BwBZ4e8g.js";
-import { useRender as z } from "@base-ui/react/use-render";
-import { isFunction as R, isNumber as _e, isUndefined as W } from "@sniptt/guards";
-import { clsx as d } from "clsx";
-import { forwardRef as F, useContext as fe, useLayoutEffect as B, useMemo as he, useRef as be, useState as Se } from "react";
-import { jsx as t, jsxs as L } from "react/jsx-runtime";
-import { mergeProps as Ne } from "@base-ui/react/merge-props";
-import { Input as Ie } from "@base-ui/react/input";
-import { RadioGroup as ge } from "@base-ui/react/radio-group";
-import { Autocomplete as s } from "@base-ui/react/autocomplete";
-import { Checkbox as O } from "@base-ui/react/checkbox";
-import { Field as S } from "@base-ui/react/field";
-import { Select as n } from "@base-ui/react/select";
-import { Slider as N } from "@base-ui/react/slider";
-var Ce = "_inputGroup_17li0_1", Ae = "_positioner_17li0_8", we = "_popup_17li0_12", xe = "_arrow_17li0_31", Te = "_separator_17li0_72", Pe = "_list_17li0_86", ke = "_empty_17li0_93", I = {
-  inputGroup: Ce,
-  positioner: Ae,
-  popup: we,
-  arrow: xe,
-  separator: Te,
-  list: Pe,
-  empty: ke
-}, Le = ({ className: e, ...r }) => /* @__PURE__ */ t(s.Arrow, {
-  ...r,
-  className: a(I.arrow, e)
-}), Ge = ({ className: e, ...r }) => /* @__PURE__ */ t(s.Empty, {
-  ...r,
-  className: a(I.empty, e)
-}), Re = ({ size: e, className: r, render: o, ...i }) => {
-  const l = fe(ve);
-  if (u(o)) return /* @__PURE__ */ t(s.Input, {
-    ...i,
-    className: r,
-    render: o
-  });
-  const c = e ?? l?.size ?? "md";
-  return /* @__PURE__ */ t(s.Input, {
-    ...i,
-    className: a(d(k.input, k[c]), r),
-    "data-grouped": u(l) || void 0
-  });
-}, Fe = ({ className: e, ...r }) => /* @__PURE__ */ t(s.InputGroup, {
-  ...r,
-  className: a(I.inputGroup, e)
-}), ye = ({ className: e, children: r, startIcon: o, endIcon: i, description: l, descriptionPlacement: c = "inline", ...p }) => /* @__PURE__ */ L(s.Item, {
-  ...p,
-  className: a(m.root, e),
-  "data-color": "neutral",
-  children: [
-    T(o) && /* @__PURE__ */ t("div", {
-      className: m.startIcon,
-      "aria-hidden": !0,
-      children: o
-    }),
-    /* @__PURE__ */ L("div", {
-      className: m.label,
-      children: [/* @__PURE__ */ t("div", {
-        className: m.text,
-        children: r
-      }), T(l) && c === "inline" && /* @__PURE__ */ t("div", {
-        className: d(m.description, m.inlineDescription),
-        children: l
-      })]
-    }),
-    T(l) && c === "end" && /* @__PURE__ */ t("div", {
-      className: d(m.description, m.endDescription),
-      children: l
-    }),
-    T(i) && /* @__PURE__ */ t("div", {
-      className: m.endIcon,
-      "aria-hidden": !0,
-      children: i
-    })
-  ]
-}), De = ({ className: e, ...r }) => /* @__PURE__ */ t(s.List, {
-  ...r,
-  className: a(I.list, e)
-}), Ee = ({ width: e, style: r, className: o, ...i }) => /* @__PURE__ */ t(s.Popup, {
-  ...i,
-  className: a(I.popup, o),
-  style: (l) => ({
-    width: e,
-    minInlineSize: u(e) ? 0 : void 0,
-    ...R(r) ? r(l) : r
-  })
-}), Be = ({ container: e, ...r }) => {
-  const o = q(), i = G();
-  return /* @__PURE__ */ t(s.Portal, {
-    dir: i,
-    ...r,
-    container: W(e) ? o ?? void 0 : e
-  });
-}, Ve = ({ className: e, align: r = "start", sideOffset: o = 8, ...i }) => {
-  const l = G();
-  return /* @__PURE__ */ t(s.Positioner, {
-    dir: l,
-    align: r,
-    sideOffset: o,
-    ...i,
-    className: a(I.positioner, e)
-  });
-}, $e = ({ className: e, ...r }) => /* @__PURE__ */ t(s.Separator, {
-  ...r,
-  className: a(I.separator, e)
-}), je = () => ({
-  Root: s.Root,
-  Value: s.Value,
-  Trigger: s.Trigger,
-  InputGroup: Fe,
-  Input: Re,
-  Icon: s.Icon,
-  Clear: s.Clear,
-  Portal: Be,
-  Backdrop: s.Backdrop,
-  Positioner: Ve,
-  Popup: Ee,
-  Arrow: Le,
-  List: De,
-  Status: s.Status,
-  Group: s.Group,
-  GroupLabel: s.GroupLabel,
-  Item: ye,
-  Row: s.Row,
-  Collection: s.Collection,
-  Empty: Ge,
-  Separator: $e,
-  useFilter: s.useFilter,
-  useFilteredItems: s.useFilteredItems
-}), oo = /* @__PURE__ */ je(), qe = "_container_262rx_1", ze = { container: qe }, to = ({ attached: e = !0, framed: r = !1, className: o, children: i, variant: l, size: c, color: p, render: g, ref: C, ...A }) => {
-  const w = z({
-    render: g,
-    ref: C,
-    props: {
-      role: "group",
-      "data-attached": e || void 0,
-      "data-framed": r || void 0,
-      ...A,
-      className: d(ze.container, o),
-      children: i
-    }
-  });
-  return /* @__PURE__ */ t(pe.Provider, {
-    value: {
-      variant: l,
-      color: p,
-      size: c
-    },
-    children: w
-  });
-}, H = ({ className: e, ...r }) => /* @__PURE__ */ t(O.Indicator, {
-  ...r,
-  className: a(f.indicator, e)
-}), U = ({ size: e = "sm", variant: r = "solid", shape: o = "square", color: i = "accent", hoverable: l = !0, className: c, ...p }) => /* @__PURE__ */ t(O.Root, {
-  ...p,
-  className: a(d(f.root, f[e], f[r], f[o], f[i], l && f.hoverable), c)
-}), We = ({ children: e, ...r }) => /* @__PURE__ */ L(U, {
-  ...r,
-  children: [/* @__PURE__ */ L(H, { children: [/* @__PURE__ */ t(j, {
-    className: f.check,
-    "aria-hidden": !0
-  }), /* @__PURE__ */ t(ue, {
-    className: f.minus,
-    "aria-hidden": !0
-  })] }), e]
-}), ao = Object.assign(We, {
-  Root: U,
-  Indicator: H
-}), Oe = "_description_yrj5x_1", He = { description: Oe }, M = F(({ className: e, ...r }, o) => /* @__PURE__ */ t(S.Description, {
-  ref: o,
-  className: a(He.description, e),
-  ...r
-}));
-M.displayName = "FieldDescription";
-var Ue = "_error_179et_1", Me = { error: Ue }, J = F(({ className: e, ...r }, o) => /* @__PURE__ */ t(S.Error, {
-  ref: o,
-  className: a(Me.error, e),
-  ...r
-}));
-J.displayName = "FieldError";
-var Je = "_label_1yxve_1", Ke = { label: Je }, K = F(({ className: e, ...r }, o) => /* @__PURE__ */ t(S.Label, {
-  ref: o,
-  className: a(Ke.label, e),
-  ...r
-}));
-K.displayName = "FieldLabel";
-var io = {
-  Root: S.Root,
-  Item: S.Item,
-  Label: K,
-  Control: S.Control,
-  Description: M,
-  Error: J,
-  Validity: S.Validity
-}, Qe = "_root_1bvm7_1", Xe = { root: Qe }, lo = ({ className: e, orientation: r = "vertical", ...o }) => /* @__PURE__ */ t(ge, {
-  ...o,
-  className: a(Xe.root, e),
-  "data-orientation": r
-}), Ye = ({ className: e, ...r }) => /* @__PURE__ */ t(n.GroupLabel, {
-  ...r,
-  className: a(h.groupLabel, e)
-}), Ze = ({ className: e, children: r = /* @__PURE__ */ t(de, {}), ...o }) => /* @__PURE__ */ t(n.Icon, {
-  ...o,
-  className: a(h.icon, e),
-  children: r
-}), er = ({ className: e, ...r }) => /* @__PURE__ */ t(n.Item, {
-  "data-color": "neutral",
-  "data-indicator": "check",
-  ...r,
-  className: a(d(m.root, h.item), e)
-}), rr = ({ className: e, children: r = /* @__PURE__ */ t(j, { className: m.checkIndicator }), ...o }) => /* @__PURE__ */ t(n.ItemIndicator, {
-  ...o,
-  className: a(h.indicator, e),
-  children: r
-}), or = ({ className: e, ...r }) => /* @__PURE__ */ t(n.ItemText, {
-  ...r,
-  className: a(d(m.label, m.text), e)
-}), tr = ({ className: e, ...r }) => /* @__PURE__ */ t(n.Popup, {
-  ...r,
-  className: a(h.popup, e)
-}), ar = ({ container: e, ...r }) => {
-  const o = q(), i = G();
-  return /* @__PURE__ */ t(n.Portal, {
-    dir: i,
-    ...r,
-    container: W(e) ? o ?? void 0 : e
-  });
-}, ir = ({ className: e, ...r }) => {
-  const o = G();
-  return /* @__PURE__ */ t(n.Positioner, {
-    dir: o,
-    ...r,
-    className: a(h.positioner, e)
-  });
-}, lr = ({ className: e, ...r }) => /* @__PURE__ */ t(n.Separator, {
-  ...r,
-  className: a(h.separator, e)
-}), sr = ({ size: e = "md", className: r, ...o }) => /* @__PURE__ */ t(n.Trigger, {
-  ...o,
-  className: a(d(k.input, k[e], h.trigger), r)
-}), nr = ({ className: e, ...r }) => /* @__PURE__ */ t(n.Value, {
-  ...r,
-  className: a(h.value, e)
-}), cr = () => ({
-  Root: n.Root,
-  Label: n.Label,
-  Trigger: sr,
-  Value: nr,
-  Icon: Ze,
-  Portal: ar,
-  Backdrop: n.Backdrop,
-  Positioner: ir,
-  Popup: tr,
-  List: n.List,
-  Item: er,
-  ItemIndicator: rr,
-  ItemText: or,
-  Arrow: n.Arrow,
-  ScrollDownArrow: n.ScrollDownArrow,
-  ScrollUpArrow: n.ScrollUpArrow,
-  Group: n.Group,
-  GroupLabel: Ye,
-  Separator: lr
-}), so = /* @__PURE__ */ cr(), mr = "_root_1mh0w_1", ur = "_accent_1mh0w_16", dr = "_success_1mh0w_20", pr = "_control_1mh0w_24", vr = "_track_1mh0w_42", _r = "_indicator_1mh0w_55", fr = "_thumb_1mh0w_66", hr = "_label_1mh0w_80", br = "_value_1mh0w_81", b = {
-  root: mr,
-  accent: ur,
-  success: dr,
-  control: pr,
-  track: vr,
-  indicator: _r,
-  thumb: fr,
-  label: hr,
-  value: br
-}, Sr = ({ className: e, color: r = "accent", thumbAlignment: o = "edge", ...i }) => /* @__PURE__ */ t(N.Root, {
-  ...i,
-  thumbAlignment: o,
-  className: a(d(b.root, b[r]), e)
-}), Nr = ({ className: e, ...r }) => /* @__PURE__ */ t(N.Control, {
-  ...r,
-  className: a(b.control, e)
-}), Ir = ({ className: e, ...r }) => /* @__PURE__ */ t(N.Track, {
-  ...r,
-  className: a(b.track, e)
-}), gr = ({ className: e, ...r }) => /* @__PURE__ */ t(N.Indicator, {
-  ...r,
-  className: a(b.indicator, e)
-}), Cr = ({ className: e, ...r }) => /* @__PURE__ */ t(N.Thumb, {
-  ...r,
-  className: a(b.thumb, e)
-}), Ar = ({ className: e, ...r }) => /* @__PURE__ */ t(N.Label, {
-  ...r,
-  className: a(b.label, e)
-}), wr = ({ className: e, ...r }) => /* @__PURE__ */ t(N.Value, {
-  ...r,
-  className: a(b.value, e)
-}), no = {
-  Root: Sr,
-  Control: Nr,
-  Track: Ir,
-  Indicator: gr,
-  Thumb: Cr,
-  Label: Ar,
-  Value: wr
-}, xr = ({ controlProps: e, nativeProps: r, state: o, render: i }) => {
-  const { ref: l, ...c } = e, { ref: p, ...g } = r;
-  return z({
-    defaultTagName: "textarea",
-    render: i,
-    state: { ...o },
-    ref: [l ?? null, p ?? null],
-    props: Ne(c, g)
-  });
-}, Tr = (e) => u(e) ? _e(e) ? `${e}px` : String(e) : "", V = (e, r) => {
-  if (u(e)) {
-    if (R(e)) return e(r);
-    e.current = r;
-  }
-}, Pr = (...e) => (r) => {
-  const o = e.map((i) => {
-    const l = V(i, r);
-    return R(l) ? l : () => V(i, null);
-  });
-  return () => {
-    for (const i of o) i();
-  };
-}, P = (e) => {
-  e.style.blockSize = "auto";
-  const r = e.offsetHeight - e.clientHeight;
-  e.style.blockSize = `${e.scrollHeight + r}px`;
-}, kr = (e) => {
-  if (!u(globalThis.ResizeObserver)) return;
-  let r, o = e.clientWidth;
-  const i = new ResizeObserver(() => {
-    const l = e.clientWidth;
-    l !== o && (o = l, u(r) && cancelAnimationFrame(r), r = requestAnimationFrame(() => {
-      r = void 0, P(e);
-    }));
-  });
-  return i.observe(e), () => {
-    i.disconnect(), u(r) && cancelAnimationFrame(r);
-  };
-}, Lr = "_textarea_1qcvj_1", Gr = "_sm_1qcvj_38", Rr = "_md_1qcvj_42", $ = {
-  textarea: Lr,
-  sm: Gr,
-  md: Rr
-}, co = ({ size: e = "md", autoResize: r = !1, maxRows: o, className: i, style: l, ref: c, render: p, onChange: g, value: C, rows: A, ...w }) => {
-  const [v, Q] = Se(null), X = he(() => Pr(c, Q), [c]), Y = u(C), y = l?.blockSize, D = be(!1);
-  B(() => {
-    if (!u(v)) return;
-    const _ = D.current;
-    if (D.current = r, r) {
-      P(v);
-      return;
-    }
-    _ && (v.style.blockSize = Tr(y));
-  }, [
-    v,
-    r,
-    C,
-    o,
-    A,
-    e,
-    y
-  ]), B(() => {
-    if (!r || !u(v)) return;
-    let _ = !0;
-    const x = (me) => {
-      requestAnimationFrame(() => {
-        _ && !me.defaultPrevented && P(v);
-      });
-    }, E = v.form, ce = kr(v);
-    return E?.addEventListener("reset", x), () => {
-      _ = !1, E?.removeEventListener("reset", x), ce?.();
-    };
-  }, [
-    v,
-    r,
-    w.form
-  ]);
-  const Z = (_) => {
-    r && !Y && P(_.currentTarget), g?.(_);
-  }, ee = u(o) ? {
-    ...l,
-    "--tw-textarea-max-rows": o
-  } : l, { "aria-describedby": re, id: oe, name: te, disabled: ae, autoFocus: ie, defaultValue: le, onValueChange: se, ...ne } = w;
-  return /* @__PURE__ */ t(Ie, {
-    "aria-describedby": re,
-    id: oe,
-    name: te,
-    disabled: ae,
-    autoFocus: ie,
-    defaultValue: le,
-    onValueChange: se,
-    render: (_, x) => /* @__PURE__ */ t(xr, {
-      controlProps: _,
-      nativeProps: {
-        ...ne,
-        rows: A,
-        onChange: Z,
-        ref: X
-      },
-      state: x,
-      render: p
-    }),
-    value: C,
-    className: a(d($.textarea, $[e]), i),
-    style: ee,
-    "data-auto-resize": r || void 0
-  });
-};
-export {
-  io as a,
-  oo as c,
-  lo as i,
-  no as n,
-  ao as o,
-  so as r,
-  to as s,
-  co as t
-};