@rpcbase/ui 0.244.0 → 0.246.0

package/dist/index51.js

@@ -1,30 +1,134 @@
-import * as r from "react";
-import { SelectGroupContext as c } from "./index307.js";
-import { useRenderElement as p } from "./index272.js";
-import { j as m } from "./index30.js";
-const u = /* @__PURE__ */ r.forwardRef(function(t, s) {
+import * as s from "react";
+import { useIsoLayoutEffect as U } from "./index261.js";
+import { useSelectRootContext as Q } from "./index265.js";
+import { useCompositeListItem as X, IndexGuessBehavior as Z } from "./index311.js";
+import { useRenderElement as $ } from "./index172.js";
+import { SelectItemContext as ee } from "./index312.js";
+import { selectors as a } from "./index270.js";
+import { createChangeEventDetails as M } from "./index175.js";
+import { compareItemEquality as te, removeItem as re } from "./index273.js";
+import { isVirtualClick as oe } from "./index313.js";
+import { j as ne } from "./index28.js";
+import { useStore as f } from "./index277.js";
+import { useButton as se } from "./index176.js";
+import { itemPress as g } from "./index177.js";
+const ie = /* @__PURE__ */ s.memo(/* @__PURE__ */ s.forwardRef(function(k, D) {
   const {
-    render: d,
-    className: f,
-    style: x,
-    ...l
-  } = t, [e, o] = r.useState(), n = r.useMemo(() => ({
-    labelId: e,
-    setLabelId: o
-  }), [e, o]), a = p("div", t, {
-    ref: s,
-    props: [{
-      role: "group",
-      "aria-labelledby": e
-    }, l]
+    render: ce,
+    className: le,
+    style: ae,
+    value: n = null,
+    label: B,
+    disabled: m = !1,
+    nativeButton: A = !1,
+    ...N
+  } = k, 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: v,
+    selectedItemTextRef: C,
+    disabled: j,
+    readOnly: q
+  } = Q(), I = f(r, a.isActive, d.index), F = f(r, a.open), i = f(r, a.isSelected, n), b = f(r, a.isSelectedByFocus, d.index), h = f(r, a.isItemEqualToValue), o = d.index, u = o !== -1, P = s.useRef(null);
+  U(() => {
+    if (!u)
+      return;
+    const e = w.current;
+    return e[o] = n, () => {
+      delete e[o];
+    };
+  }, [u, o, n, w]), U(() => {
+    if (!u)
+      return;
+    const e = r.state.value;
+    let t = e;
+    v && 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));
+  }, [u, o, v, h, r, n, C]);
+  const y = s.useRef(null), R = s.useRef("mouse"), c = s.useRef(!1), {
+    getButtonProps: G,
+    buttonRef: K
+  } = se({
+    disabled: m,
+    focusableWhenDisabled: !0,
+    native: A,
+    composite: !0
+  }), L = {
+    disabled: m,
+    selected: i,
+    highlighted: I
+  };
+  function W(e) {
+    if (j || q)
+      return;
+    const t = r.state.value;
+    if (v) {
+      const x = Array.isArray(t) ? t : [], E = i ? re(x, n, h) : [...x, n];
+      S(E, M(g, e));
+    } else
+      S(n, M(g, e)), Y(!1, M(g, e));
+  }
+  function T() {
+    p.current.dragY = 0;
+  }
+  const _ = {
+    role: "option",
+    "aria-selected": i,
+    tabIndex: F && 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", x = e.nativeEvent.pointerType, E = 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.
+      (x !== void 0 || I), J = t && !E && !c.current;
+      c.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, c.current = !0, T();
+    },
+    onMouseUp() {
+      if (T(), m || R.current === "touch" || c.current)
+        return;
+      const e = !p.current.allowSelectedMouseUp && i, t = !p.current.allowUnselectedMouseUp && !i;
+      e || t || (c.current = !0, P.current?.click(), c.current = !1);
+    }
+  }, z = $("div", k, {
+    ref: [K, D, d.ref, P],
+    state: L,
+    props: [O, _, N, G]
+  }), H = s.useMemo(() => ({
+    selected: i,
+    index: o,
+    textRef: l,
+    selectedByFocus: b,
+    hasRegistered: u
+  }), [i, o, l, b, u]);
+  return /* @__PURE__ */ ne.jsx(ee.Provider, {
+    value: H,
+    children: z
   });
-  return /* @__PURE__ */ m.jsx(c.Provider, {
-    value: n,
-    children: a
-  });
-});
-process.env.NODE_ENV !== "production" && (u.displayName = "SelectGroup");
+}));
+process.env.NODE_ENV !== "production" && (ie.displayName = "SelectItem");
 export {
-  u as SelectGroup
+  ie as SelectItem
 };
 //# sourceMappingURL=index51.js.map

package/dist/index51.js.map

@@ -1 +1 @@
-{"version":3,"file":"index51.js","sources":["../../../node_modules/@base-ui/react/select/group/SelectGroup.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { SelectGroupContext } from \"./SelectGroupContext.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\n\n/**\n * Groups related select items with the corresponding label.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const SelectGroup = /*#__PURE__*/React.forwardRef(function SelectGroup(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    ...elementProps\n  } = componentProps;\n  const [labelId, setLabelId] = React.useState();\n  const contextValue = React.useMemo(() => ({\n    labelId,\n    setLabelId\n  }), [labelId, setLabelId]);\n  const element = useRenderElement('div', componentProps, {\n    ref: forwardedRef,\n    props: [{\n      role: 'group',\n      'aria-labelledby': labelId\n    }, elementProps]\n  });\n  return /*#__PURE__*/_jsx(SelectGroupContext.Provider, {\n    value: contextValue,\n    children: element\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SelectGroup.displayName = \"SelectGroup\";"],"names":["SelectGroup","React","componentProps","forwardedRef","render","className","style","elementProps","labelId","setLabelId","contextValue","element","useRenderElement","_jsx","SelectGroupContext"],"mappings":";;;;AAaY,MAACA,IAA2B,gBAAAC,EAAM,WAAW,SAAqBC,GAAgBC,GAAc;AAC1G,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAML,GACE,CAACM,GAASC,CAAU,IAAIR,EAAM,SAAQ,GACtCS,IAAeT,EAAM,QAAQ,OAAO;AAAA,IACxC,SAAAO;AAAA,IACA,YAAAC;AAAA,EACJ,IAAM,CAACD,GAASC,CAAU,CAAC,GACnBE,IAAUC,EAAiB,OAAOV,GAAgB;AAAA,IACtD,KAAKC;AAAA,IACL,OAAO,CAAC;AAAA,MACN,MAAM;AAAA,MACN,mBAAmBK;AAAA,IACzB,GAAOD,CAAY;AAAA,EACnB,CAAG;AACD,SAAoBM,gBAAAA,EAAAA,IAAKC,EAAmB,UAAU;AAAA,IACpD,OAAOJ;AAAA,IACP,UAAUC;AAAA,EACd,CAAG;AACH,CAAC;AACG,QAAQ,IAAI,aAAa,iBAAcX,EAAY,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"index51.js","sources":["../../../node_modules/@base-ui/react/select/item/SelectItem.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useStore } from '@base-ui/utils/store';\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { useCompositeListItem, IndexGuessBehavior } from \"../../internals/composite/list/useCompositeListItem.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { SelectItemContext } from \"./SelectItemContext.mjs\";\nimport { selectors } from \"../store.mjs\";\nimport { useButton } from \"../../internals/use-button/index.mjs\";\nimport { createChangeEventDetails } from \"../../internals/createBaseUIEventDetails.mjs\";\nimport { REASONS } from \"../../internals/reasons.mjs\";\nimport { compareItemEquality, removeItem } from \"../../internals/itemEquality.mjs\";\nimport { isVirtualClick } from \"../../floating-ui-react/utils/event.mjs\";\n\n/**\n * An individual option in the select popup.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const SelectItem = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function SelectItem(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    value: itemValue = null,\n    label,\n    disabled = false,\n    nativeButton = false,\n    ...elementProps\n  } = componentProps;\n  const textRef = React.useRef(null);\n  const listItem = useCompositeListItem({\n    label,\n    textRef,\n    indexGuessBehavior: IndexGuessBehavior.GuessFromOrder\n  });\n  const {\n    store,\n    itemProps,\n    setOpen,\n    setValue,\n    selectionRef,\n    typingRef,\n    valuesRef,\n    multiple,\n    selectedItemTextRef,\n    disabled: selectDisabled,\n    readOnly\n  } = useSelectRootContext();\n  const highlighted = useStore(store, selectors.isActive, listItem.index);\n  const open = useStore(store, selectors.open);\n  const selected = useStore(store, selectors.isSelected, itemValue);\n  const selectedByFocus = useStore(store, selectors.isSelectedByFocus, listItem.index);\n  const isItemEqualToValue = useStore(store, selectors.isItemEqualToValue);\n  const index = listItem.index;\n  const hasRegistered = index !== -1;\n  const itemRef = React.useRef(null);\n  useIsoLayoutEffect(() => {\n    if (!hasRegistered) {\n      return undefined;\n    }\n    const values = valuesRef.current;\n    values[index] = itemValue;\n    return () => {\n      delete values[index];\n    };\n  }, [hasRegistered, index, itemValue, valuesRef]);\n  useIsoLayoutEffect(() => {\n    if (!hasRegistered) {\n      return;\n    }\n    const selectedValue = store.state.value;\n    let selectedCandidate = selectedValue;\n    if (multiple && Array.isArray(selectedValue)) {\n      // Compare against the last selected item, or `undefined` when nothing is selected — never\n      // the raw array, which a custom `isItemEqualToValue` isn't expected to receive.\n      selectedCandidate = selectedValue.length > 0 ? selectedValue[selectedValue.length - 1] : undefined;\n    }\n    if (selectedCandidate !== undefined && compareItemEquality(itemValue, selectedCandidate, isItemEqualToValue)) {\n      store.set('selectedIndex', index);\n      // Make sure SelectPopup can measure the selected item on first open.\n      // SelectItemText can still update this ref later when focus moves.\n      if (textRef.current) {\n        selectedItemTextRef.current = textRef.current;\n      }\n    }\n  }, [hasRegistered, index, multiple, isItemEqualToValue, store, itemValue, selectedItemTextRef]);\n  const lastKeyRef = React.useRef(null);\n  const pointerTypeRef = React.useRef('mouse');\n  const allowMouseSelectionRef = React.useRef(false);\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    focusableWhenDisabled: true,\n    native: nativeButton,\n    composite: true\n  });\n  const state = {\n    disabled,\n    selected,\n    highlighted\n  };\n  function commitSelection(event) {\n    // A forced-open select (`open`/`defaultOpen`) can still receive item activations even\n    // when the root is disabled or read-only, so guard the commit here too.\n    if (selectDisabled || readOnly) {\n      return;\n    }\n    const selectedValue = store.state.value;\n    if (multiple) {\n      const currentValue = Array.isArray(selectedValue) ? selectedValue : [];\n      const nextValue = selected ? removeItem(currentValue, itemValue, isItemEqualToValue) : [...currentValue, itemValue];\n      setValue(nextValue, createChangeEventDetails(REASONS.itemPress, event));\n    } else {\n      setValue(itemValue, createChangeEventDetails(REASONS.itemPress, event));\n      setOpen(false, createChangeEventDetails(REASONS.itemPress, event));\n    }\n  }\n  function resetDragMovement() {\n    selectionRef.current.dragY = 0;\n  }\n  const defaultProps = {\n    role: 'option',\n    'aria-selected': selected,\n    tabIndex: open && highlighted ? 0 : -1,\n    onKeyDown(event) {\n      lastKeyRef.current = event.key;\n      store.set('activeIndex', index);\n      if (event.key === ' ' && typingRef.current) {\n        event.preventDefault();\n      }\n    },\n    onClick(event) {\n      const isMouseClick = event.type === 'click' && pointerTypeRef.current !== 'touch';\n      const clickPointerType = event.nativeEvent.pointerType;\n      const isVirtualMouseClick = isMouseClick && isVirtualClick(event.nativeEvent) && (\n      // Generic no-pointer `detail === 0` clicks stay tied to highlight state. Virtual\n      // clicks that carry browser pointer data, including an empty string from assistive\n      // technology, can activate unhighlighted items.\n      clickPointerType !== undefined || highlighted);\n      // With alignItemWithTrigger, opening can place an item under the cursor. Real mouse\n      // clicks must start on the item, while virtual clicks represent explicit keyboard or\n      // assistive technology activation.\n      const isInvalidMouseClick = isMouseClick && !isVirtualMouseClick && !allowMouseSelectionRef.current;\n      allowMouseSelectionRef.current = false;\n\n      // Prevent double commit on {Enter}\n      if (event.type === 'keydown' && lastKeyRef.current === null) {\n        return;\n      }\n      if (disabled || event.type === 'keydown' && lastKeyRef.current === ' ' && typingRef.current || isInvalidMouseClick) {\n        return;\n      }\n      lastKeyRef.current = null;\n      commitSelection(event.nativeEvent);\n    },\n    onPointerEnter(event) {\n      pointerTypeRef.current = event.pointerType;\n    },\n    onPointerMove(event) {\n      if (event.pointerType === 'mouse' && event.buttons === 1) {\n        const selection = selectionRef.current;\n        selection.dragY += event.movementY;\n        if (selection.dragY ** 2 >= 64) {\n          selection.allowUnselectedMouseUp = true;\n        }\n      }\n    },\n    onPointerDown(event) {\n      pointerTypeRef.current = event.pointerType;\n      allowMouseSelectionRef.current = true;\n      resetDragMovement();\n    },\n    onMouseUp() {\n      resetDragMovement();\n      if (disabled || pointerTypeRef.current === 'touch') {\n        return;\n      }\n\n      // Regular clicks are committed by the click event.\n      if (allowMouseSelectionRef.current) {\n        return;\n      }\n      const disallowSelectedMouseUp = !selectionRef.current.allowSelectedMouseUp && selected;\n      const disallowUnselectedMouseUp = !selectionRef.current.allowUnselectedMouseUp && !selected;\n      if (disallowSelectedMouseUp || disallowUnselectedMouseUp) {\n        return;\n      }\n      allowMouseSelectionRef.current = true;\n      itemRef.current?.click();\n      allowMouseSelectionRef.current = false;\n    }\n  };\n  const element = useRenderElement('div', componentProps, {\n    ref: [buttonRef, forwardedRef, listItem.ref, itemRef],\n    state,\n    props: [itemProps, defaultProps, elementProps, getButtonProps]\n  });\n  const contextValue = React.useMemo(() => ({\n    selected,\n    index,\n    textRef,\n    selectedByFocus,\n    hasRegistered\n  }), [selected, index, textRef, selectedByFocus, hasRegistered]);\n  return /*#__PURE__*/_jsx(SelectItemContext.Provider, {\n    value: contextValue,\n    children: element\n  });\n}));\nif (process.env.NODE_ENV !== \"production\") SelectItem.displayName = \"SelectItem\";"],"names":["SelectItem","React","componentProps","forwardedRef","render","className","style","itemValue","label","disabled","nativeButton","elementProps","textRef","listItem","useCompositeListItem","IndexGuessBehavior","store","itemProps","setOpen","setValue","selectionRef","typingRef","valuesRef","multiple","selectedItemTextRef","selectDisabled","readOnly","useSelectRootContext","highlighted","useStore","selectors","open","selected","selectedByFocus","isItemEqualToValue","index","hasRegistered","itemRef","useIsoLayoutEffect","values","selectedValue","selectedCandidate","compareItemEquality","lastKeyRef","pointerTypeRef","allowMouseSelectionRef","getButtonProps","buttonRef","useButton","state","commitSelection","event","currentValue","nextValue","removeItem","createChangeEventDetails","REASONS.itemPress","resetDragMovement","defaultProps","isMouseClick","clickPointerType","isVirtualMouseClick","isVirtualClick","isInvalidMouseClick","selection","disallowSelectedMouseUp","disallowUnselectedMouseUp","element","useRenderElement","contextValue","_jsx","SelectItemContext"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index52.js

@@ -1,134 +1,29 @@
-import * as s from "react";
-import { useIsoLayoutEffect as U } from "./index238.js";
-import { useSelectRootContext as Q } from "./index242.js";
-import { useCompositeListItem as X, IndexGuessBehavior as Z } from "./index304.js";
-import { useRenderElement as $ } from "./index272.js";
-import { SelectItemContext as ee } from "./index305.js";
-import { selectors as a } from "./index247.js";
-import { createChangeEventDetails as M } from "./index248.js";
-import { compareItemEquality as te, removeItem as re } from "./index252.js";
-import { isVirtualClick as oe } from "./index306.js";
-import { j as ne } from "./index30.js";
-import { useStore as f } from "./index257.js";
-import { useButton as se } from "./index275.js";
-import { itemPress as g } from "./index266.js";
-const ie = /* @__PURE__ */ s.memo(/* @__PURE__ */ s.forwardRef(function(k, D) {
+import * as m from "react";
+import { useIsoLayoutEffect as n } from "./index261.js";
+import { useBaseUiId as p } from "./index178.js";
+import { useSelectGroupContext as c } from "./index314.js";
+import { useRenderElement as i } from "./index172.js";
+const a = /* @__PURE__ */ m.forwardRef(function(o, r) {
   const {
-    render: ce,
-    className: le,
-    style: ae,
-    value: n = null,
-    label: B,
-    disabled: m = !1,
-    nativeButton: A = !1,
-    ...N
-  } = k, 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: v,
-    selectedItemTextRef: C,
-    disabled: j,
-    readOnly: q
-  } = Q(), I = f(r, a.isActive, d.index), F = f(r, a.open), i = f(r, a.isSelected, n), b = f(r, a.isSelectedByFocus, d.index), h = f(r, a.isItemEqualToValue), o = d.index, u = o !== -1, P = s.useRef(null);
-  U(() => {
-    if (!u)
-      return;
-    const e = w.current;
-    return e[o] = n, () => {
-      delete e[o];
-    };
-  }, [u, o, n, w]), U(() => {
-    if (!u)
-      return;
-    const e = r.state.value;
-    let t = e;
-    v && 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));
-  }, [u, o, v, h, r, n, C]);
-  const y = s.useRef(null), R = s.useRef("mouse"), c = s.useRef(!1), {
-    getButtonProps: G,
-    buttonRef: K
-  } = se({
-    disabled: m,
-    focusableWhenDisabled: !0,
-    native: A,
-    composite: !0
-  }), L = {
-    disabled: m,
-    selected: i,
-    highlighted: I
-  };
-  function W(e) {
-    if (j || q)
-      return;
-    const t = r.state.value;
-    if (v) {
-      const x = Array.isArray(t) ? t : [], E = i ? re(x, n, h) : [...x, n];
-      S(E, M(g, e));
-    } else
-      S(n, M(g, e)), Y(!1, M(g, e));
-  }
-  function T() {
-    p.current.dragY = 0;
-  }
-  const _ = {
-    role: "option",
-    "aria-selected": i,
-    tabIndex: F && 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", x = e.nativeEvent.pointerType, E = 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.
-      (x !== void 0 || I), J = t && !E && !c.current;
-      c.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, c.current = !0, T();
-    },
-    onMouseUp() {
-      if (T(), m || R.current === "touch" || c.current)
-        return;
-      const e = !p.current.allowSelectedMouseUp && i, t = !p.current.allowUnselectedMouseUp && !i;
-      e || t || (c.current = !0, P.current?.click(), c.current = !1);
-    }
-  }, z = $("div", k, {
-    ref: [K, D, d.ref, P],
-    state: L,
-    props: [O, _, N, G]
-  }), H = s.useMemo(() => ({
-    selected: i,
-    index: o,
-    textRef: l,
-    selectedByFocus: b,
-    hasRegistered: u
-  }), [i, o, l, b, u]);
-  return /* @__PURE__ */ ne.jsx(ee.Provider, {
-    value: H,
-    children: z
+    render: u,
+    className: d,
+    style: L,
+    id: s,
+    ...l
+  } = o, {
+    setLabelId: t
+  } = c(), e = p(s);
+  return n(() => {
+    t(e);
+  }, [e, t]), i("div", o, {
+    ref: r,
+    props: [{
+      id: e
+    }, l]
   });
-}));
-process.env.NODE_ENV !== "production" && (ie.displayName = "SelectItem");
+});
+process.env.NODE_ENV !== "production" && (a.displayName = "SelectGroupLabel");
 export {
-  ie as SelectItem
+  a as SelectGroupLabel
 };
 //# sourceMappingURL=index52.js.map

package/dist/index52.js.map

@@ -1 +1 @@
-{"version":3,"file":"index52.js","sources":["../../../node_modules/@base-ui/react/select/item/SelectItem.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useStore } from '@base-ui/utils/store';\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { useCompositeListItem, IndexGuessBehavior } from \"../../internals/composite/list/useCompositeListItem.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { SelectItemContext } from \"./SelectItemContext.mjs\";\nimport { selectors } from \"../store.mjs\";\nimport { useButton } from \"../../internals/use-button/index.mjs\";\nimport { createChangeEventDetails } from \"../../internals/createBaseUIEventDetails.mjs\";\nimport { REASONS } from \"../../internals/reasons.mjs\";\nimport { compareItemEquality, removeItem } from \"../../internals/itemEquality.mjs\";\nimport { isVirtualClick } from \"../../floating-ui-react/utils/event.mjs\";\n\n/**\n * An individual option in the select popup.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const SelectItem = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function SelectItem(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    value: itemValue = null,\n    label,\n    disabled = false,\n    nativeButton = false,\n    ...elementProps\n  } = componentProps;\n  const textRef = React.useRef(null);\n  const listItem = useCompositeListItem({\n    label,\n    textRef,\n    indexGuessBehavior: IndexGuessBehavior.GuessFromOrder\n  });\n  const {\n    store,\n    itemProps,\n    setOpen,\n    setValue,\n    selectionRef,\n    typingRef,\n    valuesRef,\n    multiple,\n    selectedItemTextRef,\n    disabled: selectDisabled,\n    readOnly\n  } = useSelectRootContext();\n  const highlighted = useStore(store, selectors.isActive, listItem.index);\n  const open = useStore(store, selectors.open);\n  const selected = useStore(store, selectors.isSelected, itemValue);\n  const selectedByFocus = useStore(store, selectors.isSelectedByFocus, listItem.index);\n  const isItemEqualToValue = useStore(store, selectors.isItemEqualToValue);\n  const index = listItem.index;\n  const hasRegistered = index !== -1;\n  const itemRef = React.useRef(null);\n  useIsoLayoutEffect(() => {\n    if (!hasRegistered) {\n      return undefined;\n    }\n    const values = valuesRef.current;\n    values[index] = itemValue;\n    return () => {\n      delete values[index];\n    };\n  }, [hasRegistered, index, itemValue, valuesRef]);\n  useIsoLayoutEffect(() => {\n    if (!hasRegistered) {\n      return;\n    }\n    const selectedValue = store.state.value;\n    let selectedCandidate = selectedValue;\n    if (multiple && Array.isArray(selectedValue)) {\n      // Compare against the last selected item, or `undefined` when nothing is selected — never\n      // the raw array, which a custom `isItemEqualToValue` isn't expected to receive.\n      selectedCandidate = selectedValue.length > 0 ? selectedValue[selectedValue.length - 1] : undefined;\n    }\n    if (selectedCandidate !== undefined && compareItemEquality(itemValue, selectedCandidate, isItemEqualToValue)) {\n      store.set('selectedIndex', index);\n      // Make sure SelectPopup can measure the selected item on first open.\n      // SelectItemText can still update this ref later when focus moves.\n      if (textRef.current) {\n        selectedItemTextRef.current = textRef.current;\n      }\n    }\n  }, [hasRegistered, index, multiple, isItemEqualToValue, store, itemValue, selectedItemTextRef]);\n  const lastKeyRef = React.useRef(null);\n  const pointerTypeRef = React.useRef('mouse');\n  const allowMouseSelectionRef = React.useRef(false);\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    focusableWhenDisabled: true,\n    native: nativeButton,\n    composite: true\n  });\n  const state = {\n    disabled,\n    selected,\n    highlighted\n  };\n  function commitSelection(event) {\n    // A forced-open select (`open`/`defaultOpen`) can still receive item activations even\n    // when the root is disabled or read-only, so guard the commit here too.\n    if (selectDisabled || readOnly) {\n      return;\n    }\n    const selectedValue = store.state.value;\n    if (multiple) {\n      const currentValue = Array.isArray(selectedValue) ? selectedValue : [];\n      const nextValue = selected ? removeItem(currentValue, itemValue, isItemEqualToValue) : [...currentValue, itemValue];\n      setValue(nextValue, createChangeEventDetails(REASONS.itemPress, event));\n    } else {\n      setValue(itemValue, createChangeEventDetails(REASONS.itemPress, event));\n      setOpen(false, createChangeEventDetails(REASONS.itemPress, event));\n    }\n  }\n  function resetDragMovement() {\n    selectionRef.current.dragY = 0;\n  }\n  const defaultProps = {\n    role: 'option',\n    'aria-selected': selected,\n    tabIndex: open && highlighted ? 0 : -1,\n    onKeyDown(event) {\n      lastKeyRef.current = event.key;\n      store.set('activeIndex', index);\n      if (event.key === ' ' && typingRef.current) {\n        event.preventDefault();\n      }\n    },\n    onClick(event) {\n      const isMouseClick = event.type === 'click' && pointerTypeRef.current !== 'touch';\n      const clickPointerType = event.nativeEvent.pointerType;\n      const isVirtualMouseClick = isMouseClick && isVirtualClick(event.nativeEvent) && (\n      // Generic no-pointer `detail === 0` clicks stay tied to highlight state. Virtual\n      // clicks that carry browser pointer data, including an empty string from assistive\n      // technology, can activate unhighlighted items.\n      clickPointerType !== undefined || highlighted);\n      // With alignItemWithTrigger, opening can place an item under the cursor. Real mouse\n      // clicks must start on the item, while virtual clicks represent explicit keyboard or\n      // assistive technology activation.\n      const isInvalidMouseClick = isMouseClick && !isVirtualMouseClick && !allowMouseSelectionRef.current;\n      allowMouseSelectionRef.current = false;\n\n      // Prevent double commit on {Enter}\n      if (event.type === 'keydown' && lastKeyRef.current === null) {\n        return;\n      }\n      if (disabled || event.type === 'keydown' && lastKeyRef.current === ' ' && typingRef.current || isInvalidMouseClick) {\n        return;\n      }\n      lastKeyRef.current = null;\n      commitSelection(event.nativeEvent);\n    },\n    onPointerEnter(event) {\n      pointerTypeRef.current = event.pointerType;\n    },\n    onPointerMove(event) {\n      if (event.pointerType === 'mouse' && event.buttons === 1) {\n        const selection = selectionRef.current;\n        selection.dragY += event.movementY;\n        if (selection.dragY ** 2 >= 64) {\n          selection.allowUnselectedMouseUp = true;\n        }\n      }\n    },\n    onPointerDown(event) {\n      pointerTypeRef.current = event.pointerType;\n      allowMouseSelectionRef.current = true;\n      resetDragMovement();\n    },\n    onMouseUp() {\n      resetDragMovement();\n      if (disabled || pointerTypeRef.current === 'touch') {\n        return;\n      }\n\n      // Regular clicks are committed by the click event.\n      if (allowMouseSelectionRef.current) {\n        return;\n      }\n      const disallowSelectedMouseUp = !selectionRef.current.allowSelectedMouseUp && selected;\n      const disallowUnselectedMouseUp = !selectionRef.current.allowUnselectedMouseUp && !selected;\n      if (disallowSelectedMouseUp || disallowUnselectedMouseUp) {\n        return;\n      }\n      allowMouseSelectionRef.current = true;\n      itemRef.current?.click();\n      allowMouseSelectionRef.current = false;\n    }\n  };\n  const element = useRenderElement('div', componentProps, {\n    ref: [buttonRef, forwardedRef, listItem.ref, itemRef],\n    state,\n    props: [itemProps, defaultProps, elementProps, getButtonProps]\n  });\n  const contextValue = React.useMemo(() => ({\n    selected,\n    index,\n    textRef,\n    selectedByFocus,\n    hasRegistered\n  }), [selected, index, textRef, selectedByFocus, hasRegistered]);\n  return /*#__PURE__*/_jsx(SelectItemContext.Provider, {\n    value: contextValue,\n    children: element\n  });\n}));\nif (process.env.NODE_ENV !== \"production\") SelectItem.displayName = \"SelectItem\";"],"names":["SelectItem","React","componentProps","forwardedRef","render","className","style","itemValue","label","disabled","nativeButton","elementProps","textRef","listItem","useCompositeListItem","IndexGuessBehavior","store","itemProps","setOpen","setValue","selectionRef","typingRef","valuesRef","multiple","selectedItemTextRef","selectDisabled","readOnly","useSelectRootContext","highlighted","useStore","selectors","open","selected","selectedByFocus","isItemEqualToValue","index","hasRegistered","itemRef","useIsoLayoutEffect","values","selectedValue","selectedCandidate","compareItemEquality","lastKeyRef","pointerTypeRef","allowMouseSelectionRef","getButtonProps","buttonRef","useButton","state","commitSelection","event","currentValue","nextValue","removeItem","createChangeEventDetails","REASONS.itemPress","resetDragMovement","defaultProps","isMouseClick","clickPointerType","isVirtualMouseClick","isVirtualClick","isInvalidMouseClick","selection","disallowSelectedMouseUp","disallowUnselectedMouseUp","element","useRenderElement","contextValue","_jsx","SelectItemContext"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index52.js","sources":["../../../node_modules/@base-ui/react/select/group-label/SelectGroupLabel.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useBaseUiId } from \"../../internals/useBaseUiId.mjs\";\nimport { useSelectGroupContext } from \"../group/SelectGroupContext.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\n\n/**\n * An accessible label that is automatically associated with its parent group.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectGroupLabel = /*#__PURE__*/React.forwardRef(function SelectGroupLabel(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    id: idProp,\n    ...elementProps\n  } = componentProps;\n  const {\n    setLabelId\n  } = useSelectGroupContext();\n  const id = useBaseUiId(idProp);\n  useIsoLayoutEffect(() => {\n    setLabelId(id);\n  }, [id, setLabelId]);\n  const element = useRenderElement('div', componentProps, {\n    ref: forwardedRef,\n    props: [{\n      id\n    }, elementProps]\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") SelectGroupLabel.displayName = \"SelectGroupLabel\";"],"names":["SelectGroupLabel","React","componentProps","forwardedRef","render","className","style","idProp","elementProps","setLabelId","useSelectGroupContext","id","useBaseUiId","useIsoLayoutEffect","useRenderElement"],"mappings":";;;;;AAcY,MAACA,IAAgC,gBAAAC,EAAM,WAAW,SAA0BC,GAAgBC,GAAc;AACpH,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,IAAIC;AAAA,IACJ,GAAGC;AAAA,EACP,IAAMN,GACE;AAAA,IACJ,YAAAO;AAAA,EACJ,IAAMC,EAAqB,GACnBC,IAAKC,EAAYL,CAAM;AAC7B,SAAAM,EAAmB,MAAM;AACvB,IAAAJ,EAAWE,CAAE;AAAA,EACf,GAAG,CAACA,GAAIF,CAAU,CAAC,GACHK,EAAiB,OAAOZ,GAAgB;AAAA,IACtD,KAAKC;AAAA,IACL,OAAO,CAAC;AAAA,MACN,IAAAQ;AAAA,IACN,GAAOH,CAAY;AAAA,EACnB,CAAG;AAEH,CAAC;AACG,QAAQ,IAAI,aAAa,iBAAcR,EAAiB,cAAc;","x_google_ignoreList":[0]}

package/dist/index53.js

@@ -1,29 +1,26 @@
-import * as m from "react";
-import { useIsoLayoutEffect as n } from "./index238.js";
-import { useBaseUiId as p } from "./index308.js";
-import { useSelectGroupContext as c } from "./index307.js";
-import { useRenderElement as i } from "./index272.js";
-const a = /* @__PURE__ */ m.forwardRef(function(o, r) {
+import * as a from "react";
+import { useRenderElement as n } from "./index172.js";
+const s = /* @__PURE__ */ a.forwardRef(function(e, t) {
   const {
-    render: u,
-    className: d,
-    style: L,
-    id: s,
-    ...l
-  } = o, {
-    setLabelId: t
-  } = c(), e = p(s);
-  return n(() => {
-    t(e);
-  }, [e, t]), i("div", o, {
-    ref: r,
+    className: p,
+    render: m,
+    orientation: r = "horizontal",
+    style: l,
+    ...o
+  } = e;
+  return n("div", e, {
+    state: {
+      orientation: r
+    },
+    ref: t,
     props: [{
-      id: e
-    }, l]
+      role: "separator",
+      "aria-orientation": r
+    }, o]
   });
 });
-process.env.NODE_ENV !== "production" && (a.displayName = "SelectGroupLabel");
+process.env.NODE_ENV !== "production" && (s.displayName = "Separator");
 export {
-  a as SelectGroupLabel
+  s as Separator
 };
 //# sourceMappingURL=index53.js.map

package/dist/index53.js.map

@@ -1 +1 @@
-{"version":3,"file":"index53.js","sources":["../../../node_modules/@base-ui/react/select/group-label/SelectGroupLabel.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useBaseUiId } from \"../../internals/useBaseUiId.mjs\";\nimport { useSelectGroupContext } from \"../group/SelectGroupContext.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\n\n/**\n * An accessible label that is automatically associated with its parent group.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectGroupLabel = /*#__PURE__*/React.forwardRef(function SelectGroupLabel(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    id: idProp,\n    ...elementProps\n  } = componentProps;\n  const {\n    setLabelId\n  } = useSelectGroupContext();\n  const id = useBaseUiId(idProp);\n  useIsoLayoutEffect(() => {\n    setLabelId(id);\n  }, [id, setLabelId]);\n  const element = useRenderElement('div', componentProps, {\n    ref: forwardedRef,\n    props: [{\n      id\n    }, elementProps]\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") SelectGroupLabel.displayName = \"SelectGroupLabel\";"],"names":["SelectGroupLabel","React","componentProps","forwardedRef","render","className","style","idProp","elementProps","setLabelId","useSelectGroupContext","id","useBaseUiId","useIsoLayoutEffect","useRenderElement"],"mappings":";;;;;AAcY,MAACA,IAAgC,gBAAAC,EAAM,WAAW,SAA0BC,GAAgBC,GAAc;AACpH,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,IAAIC;AAAA,IACJ,GAAGC;AAAA,EACP,IAAMN,GACE;AAAA,IACJ,YAAAO;AAAA,EACJ,IAAMC,EAAqB,GACnBC,IAAKC,EAAYL,CAAM;AAC7B,SAAAM,EAAmB,MAAM;AACvB,IAAAJ,EAAWE,CAAE;AAAA,EACf,GAAG,CAACA,GAAIF,CAAU,CAAC,GACHK,EAAiB,OAAOZ,GAAgB;AAAA,IACtD,KAAKC;AAAA,IACL,OAAO,CAAC;AAAA,MACN,IAAAQ;AAAA,IACN,GAAOH,CAAY;AAAA,EACnB,CAAG;AAEH,CAAC;AACG,QAAQ,IAAI,aAAa,iBAAcR,EAAiB,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"index53.js","sources":["../../../node_modules/@base-ui/react/separator/Separator.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useRenderElement } from \"../internals/useRenderElement.mjs\";\n\n/**\n * A separator element accessible to screen readers.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Separator](https://base-ui.com/react/components/separator)\n */\nexport const Separator = /*#__PURE__*/React.forwardRef(function SeparatorComponent(componentProps, forwardedRef) {\n  const {\n    className,\n    render,\n    orientation = 'horizontal',\n    style,\n    ...elementProps\n  } = componentProps;\n  const state = {\n    orientation\n  };\n  const element = useRenderElement('div', componentProps, {\n    state,\n    ref: forwardedRef,\n    props: [{\n      role: 'separator',\n      'aria-orientation': orientation\n    }, elementProps]\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") Separator.displayName = \"Separator\";"],"names":["Separator","React","componentProps","forwardedRef","className","render","orientation","style","elementProps","useRenderElement"],"mappings":";;AAWY,MAACA,IAAyB,gBAAAC,EAAM,WAAW,SAA4BC,GAAgBC,GAAc;AAC/G,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,OAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMN;AAYJ,SARgBO,EAAiB,OAAOP,GAAgB;AAAA,IACtD,OAJY;AAAA,MACZ,aAAAI;AAAA,IACJ;AAAA,IAGI,KAAKH;AAAA,IACL,OAAO,CAAC;AAAA,MACN,MAAM;AAAA,MACN,oBAAoBG;AAAA,IAC1B,GAAOE,CAAY;AAAA,EACnB,CAAG;AAEH,CAAC;AACG,QAAQ,IAAI,aAAa,iBAAcR,EAAU,cAAc;","x_google_ignoreList":[0]}

package/dist/index54.js

@@ -1,26 +1,141 @@
-import * as a from "react";
-import { useRenderElement as n } from "./index272.js";
-const s = /* @__PURE__ */ a.forwardRef(function(e, t) {
+import * as g from "react";
+import { ownerDocument as se } from "./index284.js";
+import { useTimeout as b } from "./index285.js";
+import { useStableCallback as ie } from "./index262.js";
+import { useValueAsRef as le } from "./index263.js";
+import { useSelectRootContext as ae } from "./index265.js";
+import { useFieldRootContext as ue } from "./index266.js";
+import { useLabelableContext as ce } from "./index286.js";
+import { pressableTriggerOpenStateMapping as de } from "./index173.js";
+import { fieldValidityMapping as pe } from "./index287.js";
+import { useRenderElement as me } from "./index172.js";
+import { selectors as t } from "./index270.js";
+import { getPseudoElementBounds as fe } from "./index288.js";
+import { createChangeEventDetails as B } from "./index175.js";
+import { useLabelableId as ge } from "./index268.js";
+import { resolveAriaLabelledBy as be } from "./index289.js";
+import { useStore as o } from "./index277.js";
+import { useButton as Se } from "./index176.js";
+import { mergeProps as Ee } from "./index282.js";
+import { getFloatingFocusElement as Te } from "./index290.js";
+import { contains as S } from "./index291.js";
+import { none as Re, cancelOpen as Me } from "./index177.js";
+const d = 2, De = 400, he = {
+  ...de,
+  ...pe,
+  popupSide: (p) => p ? {
+    "data-popup-side": p
+  } : null,
+  value: () => null
+}, ve = /* @__PURE__ */ g.forwardRef(function(E, L) {
   const {
-    className: p,
-    render: m,
-    orientation: r = "horizontal",
-    style: l,
-    ...o
-  } = e;
-  return n("div", e, {
-    state: {
-      orientation: r
+    render: xe,
+    className: ye,
+    id: P,
+    disabled: U = !1,
+    nativeButton: w = !0,
+    style: Be,
+    ...F
+  } = E, {
+    setTouched: I,
+    setFocused: T,
+    validationMode: O,
+    state: V,
+    disabled: A
+  } = ue(), {
+    labelId: C
+  } = ce(), {
+    store: e,
+    setOpen: R,
+    selectionRef: i,
+    validation: M,
+    readOnly: D,
+    required: N,
+    alignItemWithTriggerActiveRef: Y,
+    disabled: _
+  } = ae(), l = A || _ || U, r = o(e, t.open), q = o(e, t.mounted), h = o(e, t.value), X = o(e, t.triggerProps), a = o(e, t.positionerElement), k = o(e, t.listElement), W = o(e, t.popupSide), j = o(e, t.id), z = o(e, t.labelId), G = o(e, t.hasSelectedValue), H = q && a ? W : null, v = P ?? j, J = be(C, z);
+  ge({
+    id: v
+  });
+  const K = le(a), u = g.useRef(null), {
+    getButtonProps: Q,
+    buttonRef: Z
+  } = Se({
+    disabled: l,
+    native: w
+  }), $ = ie((n) => {
+    e.set("triggerElement", n);
+  }), ee = b(), m = b(), f = b();
+  g.useEffect(() => {
+    if (r)
+      return f.start(De, () => {
+        i.current.allowUnselectedMouseUp = !0, i.current.allowSelectedMouseUp = !0;
+      }), () => {
+        f.clear();
+      };
+    i.current = {
+      allowSelectedMouseUp: !1,
+      allowUnselectedMouseUp: !1,
+      dragY: 0
+    }, m.clear();
+  }, [r, i, m, f]);
+  const te = Ee(X, {
+    id: v,
+    role: "combobox",
+    "aria-expanded": r ? "true" : "false",
+    "aria-haspopup": "listbox",
+    "aria-controls": r ? k?.id ?? Te(a)?.id : void 0,
+    "aria-labelledby": J,
+    "aria-readonly": D || void 0,
+    "aria-required": N || void 0,
+    tabIndex: l ? -1 : 0,
+    onFocus(n) {
+      T(!0), r && Y.current && R(!1, B(Re, n.nativeEvent)), ee.start(0, () => {
+        e.set("forceMount", !0);
+      });
+    },
+    onBlur(n) {
+      S(a, n.relatedTarget) || (I(!0), T(!1), O === "onBlur" && M.commit(h));
     },
-    ref: t,
-    props: [{
-      role: "separator",
-      "aria-orientation": r
-    }, o]
+    onMouseDown(n) {
+      if (r)
+        return;
+      const re = se(n.currentTarget);
+      function ne(s) {
+        if (!u.current)
+          return;
+        const y = s.target;
+        if (S(u.current, y) || S(K.current, y))
+          return;
+        const c = fe(u.current);
+        s.clientX >= c.left - d && s.clientX <= c.right + d && s.clientY >= c.top - d && s.clientY <= c.bottom + d || R(!1, B(Me, s));
+      }
+      m.start(0, () => {
+        re.addEventListener("mouseup", ne, {
+          once: !0
+        });
+      });
+    }
+  }, F, Q), x = M.getValidationProps(l, te);
+  x.role = "combobox";
+  const oe = {
+    ...V,
+    open: r,
+    disabled: l,
+    value: h,
+    readOnly: D,
+    popupSide: H,
+    placeholder: !G
+  };
+  return me("button", E, {
+    ref: [L, u, Z, $],
+    state: oe,
+    stateAttributesMapping: he,
+    props: x
   });
 });
-process.env.NODE_ENV !== "production" && (s.displayName = "Separator");
+process.env.NODE_ENV !== "production" && (ve.displayName = "SelectTrigger");
 export {
-  s as Separator
+  ve as SelectTrigger
 };
 //# sourceMappingURL=index54.js.map