@rpcbase/ui 0.246.0 → 0.248.0

package/dist/index54.js.map

@@ -1 +1 @@
-{"version":3,"file":"index54.js","sources":["../../../node_modules/@base-ui/react/select/trigger/SelectTrigger.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ownerDocument } from '@base-ui/utils/owner';\nimport { useTimeout } from '@base-ui/utils/useTimeout';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useValueAsRef } from '@base-ui/utils/useValueAsRef';\nimport { useStore } from '@base-ui/utils/store';\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { useFieldRootContext } from \"../../internals/field-root-context/FieldRootContext.mjs\";\nimport { useLabelableContext } from \"../../internals/labelable-provider/LabelableContext.mjs\";\nimport { pressableTriggerOpenStateMapping } from \"../../utils/popupStateMapping.mjs\";\nimport { fieldValidityMapping } from \"../../internals/field-constants/constants.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { selectors } from \"../store.mjs\";\nimport { getPseudoElementBounds } from \"../../utils/getPseudoElementBounds.mjs\";\nimport { contains, getFloatingFocusElement } from \"../../floating-ui-react/utils.mjs\";\nimport { mergeProps } from \"../../merge-props/index.mjs\";\nimport { useButton } from \"../../internals/use-button/index.mjs\";\nimport { createChangeEventDetails } from \"../../internals/createBaseUIEventDetails.mjs\";\nimport { REASONS } from \"../../internals/reasons.mjs\";\nimport { useLabelableId } from \"../../internals/labelable-provider/useLabelableId.mjs\";\nimport { resolveAriaLabelledBy } from \"../../utils/resolveAriaLabelledBy.mjs\";\nconst BOUNDARY_OFFSET = 2;\nconst SELECTED_DELAY = 400;\nconst stateAttributesMapping = {\n  ...pressableTriggerOpenStateMapping,\n  ...fieldValidityMapping,\n  popupSide: side => side ? {\n    'data-popup-side': side\n  } : null,\n  value: () => null\n};\n\n/**\n * A button that opens the select popup.\n * Renders a `<button>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectTrigger = /*#__PURE__*/React.forwardRef(function SelectTrigger(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    id: idProp,\n    disabled: disabledProp = false,\n    nativeButton = true,\n    style,\n    ...elementProps\n  } = componentProps;\n  const {\n    setTouched,\n    setFocused,\n    validationMode,\n    state: fieldState,\n    disabled: fieldDisabled\n  } = useFieldRootContext();\n  const {\n    labelId: fieldLabelId\n  } = useLabelableContext();\n  const {\n    store,\n    setOpen,\n    selectionRef,\n    validation,\n    readOnly,\n    required,\n    alignItemWithTriggerActiveRef,\n    disabled: selectDisabled\n  } = useSelectRootContext();\n  const disabled = fieldDisabled || selectDisabled || disabledProp;\n  const open = useStore(store, selectors.open);\n  const mounted = useStore(store, selectors.mounted);\n  const value = useStore(store, selectors.value);\n  const triggerProps = useStore(store, selectors.triggerProps);\n  const positionerElement = useStore(store, selectors.positionerElement);\n  const listElement = useStore(store, selectors.listElement);\n  const popupSideValue = useStore(store, selectors.popupSide);\n  const rootId = useStore(store, selectors.id);\n  const selectLabelId = useStore(store, selectors.labelId);\n  const hasSelectedValue = useStore(store, selectors.hasSelectedValue);\n  const popupSide = mounted && positionerElement ? popupSideValue : null;\n  const id = idProp ?? rootId;\n  const ariaLabelledBy = resolveAriaLabelledBy(fieldLabelId, selectLabelId);\n  useLabelableId({\n    id\n  });\n  const positionerRef = useValueAsRef(positionerElement);\n  const triggerRef = React.useRef(null);\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    native: nativeButton\n  });\n  const setTriggerElement = useStableCallback(element => {\n    store.set('triggerElement', element);\n  });\n  const timeoutFocus = useTimeout();\n  const timeoutMouseDown = useTimeout();\n  const selectedDelayTimeout = useTimeout();\n  React.useEffect(() => {\n    if (open) {\n      // A mousedown on the trigger can open the popup under the cursor. Keep mouseup selection\n      // disabled briefly so releasing over either the selected item or a neighboring item doesn't\n      // commit an accidental selection. SelectItem can still opt into unselected mouseup sooner\n      // after a real drag over the item.\n      selectedDelayTimeout.start(SELECTED_DELAY, () => {\n        selectionRef.current.allowUnselectedMouseUp = true;\n        selectionRef.current.allowSelectedMouseUp = true;\n      });\n      return () => {\n        selectedDelayTimeout.clear();\n      };\n    }\n    selectionRef.current = {\n      allowSelectedMouseUp: false,\n      allowUnselectedMouseUp: false,\n      dragY: 0\n    };\n    timeoutMouseDown.clear();\n    return undefined;\n  }, [open, selectionRef, timeoutMouseDown, selectedDelayTimeout]);\n  const mergedProps = mergeProps(triggerProps, {\n    id,\n    role: 'combobox',\n    'aria-expanded': open ? 'true' : 'false',\n    'aria-haspopup': 'listbox',\n    'aria-controls': open ? listElement?.id ?? getFloatingFocusElement(positionerElement)?.id : undefined,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-readonly': readOnly || undefined,\n    'aria-required': required || undefined,\n    tabIndex: disabled ? -1 : 0,\n    onFocus(event) {\n      setFocused(true);\n\n      // The popup element shouldn't obscure the focused trigger.\n      if (open && alignItemWithTriggerActiveRef.current) {\n        setOpen(false, createChangeEventDetails(REASONS.none, event.nativeEvent));\n      }\n\n      // Saves a re-render on initial click: `forceMount === true` mounts\n      // the items before `open === true`. We could sync those cycles better\n      // without a timeout, but this is enough for now.\n      timeoutFocus.start(0, () => {\n        store.set('forceMount', true);\n      });\n    },\n    onBlur(event) {\n      // If focus is moving into the popup, don't count it as a blur.\n      if (contains(positionerElement, event.relatedTarget)) {\n        return;\n      }\n      setTouched(true);\n      setFocused(false);\n      if (validationMode === 'onBlur') {\n        validation.commit(value);\n      }\n    },\n    onMouseDown(event) {\n      if (open) {\n        return;\n      }\n      const doc = ownerDocument(event.currentTarget);\n      function handleMouseUp(mouseEvent) {\n        if (!triggerRef.current) {\n          return;\n        }\n        const mouseUpTarget = mouseEvent.target;\n\n        // Don't treat the release as an outside press when it lands on the trigger or inside\n        // the popup positioner (or their children).\n        if (contains(triggerRef.current, mouseUpTarget) || contains(positionerRef.current, mouseUpTarget)) {\n          return;\n        }\n        const bounds = getPseudoElementBounds(triggerRef.current);\n        if (mouseEvent.clientX >= bounds.left - BOUNDARY_OFFSET && mouseEvent.clientX <= bounds.right + BOUNDARY_OFFSET && mouseEvent.clientY >= bounds.top - BOUNDARY_OFFSET && mouseEvent.clientY <= bounds.bottom + BOUNDARY_OFFSET) {\n          return;\n        }\n        setOpen(false, createChangeEventDetails(REASONS.cancelOpen, mouseEvent));\n      }\n\n      // Firefox can fire this upon mousedown\n      timeoutMouseDown.start(0, () => {\n        doc.addEventListener('mouseup', handleMouseUp, {\n          once: true\n        });\n      });\n    }\n  }, elementProps, getButtonProps);\n  const props = validation.getValidationProps(disabled, mergedProps);\n\n  // ensure nested useButton does not overwrite the combobox role:\n  // <Toolbar.Button render={<Select.Trigger />} />\n  props.role = 'combobox';\n  const state = {\n    ...fieldState,\n    open,\n    disabled,\n    value,\n    readOnly,\n    popupSide,\n    placeholder: !hasSelectedValue\n  };\n  return useRenderElement('button', componentProps, {\n    ref: [forwardedRef, triggerRef, buttonRef, setTriggerElement],\n    state,\n    stateAttributesMapping,\n    props\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SelectTrigger.displayName = \"SelectTrigger\";"],"names":["BOUNDARY_OFFSET","SELECTED_DELAY","stateAttributesMapping","pressableTriggerOpenStateMapping","fieldValidityMapping","side","SelectTrigger","React","componentProps","forwardedRef","render","className","idProp","disabledProp","nativeButton","style","elementProps","setTouched","setFocused","validationMode","fieldState","fieldDisabled","useFieldRootContext","fieldLabelId","useLabelableContext","store","setOpen","selectionRef","validation","readOnly","required","alignItemWithTriggerActiveRef","selectDisabled","useSelectRootContext","disabled","open","useStore","selectors","mounted","value","triggerProps","positionerElement","listElement","popupSideValue","rootId","selectLabelId","hasSelectedValue","popupSide","id","ariaLabelledBy","resolveAriaLabelledBy","useLabelableId","positionerRef","useValueAsRef","triggerRef","getButtonProps","buttonRef","useButton","setTriggerElement","useStableCallback","element","timeoutFocus","useTimeout","timeoutMouseDown","selectedDelayTimeout","mergedProps","mergeProps","getFloatingFocusElement","event","createChangeEventDetails","REASONS.none","contains","doc","ownerDocument","handleMouseUp","mouseEvent","mouseUpTarget","bounds","getPseudoElementBounds","REASONS.cancelOpen","props","state","useRenderElement"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index54.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/index55.js

@@ -1,38 +1,141 @@
-import * as b from "react";
-import { useRenderElement as v } from "./index172.js";
-import { useSelectRootContext as L } from "./index265.js";
-import { resolveMultipleLabels as N, resolveSelectedLabel as V } from "./index272.js";
-import { selectors as s } from "./index270.js";
-import { useStore as r } from "./index277.js";
-const y = {
+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
-}, R = /* @__PURE__ */ b.forwardRef(function(c, m) {
+}, ve = /* @__PURE__ */ g.forwardRef(function(E, L) {
   const {
-    className: A,
-    render: E,
-    children: l,
-    placeholder: n,
-    style: x,
-    ...p
-  } = c, {
-    store: t,
-    valueRef: f
-  } = L(), o = r(t, s.value), i = r(t, s.items), u = r(t, s.itemToStringLabel), a = r(t, s.hasSelectedValue), d = !a && n != null && l == null, h = r(t, s.hasNullItemLabel, d), S = {
-    value: o,
-    placeholder: !a
+    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));
+    },
+    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
   };
-  let e = null;
-  return typeof l == "function" ? e = l(o) : l != null ? e = l : !a && n != null && !h ? e = n : Array.isArray(o) ? e = N(o, i, u) : e = V(o, i, u), v("span", c, {
-    state: S,
-    ref: [m, f],
-    props: [{
-      children: e
-    }, p],
-    stateAttributesMapping: y
+  return me("button", E, {
+    ref: [L, u, Z, $],
+    state: oe,
+    stateAttributesMapping: he,
+    props: x
   });
 });
-process.env.NODE_ENV !== "production" && (R.displayName = "SelectValue");
+process.env.NODE_ENV !== "production" && (ve.displayName = "SelectTrigger");
 export {
-  R as SelectValue
+  ve as SelectTrigger
 };
 //# sourceMappingURL=index55.js.map

package/dist/index55.js.map

@@ -1 +1 @@
-{"version":3,"file":"index55.js","sources":["../../../node_modules/@base-ui/react/select/value/SelectValue.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStore } from '@base-ui/utils/store';\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { resolveMultipleLabels, resolveSelectedLabel } from \"../../internals/resolveValueLabel.mjs\";\nimport { selectors } from \"../store.mjs\";\nconst stateAttributesMapping = {\n  value: () => null\n};\n\n/**\n * A text label of the currently selected item.\n * Renders a `<span>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectValue = /*#__PURE__*/React.forwardRef(function SelectValue(componentProps, forwardedRef) {\n  const {\n    className,\n    render,\n    children: childrenProp,\n    placeholder,\n    style,\n    ...elementProps\n  } = componentProps;\n  const {\n    store,\n    valueRef\n  } = useSelectRootContext();\n  const value = useStore(store, selectors.value);\n  const items = useStore(store, selectors.items);\n  const itemToStringLabel = useStore(store, selectors.itemToStringLabel);\n  const hasSelectedValue = useStore(store, selectors.hasSelectedValue);\n  const shouldCheckNullItemLabel = !hasSelectedValue && placeholder != null && childrenProp == null;\n  const hasNullLabel = useStore(store, selectors.hasNullItemLabel, shouldCheckNullItemLabel);\n  const state = {\n    value,\n    placeholder: !hasSelectedValue\n  };\n  let children = null;\n  if (typeof childrenProp === 'function') {\n    children = childrenProp(value);\n  } else if (childrenProp != null) {\n    children = childrenProp;\n  } else if (!hasSelectedValue && placeholder != null && !hasNullLabel) {\n    children = placeholder;\n  } else if (Array.isArray(value)) {\n    children = resolveMultipleLabels(value, items, itemToStringLabel);\n  } else {\n    children = resolveSelectedLabel(value, items, itemToStringLabel);\n  }\n  const element = useRenderElement('span', componentProps, {\n    state,\n    ref: [forwardedRef, valueRef],\n    props: [{\n      children\n    }, elementProps],\n    stateAttributesMapping\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") SelectValue.displayName = \"SelectValue\";"],"names":["stateAttributesMapping","SelectValue","React","componentProps","forwardedRef","className","render","childrenProp","placeholder","style","elementProps","store","valueRef","useSelectRootContext","value","useStore","selectors","items","itemToStringLabel","hasSelectedValue","shouldCheckNullItemLabel","hasNullLabel","state","children","resolveMultipleLabels","resolveSelectedLabel","useRenderElement"],"mappings":";;;;;;AAQA,MAAMA,IAAyB;AAAA,EAC7B,OAAO,MAAM;AACf,GAQaC,IAA2B,gBAAAC,EAAM,WAAW,SAAqBC,GAAgBC,GAAc;AAC1G,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAUC;AAAA,IACV,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMP,GACE;AAAA,IACJ,OAAAQ;AAAA,IACA,UAAAC;AAAA,EACJ,IAAMC,EAAoB,GAClBC,IAAQC,EAASJ,GAAOK,EAAU,KAAK,GACvCC,IAAQF,EAASJ,GAAOK,EAAU,KAAK,GACvCE,IAAoBH,EAASJ,GAAOK,EAAU,iBAAiB,GAC/DG,IAAmBJ,EAASJ,GAAOK,EAAU,gBAAgB,GAC7DI,IAA2B,CAACD,KAAoBX,KAAe,QAAQD,KAAgB,MACvFc,IAAeN,EAASJ,GAAOK,EAAU,kBAAkBI,CAAwB,GACnFE,IAAQ;AAAA,IACZ,OAAAR;AAAA,IACA,aAAa,CAACK;AAAA,EAClB;AACE,MAAII,IAAW;AACf,SAAI,OAAOhB,KAAiB,aAC1BgB,IAAWhB,EAAaO,CAAK,IACpBP,KAAgB,OACzBgB,IAAWhB,IACF,CAACY,KAAoBX,KAAe,QAAQ,CAACa,IACtDE,IAAWf,IACF,MAAM,QAAQM,CAAK,IAC5BS,IAAWC,EAAsBV,GAAOG,GAAOC,CAAiB,IAEhEK,IAAWE,EAAqBX,GAAOG,GAAOC,CAAiB,GAEjDQ,EAAiB,QAAQvB,GAAgB;AAAA,IACvD,OAAAmB;AAAA,IACA,KAAK,CAAClB,GAAcQ,CAAQ;AAAA,IAC5B,OAAO,CAAC;AAAA,MACN,UAAAW;AAAA,IACN,GAAOb,CAAY;AAAA,IACf,wBAAAV;AAAA,EACJ,CAAG;AAEH,CAAC;AACG,QAAQ,IAAI,aAAa,iBAAcC,EAAY,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"index55.js","sources":["../../../node_modules/@base-ui/react/select/trigger/SelectTrigger.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ownerDocument } from '@base-ui/utils/owner';\nimport { useTimeout } from '@base-ui/utils/useTimeout';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useValueAsRef } from '@base-ui/utils/useValueAsRef';\nimport { useStore } from '@base-ui/utils/store';\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { useFieldRootContext } from \"../../internals/field-root-context/FieldRootContext.mjs\";\nimport { useLabelableContext } from \"../../internals/labelable-provider/LabelableContext.mjs\";\nimport { pressableTriggerOpenStateMapping } from \"../../utils/popupStateMapping.mjs\";\nimport { fieldValidityMapping } from \"../../internals/field-constants/constants.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { selectors } from \"../store.mjs\";\nimport { getPseudoElementBounds } from \"../../utils/getPseudoElementBounds.mjs\";\nimport { contains, getFloatingFocusElement } from \"../../floating-ui-react/utils.mjs\";\nimport { mergeProps } from \"../../merge-props/index.mjs\";\nimport { useButton } from \"../../internals/use-button/index.mjs\";\nimport { createChangeEventDetails } from \"../../internals/createBaseUIEventDetails.mjs\";\nimport { REASONS } from \"../../internals/reasons.mjs\";\nimport { useLabelableId } from \"../../internals/labelable-provider/useLabelableId.mjs\";\nimport { resolveAriaLabelledBy } from \"../../utils/resolveAriaLabelledBy.mjs\";\nconst BOUNDARY_OFFSET = 2;\nconst SELECTED_DELAY = 400;\nconst stateAttributesMapping = {\n  ...pressableTriggerOpenStateMapping,\n  ...fieldValidityMapping,\n  popupSide: side => side ? {\n    'data-popup-side': side\n  } : null,\n  value: () => null\n};\n\n/**\n * A button that opens the select popup.\n * Renders a `<button>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectTrigger = /*#__PURE__*/React.forwardRef(function SelectTrigger(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    id: idProp,\n    disabled: disabledProp = false,\n    nativeButton = true,\n    style,\n    ...elementProps\n  } = componentProps;\n  const {\n    setTouched,\n    setFocused,\n    validationMode,\n    state: fieldState,\n    disabled: fieldDisabled\n  } = useFieldRootContext();\n  const {\n    labelId: fieldLabelId\n  } = useLabelableContext();\n  const {\n    store,\n    setOpen,\n    selectionRef,\n    validation,\n    readOnly,\n    required,\n    alignItemWithTriggerActiveRef,\n    disabled: selectDisabled\n  } = useSelectRootContext();\n  const disabled = fieldDisabled || selectDisabled || disabledProp;\n  const open = useStore(store, selectors.open);\n  const mounted = useStore(store, selectors.mounted);\n  const value = useStore(store, selectors.value);\n  const triggerProps = useStore(store, selectors.triggerProps);\n  const positionerElement = useStore(store, selectors.positionerElement);\n  const listElement = useStore(store, selectors.listElement);\n  const popupSideValue = useStore(store, selectors.popupSide);\n  const rootId = useStore(store, selectors.id);\n  const selectLabelId = useStore(store, selectors.labelId);\n  const hasSelectedValue = useStore(store, selectors.hasSelectedValue);\n  const popupSide = mounted && positionerElement ? popupSideValue : null;\n  const id = idProp ?? rootId;\n  const ariaLabelledBy = resolveAriaLabelledBy(fieldLabelId, selectLabelId);\n  useLabelableId({\n    id\n  });\n  const positionerRef = useValueAsRef(positionerElement);\n  const triggerRef = React.useRef(null);\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    native: nativeButton\n  });\n  const setTriggerElement = useStableCallback(element => {\n    store.set('triggerElement', element);\n  });\n  const timeoutFocus = useTimeout();\n  const timeoutMouseDown = useTimeout();\n  const selectedDelayTimeout = useTimeout();\n  React.useEffect(() => {\n    if (open) {\n      // A mousedown on the trigger can open the popup under the cursor. Keep mouseup selection\n      // disabled briefly so releasing over either the selected item or a neighboring item doesn't\n      // commit an accidental selection. SelectItem can still opt into unselected mouseup sooner\n      // after a real drag over the item.\n      selectedDelayTimeout.start(SELECTED_DELAY, () => {\n        selectionRef.current.allowUnselectedMouseUp = true;\n        selectionRef.current.allowSelectedMouseUp = true;\n      });\n      return () => {\n        selectedDelayTimeout.clear();\n      };\n    }\n    selectionRef.current = {\n      allowSelectedMouseUp: false,\n      allowUnselectedMouseUp: false,\n      dragY: 0\n    };\n    timeoutMouseDown.clear();\n    return undefined;\n  }, [open, selectionRef, timeoutMouseDown, selectedDelayTimeout]);\n  const mergedProps = mergeProps(triggerProps, {\n    id,\n    role: 'combobox',\n    'aria-expanded': open ? 'true' : 'false',\n    'aria-haspopup': 'listbox',\n    'aria-controls': open ? listElement?.id ?? getFloatingFocusElement(positionerElement)?.id : undefined,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-readonly': readOnly || undefined,\n    'aria-required': required || undefined,\n    tabIndex: disabled ? -1 : 0,\n    onFocus(event) {\n      setFocused(true);\n\n      // The popup element shouldn't obscure the focused trigger.\n      if (open && alignItemWithTriggerActiveRef.current) {\n        setOpen(false, createChangeEventDetails(REASONS.none, event.nativeEvent));\n      }\n\n      // Saves a re-render on initial click: `forceMount === true` mounts\n      // the items before `open === true`. We could sync those cycles better\n      // without a timeout, but this is enough for now.\n      timeoutFocus.start(0, () => {\n        store.set('forceMount', true);\n      });\n    },\n    onBlur(event) {\n      // If focus is moving into the popup, don't count it as a blur.\n      if (contains(positionerElement, event.relatedTarget)) {\n        return;\n      }\n      setTouched(true);\n      setFocused(false);\n      if (validationMode === 'onBlur') {\n        validation.commit(value);\n      }\n    },\n    onMouseDown(event) {\n      if (open) {\n        return;\n      }\n      const doc = ownerDocument(event.currentTarget);\n      function handleMouseUp(mouseEvent) {\n        if (!triggerRef.current) {\n          return;\n        }\n        const mouseUpTarget = mouseEvent.target;\n\n        // Don't treat the release as an outside press when it lands on the trigger or inside\n        // the popup positioner (or their children).\n        if (contains(triggerRef.current, mouseUpTarget) || contains(positionerRef.current, mouseUpTarget)) {\n          return;\n        }\n        const bounds = getPseudoElementBounds(triggerRef.current);\n        if (mouseEvent.clientX >= bounds.left - BOUNDARY_OFFSET && mouseEvent.clientX <= bounds.right + BOUNDARY_OFFSET && mouseEvent.clientY >= bounds.top - BOUNDARY_OFFSET && mouseEvent.clientY <= bounds.bottom + BOUNDARY_OFFSET) {\n          return;\n        }\n        setOpen(false, createChangeEventDetails(REASONS.cancelOpen, mouseEvent));\n      }\n\n      // Firefox can fire this upon mousedown\n      timeoutMouseDown.start(0, () => {\n        doc.addEventListener('mouseup', handleMouseUp, {\n          once: true\n        });\n      });\n    }\n  }, elementProps, getButtonProps);\n  const props = validation.getValidationProps(disabled, mergedProps);\n\n  // ensure nested useButton does not overwrite the combobox role:\n  // <Toolbar.Button render={<Select.Trigger />} />\n  props.role = 'combobox';\n  const state = {\n    ...fieldState,\n    open,\n    disabled,\n    value,\n    readOnly,\n    popupSide,\n    placeholder: !hasSelectedValue\n  };\n  return useRenderElement('button', componentProps, {\n    ref: [forwardedRef, triggerRef, buttonRef, setTriggerElement],\n    state,\n    stateAttributesMapping,\n    props\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SelectTrigger.displayName = \"SelectTrigger\";"],"names":["BOUNDARY_OFFSET","SELECTED_DELAY","stateAttributesMapping","pressableTriggerOpenStateMapping","fieldValidityMapping","side","SelectTrigger","React","componentProps","forwardedRef","render","className","idProp","disabledProp","nativeButton","style","elementProps","setTouched","setFocused","validationMode","fieldState","fieldDisabled","useFieldRootContext","fieldLabelId","useLabelableContext","store","setOpen","selectionRef","validation","readOnly","required","alignItemWithTriggerActiveRef","selectDisabled","useSelectRootContext","disabled","open","useStore","selectors","mounted","value","triggerProps","positionerElement","listElement","popupSideValue","rootId","selectLabelId","hasSelectedValue","popupSide","id","ariaLabelledBy","resolveAriaLabelledBy","useLabelableId","positionerRef","useValueAsRef","triggerRef","getButtonProps","buttonRef","useButton","setTriggerElement","useStableCallback","element","timeoutFocus","useTimeout","timeoutMouseDown","selectedDelayTimeout","mergedProps","mergeProps","getFloatingFocusElement","event","createChangeEventDetails","REASONS.none","contains","doc","ownerDocument","handleMouseUp","mouseEvent","mouseUpTarget","bounds","getPseudoElementBounds","REASONS.cancelOpen","props","state","useRenderElement"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index56.js

@@ -1,32 +1,38 @@
-import * as s from "react";
-import { useRenderElement as p } from "./index172.js";
-import { useSelectRootContext as c } from "./index265.js";
-import { triggerOpenStateMapping as i } from "./index173.js";
-import { selectors as m } from "./index270.js";
-import { useStore as a } from "./index277.js";
-const l = /* @__PURE__ */ s.forwardRef(function(e, t) {
+import * as b from "react";
+import { useRenderElement as v } from "./index172.js";
+import { useSelectRootContext as L } from "./index265.js";
+import { resolveMultipleLabels as N, resolveSelectedLabel as V } from "./index272.js";
+import { selectors as s } from "./index270.js";
+import { useStore as r } from "./index277.js";
+const y = {
+  value: () => null
+}, R = /* @__PURE__ */ b.forwardRef(function(c, m) {
   const {
-    render: d,
-    className: u,
-    style: S,
-    ...o
-  } = e, {
-    store: r
-  } = c(), n = {
-    open: a(r, m.open)
+    className: A,
+    render: E,
+    children: l,
+    placeholder: n,
+    style: x,
+    ...p
+  } = c, {
+    store: t,
+    valueRef: f
+  } = L(), o = r(t, s.value), i = r(t, s.items), u = r(t, s.itemToStringLabel), a = r(t, s.hasSelectedValue), d = !a && n != null && l == null, h = r(t, s.hasNullItemLabel, d), S = {
+    value: o,
+    placeholder: !a
   };
-  return p("span", e, {
-    state: n,
-    ref: t,
+  let e = null;
+  return typeof l == "function" ? e = l(o) : l != null ? e = l : !a && n != null && !h ? e = n : Array.isArray(o) ? e = N(o, i, u) : e = V(o, i, u), v("span", c, {
+    state: S,
+    ref: [m, f],
     props: [{
-      "aria-hidden": !0,
-      children: "▼"
-    }, o],
-    stateAttributesMapping: i
+      children: e
+    }, p],
+    stateAttributesMapping: y
   });
 });
-process.env.NODE_ENV !== "production" && (l.displayName = "SelectIcon");
+process.env.NODE_ENV !== "production" && (R.displayName = "SelectValue");
 export {
-  l as SelectIcon
+  R as SelectValue
 };
 //# sourceMappingURL=index56.js.map

package/dist/index56.js.map

@@ -1 +1 @@
-{"version":3,"file":"index56.js","sources":["../../../node_modules/@base-ui/react/select/icon/SelectIcon.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStore } from '@base-ui/utils/store';\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { triggerOpenStateMapping } from \"../../utils/popupStateMapping.mjs\";\nimport { selectors } from \"../store.mjs\";\n\n/**\n * An icon that indicates that the trigger button opens a select popup.\n * Renders a `<span>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectIcon = /*#__PURE__*/React.forwardRef(function SelectIcon(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    ...elementProps\n  } = componentProps;\n  const {\n    store\n  } = useSelectRootContext();\n  const open = useStore(store, selectors.open);\n  const state = {\n    open\n  };\n  const element = useRenderElement('span', componentProps, {\n    state,\n    ref: forwardedRef,\n    props: [{\n      'aria-hidden': true,\n      children: '▼'\n    }, elementProps],\n    stateAttributesMapping: triggerOpenStateMapping\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") SelectIcon.displayName = \"SelectIcon\";"],"names":["SelectIcon","React","componentProps","forwardedRef","render","className","style","elementProps","store","useSelectRootContext","state","useStore","selectors","useRenderElement","triggerOpenStateMapping"],"mappings":";;;;;;AAeY,MAACA,IAA0B,gBAAAC,EAAM,WAAW,SAAoBC,GAAgBC,GAAc;AACxG,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAML,GACE;AAAA,IACJ,OAAAM;AAAA,EACJ,IAAMC,EAAoB,GAElBC,IAAQ;AAAA,IACZ,MAFWC,EAASH,GAAOI,EAAU,IAAI;AAAA,EAG7C;AAUE,SATgBC,EAAiB,QAAQX,GAAgB;AAAA,IACvD,OAAAQ;AAAA,IACA,KAAKP;AAAA,IACL,OAAO,CAAC;AAAA,MACN,eAAe;AAAA,MACf,UAAU;AAAA,IAChB,GAAOI,CAAY;AAAA,IACf,wBAAwBO;AAAA,EAC5B,CAAG;AAEH,CAAC;AACG,QAAQ,IAAI,aAAa,iBAAcd,EAAW,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"index56.js","sources":["../../../node_modules/@base-ui/react/select/value/SelectValue.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStore } from '@base-ui/utils/store';\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { resolveMultipleLabels, resolveSelectedLabel } from \"../../internals/resolveValueLabel.mjs\";\nimport { selectors } from \"../store.mjs\";\nconst stateAttributesMapping = {\n  value: () => null\n};\n\n/**\n * A text label of the currently selected item.\n * Renders a `<span>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectValue = /*#__PURE__*/React.forwardRef(function SelectValue(componentProps, forwardedRef) {\n  const {\n    className,\n    render,\n    children: childrenProp,\n    placeholder,\n    style,\n    ...elementProps\n  } = componentProps;\n  const {\n    store,\n    valueRef\n  } = useSelectRootContext();\n  const value = useStore(store, selectors.value);\n  const items = useStore(store, selectors.items);\n  const itemToStringLabel = useStore(store, selectors.itemToStringLabel);\n  const hasSelectedValue = useStore(store, selectors.hasSelectedValue);\n  const shouldCheckNullItemLabel = !hasSelectedValue && placeholder != null && childrenProp == null;\n  const hasNullLabel = useStore(store, selectors.hasNullItemLabel, shouldCheckNullItemLabel);\n  const state = {\n    value,\n    placeholder: !hasSelectedValue\n  };\n  let children = null;\n  if (typeof childrenProp === 'function') {\n    children = childrenProp(value);\n  } else if (childrenProp != null) {\n    children = childrenProp;\n  } else if (!hasSelectedValue && placeholder != null && !hasNullLabel) {\n    children = placeholder;\n  } else if (Array.isArray(value)) {\n    children = resolveMultipleLabels(value, items, itemToStringLabel);\n  } else {\n    children = resolveSelectedLabel(value, items, itemToStringLabel);\n  }\n  const element = useRenderElement('span', componentProps, {\n    state,\n    ref: [forwardedRef, valueRef],\n    props: [{\n      children\n    }, elementProps],\n    stateAttributesMapping\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") SelectValue.displayName = \"SelectValue\";"],"names":["stateAttributesMapping","SelectValue","React","componentProps","forwardedRef","className","render","childrenProp","placeholder","style","elementProps","store","valueRef","useSelectRootContext","value","useStore","selectors","items","itemToStringLabel","hasSelectedValue","shouldCheckNullItemLabel","hasNullLabel","state","children","resolveMultipleLabels","resolveSelectedLabel","useRenderElement"],"mappings":";;;;;;AAQA,MAAMA,IAAyB;AAAA,EAC7B,OAAO,MAAM;AACf,GAQaC,IAA2B,gBAAAC,EAAM,WAAW,SAAqBC,GAAgBC,GAAc;AAC1G,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAUC;AAAA,IACV,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMP,GACE;AAAA,IACJ,OAAAQ;AAAA,IACA,UAAAC;AAAA,EACJ,IAAMC,EAAoB,GAClBC,IAAQC,EAASJ,GAAOK,EAAU,KAAK,GACvCC,IAAQF,EAASJ,GAAOK,EAAU,KAAK,GACvCE,IAAoBH,EAASJ,GAAOK,EAAU,iBAAiB,GAC/DG,IAAmBJ,EAASJ,GAAOK,EAAU,gBAAgB,GAC7DI,IAA2B,CAACD,KAAoBX,KAAe,QAAQD,KAAgB,MACvFc,IAAeN,EAASJ,GAAOK,EAAU,kBAAkBI,CAAwB,GACnFE,IAAQ;AAAA,IACZ,OAAAR;AAAA,IACA,aAAa,CAACK;AAAA,EAClB;AACE,MAAII,IAAW;AACf,SAAI,OAAOhB,KAAiB,aAC1BgB,IAAWhB,EAAaO,CAAK,IACpBP,KAAgB,OACzBgB,IAAWhB,IACF,CAACY,KAAoBX,KAAe,QAAQ,CAACa,IACtDE,IAAWf,IACF,MAAM,QAAQM,CAAK,IAC5BS,IAAWC,EAAsBV,GAAOG,GAAOC,CAAiB,IAEhEK,IAAWE,EAAqBX,GAAOG,GAAOC,CAAiB,GAEjDQ,EAAiB,QAAQvB,GAAgB;AAAA,IACvD,OAAAmB;AAAA,IACA,KAAK,CAAClB,GAAcQ,CAAQ;AAAA,IAC5B,OAAO,CAAC;AAAA,MACN,UAAAW;AAAA,IACN,GAAOb,CAAY;AAAA,IACf,wBAAAV;AAAA,EACJ,CAAG;AAEH,CAAC;AACG,QAAQ,IAAI,aAAa,iBAAcC,EAAY,cAAc;","x_google_ignoreList":[0]}

package/dist/index57.js

@@ -1,44 +1,32 @@
-import * as u from "react";
-import { useStableCallback as S } from "./index262.js";
-import { useSelectRootContext as N } from "./index265.js";
-import { useSelectPositionerContext as L } from "./index295.js";
-import { useRenderElement as b } from "./index172.js";
-import { styleDisableScrollbar as h } from "./index302.js";
-import { LIST_FUNCTIONAL_STYLES as E } from "./index296.js";
-import { selectors as t } from "./index270.js";
-import { useStore as o } from "./index277.js";
-const R = /* @__PURE__ */ u.forwardRef(function(s, l) {
+import * as s from "react";
+import { useRenderElement as p } from "./index172.js";
+import { useSelectRootContext as c } from "./index265.js";
+import { triggerOpenStateMapping as i } from "./index173.js";
+import { selectors as m } from "./index270.js";
+import { useStore as a } from "./index277.js";
+const l = /* @__PURE__ */ s.forwardRef(function(e, t) {
   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]
+    render: d,
+    className: u,
+    style: S,
+    ...o
+  } = e, {
+    store: r
+  } = c(), n = {
+    open: a(r, m.open)
+  };
+  return p("span", e, {
+    state: n,
+    ref: t,
+    props: [{
+      "aria-hidden": !0,
+      children: "▼"
+    }, o],
+    stateAttributesMapping: i
   });
 });
-process.env.NODE_ENV !== "production" && (R.displayName = "SelectList");
+process.env.NODE_ENV !== "production" && (l.displayName = "SelectIcon");
 export {
-  R as SelectList
+  l as SelectIcon
 };
 //# sourceMappingURL=index57.js.map

package/dist/index57.js.map

@@ -1 +1 @@
-{"version":3,"file":"index57.js","sources":["../../../node_modules/@base-ui/react/select/list/SelectList.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useStore } from '@base-ui/utils/store';\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { useSelectPositionerContext } from \"../positioner/SelectPositionerContext.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { styleDisableScrollbar } from \"../../utils/styles.mjs\";\nimport { LIST_FUNCTIONAL_STYLES } from \"../popup/utils.mjs\";\nimport { selectors } from \"../store.mjs\";\n\n/**\n * A container for the select items.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectList = /*#__PURE__*/React.forwardRef(function SelectList(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    ...elementProps\n  } = componentProps;\n  const {\n    store,\n    scrollHandlerRef\n  } = useSelectRootContext();\n  const {\n    alignItemWithTriggerActive\n  } = useSelectPositionerContext();\n  const hasScrollArrows = useStore(store, selectors.hasScrollArrows);\n  const openMethod = useStore(store, selectors.openMethod);\n  const multiple = useStore(store, selectors.multiple);\n  const id = useStore(store, selectors.id);\n  const defaultProps = {\n    id: `${id}-list`,\n    role: 'listbox',\n    'aria-multiselectable': multiple || undefined,\n    onScroll(event) {\n      scrollHandlerRef.current?.(event.currentTarget);\n    },\n    ...(alignItemWithTriggerActive && {\n      style: LIST_FUNCTIONAL_STYLES\n    }),\n    className: hasScrollArrows && openMethod !== 'touch' ? styleDisableScrollbar.className : undefined\n  };\n  const setListElement = useStableCallback(element => {\n    store.set('listElement', element);\n  });\n  return useRenderElement('div', componentProps, {\n    ref: [forwardedRef, setListElement],\n    props: [defaultProps, elementProps]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SelectList.displayName = \"SelectList\";"],"names":["SelectList","React","componentProps","forwardedRef","render","className","style","elementProps","store","scrollHandlerRef","useSelectRootContext","alignItemWithTriggerActive","useSelectPositionerContext","hasScrollArrows","useStore","selectors","openMethod","multiple","defaultProps","event","LIST_FUNCTIONAL_STYLES","styleDisableScrollbar","setListElement","useStableCallback","element","useRenderElement"],"mappings":";;;;;;;;;AAkBY,MAACA,IAA0B,gBAAAC,EAAM,WAAW,SAAoBC,GAAgBC,GAAc;AACxG,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAML,GACE;AAAA,IACJ,OAAAM;AAAA,IACA,kBAAAC;AAAA,EACJ,IAAMC,EAAoB,GAClB;AAAA,IACJ,4BAAAC;AAAA,EACJ,IAAMC,EAA0B,GACxBC,IAAkBC,EAASN,GAAOO,EAAU,eAAe,GAC3DC,IAAaF,EAASN,GAAOO,EAAU,UAAU,GACjDE,IAAWH,EAASN,GAAOO,EAAU,QAAQ,GAE7CG,IAAe;AAAA,IACnB,IAAI,GAFKJ,EAASN,GAAOO,EAAU,EAAE,CAE5B;AAAA,IACT,MAAM;AAAA,IACN,wBAAwBE,KAAY;AAAA,IACpC,SAASE,GAAO;AACd,MAAAV,EAAiB,UAAUU,EAAM,aAAa;AAAA,IAChD;AAAA,IACA,GAAIR,KAA8B;AAAA,MAChC,OAAOS;AAAA,IACb;AAAA,IACI,WAAWP,KAAmBG,MAAe,UAAUK,EAAsB,YAAY;AAAA,EAC7F,GACQC,IAAiBC,EAAkB,CAAAC,MAAW;AAClD,IAAAhB,EAAM,IAAI,eAAegB,CAAO;AAAA,EAClC,CAAC;AACD,SAAOC,EAAiB,OAAOvB,GAAgB;AAAA,IAC7C,KAAK,CAACC,GAAcmB,CAAc;AAAA,IAClC,OAAO,CAACJ,GAAcX,CAAY;AAAA,EACtC,CAAG;AACH,CAAC;AACG,QAAQ,IAAI,aAAa,iBAAcP,EAAW,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"index57.js","sources":["../../../node_modules/@base-ui/react/select/icon/SelectIcon.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStore } from '@base-ui/utils/store';\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { triggerOpenStateMapping } from \"../../utils/popupStateMapping.mjs\";\nimport { selectors } from \"../store.mjs\";\n\n/**\n * An icon that indicates that the trigger button opens a select popup.\n * Renders a `<span>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectIcon = /*#__PURE__*/React.forwardRef(function SelectIcon(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    ...elementProps\n  } = componentProps;\n  const {\n    store\n  } = useSelectRootContext();\n  const open = useStore(store, selectors.open);\n  const state = {\n    open\n  };\n  const element = useRenderElement('span', componentProps, {\n    state,\n    ref: forwardedRef,\n    props: [{\n      'aria-hidden': true,\n      children: '▼'\n    }, elementProps],\n    stateAttributesMapping: triggerOpenStateMapping\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") SelectIcon.displayName = \"SelectIcon\";"],"names":["SelectIcon","React","componentProps","forwardedRef","render","className","style","elementProps","store","useSelectRootContext","state","useStore","selectors","useRenderElement","triggerOpenStateMapping"],"mappings":";;;;;;AAeY,MAACA,IAA0B,gBAAAC,EAAM,WAAW,SAAoBC,GAAgBC,GAAc;AACxG,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAML,GACE;AAAA,IACJ,OAAAM;AAAA,EACJ,IAAMC,EAAoB,GAElBC,IAAQ;AAAA,IACZ,MAFWC,EAASH,GAAOI,EAAU,IAAI;AAAA,EAG7C;AAUE,SATgBC,EAAiB,QAAQX,GAAgB;AAAA,IACvD,OAAAQ;AAAA,IACA,KAAKP;AAAA,IACL,OAAO,CAAC;AAAA,MACN,eAAe;AAAA,MACf,UAAU;AAAA,IAChB,GAAOI,CAAY;AAAA,IACf,wBAAwBO;AAAA,EAC5B,CAAG;AAEH,CAAC;AACG,QAAQ,IAAI,aAAa,iBAAcd,EAAW,cAAc;","x_google_ignoreList":[0]}

package/dist/index58.js

@@ -1,24 +1,44 @@
-import * as m from "react";
-import { SelectPortalContext as i } from "./index292.js";
-import { useSelectRootContext as u } from "./index265.js";
+import * as u from "react";
+import { useStableCallback as S } from "./index262.js";
+import { useSelectRootContext as N } from "./index265.js";
+import { useSelectPositionerContext as L } from "./index295.js";
+import { useRenderElement as b } from "./index172.js";
+import { styleDisableScrollbar as h } from "./index302.js";
+import { LIST_FUNCTIONAL_STYLES as E } from "./index296.js";
 import { selectors as t } from "./index270.js";
-import { j as r } from "./index28.js";
-import { useStore as e } from "./index277.js";
-import { FloatingPortal as f } from "./index188.js";
-const a = /* @__PURE__ */ m.forwardRef(function(n, s) {
+import { useStore as o } from "./index277.js";
+const R = /* @__PURE__ */ u.forwardRef(function(s, l) {
   const {
-    store: o
-  } = u(), l = e(o, t.mounted), c = e(o, t.forceMount);
-  return l || c ? /* @__PURE__ */ r.jsx(i.Provider, {
-    value: !0,
-    children: /* @__PURE__ */ r.jsx(f, {
-      ref: s,
-      ...n
-    })
-  }) : null;
+    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" && (a.displayName = "SelectPortal");
+process.env.NODE_ENV !== "production" && (R.displayName = "SelectList");
 export {
-  a as SelectPortal
+  R as SelectList
 };
 //# sourceMappingURL=index58.js.map

package/dist/index58.js.map

@@ -1 +1 @@
-{"version":3,"file":"index58.js","sources":["../../../node_modules/@base-ui/react/select/portal/SelectPortal.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStore } from '@base-ui/utils/store';\nimport { FloatingPortal } from \"../../floating-ui-react/index.mjs\";\nimport { SelectPortalContext } from \"./SelectPortalContext.mjs\";\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { selectors } from \"../store.mjs\";\n\n/**\n * A portal element that moves the popup to a different part of the DOM.\n * By default, the portal element is appended to `<body>`.\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 SelectPortal = /*#__PURE__*/React.forwardRef(function SelectPortal(portalProps, forwardedRef) {\n  const {\n    store\n  } = useSelectRootContext();\n  const mounted = useStore(store, selectors.mounted);\n  const forceMount = useStore(store, selectors.forceMount);\n  const shouldRender = mounted || forceMount;\n  if (!shouldRender) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(SelectPortalContext.Provider, {\n    value: true,\n    children: /*#__PURE__*/_jsx(FloatingPortal, {\n      ref: forwardedRef,\n      ...portalProps\n    })\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SelectPortal.displayName = \"SelectPortal\";"],"names":["SelectPortal","React","portalProps","forwardedRef","store","useSelectRootContext","mounted","useStore","selectors","forceMount","_jsx","SelectPortalContext","FloatingPortal"],"mappings":";;;;;;;AAiBY,MAACA,IAA4B,gBAAAC,EAAM,WAAW,SAAsBC,GAAaC,GAAc;AACzG,QAAM;AAAA,IACJ,OAAAC;AAAA,EACJ,IAAMC,EAAoB,GAClBC,IAAUC,EAASH,GAAOI,EAAU,OAAO,GAC3CC,IAAaF,EAASH,GAAOI,EAAU,UAAU;AAEvD,SADqBF,KAAWG,IAIZC,gBAAAA,EAAAA,IAAKC,EAAoB,UAAU;AAAA,IACrD,OAAO;AAAA,IACP,UAAuBD,gBAAAA,EAAAA,IAAKE,GAAgB;AAAA,MAC1C,KAAKT;AAAA,MACL,GAAGD;AAAA,IACT,CAAK;AAAA,EACL,CAAG,IARQ;AASX,CAAC;AACG,QAAQ,IAAI,aAAa,iBAAcF,EAAa,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"index58.js","sources":["../../../node_modules/@base-ui/react/select/list/SelectList.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useStore } from '@base-ui/utils/store';\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { useSelectPositionerContext } from \"../positioner/SelectPositionerContext.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { styleDisableScrollbar } from \"../../utils/styles.mjs\";\nimport { LIST_FUNCTIONAL_STYLES } from \"../popup/utils.mjs\";\nimport { selectors } from \"../store.mjs\";\n\n/**\n * A container for the select items.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectList = /*#__PURE__*/React.forwardRef(function SelectList(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    ...elementProps\n  } = componentProps;\n  const {\n    store,\n    scrollHandlerRef\n  } = useSelectRootContext();\n  const {\n    alignItemWithTriggerActive\n  } = useSelectPositionerContext();\n  const hasScrollArrows = useStore(store, selectors.hasScrollArrows);\n  const openMethod = useStore(store, selectors.openMethod);\n  const multiple = useStore(store, selectors.multiple);\n  const id = useStore(store, selectors.id);\n  const defaultProps = {\n    id: `${id}-list`,\n    role: 'listbox',\n    'aria-multiselectable': multiple || undefined,\n    onScroll(event) {\n      scrollHandlerRef.current?.(event.currentTarget);\n    },\n    ...(alignItemWithTriggerActive && {\n      style: LIST_FUNCTIONAL_STYLES\n    }),\n    className: hasScrollArrows && openMethod !== 'touch' ? styleDisableScrollbar.className : undefined\n  };\n  const setListElement = useStableCallback(element => {\n    store.set('listElement', element);\n  });\n  return useRenderElement('div', componentProps, {\n    ref: [forwardedRef, setListElement],\n    props: [defaultProps, elementProps]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SelectList.displayName = \"SelectList\";"],"names":["SelectList","React","componentProps","forwardedRef","render","className","style","elementProps","store","scrollHandlerRef","useSelectRootContext","alignItemWithTriggerActive","useSelectPositionerContext","hasScrollArrows","useStore","selectors","openMethod","multiple","defaultProps","event","LIST_FUNCTIONAL_STYLES","styleDisableScrollbar","setListElement","useStableCallback","element","useRenderElement"],"mappings":";;;;;;;;;AAkBY,MAACA,IAA0B,gBAAAC,EAAM,WAAW,SAAoBC,GAAgBC,GAAc;AACxG,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAML,GACE;AAAA,IACJ,OAAAM;AAAA,IACA,kBAAAC;AAAA,EACJ,IAAMC,EAAoB,GAClB;AAAA,IACJ,4BAAAC;AAAA,EACJ,IAAMC,EAA0B,GACxBC,IAAkBC,EAASN,GAAOO,EAAU,eAAe,GAC3DC,IAAaF,EAASN,GAAOO,EAAU,UAAU,GACjDE,IAAWH,EAASN,GAAOO,EAAU,QAAQ,GAE7CG,IAAe;AAAA,IACnB,IAAI,GAFKJ,EAASN,GAAOO,EAAU,EAAE,CAE5B;AAAA,IACT,MAAM;AAAA,IACN,wBAAwBE,KAAY;AAAA,IACpC,SAASE,GAAO;AACd,MAAAV,EAAiB,UAAUU,EAAM,aAAa;AAAA,IAChD;AAAA,IACA,GAAIR,KAA8B;AAAA,MAChC,OAAOS;AAAA,IACb;AAAA,IACI,WAAWP,KAAmBG,MAAe,UAAUK,EAAsB,YAAY;AAAA,EAC7F,GACQC,IAAiBC,EAAkB,CAAAC,MAAW;AAClD,IAAAhB,EAAM,IAAI,eAAegB,CAAO;AAAA,EAClC,CAAC;AACD,SAAOC,EAAiB,OAAOvB,GAAgB;AAAA,IAC7C,KAAK,CAACC,GAAcmB,CAAc;AAAA,IAClC,OAAO,CAACJ,GAAcX,CAAY;AAAA,EACtC,CAAG;AACH,CAAC;AACG,QAAQ,IAAI,aAAa,iBAAcP,EAAW,cAAc;","x_google_ignoreList":[0]}