@boxcustodia/library 2.0.0-alpha.28 → 2.0.0-alpha.29

package/dist/node_modules/@base-ui/react/select/item/SelectItem.es.js

@@ -0,0 +1,134 @@
+"use client";
+import * as s from "react";
+import { useIsoLayoutEffect as U } from "../../../utils/useIsoLayoutEffect.es.js";
+import { useSelectRootContext as Q } from "../root/SelectRootContext.es.js";
+import { useCompositeListItem as X, IndexGuessBehavior as Z } from "../../internals/composite/list/useCompositeListItem.es.js";
+import { useRenderElement as $ } from "../../internals/useRenderElement.es.js";
+import { SelectItemContext as ee } from "./SelectItemContext.es.js";
+import { selectors as a } from "../store.es.js";
+import { createChangeEventDetails as g } from "../../internals/createBaseUIEventDetails.es.js";
+import { compareItemEquality as te, removeItem as re } from "../../internals/itemEquality.es.js";
+import { isVirtualClick as oe } from "../../floating-ui-react/utils/event.es.js";
+import { jsx as ne } from "react/jsx-runtime";
+import { useButton as se } from "../../internals/use-button/useButton.es.js";
+import { useStore as f } from "../../../utils/store/useStore.es.js";
+import { itemPress as k } from "../../internals/reason-parts.es.js";
+const ce = /* @__PURE__ */ s.memo(/* @__PURE__ */ s.forwardRef(function(E, D) {
+  const {
+    render: ue,
+    className: le,
+    style: ae,
+    value: n = null,
+    label: B,
+    disabled: m = !1,
+    nativeButton: A = !1,
+    ...N
+  } = E, l = s.useRef(null), d = X({
+    label: B,
+    textRef: l,
+    indexGuessBehavior: Z.GuessFromOrder
+  }), {
+    store: r,
+    itemProps: O,
+    setOpen: Y,
+    setValue: S,
+    selectionRef: p,
+    typingRef: V,
+    valuesRef: w,
+    multiple: x,
+    selectedItemTextRef: C,
+    disabled: q,
+    readOnly: F
+  } = Q(), I = f(r, a.isActive, d.index), G = f(r, a.open), c = f(r, a.isSelected, n), b = f(r, a.isSelectedByFocus, d.index), h = f(r, a.isItemEqualToValue), o = d.index, i = o !== -1, P = s.useRef(null);
+  U(() => {
+    if (!i)
+      return;
+    const e = w.current;
+    return e[o] = n, () => {
+      delete e[o];
+    };
+  }, [i, o, n, w]), U(() => {
+    if (!i)
+      return;
+    const e = r.state.value;
+    let t = e;
+    x && Array.isArray(e) && (t = e.length > 0 ? e[e.length - 1] : void 0), t !== void 0 && te(n, t, h) && (r.set("selectedIndex", o), l.current && (C.current = l.current));
+  }, [i, o, x, h, r, n, C]);
+  const y = s.useRef(null), R = s.useRef("mouse"), u = s.useRef(!1), {
+    getButtonProps: K,
+    buttonRef: L
+  } = se({
+    disabled: m,
+    focusableWhenDisabled: !0,
+    native: A,
+    composite: !0
+  }), j = {
+    disabled: m,
+    selected: c,
+    highlighted: I
+  };
+  function W(e) {
+    if (q || F)
+      return;
+    const t = r.state.value;
+    if (x) {
+      const v = Array.isArray(t) ? t : [], M = c ? re(v, n, h) : [...v, n];
+      S(M, g(k, e));
+    } else
+      S(n, g(k, e)), Y(!1, g(k, e));
+  }
+  function T() {
+    p.current.dragY = 0;
+  }
+  const _ = {
+    role: "option",
+    "aria-selected": c,
+    tabIndex: G && I ? 0 : -1,
+    onKeyDown(e) {
+      y.current = e.key, r.set("activeIndex", o), e.key === " " && V.current && e.preventDefault();
+    },
+    onClick(e) {
+      const t = e.type === "click" && R.current !== "touch", v = e.nativeEvent.pointerType, M = t && oe(e.nativeEvent) && // Generic no-pointer `detail === 0` clicks stay tied to highlight state. Virtual
+      // clicks that carry browser pointer data, including an empty string from assistive
+      // technology, can activate unhighlighted items.
+      (v !== void 0 || I), J = t && !M && !u.current;
+      u.current = !1, !(e.type === "keydown" && y.current === null) && (m || e.type === "keydown" && y.current === " " && V.current || J || (y.current = null, W(e.nativeEvent)));
+    },
+    onPointerEnter(e) {
+      R.current = e.pointerType;
+    },
+    onPointerMove(e) {
+      if (e.pointerType === "mouse" && e.buttons === 1) {
+        const t = p.current;
+        t.dragY += e.movementY, t.dragY ** 2 >= 64 && (t.allowUnselectedMouseUp = !0);
+      }
+    },
+    onPointerDown(e) {
+      R.current = e.pointerType, u.current = !0, T();
+    },
+    onMouseUp() {
+      if (T(), m || R.current === "touch" || u.current)
+        return;
+      const e = !p.current.allowSelectedMouseUp && c, t = !p.current.allowUnselectedMouseUp && !c;
+      e || t || (u.current = !0, P.current?.click(), u.current = !1);
+    }
+  }, z = $("div", E, {
+    ref: [L, D, d.ref, P],
+    state: j,
+    props: [O, _, N, K]
+  }), H = s.useMemo(() => ({
+    selected: c,
+    index: o,
+    textRef: l,
+    selectedByFocus: b,
+    hasRegistered: i
+  }), [c, o, l, b, i]);
+  return /* @__PURE__ */ ne(ee.Provider, {
+    value: H,
+    children: z
+  });
+}));
+process.env.NODE_ENV !== "production" && (ce.displayName = "SelectItem");
+export {
+  ce as SelectItem
+};

package/dist/node_modules/@base-ui/react/select/item/SelectItemContext.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../utils/formatErrorMessage.cjs.js"),i=require("react");function u(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=u(i),o=c.createContext(void 0);process.env.NODE_ENV!=="production"&&(o.displayName="SelectItemContext");function a(){const e=c.useContext(o);if(!e)throw new Error(process.env.NODE_ENV!=="production"?"Base UI: SelectItemContext is missing. SelectItem parts must be placed within <Select.Item>.":s.default(57));return e}exports.SelectItemContext=o;exports.useSelectItemContext=a;

package/dist/node_modules/@base-ui/react/select/item/SelectItemContext.es.js

@@ -0,0 +1,15 @@
+"use client";
+import n from "../../../utils/formatErrorMessage.es.js";
+import * as t from "react";
+const o = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (o.displayName = "SelectItemContext");
+function s() {
+  const e = t.useContext(o);
+  if (!e)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectItemContext is missing. SelectItem parts must be placed within <Select.Item>." : n(57));
+  return e;
+}
+export {
+  o as SelectItemContext,
+  s as useSelectItemContext
+};

package/dist/node_modules/@base-ui/react/select/item-indicator/SelectItemIndicator.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),i=require("../item/SelectItemContext.cjs.js"),R=require("../../internals/useTransitionStatus.cjs.js"),b=require("../../internals/useOpenChangeComplete.cjs.js"),O=require("../../internals/useRenderElement.cjs.js"),M=require("../../internals/stateAttributesMapping.cjs.js"),y=require("react/jsx-runtime");function C(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const o=C(g),a=o.forwardRef(function(t,n){const r=t.keepMounted??!1,{selected:c}=i.useSelectItemContext();return r||c?y.jsx(l,{...t,ref:n}):null});process.env.NODE_ENV!=="production"&&(a.displayName="SelectItemIndicator");const l=o.memo(o.forwardRef((e,t)=>{const{render:n,className:r,style:c,keepMounted:d,...p}=e,{selected:s}=i.useSelectItemContext(),u=o.useRef(null),{transitionStatus:f,setMounted:m}=R.useTransitionStatus(s),S={selected:s,transitionStatus:f},I=O.useRenderElement("span",e,{ref:[t,u],state:S,props:[{"aria-hidden":!0,children:"✔️"},p],stateAttributesMapping:M.transitionStatusMapping});return b.useOpenChangeComplete({open:s,ref:u,onComplete(){s||m(!1)}}),I}));process.env.NODE_ENV!=="production"&&(l.displayName="Inner");exports.SelectItemIndicator=a;

package/dist/node_modules/@base-ui/react/select/item-indicator/SelectItemIndicator.es.js

@@ -0,0 +1,54 @@
+"use client";
+import * as n from "react";
+import { useSelectItemContext as c } from "../item/SelectItemContext.es.js";
+import { useTransitionStatus as I } from "../../internals/useTransitionStatus.es.js";
+import { useOpenChangeComplete as R } from "../../internals/useOpenChangeComplete.es.js";
+import { useRenderElement as N } from "../../internals/useRenderElement.es.js";
+import { transitionStatusMapping as S } from "../../internals/stateAttributesMapping.es.js";
+import { jsx as M } from "react/jsx-runtime";
+const h = /* @__PURE__ */ n.forwardRef(function(e, r) {
+  const s = e.keepMounted ?? !1, {
+    selected: i
+  } = c();
+  return s || i ? /* @__PURE__ */ M(m, {
+    ...e,
+    ref: r
+  }) : null;
+});
+process.env.NODE_ENV !== "production" && (h.displayName = "SelectItemIndicator");
+const m = /* @__PURE__ */ n.memo(/* @__PURE__ */ n.forwardRef((o, e) => {
+  const {
+    render: r,
+    className: s,
+    style: i,
+    keepMounted: d,
+    ...p
+  } = o, {
+    selected: t
+  } = c(), a = n.useRef(null), {
+    transitionStatus: l,
+    setMounted: u
+  } = I(t), f = N("span", o, {
+    ref: [e, a],
+    state: {
+      selected: t,
+      transitionStatus: l
+    },
+    props: [{
+      "aria-hidden": !0,
+      children: "✔️"
+    }, p],
+    stateAttributesMapping: S
+  });
+  return R({
+    open: t,
+    ref: a,
+    onComplete() {
+      t || u(!1);
+    }
+  }), f;
+}));
+process.env.NODE_ENV !== "production" && (m.displayName = "Inner");
+export {
+  h as SelectItemIndicator
+};

package/dist/node_modules/@base-ui/react/select/item-text/SelectItemText.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react"),R=require("../root/SelectRootContext.cjs.js"),S=require("../item/SelectItemContext.cjs.js"),p=require("../../internals/useRenderElement.cjs.js");function b(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const s=b(x),a=s.memo(s.forwardRef(function(t,r){const{index:c,textRef:f,selectedByFocus:l,hasRegistered:n}=S.useSelectItemContext(),{firstItemTextRef:u,selectedItemTextRef:i}=R.useSelectRootContext(),{render:g,className:y,style:I,...m}=t,d=s.useCallback(o=>{o&&(n&&c===0&&(u.current=o),n&&l&&(i.current=o))},[u,i,c,l,n]);return p.useRenderElement("div",t,{ref:[d,r,f],props:m})}));process.env.NODE_ENV!=="production"&&(a.displayName="SelectItemText");exports.SelectItemText=a;

package/dist/node_modules/@base-ui/react/select/item-text/SelectItemText.es.js

@@ -0,0 +1,31 @@
+"use client";
+import * as r from "react";
+import { useSelectRootContext as u } from "../root/SelectRootContext.es.js";
+import { useSelectItemContext as x } from "../item/SelectItemContext.es.js";
+import { useRenderElement as p } from "../../internals/useRenderElement.es.js";
+const R = /* @__PURE__ */ r.memo(/* @__PURE__ */ r.forwardRef(function(o, l) {
+  const {
+    index: s,
+    textRef: f,
+    selectedByFocus: c,
+    hasRegistered: e
+  } = x(), {
+    firstItemTextRef: m,
+    selectedItemTextRef: n
+  } = u(), {
+    render: I,
+    className: S,
+    style: T,
+    ...i
+  } = o, a = r.useCallback((t) => {
+    t && (e && s === 0 && (m.current = t), e && c && (n.current = t));
+  }, [m, n, s, c, e]);
+  return p("div", o, {
+    ref: [a, l, f],
+    props: i
+  });
+}));
+process.env.NODE_ENV !== "production" && (R.displayName = "SelectItemText");
+export {
+  R as SelectItemText
+};

package/dist/node_modules/@base-ui/react/select/label/SelectLabel.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),m=require("../../internals/useRenderElement.cjs.js"),L=require("../../internals/field-root-context/FieldRootContext.cjs.js"),R=require("../../internals/field-constants/constants.cjs.js"),q=require("../../internals/labelable-provider/useLabel.cjs.js"),y=require("../../utils/resolveAriaLabelledBy.cjs.js"),I=require("../root/SelectRootContext.cjs.js"),c=require("../store.cjs.js"),a=require("../../../utils/store/useStore.cjs.js");function O(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const C=O(S),i=C.forwardRef(function(t,o){const{render:r,className:E,style:j,...n}=t,u=n;delete u.id;const d=L.useFieldRootContext(),{store:s}=I.useSelectRootContext(),b=a.useStore(s,c.selectors.triggerElement),l=a.useStore(s,c.selectors.id),f=y.getDefaultLabelId(l),p=q.useLabel({id:f,fallbackControlId:b?.id??l,setLabelId(g){s.set("labelId",g)}});return m.useRenderElement("div",t,{ref:o,state:d.state,props:[p,n],stateAttributesMapping:R.fieldValidityMapping})});process.env.NODE_ENV!=="production"&&(i.displayName="SelectLabel");exports.SelectLabel=i;

package/dist/node_modules/@base-ui/react/select/label/SelectLabel.es.js

@@ -0,0 +1,38 @@
+"use client";
+import * as f from "react";
+import { useRenderElement as u } from "../../internals/useRenderElement.es.js";
+import { useFieldRootContext as b } from "../../internals/field-root-context/FieldRootContext.es.js";
+import { fieldValidityMapping as g } from "../../internals/field-constants/constants.es.js";
+import { useLabel as I } from "../../internals/labelable-provider/useLabel.es.js";
+import { getDefaultLabelId as L } from "../../utils/resolveAriaLabelledBy.es.js";
+import { useSelectRootContext as R } from "../root/SelectRootContext.es.js";
+import { selectors as l } from "../store.es.js";
+import { useStore as s } from "../../../utils/store/useStore.es.js";
+const E = /* @__PURE__ */ f.forwardRef(function(t, i) {
+  const {
+    render: x,
+    className: C,
+    style: N,
+    ...o
+  } = t, a = o;
+  delete a.id;
+  const n = b(), {
+    store: e
+  } = R(), m = s(e, l.triggerElement), r = s(e, l.id), d = L(r), p = I({
+    id: d,
+    fallbackControlId: m?.id ?? r,
+    setLabelId(c) {
+      e.set("labelId", c);
+    }
+  });
+  return u("div", t, {
+    ref: i,
+    state: n.state,
+    props: [p, o],
+    stateAttributesMapping: g
+  });
+});
+process.env.NODE_ENV !== "production" && (E.displayName = "SelectLabel");
+export {
+  E as SelectLabel
+};

package/dist/node_modules/@base-ui/react/select/list/SelectList.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),y=require("../../../utils/useStableCallback.cjs.js"),q=require("../root/SelectRootContext.cjs.js"),N=require("../positioner/SelectPositionerContext.cjs.js"),L=require("../../internals/useRenderElement.cjs.js"),O=require("../../utils/styles.cjs.js"),R=require("../popup/utils.cjs.js"),o=require("../store.cjs.js"),l=require("../../../utils/store/useStore.cjs.js");function C(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const c=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,c.get?c:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const E=C(g),i=E.forwardRef(function(t,s){const{render:c,className:T,style:h,...u}=t,{store:r,scrollHandlerRef:a}=q.useSelectRootContext(),{alignItemWithTriggerActive:d}=N.useSelectPositionerContext(),S=l.useStore(r,o.selectors.hasScrollArrows),f=l.useStore(r,o.selectors.openMethod),m=l.useStore(r,o.selectors.multiple),b={id:`${l.useStore(r,o.selectors.id)}-list`,role:"listbox","aria-multiselectable":m||void 0,onScroll(n){a.current?.(n.currentTarget)},...d&&{style:R.LIST_FUNCTIONAL_STYLES},className:S&&f!=="touch"?O.styleDisableScrollbar.className:void 0},p=y.useStableCallback(n=>{r.set("listElement",n)});return L.useRenderElement("div",t,{ref:[s,p],props:[b,u]})});process.env.NODE_ENV!=="production"&&(i.displayName="SelectList");exports.SelectList=i;

package/dist/node_modules/@base-ui/react/select/list/SelectList.es.js

@@ -0,0 +1,44 @@
+"use client";
+import * as u from "react";
+import { useStableCallback as S } from "../../../utils/useStableCallback.es.js";
+import { useSelectRootContext as N } from "../root/SelectRootContext.es.js";
+import { useSelectPositionerContext as L } from "../positioner/SelectPositionerContext.es.js";
+import { useRenderElement as b } from "../../internals/useRenderElement.es.js";
+import { styleDisableScrollbar as h } from "../../utils/styles.es.js";
+import { LIST_FUNCTIONAL_STYLES as E } from "../popup/utils.es.js";
+import { selectors as t } from "../store.es.js";
+import { useStore as o } from "../../../utils/store/useStore.es.js";
+const R = /* @__PURE__ */ u.forwardRef(function(s, l) {
+  const {
+    render: g,
+    className: x,
+    style: y,
+    ...i
+  } = s, {
+    store: e,
+    scrollHandlerRef: c
+  } = N(), {
+    alignItemWithTriggerActive: n
+  } = L(), m = o(e, t.hasScrollArrows), a = o(e, t.openMethod), p = o(e, t.multiple), d = {
+    id: `${o(e, t.id)}-list`,
+    role: "listbox",
+    "aria-multiselectable": p || void 0,
+    onScroll(r) {
+      c.current?.(r.currentTarget);
+    },
+    ...n && {
+      style: E
+    },
+    className: m && a !== "touch" ? h.className : void 0
+  }, f = S((r) => {
+    e.set("listElement", r);
+  });
+  return b("div", s, {
+    ref: [l, f],
+    props: [d, i]
+  });
+});
+process.env.NODE_ENV !== "production" && (R.displayName = "SelectList");
+export {
+  R as SelectList
+};

package/dist/node_modules/@base-ui/react/select/popup/SelectPopup.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const et=require("react"),tt=require("../../../../@floating-ui/utils/dist/floating-ui.utils.cjs.js"),ot=require("../../../utils/addEventListener.cjs.js"),nt=require("../../../utils/useStableCallback.cjs.js"),Ee=require("../../../utils/owner.cjs.js"),re=require("../../../utils/useIsoLayoutEffect.cjs.js"),rt=require("../../../utils/useAnimationFrame.cjs.js"),Ce=require("../root/SelectRootContext.cjs.js"),st=require("../../utils/popupStateMapping.cjs.js"),it=require("../positioner/SelectPositionerContext.cjs.js"),Re=require("../../utils/styles.cjs.js"),lt=require("../../internals/stateAttributesMapping.cjs.js"),ct=require("../../internals/useOpenChangeComplete.cjs.js"),at=require("../../internals/useRenderElement.cjs.js"),p=require("../store.cjs.js"),se=require("./utils.cjs.js"),ut=require("../../internals/createBaseUIEventDetails.cjs.js"),pt=require("../../toolbar/root/ToolbarRootContext.cjs.js"),gt=require("../../internals/composite/composite.cjs.js"),mt=require("../../utils/getDisabledMountTransitionStyles.cjs.js"),U=require("../../internals/clamp.cjs.js"),P=require("../../utils/scrollEdges.cjs.js"),ft=require("../../internals/csp-context/CSPContext.cjs.js"),ht=require("../../internals/direction-context/DirectionContext.cjs.js"),Pe=require("react/jsx-runtime"),ie=require("../../../../@floating-ui/utils/dist/floating-ui.utils.dom.cjs.js"),dt=require("../../floating-ui-react/components/FloatingFocusManager.cjs.js"),St=require("../../../../@floating-ui/dom/dist/floating-ui.dom.cjs.js"),y=require("../../../utils/store/useStore.cjs.js"),yt=require("../../../utils/platform/engine.cjs.js"),xt=require("../../internals/reason-parts.cjs.js");function Tt(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const l=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(n,i,l.get?l:{enumerable:!0,get:()=>t[i]})}}return n.default=t,Object.freeze(n)}const L=Tt(et),Et={...st.popupStateMapping,...lt.transitionStatusMapping},He=L.forwardRef(function(n,i){const{render:l,className:F,style:Rt,finalFocus:Le,...qe}=n,{store:s,popupRef:g,onOpenChangeComplete:Me,setOpen:le,valueRef:ce,firstItemTextRef:J,selectedItemTextRef:ae,multiple:ve,handleScrollArrowVisibility:b,scrollHandlerRef:we,listRef:ue,highlightItemOnHover:pe}=Ce.useSelectRootContext(),{side:Fe,align:De,alignItemWithTriggerActive:c,isPositioned:ge,setControlledAlignItemWithTrigger:me}=it.useSelectPositionerContext(),Ie=pt.useToolbarRootContext()!=null,Ae=Ce.useSelectFloatingContext(),Q=ht.useDirection(),{nonce:Be,disableStyleElements:Ne}=ft.useCSPContext(),$e=y.useStore(s,p.selectors.id),m=y.useStore(s,p.selectors.open),je=y.useStore(s,p.selectors.openMethod),We=y.useStore(s,p.selectors.mounted),Ve=y.useStore(s,p.selectors.popupProps),fe=y.useStore(s,p.selectors.transitionStatus),D=y.useStore(s,p.selectors.triggerElement),e=y.useStore(s,p.selectors.positionerElement),q=y.useStore(s,p.selectors.listElement),I=L.useRef(!1),A=L.useRef(!1),z=L.useRef({}),he=rt.useAnimationFrame(),ee=nt.useStableCallback(o=>{if(!e||!g.current||!A.current)return;if(I.current||!c){b();return}const x=e.style.top==="0px",f=e.style.bottom==="0px";if(!x&&!f){b();return}const G=Oe(e),h=k(e.getBoundingClientRect().height,"y",G),B=Ee.ownerDocument(e),N=ie.getWindow(e),$=N.getComputedStyle(e),M=parseFloat($.marginTop),d=parseFloat($.marginBottom),a=be(N.getComputedStyle(g.current)),T=Math.min(B.documentElement.clientHeight-M-d,a),u=o.scrollTop,j=K(o);let E=0,C=null,O=!1,v=!1;const X=r=>{e.style.height=`${r}px`},te=(r,w)=>{const V=U.clamp(r,0,T-h);V>0&&X(h+V),o.scrollTop=w,T-(h+V)<=P.SCROLL_EDGE_TOLERANCE_PX&&(I.current=!0),b()},_=x?j-u:u,W=Math.min(h+_,T);if(E=W,_<=P.SCROLL_EDGE_TOLERANCE_PX){te(_,x?j:0);return}if(T-W>P.SCROLL_EDGE_TOLERANCE_PX)x?v=!0:C=0;else if(O=!0,f&&u<j){const r=h+_-T;C=u-(_-r)}if(E=Math.ceil(E),E!==0&&X(E),v||C!=null){const r=K(o),w=v?r:U.clamp(C,0,r);Math.abs(o.scrollTop-w)>P.SCROLL_EDGE_TOLERANCE_PX&&(o.scrollTop=w)}(O||E>=T-P.SCROLL_EDGE_TOLERANCE_PX)&&(I.current=!0),b()});L.useImperativeHandle(we,()=>ee,[ee]),ct.useOpenChangeComplete({open:m,ref:g,onComplete(){m&&Me?.(!0)}});const ke={open:m,transitionStatus:fe,side:Fe,align:De};re.useIsoLayoutEffect(()=>{!e||!g.current||Object.keys(z.current).length||(z.current={top:e.style.top||"0",left:e.style.left||"0",right:e.style.right,height:e.style.height,bottom:e.style.bottom,minHeight:e.style.minHeight,maxHeight:e.style.maxHeight,marginTop:e.style.marginTop,marginBottom:e.style.marginBottom})},[g,e]),re.useIsoLayoutEffect(()=>{m||c||(A.current=!1,I.current=!1,se.clearStyles(e,z.current))},[m,c,e,g]),re.useIsoLayoutEffect(()=>{const o=g.current;if(!m||!D||!e||!o||c&&!ge||s.state.transitionStatus==="ending")return;if(!c){A.current=!0,he.request(b),o.style.removeProperty("--transform-origin");return}const x=Ct(o);o.style.removeProperty("--transform-origin");try{let f=ae.current;f?.isConnected||(f=!p.selectors.hasSelectedValue(s.state)&&J.current?.isConnected?J.current:null);const G=ce.current,h=ie.getWindow(e),B=h.getComputedStyle(e),N=h.getComputedStyle(o),$=Ee.ownerDocument(D),M=Oe(D),d=Z(D.getBoundingClientRect(),M),a=Z(e.getBoundingClientRect(),M),T=d.height,u=q||o,j=u.scrollHeight,E=parseFloat(N.borderBottomWidth),C=parseFloat(B.marginTop)||10,O=parseFloat(B.marginBottom)||10,v=parseFloat(B.minHeight)||100,X=be(N),te=5,_=5,W=20,r=$.documentElement.clientHeight-C-O,w=$.documentElement.clientWidth,V=r-d.bottom+T;let R,de=Q==="rtl"?d.right-a.width:d.left,Se=0;if(f&&G){const S=Z(G.getBoundingClientRect(),M);R=Z(f.getBoundingClientRect(),M),de=a.left+(Q==="rtl"?S.right-R.right:S.left-R.left);const Y=S.top-d.top+S.height/2;Se=R.top-a.top+R.height/2-Y}const oe=V+Se+O+E;let H=Math.min(r,oe);const Xe=r-C-O,ne=oe-H,Ye=w-_;e.style.left=`${U.clamp(de,te,Ye-a.width)}px`,e.style.height=`${H}px`,e.style.maxHeight="none",e.style.marginTop=`${C}px`,e.style.marginBottom=`${O}px`,o.style.height="100%";const ye=K(u),xe=ne>=ye-P.SCROLL_EDGE_TOLERANCE_PX;xe&&(H=Math.min(r,a.height)-(ne-ye));const Ue=d.top<W||d.bottom>r-W||Math.ceil(H)+P.SCROLL_EDGE_TOLERANCE_PX<Math.min(j,v),Ke=(h.visualViewport?.scale??1)!==1&&yt.webkit;if(Ue||Ke){A.current=!0,se.clearStyles(e,z.current),me(!1);return}const Ze=Math.max(v,H);if(xe){const S=Math.max(0,r-oe);e.style.top=a.height>=Xe?"0":`${S}px`,e.style.height=`${H}px`,u.scrollTop=K(u)}else e.style.bottom="0",u.scrollTop=ne;if(R){const S=a.top,Y=a.height,Te=R.top+R.height/2,Je=Y>0?(Te-S)/Y*100:50,Qe=U.clamp(Je,0,100);o.style.setProperty("--transform-origin",`50% ${Qe}%`)}(Ze===r||H>=X)&&(I.current=!0),b(),pe&&s.state.selectedIndex===null&&s.state.activeIndex===null&&ue.current[0]!=null&&s.set("activeIndex",0),A.current=!0}finally{x()}},[s,m,e,D,ce,J,ae,g,b,c,me,he,q,ue,pe,Q,ge]),L.useEffect(()=>{if(!c||!e||!m)return;const o=ie.getWindow(e);function x(f){le(!1,ut.createChangeEventDetails(xt.windowResize,f))}return ot.addEventListener(o,"resize",x)},[le,c,e,m]);const ze={...q?{role:"presentation","aria-orientation":void 0}:{role:"listbox","aria-multiselectable":ve||void 0,id:`${$e}-list`},onKeyDown(o){Ie&&gt.COMPOSITE_KEYS.has(o.key)&&o.stopPropagation()},onScroll(o){q||ee(o.currentTarget)},...c&&{style:q?{height:"100%"}:se.LIST_FUNCTIONAL_STYLES}},Ge=at.useRenderElement("div",n,{ref:[i,g],state:ke,stateAttributesMapping:Et,props:[Ve,ze,mt.getDisabledMountTransitionStyles(fe),{className:!q&&c?Re.styleDisableScrollbar.className:void 0},qe]});return Pe.jsxs(L.Fragment,{children:[!Ne&&Re.styleDisableScrollbar.getElement(Be),Pe.jsx(dt.FloatingFocusManager,{context:Ae,modal:!1,disabled:!We,openInteractionType:je,returnFocus:Le,restoreFocus:!0,children:Ge})]})});process.env.NODE_ENV!=="production"&&(He.displayName="SelectPopup");function be(t){const n=t.maxHeight||"";return n.endsWith("px")&&parseFloat(n)||1/0}function K(t){return P.getMaxScrollOffset(t.scrollHeight,t.clientHeight)}function Oe(t){return St.platform.getScale(t)}function k(t,n,i){return t/i[n]}function Z(t,n){return tt.rectToClientRect({x:k(t.x,"x",n),y:k(t.y,"y",n),width:k(t.width,"x",n),height:k(t.height,"y",n)})}const _e=[["transform","none"],["scale","1"],["translate","0 0"]];function Ct(t){const{style:n}=t,i={};for(const[l,F]of _e)i[l]=n.getPropertyValue(l),n.setProperty(l,F,"important");return()=>{for(const[l]of _e){const F=i[l];F?n.setProperty(l,F):n.removeProperty(l)}}}exports.SelectPopup=He;

package/dist/node_modules/@base-ui/react/select/popup/SelectPopup.es.js

@@ -0,0 +1,261 @@
+"use client";
+import * as M from "react";
+import { rectToClientRect as Zt } from "../../../../@floating-ui/utils/dist/floating-ui.utils.es.js";
+import { addEventListener as Jt } from "../../../utils/addEventListener.es.js";
+import { useStableCallback as Qt } from "../../../utils/useStableCallback.es.js";
+import { ownerDocument as Tt } from "../../../utils/owner.es.js";
+import { useIsoLayoutEffect as rt } from "../../../utils/useIsoLayoutEffect.es.js";
+import { useAnimationFrame as te } from "../../../utils/useAnimationFrame.es.js";
+import { useSelectRootContext as ee, useSelectFloatingContext as oe } from "../root/SelectRootContext.es.js";
+import { popupStateMapping as ne } from "../../utils/popupStateMapping.es.js";
+import { useSelectPositionerContext as re } from "../positioner/SelectPositionerContext.es.js";
+import { styleDisableScrollbar as Rt } from "../../utils/styles.es.js";
+import { transitionStatusMapping as ie } from "../../internals/stateAttributesMapping.es.js";
+import { useOpenChangeComplete as se } from "../../internals/useOpenChangeComplete.es.js";
+import { useRenderElement as le } from "../../internals/useRenderElement.es.js";
+import { selectors as a } from "../store.es.js";
+import { clearStyles as Ct, LIST_FUNCTIONAL_STYLES as ce } from "./utils.es.js";
+import { createChangeEventDetails as ae } from "../../internals/createBaseUIEventDetails.es.js";
+import { useToolbarRootContext as pe } from "../../toolbar/root/ToolbarRootContext.es.js";
+import { COMPOSITE_KEYS as me } from "../../internals/composite/composite.es.js";
+import { getDisabledMountTransitionStyles as ue } from "../../utils/getDisabledMountTransitionStyles.es.js";
+import { clamp as U } from "../../internals/clamp.es.js";
+import { SCROLL_EDGE_TOLERANCE_PX as v, getMaxScrollOffset as ge } from "../../utils/scrollEdges.es.js";
+import { useCSPContext as fe } from "../../internals/csp-context/CSPContext.es.js";
+import { useDirection as he } from "../../internals/direction-context/DirectionContext.es.js";
+import { jsxs as de, jsx as ye } from "react/jsx-runtime";
+import { getWindow as it } from "../../../../@floating-ui/utils/dist/floating-ui.utils.dom.es.js";
+import { FloatingFocusManager as xe } from "../../floating-ui-react/components/FloatingFocusManager.es.js";
+import { platform as Se } from "../../../../@floating-ui/dom/dist/floating-ui.dom.es.js";
+import { useStore as d } from "../../../utils/store/useStore.es.js";
+import { webkit as Te } from "../../../utils/platform/engine.es.js";
+import { windowResize as Re } from "../../internals/reason-parts.es.js";
+const Ce = {
+  ...ne,
+  ...ie
+}, He = /* @__PURE__ */ M.forwardRef(function(o, F) {
+  const {
+    render: y,
+    className: A,
+    style: Ee,
+    finalFocus: bt,
+    ...Mt
+  } = o, {
+    store: i,
+    popupRef: p,
+    onOpenChangeComplete: vt,
+    setOpen: st,
+    valueRef: lt,
+    firstItemTextRef: J,
+    selectedItemTextRef: ct,
+    multiple: Ft,
+    handleScrollArrowVisibility: H,
+    scrollHandlerRef: wt,
+    listRef: at,
+    highlightItemOnHover: pt
+  } = ee(), {
+    side: Bt,
+    align: It,
+    alignItemWithTriggerActive: s,
+    isPositioned: mt,
+    setControlledAlignItemWithTrigger: ut
+  } = re(), Ot = pe() != null, At = oe(), Q = he(), {
+    nonce: Lt,
+    disableStyleElements: Dt
+  } = fe(), Nt = d(i, a.id), m = d(i, a.open), _t = d(i, a.openMethod), $t = d(i, a.mounted), Vt = d(i, a.popupProps), gt = d(i, a.transitionStatus), L = d(i, a.triggerElement), t = d(i, a.positionerElement), w = d(i, a.listElement), D = M.useRef(!1), N = M.useRef(!1), j = M.useRef({}), ft = te(), tt = Qt((e) => {
+    if (!t || !p.current || !N.current)
+      return;
+    if (D.current || !s) {
+      H();
+      return;
+    }
+    const x = t.style.top === "0px", u = t.style.bottom === "0px";
+    if (!x && !u) {
+      H();
+      return;
+    }
+    const K = Pt(t), g = k(t.getBoundingClientRect().height, "y", K), _ = Tt(t), $ = it(t), V = $.getComputedStyle(t), B = parseFloat(V.marginTop), f = parseFloat(V.marginBottom), l = Ht($.getComputedStyle(p.current)), S = Math.min(_.documentElement.clientHeight - B - f, l), c = e.scrollTop, W = X(e);
+    let T = 0, R = null, P = !1, I = !1;
+    const q = (r) => {
+      t.style.height = `${r}px`;
+    }, et = (r, O) => {
+      const z = U(r, 0, S - g);
+      z > 0 && q(g + z), e.scrollTop = O, S - (g + z) <= v && (D.current = !0), H();
+    }, E = x ? W - c : c, Y = Math.min(g + E, S);
+    if (T = Y, E <= v) {
+      et(E, x ? W : 0);
+      return;
+    }
+    if (S - Y > v)
+      x ? I = !0 : R = 0;
+    else if (P = !0, u && c < W) {
+      const r = g + E - S;
+      R = c - (E - r);
+    }
+    if (T = Math.ceil(T), T !== 0 && q(T), I || R != null) {
+      const r = X(e), O = I ? r : U(R, 0, r);
+      Math.abs(e.scrollTop - O) > v && (e.scrollTop = O);
+    }
+    (P || T >= S - v) && (D.current = !0), H();
+  });
+  M.useImperativeHandle(wt, () => tt, [tt]), se({
+    open: m,
+    ref: p,
+    onComplete() {
+      m && vt?.(!0);
+    }
+  });
+  const Wt = {
+    open: m,
+    transitionStatus: gt,
+    side: Bt,
+    align: It
+  };
+  rt(() => {
+    !t || !p.current || Object.keys(j.current).length || (j.current = {
+      top: t.style.top || "0",
+      left: t.style.left || "0",
+      right: t.style.right,
+      height: t.style.height,
+      bottom: t.style.bottom,
+      minHeight: t.style.minHeight,
+      maxHeight: t.style.maxHeight,
+      marginTop: t.style.marginTop,
+      marginBottom: t.style.marginBottom
+    });
+  }, [p, t]), rt(() => {
+    m || s || (N.current = !1, D.current = !1, Ct(t, j.current));
+  }, [m, s, t, p]), rt(() => {
+    const e = p.current;
+    if (!m || !L || !t || !e || s && !mt || i.state.transitionStatus === "ending")
+      return;
+    if (!s) {
+      N.current = !0, ft.request(H), e.style.removeProperty("--transform-origin");
+      return;
+    }
+    const x = Pe(e);
+    e.style.removeProperty("--transform-origin");
+    try {
+      let u = ct.current;
+      u?.isConnected || (u = !a.hasSelectedValue(i.state) && J.current?.isConnected ? J.current : null);
+      const K = lt.current, g = it(t), _ = g.getComputedStyle(t), $ = g.getComputedStyle(e), V = Tt(L), B = Pt(L), f = Z(L.getBoundingClientRect(), B), l = Z(t.getBoundingClientRect(), B), S = f.height, c = w || e, W = c.scrollHeight, T = parseFloat($.borderBottomWidth), R = parseFloat(_.marginTop) || 10, P = parseFloat(_.marginBottom) || 10, I = parseFloat(_.minHeight) || 100, q = Ht($), et = 5, E = 5, Y = 20, r = V.documentElement.clientHeight - R - P, O = V.documentElement.clientWidth, z = r - f.bottom + S;
+      let C, ht = Q === "rtl" ? f.right - l.width : f.left, dt = 0;
+      if (u && K) {
+        const h = Z(K.getBoundingClientRect(), B);
+        C = Z(u.getBoundingClientRect(), B), ht = l.left + (Q === "rtl" ? h.right - C.right : h.left - C.left);
+        const G = h.top - f.top + h.height / 2;
+        dt = C.top - l.top + C.height / 2 - G;
+      }
+      const ot = z + dt + P + T;
+      let b = Math.min(r, ot);
+      const kt = r - R - P, nt = ot - b, jt = O - E;
+      t.style.left = `${U(ht, et, jt - l.width)}px`, t.style.height = `${b}px`, t.style.maxHeight = "none", t.style.marginTop = `${R}px`, t.style.marginBottom = `${P}px`, e.style.height = "100%";
+      const yt = X(c), xt = nt >= yt - v;
+      xt && (b = Math.min(r, l.height) - (nt - yt));
+      const Kt = f.top < Y || f.bottom > r - Y || Math.ceil(b) + v < Math.min(W, I), qt = (g.visualViewport?.scale ?? 1) !== 1 && Te;
+      if (Kt || qt) {
+        N.current = !0, Ct(t, j.current), ut(!1);
+        return;
+      }
+      const Gt = Math.max(I, b);
+      if (xt) {
+        const h = Math.max(0, r - ot);
+        t.style.top = l.height >= kt ? "0" : `${h}px`, t.style.height = `${b}px`, c.scrollTop = X(c);
+      } else
+        t.style.bottom = "0", c.scrollTop = nt;
+      if (C) {
+        const h = l.top, G = l.height, St = C.top + C.height / 2, Ut = G > 0 ? (St - h) / G * 100 : 50, Xt = U(Ut, 0, 100);
+        e.style.setProperty("--transform-origin", `50% ${Xt}%`);
+      }
+      (Gt === r || b >= q) && (D.current = !0), H(), pt && i.state.selectedIndex === null && i.state.activeIndex === null && at.current[0] != null && i.set("activeIndex", 0), N.current = !0;
+    } finally {
+      x();
+    }
+  }, [i, m, t, L, lt, J, ct, p, H, s, ut, ft, w, at, pt, Q, mt]), M.useEffect(() => {
+    if (!s || !t || !m)
+      return;
+    const e = it(t);
+    function x(u) {
+      st(!1, ae(Re, u));
+    }
+    return Jt(e, "resize", x);
+  }, [st, s, t, m]);
+  const Yt = {
+    ...w ? {
+      role: "presentation",
+      "aria-orientation": void 0
+    } : {
+      role: "listbox",
+      "aria-multiselectable": Ft || void 0,
+      id: `${Nt}-list`
+    },
+    onKeyDown(e) {
+      Ot && me.has(e.key) && e.stopPropagation();
+    },
+    onScroll(e) {
+      w || tt(e.currentTarget);
+    },
+    ...s && {
+      style: w ? {
+        height: "100%"
+      } : ce
+    }
+  }, zt = le("div", o, {
+    ref: [F, p],
+    state: Wt,
+    stateAttributesMapping: Ce,
+    props: [Vt, Yt, ue(gt), {
+      className: !w && s ? Rt.className : void 0
+    }, Mt]
+  });
+  return /* @__PURE__ */ de(M.Fragment, {
+    children: [!Dt && Rt.getElement(Lt), /* @__PURE__ */ ye(xe, {
+      context: At,
+      modal: !1,
+      disabled: !$t,
+      openInteractionType: _t,
+      returnFocus: bt,
+      restoreFocus: !0,
+      children: zt
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (He.displayName = "SelectPopup");
+function Ht(n) {
+  const o = n.maxHeight || "";
+  return o.endsWith("px") && parseFloat(o) || 1 / 0;
+}
+function X(n) {
+  return ge(n.scrollHeight, n.clientHeight);
+}
+function Pt(n) {
+  return Se.getScale(n);
+}
+function k(n, o, F) {
+  return n / F[o];
+}
+function Z(n, o) {
+  return Zt({
+    x: k(n.x, "x", o),
+    y: k(n.y, "y", o),
+    width: k(n.width, "x", o),
+    height: k(n.height, "y", o)
+  });
+}
+const Et = [["transform", "none"], ["scale", "1"], ["translate", "0 0"]];
+function Pe(n) {
+  const {
+    style: o
+  } = n, F = {};
+  for (const [y, A] of Et)
+    F[y] = o.getPropertyValue(y), o.setProperty(y, A, "important");
+  return () => {
+    for (const [y] of Et) {
+      const A = F[y];
+      A ? o.setProperty(y, A) : o.removeProperty(y);
+    }
+  };
+}
+export {
+  He as SelectPopup
+};

package/dist/node_modules/@base-ui/react/select/popup/utils.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(e,t){e&&Object.assign(e.style,t)}const i={position:"relative",maxHeight:"100%",overflowX:"hidden",overflowY:"auto"};exports.LIST_FUNCTIONAL_STYLES=i;exports.clearStyles=o;

package/dist/node_modules/@base-ui/react/select/popup/utils.es.js

@@ -0,0 +1,13 @@
+function e(o, t) {
+  o && Object.assign(o.style, t);
+}
+const i = {
+  position: "relative",
+  maxHeight: "100%",
+  overflowX: "hidden",
+  overflowY: "auto"
+};
+export {
+  i as LIST_FUNCTIONAL_STYLES,
+  e as clearStyles
+};

package/dist/node_modules/@base-ui/react/select/portal/SelectPortal.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),d=require("./SelectPortalContext.cjs.js"),f=require("../root/SelectRootContext.cjs.js"),n=require("../store.cjs.js"),c=require("react/jsx-runtime"),S=require("../../floating-ui-react/components/FloatingPortal.cjs.js"),s=require("../../../utils/store/useStore.cjs.js");function P(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const p=P(i),l=p.forwardRef(function(o,t){const{store:r}=f.useSelectRootContext(),u=s.useStore(r,n.selectors.mounted),a=s.useStore(r,n.selectors.forceMount);return u||a?c.jsx(d.SelectPortalContext.Provider,{value:!0,children:c.jsx(S.FloatingPortal,{ref:t,...o})}):null});process.env.NODE_ENV!=="production"&&(l.displayName="SelectPortal");exports.SelectPortal=l;