@rpcbase/ui 0.241.0 → 0.243.0

package/dist/index49.js

@@ -1,113 +1,115 @@
-import * as s from "react";
-import { visuallyHiddenInput as Ze, visuallyHidden as et } from "./index256.js";
-import { useMergedRefs as tt } from "./index257.js";
-import { useRefWithInit as ot } from "./index258.js";
-import { useOnFirstRender as nt } from "./index188.js";
-import { usePreviousValue as rt } from "./index259.js";
-import { useControlled as le } from "./index260.js";
-import { useIsoLayoutEffect as x } from "./index261.js";
-import { useStableCallback as b } from "./index262.js";
-import { useValueAsRef as st } from "./index263.js";
-import { EMPTY_ARRAY as ie, EMPTY_OBJECT as lt } from "./index264.js";
-import { SelectRootContext as it, SelectFloatingContext as at } from "./index265.js";
-import { useFieldRootContext as ut } from "./index266.js";
-import { useRegisterFieldControl as ct } from "./index267.js";
-import { useLabelableId as dt } from "./index268.js";
-import { useTransitionStatus as ft } from "./index269.js";
-import { selectors as A } from "./index270.js";
-import { createChangeEventDetails as ae } from "./index175.js";
-import { useOpenChangeComplete as mt } from "./index182.js";
-import { useFormContext as pt } from "./index271.js";
-import { stringifyAsValue as y, stringifyAsLabel as gt } from "./index272.js";
-import { defaultItemEquality as ht, findItemIndex as ue } from "./index273.js";
-import { useValueChanged as Rt } from "./index274.js";
-import { useOpenInteractionType as vt } from "./index275.js";
-import { getMaxScrollOffset as It, normalizeScrollOffset as bt } from "./index276.js";
-import { j as M } from "./index30.js";
-import { useStore as w } from "./index277.js";
-import { useFloatingRootContext as yt } from "./index278.js";
-import { useClick as Ct } from "./index194.js";
-import { useDismiss as Vt } from "./index279.js";
-import { useListNavigation as xt } from "./index280.js";
-import { useTypeahead as At } from "./index281.js";
-import { useInteractions as Mt } from "./index195.js";
-import { mergeProps as wt } from "./index282.js";
-import { Store as Pt } from "./index283.js";
-import { none as St, focusOut as Et, outsidePress as Tt } from "./index177.js";
-function ho(ce) {
+import * as n from "react";
+import { visuallyHiddenInput as nt, visuallyHidden as st } from "./index280.js";
+import { useMergedRefs as lt } from "./index281.js";
+import { useRefWithInit as it } from "./index282.js";
+import { useOnFirstRender as at } from "./index283.js";
+import { usePreviousValue as ut } from "./index284.js";
+import { isElementDisabled as ct } from "./index285.js";
+import { useControlled as de } from "./index286.js";
+import { useIsoLayoutEffect as P } from "./index287.js";
+import { useStableCallback as C } from "./index288.js";
+import { useValueAsRef as ft } from "./index289.js";
+import { EMPTY_OBJECT as dt, EMPTY_ARRAY as me } from "./index290.js";
+import { SelectRootContext as mt, SelectFloatingContext as pt } from "./index291.js";
+import { useFieldRootContext as gt } from "./index292.js";
+import { useRegisterFieldControl as ht } from "./index293.js";
+import { useLabelableId as Rt } from "./index294.js";
+import { useTransitionStatus as yt } from "./index295.js";
+import { selectors as M } from "./index296.js";
+import { createChangeEventDetails as pe } from "./index175.js";
+import { useOpenChangeComplete as It } from "./index182.js";
+import { useFormContext as xt } from "./index297.js";
+import { stringifyAsValue as I, stringifyAsLabel as vt } from "./index298.js";
+import { defaultItemEquality as Ct, findItemIndex as ge, compareItemEquality as bt } from "./index299.js";
+import { areArraysEqual as Vt } from "./index300.js";
+import { useValueChanged as At } from "./index301.js";
+import { useOpenInteractionType as St } from "./index192.js";
+import { getMaxScrollOffset as Pt, normalizeScrollOffset as Mt } from "./index302.js";
+import { j as w } from "./index30.js";
+import { useStore as E } from "./index303.js";
+import { useFloatingRootContext as wt } from "./index304.js";
+import { useClick as Et } from "./index193.js";
+import { useDismiss as Ot } from "./index305.js";
+import { useListNavigation as Tt } from "./index306.js";
+import { useTypeahead as Ft } from "./index307.js";
+import { mergeProps as he } from "./index308.js";
+import { FOCUSABLE_POPUP_PROPS as Lt } from "./index184.js";
+import { Store as Ut } from "./index309.js";
+import { none as Ht, focusOut as qt, outsidePress as Dt } from "./index177.js";
+function Cr(Re) {
   const {
-    id: de,
-    value: fe,
-    defaultValue: z = null,
-    onValueChange: me,
-    open: pe,
-    defaultOpen: ge = !1,
-    onOpenChange: he,
-    name: Re,
-    form: P,
-    autoComplete: ve,
-    disabled: Ie = !1,
-    readOnly: g = !1,
-    required: S = !1,
-    modal: E = !0,
-    actionsRef: W,
-    inputRef: be,
-    onOpenChangeComplete: T,
-    items: O,
-    multiple: n = !1,
-    itemToStringLabel: C,
-    itemToStringValue: i,
-    isItemEqualToValue: h = ht,
-    highlightItemOnHover: F = !0,
-    children: ye
-  } = ce, {
-    clearErrors: Ce
-  } = pt(), {
-    setDirty: Y,
-    setTouched: Ve,
-    setFocused: xe,
-    shouldValidateOnChange: B,
-    validityData: _,
-    setFilled: J,
-    name: Ae,
-    disabled: Me,
-    validation: d,
-    validationMode: we
-  } = ut(), a = dt({
-    id: de
-  }), R = Me || Ie, f = Ae ?? Re, [e, Pe] = le({
-    controlled: fe,
-    default: n ? z ?? ie : z,
+    id: ye,
+    value: Ie,
+    defaultValue: G = null,
+    onValueChange: xe,
+    open: ve,
+    defaultOpen: Ce = !1,
+    onOpenChange: be,
+    name: K,
+    form: O,
+    autoComplete: Ve,
+    disabled: Ae = !1,
+    readOnly: p = !1,
+    required: T = !1,
+    modal: F = !0,
+    actionsRef: Q,
+    inputRef: Se,
+    onOpenChangeComplete: L,
+    items: U,
+    multiple: s = !1,
+    itemToStringLabel: b,
+    itemToStringValue: a,
+    isItemEqualToValue: g = Ct,
+    highlightItemOnHover: H = !0,
+    children: Pe
+  } = Re, {
+    clearErrors: Me
+  } = xt(), {
+    setDirty: we,
+    setTouched: Ee,
+    setFocused: Oe,
+    validityData: Te,
+    setFilled: X,
+    name: Fe,
+    disabled: Le,
+    validation: y,
+    validationMode: Ue
+  } = gt(), f = Rt({
+    id: ye
+  }), c = Le || Ae, d = Fe ?? K, [t, He] = de({
+    controlled: Ie,
+    default: s ? G ?? me : G,
     name: "Select",
     state: "value"
-  }), [l, Se] = le({
-    controlled: pe,
-    default: ge,
+  }), [l, qe] = de({
+    controlled: ve,
+    default: Ce,
     name: "Select",
     state: "open"
-  }), L = s.useRef([]), $ = s.useRef([]), U = s.useRef(null), Ee = s.useRef(null), Te = s.useRef(0), Oe = s.useRef(null), v = s.useRef([]), G = s.useRef(!1), Fe = s.useRef(!1), Le = s.useRef(null), Ue = s.useRef({
+  }), q = n.useRef([]), D = n.useRef([]), j = n.useRef(null), De = n.useRef(null), je = n.useRef(0), Ne = n.useRef(null), h = n.useRef([]), Z = n.useRef(!1), _e = n.useRef(null), N = n.useRef(null), ke = n.useRef({
     allowSelectedMouseUp: !1,
-    allowUnselectedMouseUp: !1
-  }), He = s.useRef(!1), {
-    mounted: H,
-    setMounted: je,
-    transitionStatus: j
-  } = ft(l), {
-    openMethod: K,
-    triggerProps: Q
-  } = vt(l), o = ot(() => new Pt({
-    id: a,
+    allowUnselectedMouseUp: !1,
+    dragY: 0
+  }), Ye = n.useRef(!1), {
+    mounted: _,
+    setMounted: ze,
+    transitionStatus: k
+  } = yt(l), {
+    openMethod: ee,
+    triggerProps: te
+  } = St(l), r = it(() => new Ut({
+    id: f,
     labelId: void 0,
-    modal: E,
-    multiple: n,
-    itemToStringLabel: C,
-    itemToStringValue: i,
-    isItemEqualToValue: h,
-    value: e,
+    modal: F,
+    multiple: s,
+    itemToStringLabel: b,
+    itemToStringValue: a,
+    isItemEqualToValue: g,
+    value: t,
     open: l,
-    mounted: H,
-    transitionStatus: j,
-    items: O,
+    mounted: _,
+    transitionStatus: k,
+    items: U,
     forceMount: !1,
     openMethod: null,
     activeIndex: null,
@@ -117,214 +119,218 @@ function ho(ce) {
     triggerElement: null,
     positionerElement: null,
     listElement: null,
+    popupSide: null,
     scrollUpArrowVisible: !1,
     scrollDownArrowVisible: !1,
     hasScrollArrows: !1
-  })).current, X = w(o, A.activeIndex), Z = w(o, A.selectedIndex), ke = w(o, A.triggerElement), qe = w(o, A.positionerElement), De = rt(K), ee = K ?? De, Ne = s.useMemo(() => n && Array.isArray(e) && e.length === 0 ? "" : y(e, i), [n, e, i]), ze = s.useMemo(() => n && Array.isArray(e) ? e.map((t) => y(t, i)) : y(e, i), [n, e, i]), We = st(o.state.triggerElement), Ye = b(() => ze);
-  ct(We, {
-    id: a,
-    value: e,
-    getValue: Ye
-  });
-  const te = s.useRef(e);
-  x(() => {
-    e !== te.current && o.set("forceMount", !0);
-  }, [o, e]), x(() => {
-    J(n ? Array.isArray(e) && e.length > 0 : e != null);
-  }, [n, e, J]), x(function() {
-    if (l)
-      return;
-    const r = v.current;
-    if (n) {
-      const m = Array.isArray(e) ? e : [];
-      if (m.length === 0) {
-        o.set("selectedIndex", null);
-        return;
+  })).current, re = E(r, M.activeIndex), oe = E(r, M.selectedIndex), Be = E(r, M.triggerElement), We = E(r, M.positionerElement), Je = ut(ee), ne = ee ?? Je ?? null, $e = n.useMemo(() => s ? "" : I(t, a), [s, t, a]), Ge = n.useMemo(() => s && Array.isArray(t) ? t.map((e) => I(e, a)) : I(t, a), [s, t, a]), Ke = ft(r.state.triggerElement), Qe = C(() => Ge);
+  ht(Ke, f, t, Qe, !c, K);
+  const se = n.useRef(t), Y = s ? Array.isArray(t) && t.length > 0 : t != null && I(t, a) !== "";
+  P(() => {
+    t !== se.current && r.set("forceMount", !0);
+  }, [r, t]), P(() => {
+    X(Y);
+  }, [Y, X]), P(function() {
+    const o = h.current;
+    let u;
+    if (s) {
+      const i = Array.isArray(t) ? t : [];
+      if (i.length === 0)
+        u = null;
+      else {
+        const m = i[i.length - 1], R = ge(o, m, g);
+        u = R === -1 ? null : R;
       }
-      const c = m[m.length - 1], I = ue(r, c, h);
-      o.set("selectedIndex", I === -1 ? null : I);
-      return;
+    } else {
+      const i = ge(o, t, g);
+      u = i === -1 ? null : i;
     }
-    const u = ue(r, e, h);
-    o.set("selectedIndex", u === -1 ? null : u);
-  }, [n, l, e, v, h, o]), Rt(e, () => {
-    Ce(f), Y(e !== _.initialValue), B() ? d.commit(e) : d.commit(e, !0);
+    u === null && (N.current = null), !l && r.set("selectedIndex", u);
+  }, [Y, s, l, t, h, g, r, N]);
+  function Xe(e) {
+    const o = Te.initialValue;
+    return Array.isArray(e) && Array.isArray(o) ? !Vt(e, o, (u, i) => bt(u, i, g)) : e !== o;
+  }
+  At(t, () => {
+    Me(d), we(Xe(t)), y.change(t);
   });
-  const k = b((t, r) => {
-    if (he?.(t, r), !r.isCanceled && (Se(t), !t && (r.reason === Et || r.reason === Tt) && (Ve(!0), xe(!1), we === "onBlur" && d.commit(e)), !t && o.state.activeIndex !== null)) {
-      const u = L.current[o.state.activeIndex];
-      queueMicrotask(() => {
-        u?.setAttribute("tabindex", "-1");
-      });
-    }
-  }), q = b(() => {
-    je(!1), o.update({
+  const z = C((e, o) => {
+    be?.(e, o), !o.isCanceled && (qe(e), !e && (o.reason === qt || o.reason === Dt) && (Ee(!0), Oe(!1), Ue === "onBlur" && y.commit(t)));
+  }), B = C(() => {
+    ze(!1), r.update({
       activeIndex: null,
       openMethod: null
-    }), T?.(!1);
+    }), L?.(!1);
   });
-  mt({
-    enabled: !W,
+  It({
+    enabled: !Q,
     open: l,
-    ref: U,
+    ref: j,
     onComplete() {
-      l || q();
+      l || B();
     }
-  }), s.useImperativeHandle(W, () => ({
-    unmount: q
-  }), [q]);
-  const V = b((t, r) => {
-    me?.(t, r), !r.isCanceled && Pe(t);
-  }), oe = b(() => {
-    const t = o.state.listElement || U.current;
-    if (!t)
+  }), n.useImperativeHandle(Q, () => ({
+    unmount: B
+  }), [B]);
+  const V = C((e, o) => {
+    xe?.(e, o), !o.isCanceled && He(e);
+  }), le = C(() => {
+    const e = r.state.listElement || j.current;
+    if (!e)
       return;
-    const r = It(t.scrollHeight, t.clientHeight), u = bt(t.scrollTop, r), m = u > 0, c = u < r;
-    o.state.scrollUpArrowVisible !== m && o.set("scrollUpArrowVisible", m), o.state.scrollDownArrowVisible !== c && o.set("scrollDownArrowVisible", c);
-  }), p = yt({
+    const o = Pt(e.scrollHeight, e.clientHeight), u = Mt(e.scrollTop, o), i = u > 0, m = u < o;
+    r.state.scrollUpArrowVisible !== i && r.set("scrollUpArrowVisible", i), r.state.scrollDownArrowVisible !== m && r.set("scrollDownArrowVisible", m);
+  }), x = wt({
     open: l,
-    onOpenChange: k,
+    onOpenChange: z,
     elements: {
-      reference: ke,
-      floating: qe
+      reference: Be,
+      floating: We
     }
-  }), Be = Ct(p, {
-    enabled: !g && !R,
+  }), ie = Et(x, {
+    enabled: !p && !c,
     event: "mousedown"
-  }), _e = Vt(p, {
-    bubbles: !1
-  }), Je = xt(p, {
-    enabled: !g && !R,
-    listRef: L,
-    activeIndex: X,
-    selectedIndex: Z,
-    disabledIndices: ie,
-    onNavigate(t) {
-      t === null && !l || o.set("activeIndex", t);
+  }), A = Ot(x), v = Tt(x, {
+    enabled: !p && !c,
+    listRef: q,
+    activeIndex: re,
+    selectedIndex: oe,
+    disabledIndices: me,
+    onNavigate(e) {
+      e === null && !l || r.set("activeIndex", e);
     },
-    focusItemOnHover: F
-  }), $e = At(p, {
-    enabled: !g && !R && (l || !n),
-    listRef: $,
-    activeIndex: X,
-    selectedIndex: Z,
-    onMatch(t) {
-      l ? o.set("activeIndex", t) : V(v.current[t], ae("none"));
+    focusItemOnHover: H
+  }), S = Ft(x, {
+    enabled: !p && !c && (l || !s),
+    listRef: D,
+    activeIndex: re,
+    selectedIndex: oe,
+    // Skip disabled items while matching so typeahead advances to the next selectable item
+    // (a click can never select a disabled item and native `<select>` skips them too). Resolve
+    // the disabled state from the element via the attribute-only `isElementDisabled` so the
+    // hidden, force-mounted items used for closed-trigger typeahead aren't dropped by the
+    // `elementsRef`/visibility filter that `disabledIndices` deliberately sidesteps.
+    disabledIndices: (e) => ct(q.current[e]),
+    onMatch(e) {
+      l ? r.set("activeIndex", e) : V(h.current[e], pe("none"));
     },
-    onTypingChange(t) {
-      G.current = t;
+    onTyping(e) {
+      Z.current = e;
     }
-  }), {
-    getReferenceProps: ne,
-    getFloatingProps: D,
-    getItemProps: re
-  } = Mt([Be, _e, Je, $e]), N = s.useMemo(() => wt(ne(), Q, a ? {
-    id: a
-  } : lt), [ne, Q, a]);
-  nt(() => {
-    o.update({
-      popupProps: D(),
-      triggerProps: N
+  }), W = n.useMemo(() => {
+    const e = he(S.reference, v.reference, A.reference, ie.reference, te);
+    return f && (e.id = f), e;
+  }, [ie.reference, S.reference, v.reference, A.reference, te, f]), J = n.useMemo(() => he(Lt, S.floating, v.floating, A.floating), [S.floating, v.floating, A.floating]), ae = v.item ?? dt;
+  at(() => {
+    r.update({
+      popupProps: J,
+      triggerProps: W
     });
-  }), x(() => {
-    o.update({
-      id: a,
-      modal: E,
-      multiple: n,
-      value: e,
+  }), P(() => {
+    r.update({
+      id: f,
+      modal: F,
+      multiple: s,
+      value: t,
       open: l,
-      mounted: H,
-      transitionStatus: j,
-      popupProps: D(),
-      triggerProps: N,
-      items: O,
-      itemToStringLabel: C,
-      itemToStringValue: i,
-      isItemEqualToValue: h,
-      openMethod: ee
+      mounted: _,
+      transitionStatus: k,
+      popupProps: J,
+      triggerProps: W,
+      items: U,
+      itemToStringLabel: b,
+      itemToStringValue: a,
+      isItemEqualToValue: g,
+      openMethod: ne
     });
-  }, [o, a, E, n, e, l, H, j, D, N, O, C, i, h, ee]);
-  const Ge = s.useMemo(() => ({
-    store: o,
-    name: f,
-    required: S,
-    disabled: R,
-    readOnly: g,
-    multiple: n,
-    highlightItemOnHover: F,
+  }, [r, f, F, s, t, l, _, k, J, W, U, b, a, g, ne]);
+  const Ze = n.useMemo(() => ({
+    store: r,
+    name: d,
+    required: T,
+    disabled: c,
+    readOnly: p,
+    multiple: s,
+    highlightItemOnHover: H,
     setValue: V,
-    setOpen: k,
-    listRef: L,
-    popupRef: U,
-    scrollHandlerRef: Ee,
-    handleScrollArrowVisibility: oe,
-    scrollArrowsMountedCountRef: Te,
-    getItemProps: re,
-    events: p.context.events,
-    valueRef: Oe,
-    valuesRef: v,
-    labelsRef: $,
-    typingRef: G,
-    selectionRef: Ue,
-    selectedItemTextRef: Le,
-    validation: d,
-    onOpenChangeComplete: T,
-    keyboardActiveRef: Fe,
-    alignItemWithTriggerActiveRef: He,
-    initialValueRef: te
-  }), [o, f, S, R, g, n, F, V, k, re, p.context.events, d, T, oe]), Ke = tt(be, d.inputRef), Qe = n && Array.isArray(e) && e.length > 0, se = n ? void 0 : f, Xe = s.useMemo(() => !n || !Array.isArray(e) || !f ? null : e.map((t) => {
-    const r = y(t, i);
-    return /* @__PURE__ */ M.jsx("input", {
+    setOpen: z,
+    listRef: q,
+    popupRef: j,
+    scrollHandlerRef: De,
+    handleScrollArrowVisibility: le,
+    scrollArrowsMountedCountRef: je,
+    itemProps: ae,
+    valueRef: Ne,
+    valuesRef: h,
+    labelsRef: D,
+    typingRef: Z,
+    selectionRef: ke,
+    firstItemTextRef: _e,
+    selectedItemTextRef: N,
+    validation: y,
+    onOpenChangeComplete: L,
+    alignItemWithTriggerActiveRef: Ye,
+    initialValueRef: se
+  }), [r, d, T, c, p, s, H, V, z, ae, y, L, le]), et = lt(Se, y.inputRef), tt = s && Array.isArray(t) && t.length > 0, ue = s ? void 0 : d, rt = n.useMemo(() => !s || !Array.isArray(t) || !d ? null : t.map((e) => {
+    const o = I(e, a);
+    return /* @__PURE__ */ w.jsx("input", {
       type: "hidden",
-      form: P,
-      name: f,
-      value: r
-    }, r);
-  }), [n, e, P, f, i]);
-  return /* @__PURE__ */ M.jsx(it.Provider, {
-    value: Ge,
-    children: /* @__PURE__ */ M.jsxs(at.Provider, {
-      value: p,
-      children: [ye, /* @__PURE__ */ M.jsx("input", {
-        ...d.getInputValidationProps({
+      form: O,
+      name: d,
+      value: o,
+      disabled: c
+    }, o);
+  }), [s, t, O, d, a, c]);
+  return /* @__PURE__ */ w.jsx(mt.Provider, {
+    value: Ze,
+    children: /* @__PURE__ */ w.jsxs(pt.Provider, {
+      value: x,
+      children: [Pe, /* @__PURE__ */ w.jsx("input", {
+        ...y.getValidationProps(c, {
           onFocus() {
-            o.state.triggerElement?.focus({
+            r.state.triggerElement?.focus({
               // Supported in Chrome from 144 (January 2026)
               focusVisible: !0
             });
           },
           // Handle browser autofill.
-          onChange(t) {
-            if (t.nativeEvent.defaultPrevented)
+          onChange(e) {
+            if (e.nativeEvent.defaultPrevented || c || p)
               return;
-            const r = t.currentTarget.value, u = ae(St, t.nativeEvent);
-            function m() {
-              if (n)
+            const o = e.currentTarget.value, u = pe(Ht, e.nativeEvent);
+            function i() {
+              if (s)
                 return;
-              const c = v.current.find((I) => y(I, i).toLowerCase() === r.toLowerCase() || gt(I, C).toLowerCase() === r.toLowerCase());
-              c != null && (Y(c !== _.initialValue), V(c, u), B() && d.commit(c));
+              const m = o.toLowerCase();
+              let R = h.current.findIndex(($) => I($, a).toLowerCase() === m || vt($, b).toLowerCase() === m);
+              R === -1 && (R = h.current.findIndex(($, ot) => {
+                const fe = D.current[ot];
+                return fe != null && fe.toLowerCase() === m;
+              }));
+              const ce = R === -1 ? void 0 : h.current[R];
+              ce != null && V(ce, u);
             }
-            o.set("forceMount", !0), queueMicrotask(m);
+            r.set("forceMount", !0), queueMicrotask(i);
           }
         }),
-        id: a && se == null ? `${a}-hidden-input` : void 0,
-        form: P,
-        name: se,
-        autoComplete: ve,
-        value: Ne,
-        disabled: R,
-        required: S && !Qe,
-        readOnly: g,
-        ref: Ke,
-        style: f ? Ze : et,
+        id: f && ue == null ? `${f}-hidden-input` : void 0,
+        form: O,
+        name: ue,
+        autoComplete: Ve,
+        value: $e,
+        disabled: c,
+        required: T && !tt,
+        readOnly: p,
+        ref: et,
+        style: d ? nt : st,
         tabIndex: -1,
         "aria-hidden": !0,
         suppressHydrationWarning: !0
-      }), Xe]
+      }), rt]
     })
   });
 }
 export {
-  ho as SelectRoot
+  Cr as SelectRoot
 };
 //# sourceMappingURL=index49.js.map