twenty-ui 2.44.0 → 2.46.0

package/dist/input-CmZ5aC9o.js

@@ -0,0 +1,548 @@
+import { t as _ } from "./isDefined-fMi6eQ4r.js";
+import { Cn as oe, So as te, Tn as Ie, ts as Se } from "./icon-Bo3y4NHM.js";
+import { t as ie } from "./theme-yAk9zrNA.js";
+import { t as f } from "./isRenderableSlot-DT_depzM.js";
+import { n as Ce, t as Y } from "./Button-DQUIhQAm.js";
+import { t as l } from "./mergeClassNames-ClFMR1v0.js";
+import { t as ne } from "./useProvidedTextDirection-Dk8LBQeF.js";
+import { n as S, t as c } from "./ListItem.module-Ar-vZ7Qu.js";
+import { i as ge, n as G, r as Re } from "./Input-D3-FH2Zz.js";
+import { n as g } from "./InputGroup-wM9PT12U.js";
+import { useRender as le } from "@base-ui/react/use-render";
+import { isFunction as J, isNumber as ye } from "@sniptt/guards";
+import { clsx as p } from "clsx";
+import { forwardRef as Q, useContext as Te, useLayoutEffect as Z, useMemo as xe, useRef as ke, useState as Fe } from "react";
+import { jsx as a, jsxs as N } from "react/jsx-runtime";
+import { mergeProps as Pe } from "@base-ui/react/merge-props";
+import { Input as Ae } from "@base-ui/react/input";
+import { Autocomplete as C } from "@base-ui/react/autocomplete";
+import { Checkbox as se } from "@base-ui/react/checkbox";
+import { Field as T } from "@base-ui/react/field";
+import { NumberField as z } from "@base-ui/react/number-field";
+import { useControlled as Ge } from "@base-ui/utils/useControlled";
+import { useValueAsRef as $e } from "@base-ui/utils/useValueAsRef";
+import { formatNumber as ee } from "@base-ui/utils/formatNumber";
+import { Radio as U } from "@base-ui/react/radio";
+import { RadioGroup as ce } from "@base-ui/react/radio-group";
+import { Select as v } from "@base-ui/react/select";
+import { Slider as x } from "@base-ui/react/slider";
+var Le = "_inputGroup_h8o8y_1", Ee = "_positioner_h8o8y_8", Ve = "_popup_h8o8y_12", we = "_list_h8o8y_38", De = "_empty_h8o8y_45", V = {
+  inputGroup: Le,
+  positioner: Ee,
+  popup: Ve,
+  list: we,
+  empty: De
+}, Be = ({ className: e, ...r }) => /* @__PURE__ */ a(C.Empty, {
+  ...r,
+  className: l(V.empty, e)
+}), Oe = ({ size: e, className: r, onKeyDown: o, ...t }) => {
+  const i = Te(Re), s = e ?? i?.size ?? "md";
+  return /* @__PURE__ */ a(C.Input, {
+    ...t,
+    className: l(p(G.input, G[s]), r),
+    "data-grouped": _(i) || void 0,
+    onKeyDown: (n) => {
+      o?.(n), n.defaultPrevented && n.preventBaseUIHandler();
+    }
+  });
+}, ze = ({ className: e, ...r }) => /* @__PURE__ */ a(C.InputGroup, {
+  ...r,
+  className: l(V.inputGroup, e)
+}), je = ({ className: e, children: r, startIcon: o, endIcon: t, description: i, descriptionPlacement: s = "inline", ...n }) => /* @__PURE__ */ N(C.Item, {
+  ...n,
+  className: l(c.root, e),
+  "data-color": "neutral",
+  children: [
+    f(o) && /* @__PURE__ */ a("div", {
+      className: c.startIcon,
+      "aria-hidden": !0,
+      children: o
+    }),
+    /* @__PURE__ */ N("div", {
+      className: c.label,
+      children: [/* @__PURE__ */ a("div", {
+        className: c.text,
+        children: r
+      }), f(i) && s === "inline" && /* @__PURE__ */ a("div", {
+        className: p(c.description, c.inlineDescription),
+        children: i
+      })]
+    }),
+    f(i) && s === "end" && /* @__PURE__ */ a("div", {
+      className: p(c.description, c.endDescription),
+      children: i
+    }),
+    f(t) && /* @__PURE__ */ a("div", {
+      className: c.endIcon,
+      "aria-hidden": !0,
+      children: t
+    })
+  ]
+}), qe = ({ className: e, ...r }) => /* @__PURE__ */ a(C.List, {
+  ...r,
+  className: l(V.list, e)
+}), We = ({ side: e = "bottom", align: r = "start", sideOffset: o = 8, alignOffset: t, anchor: i, collisionPadding: s, width: n, style: m, container: d, className: h, ...b }) => {
+  const u = ie(), $ = ne();
+  return /* @__PURE__ */ a(C.Portal, {
+    container: d === void 0 ? u ?? void 0 : d,
+    children: /* @__PURE__ */ a(C.Positioner, {
+      dir: $,
+      side: e,
+      align: r,
+      sideOffset: o,
+      alignOffset: t,
+      anchor: i,
+      collisionPadding: s,
+      className: V.positioner,
+      children: /* @__PURE__ */ a(C.Popup, {
+        ...b,
+        className: l(V.popup, h),
+        style: (k) => ({
+          width: n,
+          minInlineSize: _(n) ? 0 : void 0,
+          ...J(m) ? m(k) : m
+        })
+      })
+    })
+  });
+}, He = ({ onOpenChange: e, ...r }) => /* @__PURE__ */ a(C.Root, {
+  ...r,
+  onOpenChange: (o, t) => {
+    e?.(o, t), !(o || t.isCanceled || t.reason !== "outside-press") && ge(t.event);
+  }
+}), Me = () => ({
+  Root: He,
+  InputGroup: ze,
+  Input: Oe,
+  Popup: We,
+  List: qe,
+  Item: je,
+  Empty: Be
+}), ya = /* @__PURE__ */ Me(), Ue = "_container_262rx_1", Ke = { container: Ue }, Ta = ({ attached: e = !0, framed: r = !1, className: o, children: t, variant: i, size: s, color: n, render: m, ref: d, ...h }) => {
+  const b = le({
+    render: m,
+    ref: d,
+    props: {
+      role: "group",
+      "data-attached": e || void 0,
+      "data-framed": r || void 0,
+      ...h,
+      className: p(Ke.container, o),
+      children: t
+    }
+  });
+  return /* @__PURE__ */ a(Ce.Provider, {
+    value: {
+      variant: i,
+      color: n,
+      size: s
+    },
+    children: b
+  });
+}, me = ({ className: e, ...r }) => /* @__PURE__ */ a(se.Indicator, {
+  ...r,
+  className: l(S.indicator, e)
+}), de = ({ size: e = "sm", variant: r = "solid", shape: o = "square", color: t = "accent", hoverable: i = !0, className: s, ...n }) => /* @__PURE__ */ a(se.Root, {
+  ...n,
+  className: l(p(S.root, S[e], S[r], S[o], S[t], i && S.hoverable), s)
+}), Je = ({ children: e, ...r }) => /* @__PURE__ */ N(de, {
+  ...r,
+  children: [/* @__PURE__ */ N(me, { children: [/* @__PURE__ */ a(oe, {
+    className: S.check,
+    "aria-hidden": !0
+  }), /* @__PURE__ */ a(te, {
+    className: S.minus,
+    "aria-hidden": !0
+  })] }), e]
+}), xa = Object.assign(Je, {
+  Root: de,
+  Indicator: me
+}), Qe = "_description_yrj5x_1", Xe = { description: Qe }, ue = Q(({ className: e, ...r }, o) => /* @__PURE__ */ a(T.Description, {
+  ref: o,
+  className: l(Xe.description, e),
+  ...r
+}));
+ue.displayName = "FieldDescription";
+var Ye = "_error_179et_1", Ze = { error: Ye }, pe = Q(({ className: e, ...r }, o) => /* @__PURE__ */ a(T.Error, {
+  ref: o,
+  className: l(Ze.error, e),
+  ...r
+}));
+pe.displayName = "FieldError";
+var er = "_label_1yxve_1", rr = { label: er }, ve = Q(({ className: e, ...r }, o) => /* @__PURE__ */ a(T.Label, {
+  ref: o,
+  className: l(rr.label, e),
+  ...r
+}));
+ve.displayName = "FieldLabel";
+var ka = {
+  Root: T.Root,
+  Item: T.Item,
+  Label: ve,
+  Control: T.Control,
+  Description: ue,
+  Error: pe,
+  Validity: T.Validity
+}, K = {
+  maximumFractionDigits: 15,
+  numberingSystem: "latn",
+  useGrouping: "min2"
+}, ar = ({ nextValue: e, currentValue: r, reason: o }) => o === "input-blur" && ee(e, void 0, K) === ee(r, void 0, K), or = "_root_17bio_1", tr = "_valueInput_17bio_7", ir = "_button_17bio_14", nr = "_icon_17bio_32", P = {
+  root: or,
+  valueInput: tr,
+  button: ir,
+  icon: nr
+}, Fa = ({ value: e, defaultValue: r, onValueChange: o, allowOutOfRange: t = !1, min: i, max: s, step: n = 1, disabled: m, readOnly: d, required: h, name: b, form: u, id: $, showButtons: k = !0, decrementLabel: q = "Decrease value", incrementLabel: w = "Increase value", className: D, ...W }) => {
+  const [B, H] = Ge({
+    controlled: e,
+    default: r ?? null,
+    name: "NumberStepper",
+    state: "value"
+  }), L = $e(B), M = (y, F) => {
+    if (y !== L.current) {
+      if (ar({
+        nextValue: y,
+        currentValue: L.current,
+        reason: F.reason
+      })) {
+        F.cancel();
+        return;
+      }
+      o?.(y, F), !F.isCanceled && (L.current = y, H(y));
+    }
+  };
+  return /* @__PURE__ */ N(z.Root, {
+    value: B,
+    onValueChange: M,
+    min: i,
+    max: s,
+    allowOutOfRange: t,
+    step: n,
+    smallStep: n,
+    largeStep: n,
+    disabled: m,
+    readOnly: d,
+    required: h,
+    name: b,
+    form: u,
+    id: $,
+    format: K,
+    className: P.root,
+    children: [
+      k && /* @__PURE__ */ a(z.Decrement, {
+        "aria-label": q,
+        render: /* @__PURE__ */ a(Y, {
+          type: "button",
+          size: "sm",
+          className: P.button,
+          startIcon: /* @__PURE__ */ a("span", {
+            className: P.icon,
+            children: /* @__PURE__ */ a(te, {})
+          })
+        })
+      }),
+      /* @__PURE__ */ a(z.Input, {
+        ...W,
+        form: u,
+        className: l(p(G.input, G.sm, P.valueInput), D)
+      }),
+      k && /* @__PURE__ */ a(z.Increment, {
+        "aria-label": w,
+        render: /* @__PURE__ */ a(Y, {
+          type: "button",
+          size: "sm",
+          className: P.button,
+          startIcon: /* @__PURE__ */ a("span", {
+            className: P.icon,
+            children: /* @__PURE__ */ a(Se, {})
+          })
+        })
+      })
+    ]
+  });
+}, lr = "_root_1dv0f_1", sr = "_control_1dv0f_18", cr = "_sm_1dv0f_33", mr = "_md_1dv0f_38", dr = "_indicator_1dv0f_49", ur = "_card_1dv0f_90", pr = "_cardContent_1dv0f_111", A = {
+  root: lr,
+  control: sr,
+  sm: cr,
+  md: mr,
+  indicator: dr,
+  card: ur,
+  cardContent: pr
+}, Pa = ({ children: e, className: r, size: o = "sm", variant: t = "default", ...i }) => /* @__PURE__ */ N(U.Root, {
+  render: t === "card" ? /* @__PURE__ */ a("div", {}) : void 0,
+  ...i,
+  className: l(p(A.root, A[o], t === "card" && A.card), r),
+  children: [/* @__PURE__ */ a("span", {
+    className: A.control,
+    "aria-hidden": !0,
+    children: /* @__PURE__ */ a(U.Indicator, { className: A.indicator })
+  }), t === "card" ? /* @__PURE__ */ a("div", {
+    className: A.cardContent,
+    children: e
+  }) : e]
+}), vr = "_root_1h79s_1", _r = { root: vr }, Aa = ({ className: e, ...r }) => /* @__PURE__ */ a(ce, {
+  ...r,
+  className: l(_r.root, e)
+}), fr = "_container_1uovu_1", hr = "_item_1uovu_20", br = "_iconOnly_1uovu_60", Nr = "_icon_1uovu_60", Ir = "_label_1uovu_79", E = {
+  container: fr,
+  item: hr,
+  iconOnly: br,
+  icon: Nr,
+  label: Ir
+}, Ga = ({ className: e, itemWidth: r = "equal", options: o, ...t }) => /* @__PURE__ */ a(ce, {
+  ...t,
+  className: l(E.container, e),
+  "data-item-width": r,
+  children: o.map(({ "aria-label": i, disabled: s, label: n, startIcon: m, value: d }) => /* @__PURE__ */ N(U.Root, {
+    value: d,
+    disabled: s,
+    "aria-label": i,
+    className: p(E.item, !f(n) && E.iconOnly),
+    children: [f(m) && /* @__PURE__ */ a("span", {
+      className: E.icon,
+      "aria-hidden": !0,
+      children: m
+    }), f(n) && /* @__PURE__ */ a("span", {
+      className: E.label,
+      children: n
+    })]
+  }, d))
+}), Sr = ({ className: e, ...r }) => /* @__PURE__ */ a(v.GroupLabel, {
+  ...r,
+  className: l(g.groupLabel, e)
+}), Cr = ({ className: e, children: r, startIcon: o, endIcon: t, description: i, descriptionPlacement: s = "inline", ...n }) => /* @__PURE__ */ N(v.Item, {
+  ...n,
+  className: l(p(c.root, g.item), e),
+  "data-color": "neutral",
+  "data-indicator": "check",
+  children: [
+    f(o) && /* @__PURE__ */ a("div", {
+      className: c.startIcon,
+      "aria-hidden": !0,
+      children: o
+    }),
+    /* @__PURE__ */ N("div", {
+      className: c.label,
+      children: [/* @__PURE__ */ a(v.ItemText, {
+        className: c.text,
+        children: r
+      }), f(i) && s === "inline" && /* @__PURE__ */ a("div", {
+        className: p(c.description, c.inlineDescription),
+        children: i
+      })]
+    }),
+    f(i) && s === "end" && /* @__PURE__ */ a("div", {
+      className: p(c.description, c.endDescription),
+      children: i
+    }),
+    f(t) && /* @__PURE__ */ a("div", {
+      className: c.endIcon,
+      "aria-hidden": !0,
+      children: t
+    }),
+    /* @__PURE__ */ a(v.ItemIndicator, {
+      className: g.indicator,
+      children: /* @__PURE__ */ a(oe, { className: c.checkIndicator })
+    })
+  ]
+}), gr = ({ side: e = "bottom", align: r = "start", sideOffset: o = 8, alignOffset: t, alignItemWithTrigger: i = !1, anchor: s, container: n, className: m, ...d }) => {
+  const h = ie(), b = ne();
+  return /* @__PURE__ */ a(v.Portal, {
+    container: n === void 0 ? h ?? void 0 : n,
+    children: /* @__PURE__ */ a(v.Positioner, {
+      dir: b,
+      side: e,
+      align: r,
+      sideOffset: o,
+      alignOffset: t,
+      alignItemWithTrigger: i,
+      anchor: s,
+      className: g.positioner,
+      children: /* @__PURE__ */ a(v.Popup, {
+        ...d,
+        className: l(g.popup, m)
+      })
+    })
+  });
+}, Rr = ({ className: e, ...r }) => /* @__PURE__ */ a(v.Separator, {
+  ...r,
+  className: l(g.separator, e)
+}), yr = ({ size: e = "md", className: r, children: o, ...t }) => /* @__PURE__ */ N(v.Trigger, {
+  ...t,
+  className: l(p(G.input, G[e], g.trigger), r),
+  children: [o, /* @__PURE__ */ a(v.Icon, {
+    className: g.icon,
+    children: /* @__PURE__ */ a(Ie, {})
+  })]
+}), Tr = ({ className: e, ...r }) => /* @__PURE__ */ a(v.Value, {
+  ...r,
+  className: l(g.value, e)
+}), xr = () => ({
+  Root: v.Root,
+  Trigger: yr,
+  Value: Tr,
+  Popup: gr,
+  Item: Cr,
+  Group: v.Group,
+  GroupLabel: Sr,
+  Separator: Rr
+}), $a = /* @__PURE__ */ xr(), kr = "_root_1mh0w_1", Fr = "_accent_1mh0w_16", Pr = "_success_1mh0w_20", Ar = "_control_1mh0w_24", Gr = "_track_1mh0w_42", $r = "_indicator_1mh0w_55", Lr = "_thumb_1mh0w_66", Er = "_label_1mh0w_80", Vr = "_value_1mh0w_81", R = {
+  root: kr,
+  accent: Fr,
+  success: Pr,
+  control: Ar,
+  track: Gr,
+  indicator: $r,
+  thumb: Lr,
+  label: Er,
+  value: Vr
+}, wr = ({ className: e, color: r = "accent", thumbAlignment: o = "edge", ...t }) => /* @__PURE__ */ a(x.Root, {
+  ...t,
+  thumbAlignment: o,
+  className: l(p(R.root, R[r]), e)
+}), Dr = ({ className: e, ...r }) => /* @__PURE__ */ a(x.Control, {
+  ...r,
+  className: l(R.control, e)
+}), Br = ({ className: e, ...r }) => /* @__PURE__ */ a(x.Track, {
+  ...r,
+  className: l(R.track, e)
+}), Or = ({ className: e, ...r }) => /* @__PURE__ */ a(x.Indicator, {
+  ...r,
+  className: l(R.indicator, e)
+}), zr = ({ className: e, ...r }) => /* @__PURE__ */ a(x.Thumb, {
+  ...r,
+  className: l(R.thumb, e)
+}), jr = ({ className: e, ...r }) => /* @__PURE__ */ a(x.Label, {
+  ...r,
+  className: l(R.label, e)
+}), qr = ({ className: e, ...r }) => /* @__PURE__ */ a(x.Value, {
+  ...r,
+  className: l(R.value, e)
+}), La = {
+  Root: wr,
+  Control: Dr,
+  Track: Br,
+  Indicator: Or,
+  Thumb: zr,
+  Label: jr,
+  Value: qr
+}, Wr = ({ controlProps: e, nativeProps: r, state: o, render: t }) => {
+  const { ref: i, ...s } = e, { ref: n, ...m } = r;
+  return le({
+    defaultTagName: "textarea",
+    render: t,
+    state: { ...o },
+    ref: [i ?? null, n ?? null],
+    props: Pe(s, m)
+  });
+}, Hr = (e) => _(e) ? ye(e) ? `${e}px` : String(e) : "", re = (e, r) => {
+  if (_(e)) {
+    if (J(e)) return e(r);
+    e.current = r;
+  }
+}, Mr = (...e) => (r) => {
+  const o = e.map((t) => {
+    const i = re(t, r);
+    return J(i) ? i : () => re(t, null);
+  });
+  return () => {
+    for (const t of o) t();
+  };
+}, j = (e) => {
+  e.style.blockSize = "auto";
+  const r = e.offsetHeight - e.clientHeight;
+  e.style.blockSize = `${e.scrollHeight + r}px`;
+}, Ur = (e) => {
+  if (!_(globalThis.ResizeObserver)) return;
+  let r, o = e.clientWidth;
+  const t = new ResizeObserver(() => {
+    const i = e.clientWidth;
+    i !== o && (o = i, _(r) && cancelAnimationFrame(r), r = requestAnimationFrame(() => {
+      r = void 0, j(e);
+    }));
+  });
+  return t.observe(e), () => {
+    t.disconnect(), _(r) && cancelAnimationFrame(r);
+  };
+}, Kr = "_textarea_1qcvj_1", Jr = "_sm_1qcvj_38", Qr = "_md_1qcvj_42", ae = {
+  textarea: Kr,
+  sm: Jr,
+  md: Qr
+}, Ea = ({ size: e = "md", autoResize: r = !1, maxRows: o, className: t, style: i, ref: s, render: n, onChange: m, value: d, rows: h, ...b }) => {
+  const [u, $] = Fe(null), k = xe(() => Mr(s, $), [s]), q = _(d), w = i?.blockSize, D = ke(!1);
+  Z(() => {
+    if (!_(u)) return;
+    const I = D.current;
+    if (D.current = r, r) {
+      j(u);
+      return;
+    }
+    I && (u.style.blockSize = Hr(w));
+  }, [
+    u,
+    r,
+    d,
+    o,
+    h,
+    e,
+    w
+  ]), Z(() => {
+    if (!r || !_(u)) return;
+    let I = !0;
+    const O = (Ne) => {
+      requestAnimationFrame(() => {
+        I && !Ne.defaultPrevented && j(u);
+      });
+    }, X = u.form, be = Ur(u);
+    return X?.addEventListener("reset", O), () => {
+      I = !1, X?.removeEventListener("reset", O), be?.();
+    };
+  }, [
+    u,
+    r,
+    b.form
+  ]);
+  const W = (I) => {
+    r && !q && j(I.currentTarget), m?.(I);
+  }, B = _(o) ? {
+    ...i,
+    "--tw-textarea-max-rows": o
+  } : i, { "aria-describedby": H, id: L, name: M, disabled: y, autoFocus: F, defaultValue: _e, onValueChange: fe, ...he } = b;
+  return /* @__PURE__ */ a(Ae, {
+    "aria-describedby": H,
+    id: L,
+    name: M,
+    disabled: y,
+    autoFocus: F,
+    defaultValue: _e,
+    onValueChange: fe,
+    render: (I, O) => /* @__PURE__ */ a(Wr, {
+      controlProps: I,
+      nativeProps: {
+        ...he,
+        rows: h,
+        onChange: W,
+        ref: k
+      },
+      state: O,
+      render: n
+    }),
+    value: d,
+    className: l(p(ae.textarea, ae[e]), t),
+    style: B,
+    "data-auto-resize": r || void 0
+  });
+};
+export {
+  Aa as a,
+  ka as c,
+  ya as d,
+  Ga as i,
+  xa as l,
+  La as n,
+  Pa as o,
+  $a as r,
+  Fa as s,
+  Ea as t,
+  Ta as u
+};

package/dist/input-D9vXRp8R.cjs

@@ -0,0 +1 @@
+const ue=require("./theme-Zf62UE02.cjs"),S=require("./isDefined-DS2Q42p5.cjs"),R=require("./normalizeSearchText-DoNMfZqV.cjs"),N=require("./Button-DkijwPOi.cjs"),L=require("./mergeClassNames-D4lshrT6.cjs"),se=require("./OverflowingTextWithTooltip-CXHiE4BG.cjs"),c=require("./Dropdown-Ckcy6ZLF.cjs"),ae=require("./Input-W2vWPc9r.cjs"),X=require("./InputGroup-DEozqrQd.cjs");let de=require("@base-ui/react/use-render"),l=require("@sniptt/guards"),ie=require("clsx"),h=require("react"),e=require("react/jsx-runtime"),fe=require("@base-ui/utils/useMergedRefs"),ve=require("@base-ui/utils/useStableCallback"),y=require("@tabler/icons-react");var be="_root_1x3d7_1",xe="_label_1x3d7_6",je="_flag_1x3d7_14",G={root:be,label:xe,flag:je},ye=({disabled:r,open:t,onOpenChange:n})=>{const a=(0,ve.useStableCallback)(n);return(0,h.useEffect)(()=>{!r||!t||a(!1)},[r,t,a]),null},Se=({countries:r,value:t,onValueChange:n,searchLabel:a,noCountryLabel:o,noResultsLabel:s})=>{const[d,g]=(0,h.useState)(""),u=R.normalizeSearchText(d.trim()),b=(0,l.isNonEmptyString)(u),_=r.filter(v=>R.normalizeSearchText(v.label).includes(u)),i=R.normalizeSearchText(o).includes(u),f=i||(0,l.isNonEmptyArray)(_),x=i&&(0,e.jsx)(c.Dropdown.OptionItem,{selected:!(0,l.isNonEmptyString)(t),startIcon:(0,e.jsx)("span",{className:G.flag,"aria-hidden":"true",children:(0,e.jsx)(y.IconCircleOff,{})}),onSelect:()=>n(""),children:o});return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(c.Dropdown.Search,{value:d,onValueChange:g,placeholder:a,"aria-label":a}),f&&(0,e.jsx)(c.Dropdown.Separator,{}),f&&(0,e.jsxs)(c.Dropdown.Section,{scrollable:!0,children:[!b&&x,_.map(v=>(0,e.jsx)(c.Dropdown.OptionItem,{selected:v.value===t,startIcon:(0,e.jsx)("span",{className:G.flag,"aria-hidden":"true",children:v.flag}),onSelect:()=>n(v.value),children:v.label},v.value)),b&&x]}),!f&&(0,e.jsx)(c.Dropdown.Empty,{children:s})]})},Ce=({ariaLabelledBy:r,ariaLabel:t,visibleLabelId:n})=>{if((0,l.isNonEmptyString)(r))return r;if(!(0,l.isNonEmptyString)(t))return n},A=r=>r.preventBaseUIHandler?.(),Ie=({countries:r,value:t,onValueChange:n,label:a,searchLabel:o="Search",noCountryLabel:s="No country",noResultsLabel:d="No results",open:g,onOpenChange:u,popupProps:b,disabled:_=!1,className:i,style:f,render:x,onClick:v,onMouseDown:T,onPointerDown:P,onKeyDown:p,onKeyUp:Q,id:Y,"aria-label":q,"aria-labelledby":V,"aria-describedby":Z,...W})=>{const E=(0,h.useId)(),B=Y??E,H=`${E}-label`,k=`${E}-value`,z=(0,l.isNonEmptyString)(a),C=(0,l.isNonEmptyString)(q)?q:void 0,O=Ce({ariaLabelledBy:V,ariaLabel:C,visibleLabelId:z?H:void 0}),D=[Z,S.isDefined(O)||S.isDefined(C)?k:void 0].filter(l.isNonEmptyString),[ee,re]=(0,h.useState)(!1),m=_||!(0,l.isNonEmptyArray)(r),F=g??ee,w=!m&&F,[M,U]=(0,h.useState)(w),[oe,pe]=(0,h.useState)(0);M!==w&&(U(w),w&&pe(oe+1));const te=r.find(j=>j.value===t),me=te?.label??s,he=S.isDefined(te)?te.flag:(0,e.jsx)(y.IconCircleOff,{}),ne=j=>({...j,disabled:m}),ge=L.mergeClassNames((0,ie.clsx)(ae.Input_module_default.input,ae.Input_module_default.md,X.Select_module_default.trigger),i),le=j=>{j&&m||(re(j),u?.(j))};return(0,e.jsxs)("div",{className:G.root,children:[(0,e.jsx)(ye,{disabled:m,open:F,onOpenChange:le}),z&&(0,e.jsx)("label",{id:H,className:G.label,htmlFor:B,children:a}),(0,e.jsxs)(c.Dropdown.Root,{type:"picker",open:w,onOpenChange:le,children:[(0,e.jsxs)(c.Dropdown.Trigger,{...W,id:B,"aria-label":C,"aria-labelledby":O,"aria-describedby":(0,l.isNonEmptyArray)(D)?D.join(" "):void 0,"aria-disabled":m||void 0,"data-disabled":m?"":void 0,onClick:m?A:v,onMouseDown:m?A:T,onPointerDown:m?A:P,onKeyDown:m?A:p,onKeyUp:m?A:Q,className:j=>ge(ne(j)),style:(0,l.isFunction)(f)?j=>f(ne(j)):f,render:(0,l.isFunction)(x)?(j,_e)=>x(j,ne(_e)):x,children:[(0,e.jsx)("span",{className:G.flag,"aria-hidden":"true",children:he}),(0,e.jsx)("span",{className:X.Select_module_default.value,id:k,children:(0,e.jsx)(se.OverflowingTextWithTooltip,{text:me})}),(0,e.jsx)("span",{className:X.Select_module_default.icon,"aria-hidden":"true",children:(0,e.jsx)(y.IconChevronDown,{})})]}),(0,e.jsx)(c.Dropdown.Content,{...b,"aria-label":C,"aria-labelledby":O,children:(0,e.jsx)(Se,{countries:r,value:t,onValueChange:n,searchLabel:o,noCountryLabel:s,noResultsLabel:d},oe)})]})]})},Ne="_trigger_gi29o_1",De="_chevron_gi29o_35",we="_options_gi29o_40",Te="_emptyStatus_gi29o_46",J={trigger:Ne,chevron:De,options:we,emptyStatus:Te},ce=({code:r,name:t})=>`${t} (${r})`,Ee=({currencies:r,value:t,onValueChange:n,disabled:a=!1,searchLabel:o="Search",emptyLabel:s="No results",className:d,render:g,ref:u,...b})=>{const[_,i]=(0,h.useState)(""),f=_.trim().toLowerCase(),x=r.filter(p=>ce(p).toLowerCase().includes(f)),v=(0,l.isNonEmptyArray)(x),T=x.find(({code:p})=>p===t),P=S.isDefined(T)?[T,...x.filter(({code:p})=>p!==t)]:x;return(0,de.useRender)({render:g,ref:u,props:{...b,className:(0,ie.clsx)(J.options,d),children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(c.Dropdown.Search,{value:_,placeholder:o,"aria-label":o,onValueChange:i,disabled:a}),(0,e.jsx)(c.Dropdown.Separator,{}),v&&(0,e.jsx)(c.Dropdown.Section,{scrollable:!0,children:P.map(p=>(0,e.jsx)(c.Dropdown.OptionItem,{selected:p.code===t,disabled:a||p.disabled,onSelect:()=>n(p.code),children:(0,e.jsx)(se.OverflowingTextWithTooltip,{text:ce(p)})},p.code))}),(0,e.jsx)(c.Dropdown.Empty,{className:J.emptyStatus,children:v?null:s})]})}})},Oe=({value:r,className:t,...n})=>(0,e.jsxs)(c.Dropdown.Trigger,{...n,className:L.mergeClassNames(J.trigger,t),children:[r,(0,e.jsx)(y.IconChevronDown,{"aria-hidden":"true",className:J.chevron})]}),Pe={Trigger:Oe,Options:Ee},qe="_root_u3myi_1",Be="_preview_u3myi_6",ke="_image_u3myi_35",ze="_fileInput_u3myi_48",Fe="_content_u3myi_58",Me="_actions_u3myi_67",Ae="_helperText_u3myi_73",$e="_errorMessage_u3myi_78",I={root:qe,preview:Be,image:ke,fileInput:ze,content:Fe,actions:Me,helperText:Ae,errorMessage:$e},Re=({src:r})=>{const t=ue.useTheme(),[n,a]=(0,h.useState)(!1);return!(0,l.isNonEmptyString)(r)||n?(0,e.jsx)(y.IconPhotoUp,{size:t.icon.size.lg,"aria-hidden":!0}):(0,e.jsx)("img",{className:I.image,src:r,alt:"",onError:()=>a(!0)})},Ge="image/*",Le=({src:r,onFileSelect:t,onRemove:n,onAbort:a,disabled:o=!1,isUploading:s=!1,helperText:d,errorMessage:g,uploadLabel:u="Upload",removeLabel:b="Remove",abortLabel:_="Abort",accept:i=Ge,inputRef:f,onChange:x,"aria-describedby":v,className:T,style:P,dir:p,render:Q,ref:Y,...q})=>{const V=(0,h.useRef)(null),Z=(0,fe.useMergedRefs)(V,f),W=(0,h.useId)(),E=`${W}-helper`,B=`${W}-error`,H=(0,l.isNonEmptyString)(r),k=(0,l.isNonEmptyString)(d),z=(0,l.isNonEmptyString)(g),C=o||!S.isDefined(t),O=o||!H||!S.isDefined(n),D=C||s,ee=O||s,re=s&&S.isDefined(a),m=[v,k&&E,z&&B].filter(l.isNonEmptyString).join(" ")||void 0,F=()=>{D||V.current?.click()},w=M=>{const U=M.currentTarget.files?.[0];try{x?.(M)}finally{M.currentTarget.value=""}D||!S.isDefined(U)||t?.(U)};return(0,de.useRender)({render:Q,ref:Y,props:{className:(0,ie.clsx)(I.root,T),style:P,dir:p,"aria-busy":s||q["aria-busy"],children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("button",{className:I.preview,type:"button",disabled:C,"aria-disabled":s||void 0,"aria-label":u,"aria-describedby":m,onClick:F,children:(0,e.jsx)(Re,{src:r},r)}),(0,e.jsxs)("div",{className:I.content,children:[(0,e.jsxs)("div",{className:I.actions,children:[(0,e.jsx)("input",{"aria-label":u,...q,ref:Z,className:I.fileInput,dir:p,children:void 0,dangerouslySetInnerHTML:void 0,type:"file",multiple:!1,value:void 0,defaultValue:void 0,accept:i,disabled:D,"aria-describedby":m,hidden:!0,onChange:w}),re?(0,e.jsx)(N.Button,{type:"button",startIcon:(0,e.jsx)(y.IconX,{}),onClick:a,disabled:o,variant:"outline",children:_}):(0,e.jsx)(N.Button,{type:"button",startIcon:(0,e.jsx)(y.IconUpload,{}),onClick:F,disabled:D,focusableWhenDisabled:s&&!C,"aria-describedby":m,variant:"outline",children:u}),(0,e.jsx)(N.Button,{type:"button",startIcon:(0,e.jsx)(y.IconTrash,{}),onClick:n,disabled:ee,focusableWhenDisabled:s&&!O,variant:"outline",children:b})]}),k&&(0,e.jsx)("span",{className:I.helperText,id:E,children:d}),z&&(0,e.jsx)("span",{className:I.errorMessage,id:B,role:"alert",children:g})]})]})}})},Ve="_button_k3e4y_1",We={button:Ve},He=({className:r,emphasis:t="standard",size:n,variant:a,...o})=>{const s=(0,h.useContext)(N.ButtonGroupContext),d=n??s?.size??"sm",g=a??s?.variant??"ghost";return(0,e.jsx)(N.Button,{...o,size:d,variant:g,"data-emphasis":t,className:L.mergeClassNames(We.button,r)})},Ue="_button_1fwx7_1",Ke={button:Ue},Xe=({className:r,elevated:t=!0,variant:n,...a})=>{const o=(0,h.useContext)(N.ButtonGroupContext),s=n??o?.variant??"solid";return(0,e.jsx)(N.Button,{...a,elevated:t,variant:s,className:L.mergeClassNames(Ke.button,r)})},Je="_trigger_1fjn7_1",Qe="_triggerFlag_1fjn7_31",Ye="_optionFlag_1fjn7_32",Ze="_chevron_1fjn7_52",er="_selectedCountryLabel_1fjn7_57",$={trigger:Je,triggerFlag:Qe,optionFlag:Ye,chevron:Ze,selectedCountryLabel:er},rr=({label:r,callingCode:t})=>`${r} (+${t})`,tr=({countries:r,value:t,onValueChange:n,searchLabel:a="Search",emptyLabel:o="No results"})=>{const[s,d]=(0,h.useState)(""),g=R.normalizeSearchText(s),u=r.filter(({label:i})=>R.normalizeSearchText(i).includes(g)),b=u.find(i=>i.value===t),_=S.isDefined(b)?[b,...u.filter(i=>i.value!==t)]:u;return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(c.Dropdown.Search,{value:s,onValueChange:d,placeholder:a,"aria-label":a}),(0,e.jsx)(c.Dropdown.Separator,{}),(0,e.jsxs)(c.Dropdown.Section,{scrollable:!0,children:[!(0,l.isNonEmptyArray)(_)&&(0,e.jsx)(c.Dropdown.Empty,{children:o}),_.map(i=>{const f=rr(i);return(0,e.jsx)(c.Dropdown.OptionItem,{"aria-label":f,selected:i.value===t,onSelect:()=>n(i.value),startIcon:(0,e.jsx)("span",{className:$.optionFlag,"aria-hidden":!0,children:i.flag}),children:(0,e.jsx)(se.OverflowingTextWithTooltip,{text:(0,e.jsxs)(e.Fragment,{children:[i.label," (",(0,e.jsxs)("bdi",{dir:"ltr",children:["+",i.callingCode]}),")"]}),tooltipContent:f})},i.value)})]})]})},nr=({country:r,className:t,"aria-describedby":n,...a})=>{const o=(0,h.useId)(),s=[S.isDefined(r)&&o,n].filter(l.isNonEmptyString).join(" ")||void 0;return(0,e.jsxs)(c.Dropdown.Trigger,{...a,"aria-describedby":s,className:L.mergeClassNames($.trigger,t),children:[(0,e.jsx)("span",{className:$.triggerFlag,"aria-hidden":!0,children:r?.flag??(0,e.jsx)(y.IconWorld,{})}),S.isDefined(r)&&(0,e.jsx)("span",{id:o,className:$.selectedCountryLabel,children:r.label}),(0,e.jsx)(y.IconChevronDown,{className:$.chevron,"aria-hidden":!0})]})},ar={Trigger:nr,Options:tr},sr="_wrapper_fz4xu_1",ir="_filterButton_fz4xu_8",or="_inputGroup_fz4xu_17",lr="_searchIcon_fz4xu_23",K={wrapper:sr,filterButton:ir,inputGroup:or,searchIcon:lr},cr=({placeholder:r,filterDropdown:t,size:n="md",id:a,filterButtonAriaLabel:o="Filter","aria-label":s,"aria-labelledby":d,...g})=>{const u=ue.useTheme(),b=(0,h.useId)(),_=a??b,i=(0,e.jsx)(N.Button,{variant:"outline",size:n,"aria-label":o,startIcon:(0,e.jsx)(y.IconFilter,{size:u.icon.size.md}),className:K.filterButton});return(0,e.jsxs)("div",{className:K.wrapper,children:[(0,e.jsx)(X.InputGroup,{className:K.inputGroup,size:n,startElement:(0,e.jsx)(y.IconSearch,{className:K.searchIcon,size:u.icon.size.md,"aria-hidden":!0}),children:(0,e.jsx)(ae.Input,{...g,id:_,placeholder:r,"aria-label":(0,l.isNonEmptyString)(d)?void 0:s??r,"aria-labelledby":d})}),t?.(i)]})};Object.defineProperty(exports,"CountrySelect",{enumerable:!0,get:function(){return Ie}});Object.defineProperty(exports,"CurrencyPicker",{enumerable:!0,get:function(){return Pe}});Object.defineProperty(exports,"ImageInput",{enumerable:!0,get:function(){return Le}});Object.defineProperty(exports,"LightButton",{enumerable:!0,get:function(){return He}});Object.defineProperty(exports,"MainButton",{enumerable:!0,get:function(){return Xe}});Object.defineProperty(exports,"PhoneCountryPicker",{enumerable:!0,get:function(){return ar}});Object.defineProperty(exports,"SearchInput",{enumerable:!0,get:function(){return cr}});

package/dist/input-DSvyF-Tb.cjs

@@ -0,0 +1 @@
+const re=require("./theme-Zf62UE02.cjs"),v=require("./isDefined-DS2Q42p5.cjs"),f=require("./isRenderableSlot-Guryb6Nf.cjs"),K=require("./Button-DkijwPOi.cjs"),i=require("./mergeClassNames-D4lshrT6.cjs"),te=require("./useProvidedTextDirection-PVaoQCLH.cjs"),n=require("./ListItem.module-B8NeDH1P.cjs"),S=require("./Input-W2vWPc9r.cjs"),g=require("./InputGroup-DEozqrQd.cjs");let ae=require("@base-ui/react/use-render"),z=require("@sniptt/guards"),_=require("clsx"),N=require("react"),t=require("react/jsx-runtime"),fe=require("@base-ui/react/merge-props"),be=require("@base-ui/react/input"),j=require("@base-ui/react/autocomplete"),le=require("@base-ui/react/checkbox"),R=require("@base-ui/react/field"),B=require("@base-ui/react/number-field"),xe=require("@base-ui/utils/useControlled"),he=require("@base-ui/utils/useValueAsRef"),Y=require("@base-ui/utils/formatNumber"),J=require("@base-ui/react/radio"),oe=require("@base-ui/react/radio-group"),p=require("@base-ui/react/select"),q=require("@base-ui/react/slider"),F=require("@tabler/icons-react");var Ne="_inputGroup_h8o8y_1",je="_positioner_h8o8y_8",ge="_popup_h8o8y_12",Se="_list_h8o8y_38",Ce="_empty_h8o8y_45",G={inputGroup:Ne,positioner:je,popup:ge,list:Se,empty:Ce},Ie=({className:e,...r})=>(0,t.jsx)(j.Autocomplete.Empty,{...r,className:i.mergeClassNames(G.empty,e)}),Re=({size:e,className:r,onKeyDown:a,...l})=>{const o=(0,N.useContext)(S.InputGroupContext),u=e??o?.size??"md";return(0,t.jsx)(j.Autocomplete.Input,{...l,className:i.mergeClassNames((0,_.clsx)(S.Input_module_default.input,S.Input_module_default[u]),r),"data-grouped":v.isDefined(o)||void 0,onKeyDown:s=>{a?.(s),s.defaultPrevented&&s.preventBaseUIHandler()}})},qe=({className:e,...r})=>(0,t.jsx)(j.Autocomplete.InputGroup,{...r,className:i.mergeClassNames(G.inputGroup,e)}),ye=({className:e,children:r,startIcon:a,endIcon:l,description:o,descriptionPlacement:u="inline",...s})=>(0,t.jsxs)(j.Autocomplete.Item,{...s,className:i.mergeClassNames(n.ListItem_module_default.root,e),"data-color":"neutral",children:[f.isRenderableSlot(a)&&(0,t.jsx)("div",{className:n.ListItem_module_default.startIcon,"aria-hidden":!0,children:a}),(0,t.jsxs)("div",{className:n.ListItem_module_default.label,children:[(0,t.jsx)("div",{className:n.ListItem_module_default.text,children:r}),f.isRenderableSlot(o)&&u==="inline"&&(0,t.jsx)("div",{className:(0,_.clsx)(n.ListItem_module_default.description,n.ListItem_module_default.inlineDescription),children:o})]}),f.isRenderableSlot(o)&&u==="end"&&(0,t.jsx)("div",{className:(0,_.clsx)(n.ListItem_module_default.description,n.ListItem_module_default.endDescription),children:o}),f.isRenderableSlot(l)&&(0,t.jsx)("div",{className:n.ListItem_module_default.endIcon,"aria-hidden":!0,children:l})]}),Le=({className:e,...r})=>(0,t.jsx)(j.Autocomplete.List,{...r,className:i.mergeClassNames(G.list,e)}),ke=({side:e="bottom",align:r="start",sideOffset:a=8,alignOffset:l,anchor:o,collisionPadding:u,width:s,style:c,container:d,className:b,...x})=>{const m=re.useThemeContainer(),A=te.useProvidedTextDirection();return(0,t.jsx)(j.Autocomplete.Portal,{container:d===void 0?m??void 0:d,children:(0,t.jsx)(j.Autocomplete.Positioner,{dir:A,side:e,align:r,sideOffset:a,alignOffset:l,anchor:o,collisionPadding:u,className:G.positioner,children:(0,t.jsx)(j.Autocomplete.Popup,{...x,className:i.mergeClassNames(G.popup,b),style:y=>({width:s,minInlineSize:v.isDefined(s)?0:void 0,...(0,z.isFunction)(c)?c(y):c})})})})},Pe=({onOpenChange:e,...r})=>(0,t.jsx)(j.Autocomplete.Root,{...r,onOpenChange:(a,l)=>{e?.(a,l),!(a||l.isCanceled||l.reason!=="outside-press")&&S.preventDismissingClickActivation(l.event)}}),Fe=()=>({Root:Pe,InputGroup:qe,Input:Re,Popup:ke,List:Le,Item:ye,Empty:Ie}),Ae=Fe(),Te="_container_262rx_1",De={container:Te},Ge=({attached:e=!0,framed:r=!1,className:a,children:l,variant:o,size:u,color:s,render:c,ref:d,...b})=>{const x=(0,ae.useRender)({render:c,ref:d,props:{role:"group","data-attached":e||void 0,"data-framed":r||void 0,...b,className:(0,_.clsx)(De.container,a),children:l}});return(0,t.jsx)(K.ButtonGroupContext.Provider,{value:{variant:o,color:s,size:u},children:x})},se=({className:e,...r})=>(0,t.jsx)(le.Checkbox.Indicator,{...r,className:i.mergeClassNames(n.Checkbox_module_default.indicator,e)}),ie=({size:e="sm",variant:r="solid",shape:a="square",color:l="accent",hoverable:o=!0,className:u,...s})=>(0,t.jsx)(le.Checkbox.Root,{...s,className:i.mergeClassNames((0,_.clsx)(n.Checkbox_module_default.root,n.Checkbox_module_default[e],n.Checkbox_module_default[r],n.Checkbox_module_default[a],n.Checkbox_module_default[l],o&&n.Checkbox_module_default.hoverable),u)}),Oe=({children:e,...r})=>(0,t.jsxs)(ie,{...r,children:[(0,t.jsxs)(se,{children:[(0,t.jsx)(F.IconCheck,{className:n.Checkbox_module_default.check,"aria-hidden":!0}),(0,t.jsx)(F.IconMinus,{className:n.Checkbox_module_default.minus,"aria-hidden":!0})]}),e]}),Ee=Object.assign(Oe,{Root:ie,Indicator:se}),we="_description_yrj5x_1",Ve={description:we},ne=(0,N.forwardRef)(({className:e,...r},a)=>(0,t.jsx)(R.Field.Description,{ref:a,className:i.mergeClassNames(Ve.description,e),...r}));ne.displayName="FieldDescription";var Be="_error_179et_1",$e={error:Be},ue=(0,N.forwardRef)(({className:e,...r},a)=>(0,t.jsx)(R.Field.Error,{ref:a,className:i.mergeClassNames($e.error,e),...r}));ue.displayName="FieldError";var ze="_label_1yxve_1",Me={label:ze},ce=(0,N.forwardRef)(({className:e,...r},a)=>(0,t.jsx)(R.Field.Label,{ref:a,className:i.mergeClassNames(Me.label,e),...r}));ce.displayName="FieldLabel";var We={Root:R.Field.Root,Item:R.Field.Item,Label:ce,Control:R.Field.Control,Description:ne,Error:ue,Validity:R.Field.Validity},Q={maximumFractionDigits:15,numberingSystem:"latn",useGrouping:"min2"},He=({nextValue:e,currentValue:r,reason:a})=>a==="input-blur"&&(0,Y.formatNumber)(e,void 0,Q)===(0,Y.formatNumber)(r,void 0,Q),Ue="_root_17bio_1",Ke="_valueInput_17bio_7",Je="_button_17bio_14",Qe="_icon_17bio_32",k={root:Ue,valueInput:Ke,button:Je,icon:Qe},Xe=({value:e,defaultValue:r,onValueChange:a,allowOutOfRange:l=!1,min:o,max:u,step:s=1,disabled:c,readOnly:d,required:b,name:x,form:m,id:A,showButtons:y=!0,decrementLabel:M="Decrease value",incrementLabel:O="Increase value",className:E,...W})=>{const[w,H]=(0,xe.useControlled)({controlled:e,default:r??null,name:"NumberStepper",state:"value"}),T=(0,he.useValueAsRef)(w),U=(I,L)=>{if(I!==T.current){if(He({nextValue:I,currentValue:T.current,reason:L.reason})){L.cancel();return}a?.(I,L),!L.isCanceled&&(T.current=I,H(I))}};return(0,t.jsxs)(B.NumberField.Root,{value:w,onValueChange:U,min:o,max:u,allowOutOfRange:l,step:s,smallStep:s,largeStep:s,disabled:c,readOnly:d,required:b,name:x,form:m,id:A,format:Q,className:k.root,children:[y&&(0,t.jsx)(B.NumberField.Decrement,{"aria-label":M,render:(0,t.jsx)(K.Button,{type:"button",size:"sm",className:k.button,startIcon:(0,t.jsx)("span",{className:k.icon,children:(0,t.jsx)(F.IconMinus,{})})})}),(0,t.jsx)(B.NumberField.Input,{...W,form:m,className:i.mergeClassNames((0,_.clsx)(S.Input_module_default.input,S.Input_module_default.sm,k.valueInput),E)}),y&&(0,t.jsx)(B.NumberField.Increment,{"aria-label":O,render:(0,t.jsx)(K.Button,{type:"button",size:"sm",className:k.button,startIcon:(0,t.jsx)("span",{className:k.icon,children:(0,t.jsx)(F.IconPlus,{})})})})]})},Ye="_root_1dv0f_1",Ze="_control_1dv0f_18",er="_sm_1dv0f_33",rr="_md_1dv0f_38",tr="_indicator_1dv0f_49",ar="_card_1dv0f_90",lr="_cardContent_1dv0f_111",P={root:Ye,control:Ze,sm:er,md:rr,indicator:tr,card:ar,cardContent:lr},or=({children:e,className:r,size:a="sm",variant:l="default",...o})=>(0,t.jsxs)(J.Radio.Root,{render:l==="card"?(0,t.jsx)("div",{}):void 0,...o,className:i.mergeClassNames((0,_.clsx)(P.root,P[a],l==="card"&&P.card),r),children:[(0,t.jsx)("span",{className:P.control,"aria-hidden":!0,children:(0,t.jsx)(J.Radio.Indicator,{className:P.indicator})}),l==="card"?(0,t.jsx)("div",{className:P.cardContent,children:e}):e]}),sr="_root_1h79s_1",ir={root:sr},nr=({className:e,...r})=>(0,t.jsx)(oe.RadioGroup,{...r,className:i.mergeClassNames(ir.root,e)}),ur="_container_1uovu_1",cr="_item_1uovu_20",dr="_iconOnly_1uovu_60",mr="_icon_1uovu_60",_r="_label_1uovu_79",D={container:ur,item:cr,iconOnly:dr,icon:mr,label:_r},pr=({className:e,itemWidth:r="equal",options:a,...l})=>(0,t.jsx)(oe.RadioGroup,{...l,className:i.mergeClassNames(D.container,e),"data-item-width":r,children:a.map(({"aria-label":o,disabled:u,label:s,startIcon:c,value:d})=>(0,t.jsxs)(J.Radio.Root,{value:d,disabled:u,"aria-label":o,className:(0,_.clsx)(D.item,!f.isRenderableSlot(s)&&D.iconOnly),children:[f.isRenderableSlot(c)&&(0,t.jsx)("span",{className:D.icon,"aria-hidden":!0,children:c}),f.isRenderableSlot(s)&&(0,t.jsx)("span",{className:D.label,children:s})]},d))}),vr=({className:e,...r})=>(0,t.jsx)(p.Select.GroupLabel,{...r,className:i.mergeClassNames(g.Select_module_default.groupLabel,e)}),fr=({className:e,children:r,startIcon:a,endIcon:l,description:o,descriptionPlacement:u="inline",...s})=>(0,t.jsxs)(p.Select.Item,{...s,className:i.mergeClassNames((0,_.clsx)(n.ListItem_module_default.root,g.Select_module_default.item),e),"data-color":"neutral","data-indicator":"check",children:[f.isRenderableSlot(a)&&(0,t.jsx)("div",{className:n.ListItem_module_default.startIcon,"aria-hidden":!0,children:a}),(0,t.jsxs)("div",{className:n.ListItem_module_default.label,children:[(0,t.jsx)(p.Select.ItemText,{className:n.ListItem_module_default.text,children:r}),f.isRenderableSlot(o)&&u==="inline"&&(0,t.jsx)("div",{className:(0,_.clsx)(n.ListItem_module_default.description,n.ListItem_module_default.inlineDescription),children:o})]}),f.isRenderableSlot(o)&&u==="end"&&(0,t.jsx)("div",{className:(0,_.clsx)(n.ListItem_module_default.description,n.ListItem_module_default.endDescription),children:o}),f.isRenderableSlot(l)&&(0,t.jsx)("div",{className:n.ListItem_module_default.endIcon,"aria-hidden":!0,children:l}),(0,t.jsx)(p.Select.ItemIndicator,{className:g.Select_module_default.indicator,children:(0,t.jsx)(F.IconCheck,{className:n.ListItem_module_default.checkIndicator})})]}),br=({side:e="bottom",align:r="start",sideOffset:a=8,alignOffset:l,alignItemWithTrigger:o=!1,anchor:u,container:s,className:c,...d})=>{const b=re.useThemeContainer(),x=te.useProvidedTextDirection();return(0,t.jsx)(p.Select.Portal,{container:s===void 0?b??void 0:s,children:(0,t.jsx)(p.Select.Positioner,{dir:x,side:e,align:r,sideOffset:a,alignOffset:l,alignItemWithTrigger:o,anchor:u,className:g.Select_module_default.positioner,children:(0,t.jsx)(p.Select.Popup,{...d,className:i.mergeClassNames(g.Select_module_default.popup,c)})})})},xr=({className:e,...r})=>(0,t.jsx)(p.Select.Separator,{...r,className:i.mergeClassNames(g.Select_module_default.separator,e)}),hr=({size:e="md",className:r,children:a,...l})=>(0,t.jsxs)(p.Select.Trigger,{...l,className:i.mergeClassNames((0,_.clsx)(S.Input_module_default.input,S.Input_module_default[e],g.Select_module_default.trigger),r),children:[a,(0,t.jsx)(p.Select.Icon,{className:g.Select_module_default.icon,children:(0,t.jsx)(F.IconChevronDown,{})})]}),Nr=({className:e,...r})=>(0,t.jsx)(p.Select.Value,{...r,className:i.mergeClassNames(g.Select_module_default.value,e)}),jr=()=>({Root:p.Select.Root,Trigger:hr,Value:Nr,Popup:br,Item:fr,Group:p.Select.Group,GroupLabel:vr,Separator:xr}),gr=jr(),Sr="_root_1mh0w_1",Cr="_accent_1mh0w_16",Ir="_success_1mh0w_20",Rr="_control_1mh0w_24",qr="_track_1mh0w_42",yr="_indicator_1mh0w_55",Lr="_thumb_1mh0w_66",kr="_label_1mh0w_80",Pr="_value_1mh0w_81",C={root:Sr,accent:Cr,success:Ir,control:Rr,track:qr,indicator:yr,thumb:Lr,label:kr,value:Pr},Fr=({className:e,color:r="accent",thumbAlignment:a="edge",...l})=>(0,t.jsx)(q.Slider.Root,{...l,thumbAlignment:a,className:i.mergeClassNames((0,_.clsx)(C.root,C[r]),e)}),Ar=({className:e,...r})=>(0,t.jsx)(q.Slider.Control,{...r,className:i.mergeClassNames(C.control,e)}),Tr=({className:e,...r})=>(0,t.jsx)(q.Slider.Track,{...r,className:i.mergeClassNames(C.track,e)}),Dr=({className:e,...r})=>(0,t.jsx)(q.Slider.Indicator,{...r,className:i.mergeClassNames(C.indicator,e)}),Gr=({className:e,...r})=>(0,t.jsx)(q.Slider.Thumb,{...r,className:i.mergeClassNames(C.thumb,e)}),Or=({className:e,...r})=>(0,t.jsx)(q.Slider.Label,{...r,className:i.mergeClassNames(C.label,e)}),Er=({className:e,...r})=>(0,t.jsx)(q.Slider.Value,{...r,className:i.mergeClassNames(C.value,e)}),wr={Root:Fr,Control:Ar,Track:Tr,Indicator:Dr,Thumb:Gr,Label:Or,Value:Er},Vr=({controlProps:e,nativeProps:r,state:a,render:l})=>{const{ref:o,...u}=e,{ref:s,...c}=r;return(0,ae.useRender)({defaultTagName:"textarea",render:l,state:{...a},ref:[o??null,s??null],props:(0,fe.mergeProps)(u,c)})},Br=e=>v.isDefined(e)?(0,z.isNumber)(e)?`${e}px`:String(e):"",Z=(e,r)=>{if(v.isDefined(e)){if((0,z.isFunction)(e))return e(r);e.current=r}},$r=(...e)=>r=>{const a=e.map(l=>{const o=Z(l,r);return(0,z.isFunction)(o)?o:()=>Z(l,null)});return()=>{for(const l of a)l()}},$=e=>{e.style.blockSize="auto";const r=e.offsetHeight-e.clientHeight;e.style.blockSize=`${e.scrollHeight+r}px`},zr=e=>{if(!v.isDefined(globalThis.ResizeObserver))return;let r,a=e.clientWidth;const l=new ResizeObserver(()=>{const o=e.clientWidth;o!==a&&(a=o,v.isDefined(r)&&cancelAnimationFrame(r),r=requestAnimationFrame(()=>{r=void 0,$(e)}))});return l.observe(e),()=>{l.disconnect(),v.isDefined(r)&&cancelAnimationFrame(r)}},Mr="_textarea_1qcvj_1",Wr="_sm_1qcvj_38",Hr="_md_1qcvj_42",ee={textarea:Mr,sm:Wr,md:Hr},Ur=({size:e="md",autoResize:r=!1,maxRows:a,className:l,style:o,ref:u,render:s,onChange:c,value:d,rows:b,...x})=>{const[m,A]=(0,N.useState)(null),y=(0,N.useMemo)(()=>$r(u,A),[u]),M=v.isDefined(d),O=o?.blockSize,E=(0,N.useRef)(!1);(0,N.useLayoutEffect)(()=>{if(!v.isDefined(m))return;const h=E.current;if(E.current=r,r){$(m);return}h&&(m.style.blockSize=Br(O))},[m,r,d,a,b,e,O]),(0,N.useLayoutEffect)(()=>{if(!r||!v.isDefined(m))return;let h=!0;const V=ve=>{requestAnimationFrame(()=>{h&&!ve.defaultPrevented&&$(m)})},X=m.form,pe=zr(m);return X?.addEventListener("reset",V),()=>{h=!1,X?.removeEventListener("reset",V),pe?.()}},[m,r,x.form]);const W=h=>{r&&!M&&$(h.currentTarget),c?.(h)},w=v.isDefined(a)?{...o,"--tw-textarea-max-rows":a}:o,{"aria-describedby":H,id:T,name:U,disabled:I,autoFocus:L,defaultValue:de,onValueChange:me,..._e}=x;return(0,t.jsx)(be.Input,{"aria-describedby":H,id:T,name:U,disabled:I,autoFocus:L,defaultValue:de,onValueChange:me,render:(h,V)=>(0,t.jsx)(Vr,{controlProps:h,nativeProps:{..._e,rows:b,onChange:W,ref:y},state:V,render:s}),value:d,className:i.mergeClassNames((0,_.clsx)(ee.textarea,ee[e]),l),style:w,"data-auto-resize":r||void 0})};Object.defineProperty(exports,"Autocomplete",{enumerable:!0,get:function(){return Ae}});Object.defineProperty(exports,"ButtonGroup",{enumerable:!0,get:function(){return Ge}});Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return Ee}});Object.defineProperty(exports,"Field",{enumerable:!0,get:function(){return We}});Object.defineProperty(exports,"NumberStepper",{enumerable:!0,get:function(){return Xe}});Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return or}});Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:function(){return nr}});Object.defineProperty(exports,"SegmentedControl",{enumerable:!0,get:function(){return pr}});Object.defineProperty(exports,"Select",{enumerable:!0,get:function(){return gr}});Object.defineProperty(exports,"Slider",{enumerable:!0,get:function(){return wr}});Object.defineProperty(exports,"Textarea",{enumerable:!0,get:function(){return Ur}});

package/dist/isRenderableSlot-DT_depzM.js

@@ -0,0 +1,6 @@
+import { t as r } from "./isDefined-fMi6eQ4r.js";
+import { isBoolean as i } from "@sniptt/guards";
+var m = (e) => r(e) && !i(e) && e !== "";
+export {
+  m as t
+};

package/dist/isRenderableSlot-Guryb6Nf.cjs

@@ -0,0 +1 @@
+const r=require("./isDefined-DS2Q42p5.cjs");let i=require("@sniptt/guards");var n=e=>r.isDefined(e)&&!(0,i.isBoolean)(e)&&e!=="";Object.defineProperty(exports,"isRenderableSlot",{enumerable:!0,get:function(){return n}});