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

package/dist/node_modules/@base-ui/react/combobox/input-group/ComboboxInputGroup.es.js

@@ -0,0 +1,48 @@
+"use client";
+import * as R from "react";
+import { useStableCallback as y } from "../../../utils/useStableCallback.es.js";
+import { useRenderElement as G } from "../../internals/useRenderElement.es.js";
+import { useFieldRootContext as M } from "../../internals/field-root-context/FieldRootContext.es.js";
+import { useComboboxRootContext as D, useComboboxDerivedItemsContext as N } from "../root/ComboboxRootContext.es.js";
+import { selectors as o } from "../store.es.js";
+import { triggerStateAttributesMapping as V } from "../utils/stateAttributesMapping.es.js";
+import { handleInputPress as v } from "../utils/handleInputPress.es.js";
+import { contains as O } from "../../internals/shadowDom.es.js";
+import { useStore as t } from "../../../utils/store/useStore.es.js";
+const w = /* @__PURE__ */ R.forwardRef(function(s, i) {
+  const {
+    render: k,
+    className: F,
+    style: P,
+    ...l
+  } = s, {
+    state: m
+  } = M(), e = D(), {
+    filteredItems: c
+  } = N(), u = t(e, o.open), a = t(e, o.mounted), d = t(e, o.popupSide), b = t(e, o.positionerElement), f = t(e, o.disabled), r = t(e, o.readOnly), x = t(e, o.hasSelectedValue), C = t(e, o.selectionMode), S = a && b ? d : null, p = f, E = c.length === 0, h = {
+    ...m,
+    open: u,
+    disabled: p,
+    readOnly: r,
+    popupSide: S,
+    listEmpty: E,
+    placeholder: C === "none" ? !1 : !x
+  }, I = y((n) => {
+    e.set("inputGroupElement", n);
+  });
+  return G("div", s, {
+    ref: [i, I],
+    props: [{
+      role: "group",
+      onMouseDown(n) {
+        v(n, e, p, r, (g) => O(e.state.chipsContainerRef.current, g));
+      }
+    }, l],
+    state: h,
+    stateAttributesMapping: V
+  });
+});
+process.env.NODE_ENV !== "production" && (w.displayName = "ComboboxInputGroup");
+export {
+  w as ComboboxInputGroup
+};

package/dist/node_modules/@base-ui/react/combobox/item/ComboboxItem.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("react"),Z=require("react-dom"),h=require("../../../utils/useIsoLayoutEffect.cjs.js"),b=require("../root/ComboboxRootContext.cjs.js"),z=require("../../internals/composite/list/useCompositeListItem.cjs.js"),ee=require("../../internals/useRenderElement.cjs.js"),te=require("./ComboboxItemContext.cjs.js"),i=require("../store.cjs.js"),oe=require("../row/ComboboxRowContext.cjs.js"),B=require("../../internals/itemEquality.cjs.js"),v=require("react/jsx-runtime"),ne=require("../../internals/use-button/useButton.cjs.js"),c=require("../../../utils/store/useStore.cjs.js");function L(s){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const n in s)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(s,n);Object.defineProperty(o,n,r.get?r:{enumerable:!0,get:()=>s[n]})}}return o.default=s,Object.freeze(o)}const f=L(Y),se=L(Z);function T(s){const{componentProps:o,forwardedRef:n,virtualized:r,indexFromFilter:m}=s,{render:E,className:P,style:ue,value:a=null,index:x,disabled:p=!1,nativeButton:N=!1,...$}=o,I=f.useRef(!1),S=f.useRef(null),q=z.useCompositeListItem({index:x,textRef:S,indexGuessBehavior:z.IndexGuessBehavior.GuessFromOrder}),e=b.useComboboxRootContext(),k=oe.useComboboxRowContext(),R=b.useComboboxHasItemsContext(),O=c.useStore(e,i.selectors.open),y=c.useStore(e,i.selectors.selectionMode),g=c.useStore(e,i.selectors.readOnly),V=c.useStore(e,i.selectors.isItemEqualToValue),w=y!=="none",u=x??(r?m??-1:q.index),d=q.index!==-1,D=c.useStore(e,i.selectors.id),j=c.useStore(e,i.selectors.isActive,u),A=c.useStore(e,i.selectors.isSelected,a),G=c.useStore(e,i.selectors.itemProps),F=f.useRef(null),H=D!=null&&d?`${D}-${u}`:void 0,C=A&&w;h.useIsoLayoutEffect(()=>{if(!(d&&(r||x!=null)))return;const l=e.state.listRef.current;return l[u]=F.current,()=>{delete l[u]}},[d,r,u,x,e]),h.useIsoLayoutEffect(()=>{if(!d||R)return;const t=e.state.valuesRef.current;return t[u]=a,y!=="none"&&e.state.allValuesRef.current.push(a),()=>{delete t[u]}},[d,R,u,a,e,y]),h.useIsoLayoutEffect(()=>{if(!O){I.current=!1;return}if(!d||R)return;const t=e.state.selectedValue,l=Array.isArray(t)?t[t.length-1]:t;B.compareItemEquality(a,l,V)&&e.set("selectedIndex",u)},[d,R,O,e,u,a,V]);const{getButtonProps:U,buttonRef:W}=ne.useButton({disabled:p,focusableWhenDisabled:!0,native:N,composite:!0}),J={disabled:p,selected:C,highlighted:j};function M(t){function l(){e.state.handleSelection(t,a)}e.state.submitOnItemClick?(se.flushSync(l),e.state.requestSubmit()):l()}const K={id:H,role:k?"gridcell":"option","aria-selected":w?C:void 0,tabIndex:void 0,onPointerDownCapture(t){I.current=!0,t.preventDefault()},onMouseDown(t){t.preventDefault()},onClick(t){p||g||M(t.nativeEvent)},onMouseUp(t){const l=I.current;I.current=!1,!(p||g||t.button!==0||l||!j)&&M(t.nativeEvent)}},Q=ee.useRenderElement("div",o,{ref:[W,n,q.ref,F],state:J,props:[G,K,$,U]}),X=f.useMemo(()=>({selected:C,textRef:S}),[C,S]);return v.jsx(te.ComboboxItemContext.Provider,{value:X,children:Q})}function re(s){const{componentProps:o,forwardedRef:n}=s,r=b.useComboboxRootContext(),m=c.useStore(r,i.selectors.isItemEqualToValue),{flatFilteredItems:E}=b.useComboboxDerivedItemsContext(),P=B.findItemIndex(E,o.value??null,m);return v.jsx(T,{componentProps:o,forwardedRef:n,virtualized:!0,indexFromFilter:P})}const _=f.memo(f.forwardRef(function(o,n){const r=b.useComboboxRootContext(),m=c.useStore(r,i.selectors.virtualized);return m&&o.index==null?v.jsx(re,{componentProps:o,forwardedRef:n}):v.jsx(T,{componentProps:o,forwardedRef:n,virtualized:m,indexFromFilter:void 0})}));process.env.NODE_ENV!=="production"&&(_.displayName="ComboboxItem");exports.ComboboxItem=_;

package/dist/node_modules/@base-ui/react/combobox/item/ComboboxItem.es.js

@@ -0,0 +1,141 @@
+"use client";
+import * as m from "react";
+import * as J from "react-dom";
+import { useIsoLayoutEffect as P } from "../../../utils/useIsoLayoutEffect.es.js";
+import { useComboboxRootContext as E, useComboboxDerivedItemsContext as K, useComboboxHasItemsContext as Q } from "../root/ComboboxRootContext.es.js";
+import { useCompositeListItem as X, IndexGuessBehavior as Y } from "../../internals/composite/list/useCompositeListItem.es.js";
+import { useRenderElement as Z } from "../../internals/useRenderElement.es.js";
+import { ComboboxItemContext as ee } from "./ComboboxItemContext.es.js";
+import { selectors as n } from "../store.es.js";
+import { useComboboxRowContext as te } from "../row/ComboboxRowContext.es.js";
+import { findItemIndex as oe, compareItemEquality as ne } from "../../internals/itemEquality.es.js";
+import { jsx as R } from "react/jsx-runtime";
+import { useButton as re } from "../../internals/use-button/useButton.es.js";
+import { useStore as r } from "../../../utils/store/useStore.es.js";
+function B(f) {
+  const {
+    componentProps: s,
+    forwardedRef: a,
+    virtualized: u,
+    indexFromFilter: d
+  } = f, {
+    render: w,
+    className: F,
+    style: ue,
+    value: l = null,
+    index: p,
+    disabled: x = !1,
+    nativeButton: N = !1,
+    ...T
+  } = s, b = m.useRef(!1), C = m.useRef(null), h = X({
+    index: p,
+    textRef: C,
+    indexGuessBehavior: Y.GuessFromOrder
+  }), e = E(), A = te(), I = Q(), y = r(e, n.open), V = r(e, n.selectionMode), D = r(e, n.readOnly), S = r(e, n.isItemEqualToValue), M = V !== "none", o = p ?? (u ? d ?? -1 : h.index), c = h.index !== -1, O = r(e, n.id), g = r(e, n.isActive, o), G = r(e, n.isSelected, l), k = r(e, n.itemProps), q = m.useRef(null), L = O != null && c ? `${O}-${o}` : void 0, v = G && M;
+  P(() => {
+    if (!(c && (u || p != null)))
+      return;
+    const i = e.state.listRef.current;
+    return i[o] = q.current, () => {
+      delete i[o];
+    };
+  }, [c, u, o, p, e]), P(() => {
+    if (!c || I)
+      return;
+    const t = e.state.valuesRef.current;
+    return t[o] = l, V !== "none" && e.state.allValuesRef.current.push(l), () => {
+      delete t[o];
+    };
+  }, [c, I, o, l, e, V]), P(() => {
+    if (!y) {
+      b.current = !1;
+      return;
+    }
+    if (!c || I)
+      return;
+    const t = e.state.selectedValue, i = Array.isArray(t) ? t[t.length - 1] : t;
+    ne(l, i, S) && e.set("selectedIndex", o);
+  }, [c, I, y, e, o, l, S]);
+  const {
+    getButtonProps: $,
+    buttonRef: j
+  } = re({
+    disabled: x,
+    focusableWhenDisabled: !0,
+    native: N,
+    composite: !0
+  }), H = {
+    disabled: x,
+    selected: v,
+    highlighted: g
+  };
+  function z(t) {
+    function i() {
+      e.state.handleSelection(t, l);
+    }
+    e.state.submitOnItemClick ? (J.flushSync(i), e.state.requestSubmit()) : i();
+  }
+  const U = {
+    id: L,
+    role: A ? "gridcell" : "option",
+    "aria-selected": M ? v : void 0,
+    // Focusable items steal focus from the input upon mouseup.
+    // Warn if the user renders a natively focusable element like `<button>`,
+    // as it should be a `<div>` instead.
+    tabIndex: void 0,
+    onPointerDownCapture(t) {
+      b.current = !0, t.preventDefault();
+    },
+    onMouseDown(t) {
+      t.preventDefault();
+    },
+    onClick(t) {
+      x || D || z(t.nativeEvent);
+    },
+    onMouseUp(t) {
+      const i = b.current;
+      b.current = !1, !(x || D || t.button !== 0 || i || !g) && z(t.nativeEvent);
+    }
+  }, W = Z("div", s, {
+    ref: [j, a, h.ref, q],
+    state: H,
+    props: [k, U, T, $]
+  }), _ = m.useMemo(() => ({
+    selected: v,
+    textRef: C
+  }), [v, C]);
+  return /* @__PURE__ */ R(ee.Provider, {
+    value: _,
+    children: W
+  });
+}
+function se(f) {
+  const {
+    componentProps: s,
+    forwardedRef: a
+  } = f, u = E(), d = r(u, n.isItemEqualToValue), {
+    flatFilteredItems: w
+  } = K(), F = oe(w, s.value ?? null, d);
+  return /* @__PURE__ */ R(B, {
+    componentProps: s,
+    forwardedRef: a,
+    virtualized: !0,
+    indexFromFilter: F
+  });
+}
+const ie = /* @__PURE__ */ m.memo(/* @__PURE__ */ m.forwardRef(function(s, a) {
+  const u = E(), d = r(u, n.virtualized);
+  return d && s.index == null ? /* @__PURE__ */ R(se, {
+    componentProps: s,
+    forwardedRef: a
+  }) : /* @__PURE__ */ R(B, {
+    componentProps: s,
+    forwardedRef: a,
+    virtualized: d,
+    indexFromFilter: void 0
+  });
+}));
+process.env.NODE_ENV !== "production" && (ie.displayName = "ComboboxItem");
+export {
+  ie as ComboboxItem
+};

package/dist/node_modules/@base-ui/react/combobox/item/ComboboxItemContext.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../utils/formatErrorMessage.cjs.js"),b=require("react");function i(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 c=i(b),n=c.createContext(void 0);process.env.NODE_ENV!=="production"&&(n.displayName="ComboboxItemContext");function m(){const e=c.useContext(n);if(!e)throw new Error(process.env.NODE_ENV!=="production"?"Base UI: ComboboxItemContext is missing. ComboboxItem parts must be placed within <Combobox.Item>.":s.default(19));return e}exports.ComboboxItemContext=n;exports.useComboboxItemContext=m;

package/dist/node_modules/@base-ui/react/combobox/item/ComboboxItemContext.es.js

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

package/dist/node_modules/@base-ui/react/combobox/item-indicator/ComboboxItemIndicator.cjs.js

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

package/dist/node_modules/@base-ui/react/combobox/item-indicator/ComboboxItemIndicator.es.js

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

package/dist/node_modules/@base-ui/react/combobox/label/ComboboxLabel.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),S=require("../../../utils/error.cjs.js"),q=require("../../../utils/safeReact.cjs.js"),E=require("../../internals/useRenderElement.cjs.js"),I=require("../../internals/field-root-context/FieldRootContext.cjs.js"),y=require("../../internals/field-constants/constants.cjs.js"),O=require("../../internals/labelable-provider/useLabel.cjs.js"),v=require("../../utils/resolveAriaLabelledBy.cjs.js"),N=require("../root/ComboboxRootContext.cjs.js"),s=require("../store.cjs.js"),n=require("../../../utils/store/useStore.cjs.js");function P(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,l.get?l:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const d=P(R),p=d.forwardRef(function(t,o){const{render:l,className:j,style:D,...i}=t,f=i;delete f.id;const m=I.useFieldRootContext(),r=N.useComboboxRootContext(),a=n.useStore(r,s.selectors.inputInsidePopup),g=n.useStore(r,s.selectors.triggerElement),u=n.useStore(r,s.selectors.inputElement),b=n.useStore(r,s.selectors.id),C=v.getDefaultLabelId(b),x=g?.id??(a?b:void 0);process.env.NODE_ENV!=="production"&&d.useEffect(()=>{if(!u||a)return;const c=q.SafeReact.captureOwnerStack?.()||"";S.error(`<Combobox.Label> labels <Combobox.Trigger> only. When <Combobox.Input> is the form control, use a native <label> or <Field.Label> instead.${c}`)},[u,a]);const L=O.useLabel({id:C,fallbackControlId:x,setLabelId(c){r.set("labelId",c)}});return E.useRenderElement("div",t,{ref:o,state:m.state,props:[L,i],stateAttributesMapping:y.fieldValidityMapping})});process.env.NODE_ENV!=="production"&&(p.displayName="ComboboxLabel");exports.ComboboxLabel=p;

package/dist/node_modules/@base-ui/react/combobox/label/ComboboxLabel.es.js

@@ -0,0 +1,45 @@
+"use client";
+import * as m from "react";
+import { error as C } from "../../../utils/error.es.js";
+import { SafeReact as x } from "../../../utils/safeReact.es.js";
+import { useRenderElement as I } from "../../internals/useRenderElement.es.js";
+import { useFieldRootContext as E } from "../../internals/field-root-context/FieldRootContext.es.js";
+import { fieldValidityMapping as L } from "../../internals/field-constants/constants.es.js";
+import { useLabel as R } from "../../internals/labelable-provider/useLabel.es.js";
+import { getDefaultLabelId as N } from "../../utils/resolveAriaLabelledBy.es.js";
+import { useComboboxRootContext as v } from "../root/ComboboxRootContext.es.js";
+import { selectors as o } from "../store.es.js";
+import { useStore as t } from "../../../utils/store/useStore.es.js";
+const y = /* @__PURE__ */ m.forwardRef(function(n, p) {
+  const {
+    render: S,
+    className: h,
+    style: k,
+    ...i
+  } = n, d = i;
+  delete d.id;
+  const b = E(), e = v(), r = t(e, o.inputInsidePopup), c = t(e, o.triggerElement), l = t(e, o.inputElement), a = t(e, o.id), f = N(a), u = c?.id ?? (r ? a : void 0);
+  process.env.NODE_ENV !== "production" && m.useEffect(() => {
+    if (!l || r)
+      return;
+    const s = x.captureOwnerStack?.() || "";
+    C(`<Combobox.Label> labels <Combobox.Trigger> only. When <Combobox.Input> is the form control, use a native <label> or <Field.Label> instead.${s}`);
+  }, [l, r]);
+  const g = R({
+    id: f,
+    fallbackControlId: u,
+    setLabelId(s) {
+      e.set("labelId", s);
+    }
+  });
+  return I("div", n, {
+    ref: p,
+    state: b.state,
+    props: [g, i],
+    stateAttributesMapping: L
+  });
+});
+process.env.NODE_ENV !== "production" && (y.displayName = "ComboboxLabel");
+export {
+  y as ComboboxLabel
+};

package/dist/node_modules/@base-ui/react/combobox/list/ComboboxList.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),f=require("../../../utils/useStableCallback.cjs.js"),z=require("../../internals/useRenderElement.cjs.js"),u=require("../root/ComboboxRootContext.cjs.js"),A=require("../positioner/ComboboxPositionerContext.cjs.js"),i=require("../store.cjs.js"),K=require("../collection/ComboboxCollection.cjs.js"),T=require("../../internals/composite/list/CompositeList.cjs.js"),m=require("react/jsx-runtime"),l=require("../../../utils/store/useStore.cjs.js"),B=require("../../floating-ui-react/utils/event.cjs.js");function F(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(n,s,r.get?r:{enumerable:!0,get:()=>o[s]})}}return n.default=o,Object.freeze(n)}const C=F(w),p=C.forwardRef(function(n,s){var r;const{render:V,className:G,style:H,children:c,...x}=n,e=u.useComboboxRootContext(),v=u.useComboboxFloatingContext(),R=!!A.useComboboxPositionerContext(!0),{filteredItems:g,hasItems:y}=u.useComboboxDerivedItemsContext(),E=l.useStore(e,i.selectors.selectionMode),S=l.useStore(e,i.selectors.grid),q=l.useStore(e,i.selectors.popupProps),P=l.useStore(e,i.selectors.virtualized),I=l.useStore(e,i.selectors.forceMounted),h=E==="multiple",j=g.length===0,k=f.useStableCallback(t=>{e.set("positionerElement",t)}),M=f.useStableCallback(t=>{e.set("listElement",t)}),O=C.useMemo(()=>typeof c=="function"?r||(r=m.jsx(K.ComboboxCollection,{children:c})):c,[c]),L={empty:j},D=v.useState("floatingId"),a=z.useRenderElement("div",n,{state:L,ref:[s,M,R?null:k],props:[q,{children:O,tabIndex:-1,id:D,role:S?"grid":"listbox","aria-multiselectable":h?"true":void 0,onKeyDown(t){if(!(e.state.disabled||e.state.readOnly)&&t.key==="Enter"){const b=e.state.activeIndex;if(b==null)return;B.stopEvent(t);const _=t.nativeEvent,d=e.state.listRef.current[b];d&&(e.state.selectionEventRef.current=_,d.click(),e.state.selectionEventRef.current=null)}},onKeyDownCapture(){e.state.keyboardActiveRef.current=!0},onPointerMoveCapture(){e.state.keyboardActiveRef.current=!1}},x]});if(P)return a;const N=y&&!I?void 0:e.state.labelsRef;return m.jsx(T.CompositeList,{elementsRef:e.state.listRef,labelsRef:N,children:a})});process.env.NODE_ENV!=="production"&&(p.displayName="ComboboxList");exports.ComboboxList=p;

package/dist/node_modules/@base-ui/react/combobox/list/ComboboxList.es.js

@@ -0,0 +1,71 @@
+"use client";
+import * as m from "react";
+import { useStableCallback as f } from "../../../utils/useStableCallback.es.js";
+import { useRenderElement as z } from "../../internals/useRenderElement.es.js";
+import { useComboboxRootContext as A, useComboboxFloatingContext as K, useComboboxDerivedItemsContext as O } from "../root/ComboboxRootContext.es.js";
+import { useComboboxPositionerContext as _ } from "../positioner/ComboboxPositionerContext.es.js";
+import { selectors as o } from "../store.es.js";
+import { ComboboxCollection as j } from "../collection/ComboboxCollection.es.js";
+import { CompositeList as B } from "../../internals/composite/list/CompositeList.es.js";
+import { jsx as u } from "react/jsx-runtime";
+import { useStore as n } from "../../../utils/store/useStore.es.js";
+import { stopEvent as F } from "../../floating-ui-react/utils/event.es.js";
+const V = /* @__PURE__ */ m.forwardRef(function(r, d) {
+  var i;
+  const {
+    render: G,
+    className: H,
+    style: J,
+    children: s,
+    ...p
+  } = r, e = A(), b = K(), C = !!_(!0), {
+    filteredItems: x,
+    hasItems: v
+  } = O(), R = n(e, o.selectionMode), E = n(e, o.grid), y = n(e, o.popupProps), I = n(e, o.virtualized), g = n(e, o.forceMounted), h = R === "multiple", M = x.length === 0, P = f((t) => {
+    e.set("positionerElement", t);
+  }), k = f((t) => {
+    e.set("listElement", t);
+  }), L = m.useMemo(() => typeof s == "function" ? i || (i = /* @__PURE__ */ u(j, {
+    children: s
+  })) : s, [s]), D = {
+    empty: M
+  }, N = b.useState("floatingId"), l = z("div", r, {
+    state: D,
+    ref: [d, k, C ? null : P],
+    props: [y, {
+      children: L,
+      tabIndex: -1,
+      id: N,
+      role: E ? "grid" : "listbox",
+      "aria-multiselectable": h ? "true" : void 0,
+      onKeyDown(t) {
+        if (!(e.state.disabled || e.state.readOnly) && t.key === "Enter") {
+          const c = e.state.activeIndex;
+          if (c == null)
+            return;
+          F(t);
+          const S = t.nativeEvent, a = e.state.listRef.current[c];
+          a && (e.state.selectionEventRef.current = S, a.click(), e.state.selectionEventRef.current = null);
+        }
+      },
+      onKeyDownCapture() {
+        e.state.keyboardActiveRef.current = !0;
+      },
+      onPointerMoveCapture() {
+        e.state.keyboardActiveRef.current = !1;
+      }
+    }, p]
+  });
+  if (I)
+    return l;
+  const w = v && !g ? void 0 : e.state.labelsRef;
+  return /* @__PURE__ */ u(B, {
+    elementsRef: e.state.listRef,
+    labelsRef: w,
+    children: l
+  });
+});
+process.env.NODE_ENV !== "production" && (V.displayName = "ComboboxList");
+export {
+  V as ComboboxList
+};

package/dist/node_modules/@base-ui/react/combobox/popup/ComboboxPopup.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react"),w=require("../../../utils/useIsoLayoutEffect.cjs.js"),A=require("../../internals/useRenderElement.cjs.js"),m=require("../root/ComboboxRootContext.cjs.js"),t=require("../store.cjs.js"),B=require("../../utils/popupStateMapping.cjs.js"),H=require("../positioner/ComboboxPositionerContext.cjs.js"),L=require("../../internals/useOpenChangeComplete.cjs.js"),$=require("../../internals/stateAttributesMapping.cjs.js"),k=require("../../utils/getDisabledMountTransitionStyles.cjs.js"),z=require("../utils/ComboboxInternalDismissButton.cjs.js"),V=require("../root/utils/index.cjs.js"),f=require("react/jsx-runtime"),G=require("../../floating-ui-react/components/FloatingFocusManager.cjs.js"),o=require("../../../utils/store/useStore.cjs.js"),q=require("../../internals/shadowDom.cjs.js");function J(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(s,r,a.get?a:{enumerable:!0,get:()=>n[r]})}}return s.default=n,Object.freeze(s)}const F=J(_),K={...B.popupStateMapping,...$.transitionStatusMapping},M=F.forwardRef(function(s,r){const{render:a,className:Q,style:U,initialFocus:b,finalFocus:g,...x}=s,e=m.useComboboxRootContext(),c=H.useComboboxPositionerContext(),D=m.useComboboxFloatingContext(),{filteredItems:h}=m.useComboboxDerivedItemsContext(),y=o.useStore(e,t.selectors.mounted),p=o.useStore(e,t.selectors.open),C=o.useStore(e,t.selectors.openMethod),S=o.useStore(e,t.selectors.transitionStatus),i=o.useStore(e,t.selectors.inputInsidePopup),P=o.useStore(e,t.selectors.inputElement),E=o.useStore(e,t.selectors.modal),O=o.useStore(e,t.selectors.id),j=h.length===0,l=x.id??(i?V.getComboboxPopupId(O):void 0);w.useIsoLayoutEffect(()=>(e.set("popupId",e.state.popupRef.current?.id||l),()=>{e.set("popupId",void 0)}),[e,l]),L.useOpenChangeComplete({open:p,ref:e.state.popupRef,onComplete(){p&&e.state.onOpenChangeComplete(!0)}});const v={open:p,side:c.side,align:c.align,anchorHidden:c.anchorHidden,transitionStatus:S,empty:j},T=A.useRenderElement("div",s,{state:v,ref:[r,e.state.popupRef],props:[{id:l,role:i?"dialog":"presentation",tabIndex:-1,onFocus(u){const R=q.getTarget(u.nativeEvent);C!=="touch"&&(q.contains(e.state.listElement,R)||R===u.currentTarget)&&e.state.inputRef.current?.focus()}},k.getDisabledMountTransitionStyles(S),x],stateAttributesMapping:K}),N=b===void 0?i?u=>u==="touch"?e.state.popupRef.current:P:!1:b;let d;g!=null?d=g:d=i?void 0:!1;const I=!i||E;return f.jsx(G.FloatingFocusManager,{context:D,disabled:!y,modal:I,openInteractionType:C,initialFocus:N,returnFocus:d,getInsideElements:()=>[e.state.startDismissRef.current,e.state.endDismissRef.current],children:f.jsxs(F.Fragment,{children:[T,I&&f.jsx(z.ComboboxInternalDismissButton,{ref:e.state.endDismissRef})]})})});process.env.NODE_ENV!=="production"&&(M.displayName="ComboboxPopup");exports.ComboboxPopup=M;

package/dist/node_modules/@base-ui/react/combobox/popup/ComboboxPopup.es.js

@@ -0,0 +1,83 @@
+"use client";
+import * as x from "react";
+import { useIsoLayoutEffect as N } from "../../../utils/useIsoLayoutEffect.es.js";
+import { useRenderElement as T } from "../../internals/useRenderElement.es.js";
+import { useComboboxRootContext as O, useComboboxFloatingContext as j, useComboboxDerivedItemsContext as H } from "../root/ComboboxRootContext.es.js";
+import { selectors as o } from "../store.es.js";
+import { popupStateMapping as w } from "../../utils/popupStateMapping.es.js";
+import { useComboboxPositionerContext as A } from "../positioner/ComboboxPositionerContext.es.js";
+import { useOpenChangeComplete as B } from "../../internals/useOpenChangeComplete.es.js";
+import { transitionStatusMapping as L } from "../../internals/stateAttributesMapping.es.js";
+import { getDisabledMountTransitionStyles as V } from "../../utils/getDisabledMountTransitionStyles.es.js";
+import { ComboboxInternalDismissButton as _ } from "../utils/ComboboxInternalDismissButton.es.js";
+import { getComboboxPopupId as k } from "../root/utils/index.es.js";
+import { jsx as C, jsxs as q } from "react/jsx-runtime";
+import { FloatingFocusManager as z } from "../../floating-ui-react/components/FloatingFocusManager.es.js";
+import { useStore as e } from "../../../utils/store/useStore.es.js";
+import { getTarget as G, contains as J } from "../../internals/shadowDom.es.js";
+const K = {
+  ...w,
+  ...L
+}, Q = /* @__PURE__ */ x.forwardRef(function(u, I) {
+  const {
+    render: W,
+    className: X,
+    style: Y,
+    initialFocus: m,
+    finalFocus: c,
+    ...d
+  } = u, t = O(), i = A(), F = j(), {
+    filteredItems: R
+  } = H(), h = e(t, o.mounted), r = e(t, o.open), l = e(t, o.openMethod), f = e(t, o.transitionStatus), n = e(t, o.inputInsidePopup), D = e(t, o.inputElement), E = e(t, o.modal), M = e(t, o.id), P = R.length === 0, p = d.id ?? (n ? k(M) : void 0);
+  N(() => (t.set("popupId", t.state.popupRef.current?.id || p), () => {
+    t.set("popupId", void 0);
+  }), [t, p]), B({
+    open: r,
+    ref: t.state.popupRef,
+    onComplete() {
+      r && t.state.onOpenChangeComplete(!0);
+    }
+  });
+  const v = {
+    open: r,
+    side: i.side,
+    align: i.align,
+    anchorHidden: i.anchorHidden,
+    transitionStatus: f,
+    empty: P
+  }, y = T("div", u, {
+    state: v,
+    ref: [I, t.state.popupRef],
+    props: [{
+      id: p,
+      role: n ? "dialog" : "presentation",
+      tabIndex: -1,
+      onFocus(s) {
+        const b = G(s.nativeEvent);
+        l !== "touch" && (J(t.state.listElement, b) || b === s.currentTarget) && t.state.inputRef.current?.focus();
+      }
+    }, V(f), d],
+    stateAttributesMapping: K
+  }), S = m === void 0 ? n ? (s) => s === "touch" ? t.state.popupRef.current : D : !1 : m;
+  let a;
+  c != null ? a = c : a = n ? void 0 : !1;
+  const g = !n || E;
+  return /* @__PURE__ */ C(z, {
+    context: F,
+    disabled: !h,
+    modal: g,
+    openInteractionType: l,
+    initialFocus: S,
+    returnFocus: a,
+    getInsideElements: () => [t.state.startDismissRef.current, t.state.endDismissRef.current],
+    children: /* @__PURE__ */ q(x.Fragment, {
+      children: [y, g && /* @__PURE__ */ C(_, {
+        ref: t.state.endDismissRef
+      })]
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (Q.displayName = "ComboboxPopup");
+export {
+  Q as ComboboxPopup
+};

package/dist/node_modules/@base-ui/react/combobox/portal/ComboboxPortal.cjs.js

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

package/dist/node_modules/@base-ui/react/combobox/portal/ComboboxPortal.es.js

@@ -0,0 +1,25 @@
+"use client";
+import * as u from "react";
+import { useComboboxRootContext as a } from "../root/ComboboxRootContext.es.js";
+import { ComboboxPortalContext as c } from "./ComboboxPortalContext.es.js";
+import { selectors as t } from "../store.es.js";
+import { jsx as e } from "react/jsx-runtime";
+import { FloatingPortal as d } from "../../floating-ui-react/components/FloatingPortal.es.js";
+import { useStore as n } from "../../../utils/store/useStore.es.js";
+const p = /* @__PURE__ */ u.forwardRef(function(m, s) {
+  const {
+    keepMounted: o = !1,
+    ...f
+  } = m, r = a(), l = n(r, t.mounted), i = n(r, t.forceMounted);
+  return l || o || i ? /* @__PURE__ */ e(c.Provider, {
+    value: o,
+    children: /* @__PURE__ */ e(d, {
+      ref: s,
+      ...f
+    })
+  }) : null;
+});
+process.env.NODE_ENV !== "production" && (p.displayName = "ComboboxPortal");
+export {
+  p as ComboboxPortal
+};

package/dist/node_modules/@base-ui/react/combobox/portal/ComboboxPortalContext.cjs.js

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

package/dist/node_modules/@base-ui/react/combobox/portal/ComboboxPortalContext.es.js

@@ -0,0 +1,15 @@
+"use client";
+import r from "../../../utils/formatErrorMessage.es.js";
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "ComboboxPortalContext");
+function s() {
+  const o = t.useContext(e);
+  if (o === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Combobox.Portal> is missing." : r(20));
+  return o;
+}
+export {
+  e as ComboboxPortalContext,
+  s as useComboboxPortalContext
+};

package/dist/node_modules/@base-ui/react/combobox/positioner/ComboboxPositioner.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("react"),H=require("../../../utils/useIsoLayoutEffect.cjs.js"),W=require("../../../utils/useStableCallback.cjs.js"),$=require("../../../utils/inertValue.cjs.js"),d=require("../root/ComboboxRootContext.cjs.js"),J=require("./ComboboxPositionerContext.cjs.js"),K=require("../../utils/useAnchorPositioning.cjs.js"),Q=require("../portal/ComboboxPortalContext.cjs.js"),U=require("../../internals/constants.cjs.js"),o=require("../store.cjs.js"),X=require("../../utils/InternalBackdrop.cjs.js"),Y=require("../../utils/usePositioner.cjs.js"),Z=require("../../utils/useAnchoredPopupScrollLock.cjs.js"),f=require("react/jsx-runtime"),t=require("../../../utils/store/useStore.cjs.js");function ee(s){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const i in s)if(i!=="default"){const u=Object.getOwnPropertyDescriptor(s,i);Object.defineProperty(r,i,u.get?u:{enumerable:!0,get:()=>s[i]})}}return r.default=s,Object.freeze(r)}const oe=ee(G),g=oe.forwardRef(function(r,i){const{render:u,className:te,anchor:C,positionMethod:P="absolute",side:x="bottom",align:S="center",sideOffset:h=0,alignOffset:y=0,collisionBoundary:q="clipping-ancestors",collisionPadding:E=5,arrowPadding:O=5,sticky:I=!1,disableAnchorTracking:k=!1,collisionAvoidance:A=U.DROPDOWN_COLLISION_AVOIDANCE,style:ne,...j}=r,e=d.useComboboxRootContext(),{filteredItems:v}=d.useComboboxDerivedItemsContext(),N=d.useComboboxFloatingContext(),R=Q.useComboboxPortalContext(),p=t.useStore(e,o.selectors.modal),c=t.useStore(e,o.selectors.open),l=t.useStore(e,o.selectors.mounted),D=t.useStore(e,o.selectors.openMethod),L=t.useStore(e,o.selectors.positionerElement),a=t.useStore(e,o.selectors.triggerElement),b=t.useStore(e,o.selectors.inputElement),m=t.useStore(e,o.selectors.inputGroupElement),M=t.useStore(e,o.selectors.inputInsidePopup),_=t.useStore(e,o.selectors.transitionStatus),V=v.length===0,w=C??(M?a:m??b),n=K.useAnchorPositioning({anchor:w,floatingRootContext:N,positionMethod:P,mounted:l,side:x,sideOffset:h,align:S,alignOffset:y,arrowPadding:O,collisionBoundary:q,collisionPadding:E,sticky:I,disableAnchorTracking:k,keepMounted:R,collisionAvoidance:A,lazyFlip:!0});Z.useAnchoredPopupScrollLock(c&&p,D==="touch",L,a);const B={open:c,side:n.side,align:n.align,anchorHidden:n.anchorHidden,empty:V};H.useIsoLayoutEffect(()=>{e.set("popupSide",n.side)},[e,n.side]);const T=W.useStableCallback(F=>{e.set("positionerElement",F)}),z=Y.usePositioner(r,B,{styles:n.positionerStyles,transitionStatus:_,props:j,refs:[i,T],hidden:!l,inert:!c});return f.jsxs(J.ComboboxPositionerContext.Provider,{value:n,children:[l&&p&&f.jsx(X.InternalBackdrop,{inert:$.inertValue(!c),cutout:m??b??a}),z]})});process.env.NODE_ENV!=="production"&&(g.displayName="ComboboxPositioner");exports.ComboboxPositioner=g;