@rpcbase/ui 0.244.0 → 0.245.0

package/dist/index275.js

@@ -1,115 +1,25 @@
-import * as l from "react";
-import { isHTMLElement as M } from "./index300.js";
-import { useStableCallback as H } from "./index239.js";
-import { error as y } from "./index356.js";
-import { SafeReact as B } from "./index354.js";
-import { useIsoLayoutEffect as A } from "./index238.js";
-import { useCompositeRootContext as L } from "./index371.js";
-import { useFocusableWhenDisabled as W } from "./index372.js";
-import { mergeProps as $, makeEventPreventable as x } from "./index263.js";
-function X(a = {}) {
+import * as r from "react";
+function f(l) {
   const {
-    disabled: o = !1,
-    focusableWhenDisabled: C,
-    tabIndex: P = 0,
-    native: t = !0,
-    composite: T
-  } = a, i = l.useRef(null), E = L(!0), s = T ?? E !== void 0, {
-    props: u
-  } = W({
-    focusableWhenDisabled: C,
+    focusableWhenDisabled: e,
     disabled: o,
-    composite: s,
-    tabIndex: P,
-    isNativeButton: t
-  });
-  process.env.NODE_ENV !== "production" && l.useEffect(() => {
-    if (!i.current)
-      return;
-    const n = f(i.current);
-    if (t) {
-      if (!n) {
-        const r = B.captureOwnerStack?.() || "";
-        y(`A component that acts as a button expected a native <button> because the \`nativeButton\` prop is true. Rendering a non-<button> removes native button semantics, which can impact forms and accessibility. Use a real <button> in the \`render\` prop, or set \`nativeButton\` to \`false\`.${r}`);
-      }
-    } else if (n) {
-      const r = B.captureOwnerStack?.() || "";
-      y(`A component that acts as a button expected a non-<button> because the \`nativeButton\` prop is false. Rendering a <button> keeps native behavior while Base UI applies non-native attributes and handlers, which can add unintended extra attributes (such as \`role\` or \`aria-disabled\`). Use a non-<button> in the \`render\` prop, or set \`nativeButton\` to \`true\`.${r}`);
-    }
-  }, [t]);
-  const p = l.useCallback(() => {
-    const n = i.current;
-    f(n) && s && o && u.disabled === void 0 && n.disabled && (n.disabled = !1);
-  }, [o, u.disabled, s]);
-  A(p, [p]);
-  const U = l.useCallback((n = {}) => {
-    const {
-      onClick: r,
-      onMouseDown: d,
-      onKeyUp: O,
-      onKeyDown: I,
-      onPointerDown: K,
-      ...N
-    } = n;
-    return $({
-      onClick(e) {
-        if (o) {
-          e.preventDefault();
-          return;
-        }
-        r?.(e);
-      },
-      onMouseDown(e) {
-        o || d?.(e);
-      },
-      onKeyDown(e) {
-        if (o || (x(e), I?.(e), e.baseUIHandlerPrevented))
-          return;
-        const b = e.target === e.currentTarget, c = e.currentTarget, g = f(c), h = !t && V(c), k = b && (t ? g : !h), D = e.key === "Enter", w = e.key === " ", m = c.getAttribute("role"), S = m?.startsWith("menuitem") || m === "option" || m === "gridcell";
-        if (b && s && w) {
-          if (e.defaultPrevented && S)
-            return;
-          e.preventDefault(), h || t && g ? (c.click(), e.preventBaseUIHandler()) : k && (r?.(e), e.preventBaseUIHandler());
-          return;
-        }
-        k && (!t && (w || D) && e.preventDefault(), !t && D && r?.(e));
-      },
-      onKeyUp(e) {
-        if (!o) {
-          if (x(e), O?.(e), e.target === e.currentTarget && t && s && f(e.currentTarget) && e.key === " ") {
-            e.preventDefault();
-            return;
-          }
-          e.baseUIHandlerPrevented || e.target === e.currentTarget && !t && !s && e.key === " " && r?.(e);
-        }
-      },
-      onPointerDown(e) {
-        if (o) {
-          e.preventDefault();
-          return;
-        }
-        K?.(e);
-      }
-    }, t ? {
-      type: "button"
-    } : {
-      role: "button"
-    }, u, N);
-  }, [o, u, s, t]), R = H((n) => {
-    i.current = n, p();
-  });
+    composite: t = !1,
+    tabIndex: i = 0,
+    isNativeButton: s
+  } = l, n = t && e !== !1, b = t && e === !1;
   return {
-    getButtonProps: U,
-    buttonRef: R
+    props: r.useMemo(() => {
+      const a = {
+        // allow Tabbing away from focusableWhenDisabled elements
+        onKeyDown(d) {
+          o && e && d.key !== "Tab" && d.preventDefault();
+        }
+      };
+      return t || (a.tabIndex = i, !s && o && (a.tabIndex = e ? i : -1)), (s && (e || n) || !s && o) && (a["aria-disabled"] = o), s && (!e || b) && (a.disabled = o), a;
+    }, [t, o, e, n, b, s, i])
   };
 }
-function f(a) {
-  return M(a) && a.tagName === "BUTTON";
-}
-function V(a) {
-  return !!(a?.tagName === "A" && a?.href);
-}
 export {
-  X as useButton
+  f as useFocusableWhenDisabled
 };
 //# sourceMappingURL=index275.js.map

package/dist/index275.js.map

@@ -1 +1 @@
-{"version":3,"file":"index275.js","sources":["../../../node_modules/@base-ui/react/internals/use-button/useButton.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { isHTMLElement } from '@floating-ui/utils/dom';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { error } from '@base-ui/utils/error';\nimport { SafeReact } from '@base-ui/utils/safeReact';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { makeEventPreventable, mergeProps } from \"../../merge-props/index.mjs\";\nimport { useCompositeRootContext } from \"../composite/root/CompositeRootContext.mjs\";\nimport { useFocusableWhenDisabled } from \"../../utils/useFocusableWhenDisabled.mjs\";\nexport function useButton(parameters = {}) {\n  const {\n    disabled = false,\n    focusableWhenDisabled,\n    tabIndex = 0,\n    native: isNativeButton = true,\n    composite: compositeProp\n  } = parameters;\n  const elementRef = React.useRef(null);\n  const compositeRootContext = useCompositeRootContext(true);\n  const isCompositeItem = compositeProp ?? compositeRootContext !== undefined;\n  const {\n    props: focusableWhenDisabledProps\n  } = useFocusableWhenDisabled({\n    focusableWhenDisabled,\n    disabled,\n    composite: isCompositeItem,\n    tabIndex,\n    isNativeButton\n  });\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      if (!elementRef.current) {\n        return;\n      }\n      const isButtonTag = isButtonElement(elementRef.current);\n      if (isNativeButton) {\n        if (!isButtonTag) {\n          const ownerStackMessage = SafeReact.captureOwnerStack?.() || '';\n          const message = 'A component that acts as a button expected a native <button> because the ' + '`nativeButton` prop is true. Rendering a non-<button> removes native button ' + 'semantics, which can impact forms and accessibility. Use a real <button> in the ' + '`render` prop, or set `nativeButton` to `false`.';\n          error(`${message}${ownerStackMessage}`);\n        }\n      } else if (isButtonTag) {\n        const ownerStackMessage = SafeReact.captureOwnerStack?.() || '';\n        const message = 'A component that acts as a button expected a non-<button> because the `nativeButton` ' + 'prop is false. Rendering a <button> keeps native behavior while Base UI applies ' + 'non-native attributes and handlers, which can add unintended extra attributes (such ' + 'as `role` or `aria-disabled`). Use a non-<button> in the `render` prop, or set ' + '`nativeButton` to `true`.';\n        error(`${message}${ownerStackMessage}`);\n      }\n    }, [isNativeButton]);\n  }\n\n  // handles a disabled composite button rendering another button, e.g.\n  // <Toolbar.Button disabled render={<Menu.Trigger />} />\n  // the `disabled` prop needs to pass through 2 `useButton`s then finally\n  // delete the `disabled` attribute from DOM\n  const updateDisabled = React.useCallback(() => {\n    const element = elementRef.current;\n    if (!isButtonElement(element)) {\n      return;\n    }\n    if (isCompositeItem && disabled && focusableWhenDisabledProps.disabled === undefined && element.disabled) {\n      element.disabled = false;\n    }\n  }, [disabled, focusableWhenDisabledProps.disabled, isCompositeItem]);\n  useIsoLayoutEffect(updateDisabled, [updateDisabled]);\n  const getButtonProps = React.useCallback((externalProps = {}) => {\n    const {\n      onClick: externalOnClick,\n      onMouseDown: externalOnMouseDown,\n      onKeyUp: externalOnKeyUp,\n      onKeyDown: externalOnKeyDown,\n      onPointerDown: externalOnPointerDown,\n      ...otherExternalProps\n    } = externalProps;\n    return mergeProps({\n      onClick(event) {\n        if (disabled) {\n          event.preventDefault();\n          return;\n        }\n        externalOnClick?.(event);\n      },\n      onMouseDown(event) {\n        if (!disabled) {\n          externalOnMouseDown?.(event);\n        }\n      },\n      onKeyDown(event) {\n        if (disabled) {\n          return;\n        }\n        makeEventPreventable(event);\n        externalOnKeyDown?.(event);\n        if (event.baseUIHandlerPrevented) {\n          return;\n        }\n        const isCurrentTarget = event.target === event.currentTarget;\n        const currentTarget = event.currentTarget;\n        const isButton = isButtonElement(currentTarget);\n        const isLink = !isNativeButton && isValidLinkElement(currentTarget);\n        const shouldClick = isCurrentTarget && (isNativeButton ? isButton : !isLink);\n        const isEnterKey = event.key === 'Enter';\n        const isSpaceKey = event.key === ' ';\n        const role = currentTarget.getAttribute('role');\n        const isTextNavigationRole = role?.startsWith('menuitem') || role === 'option' || role === 'gridcell';\n        if (isCurrentTarget && isCompositeItem && isSpaceKey) {\n          if (event.defaultPrevented && isTextNavigationRole) {\n            return;\n          }\n          event.preventDefault();\n          if (isLink || isNativeButton && isButton) {\n            currentTarget.click();\n            event.preventBaseUIHandler();\n          } else if (shouldClick) {\n            externalOnClick?.(event);\n            event.preventBaseUIHandler();\n          }\n          return;\n        }\n\n        // Keyboard accessibility for native and non-native elements.\n        if (shouldClick) {\n          if (!isNativeButton && (isSpaceKey || isEnterKey)) {\n            event.preventDefault();\n          }\n          if (!isNativeButton && isEnterKey) {\n            externalOnClick?.(event);\n          }\n        }\n      },\n      onKeyUp(event) {\n        if (disabled) {\n          return;\n        }\n\n        // calling preventDefault in keyUp on a <button> will not dispatch a click event if Space is pressed\n        // https://codesandbox.io/p/sandbox/button-keyup-preventdefault-dn7f0\n        makeEventPreventable(event);\n        externalOnKeyUp?.(event);\n        if (event.target === event.currentTarget && isNativeButton && isCompositeItem && isButtonElement(event.currentTarget) && event.key === ' ') {\n          event.preventDefault();\n          return;\n        }\n        if (event.baseUIHandlerPrevented) {\n          return;\n        }\n\n        // Keyboard accessibility for non interactive elements\n        if (event.target === event.currentTarget && !isNativeButton && !isCompositeItem && event.key === ' ') {\n          externalOnClick?.(event);\n        }\n      },\n      onPointerDown(event) {\n        if (disabled) {\n          event.preventDefault();\n          return;\n        }\n        externalOnPointerDown?.(event);\n      }\n    }, isNativeButton ? {\n      type: 'button'\n    } : {\n      role: 'button'\n    }, focusableWhenDisabledProps, otherExternalProps);\n  }, [disabled, focusableWhenDisabledProps, isCompositeItem, isNativeButton]);\n  const buttonRef = useStableCallback(element => {\n    elementRef.current = element;\n    updateDisabled();\n  });\n  return {\n    getButtonProps,\n    buttonRef\n  };\n}\nfunction isButtonElement(elem) {\n  return isHTMLElement(elem) && elem.tagName === 'BUTTON';\n}\nfunction isValidLinkElement(elem) {\n  return Boolean(elem?.tagName === 'A' && elem?.href);\n}"],"names":["useButton","parameters","disabled","focusableWhenDisabled","tabIndex","isNativeButton","compositeProp","elementRef","React","compositeRootContext","useCompositeRootContext","isCompositeItem","focusableWhenDisabledProps","useFocusableWhenDisabled","isButtonTag","isButtonElement","ownerStackMessage","SafeReact","error","updateDisabled","element","useIsoLayoutEffect","getButtonProps","externalProps","externalOnClick","externalOnMouseDown","externalOnKeyUp","externalOnKeyDown","externalOnPointerDown","otherExternalProps","mergeProps","event","makeEventPreventable","isCurrentTarget","currentTarget","isButton","isLink","isValidLinkElement","shouldClick","isEnterKey","isSpaceKey","role","isTextNavigationRole","buttonRef","useStableCallback","elem","isHTMLElement"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index275.js","sources":["../../../node_modules/@base-ui/react/utils/useFocusableWhenDisabled.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nexport function useFocusableWhenDisabled(parameters) {\n  const {\n    focusableWhenDisabled,\n    disabled,\n    composite = false,\n    tabIndex: tabIndexProp = 0,\n    isNativeButton\n  } = parameters;\n  const isFocusableComposite = composite && focusableWhenDisabled !== false;\n  const isNonFocusableComposite = composite && focusableWhenDisabled === false;\n\n  // we can't explicitly assign `undefined` to any of these props because it\n  // would otherwise prevent subsequently merged props from setting them\n  const props = React.useMemo(() => {\n    const additionalProps = {\n      // allow Tabbing away from focusableWhenDisabled elements\n      onKeyDown(event) {\n        if (disabled && focusableWhenDisabled && event.key !== 'Tab') {\n          event.preventDefault();\n        }\n      }\n    };\n    if (!composite) {\n      additionalProps.tabIndex = tabIndexProp;\n      if (!isNativeButton && disabled) {\n        additionalProps.tabIndex = focusableWhenDisabled ? tabIndexProp : -1;\n      }\n    }\n    if (isNativeButton && (focusableWhenDisabled || isFocusableComposite) || !isNativeButton && disabled) {\n      additionalProps['aria-disabled'] = disabled;\n    }\n    if (isNativeButton && (!focusableWhenDisabled || isNonFocusableComposite)) {\n      additionalProps.disabled = disabled;\n    }\n    return additionalProps;\n  }, [composite, disabled, focusableWhenDisabled, isFocusableComposite, isNonFocusableComposite, isNativeButton, tabIndexProp]);\n  return {\n    props\n  };\n}"],"names":["useFocusableWhenDisabled","parameters","focusableWhenDisabled","disabled","composite","tabIndexProp","isNativeButton","isFocusableComposite","isNonFocusableComposite","React","additionalProps","event"],"mappings":";AAGO,SAASA,EAAyBC,GAAY;AACnD,QAAM;AAAA,IACJ,uBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAUC,IAAe;AAAA,IACzB,gBAAAC;AAAA,EACJ,IAAML,GACEM,IAAuBH,KAAaF,MAA0B,IAC9DM,IAA0BJ,KAAaF,MAA0B;AA2BvE,SAAO;AAAA,IACL,OAxBYO,EAAM,QAAQ,MAAM;AAChC,YAAMC,IAAkB;AAAA;AAAA,QAEtB,UAAUC,GAAO;AACf,UAAIR,KAAYD,KAAyBS,EAAM,QAAQ,SACrDA,EAAM,eAAc;AAAA,QAExB;AAAA,MACN;AACI,aAAKP,MACHM,EAAgB,WAAWL,GACvB,CAACC,KAAkBH,MACrBO,EAAgB,WAAWR,IAAwBG,IAAe,OAGlEC,MAAmBJ,KAAyBK,MAAyB,CAACD,KAAkBH,OAC1FO,EAAgB,eAAe,IAAIP,IAEjCG,MAAmB,CAACJ,KAAyBM,OAC/CE,EAAgB,WAAWP,IAEtBO;AAAA,IACT,GAAG,CAACN,GAAWD,GAAUD,GAAuBK,GAAsBC,GAAyBF,GAAgBD,CAAY,CAAC;AAAA,EAG9H;AACA;","x_google_ignoreList":[0]}

package/dist/index276.js

@@ -1,30 +1,20 @@
-import { isHTMLElement as i } from "./index300.js";
-import { FOCUSABLE_ATTRIBUTE as u, TYPEABLE_SELECTOR as n } from "./index397.js";
-function a(t, r) {
-  if (r == null)
-    return !1;
-  if ("composedPath" in t)
-    return t.composedPath().includes(r);
-  const o = t;
-  return o.target != null && r.contains(o.target);
-}
-function b(t) {
-  return t.matches("html,body");
-}
-function e(t) {
-  return i(t) && t.matches(n);
-}
-function f(t) {
-  return t ? t.getAttribute("role") === "combobox" && e(t) : !1;
-}
-function T(t) {
-  return t ? t.hasAttribute(u) ? t : t.querySelector(`[${u}]`) || t : null;
+import * as e from "react";
+function t(i) {
+  const o = e.useRef(""), n = e.useCallback((r) => {
+    r.defaultPrevented || (o.current = r.pointerType, i(r, r.pointerType));
+  }, [i]);
+  return {
+    onClick: e.useCallback((r) => {
+      if (r.detail === 0) {
+        i(r, "keyboard");
+        return;
+      }
+      "pointerType" in r ? i(r, r.pointerType) : i(r, o.current), o.current = "";
+    }, [i]),
+    onPointerDown: n
+  };
 }
 export {
-  T as getFloatingFocusElement,
-  a as isEventTargetWithin,
-  b as isRootElement,
-  f as isTypeableCombobox,
-  e as isTypeableElement
+  t as useEnhancedClickHandler
 };
 //# sourceMappingURL=index276.js.map

package/dist/index276.js.map

@@ -1 +1 @@
-{"version":3,"file":"index276.js","sources":["../../../node_modules/@base-ui/react/floating-ui-react/utils/element.mjs"],"sourcesContent":["import { isElement, isHTMLElement } from '@floating-ui/utils/dom';\nimport { platform } from '@base-ui/utils/platform';\nimport { FOCUSABLE_ATTRIBUTE, TYPEABLE_SELECTOR } from \"./constants.mjs\";\nimport { activeElement, contains, getTarget } from \"../../internals/shadowDom.mjs\";\nexport { activeElement, contains, getTarget };\nexport function isTargetInsideEnabledTrigger(target, triggerElements) {\n  if (!isElement(target)) {\n    return false;\n  }\n  const targetElement = target;\n  if (triggerElements.hasElement(targetElement)) {\n    return !targetElement.hasAttribute('data-trigger-disabled');\n  }\n  for (const [, trigger] of triggerElements.entries()) {\n    if (contains(trigger, targetElement)) {\n      return !trigger.hasAttribute('data-trigger-disabled');\n    }\n  }\n  return false;\n}\nexport function isEventTargetWithin(event, node) {\n  if (node == null) {\n    return false;\n  }\n  if ('composedPath' in event) {\n    return event.composedPath().includes(node);\n  }\n\n  // TS thinks `event` is of type never as it assumes all browsers support composedPath, but browsers without shadow dom don't\n  const eventAgain = event;\n  return eventAgain.target != null && node.contains(eventAgain.target);\n}\nexport function isRootElement(element) {\n  return element.matches('html,body');\n}\nexport function isTypeableElement(element) {\n  return isHTMLElement(element) && element.matches(TYPEABLE_SELECTOR);\n}\nexport function isInteractiveElement(element) {\n  return element?.closest(`button,a[href],[role=\"button\"],select,[tabindex]:not([tabindex=\"-1\"]),${TYPEABLE_SELECTOR}`) != null;\n}\nexport function isTypeableCombobox(element) {\n  if (!element) {\n    return false;\n  }\n  return element.getAttribute('role') === 'combobox' && isTypeableElement(element);\n}\nexport function matchesFocusVisible(element) {\n  // We don't want to block focus from working with `visibleOnly`\n  // (JSDOM doesn't match `:focus-visible` when the element has `:focus`)\n  if (!element || platform.env.jsdom) {\n    return true;\n  }\n  try {\n    return element.matches(':focus-visible');\n  } catch (_e) {\n    return true;\n  }\n}\nexport function getFloatingFocusElement(floatingElement) {\n  if (!floatingElement) {\n    return null;\n  }\n  // Try to find the element that has `{...getFloatingProps()}` spread on it.\n  // This indicates the floating element is acting as a positioning wrapper, and\n  // so focus should be managed on the child element with the event handlers and\n  // aria props.\n  return floatingElement.hasAttribute(FOCUSABLE_ATTRIBUTE) ? floatingElement : floatingElement.querySelector(`[${FOCUSABLE_ATTRIBUTE}]`) || floatingElement;\n}"],"names":["isEventTargetWithin","event","node","eventAgain","isRootElement","element","isTypeableElement","isHTMLElement","TYPEABLE_SELECTOR","isTypeableCombobox","getFloatingFocusElement","floatingElement","FOCUSABLE_ATTRIBUTE"],"mappings":";;AAoBO,SAASA,EAAoBC,GAAOC,GAAM;AAC/C,MAAIA,KAAQ;AACV,WAAO;AAET,MAAI,kBAAkBD;AACpB,WAAOA,EAAM,eAAe,SAASC,CAAI;AAI3C,QAAMC,IAAaF;AACnB,SAAOE,EAAW,UAAU,QAAQD,EAAK,SAASC,EAAW,MAAM;AACrE;AACO,SAASC,EAAcC,GAAS;AACrC,SAAOA,EAAQ,QAAQ,WAAW;AACpC;AACO,SAASC,EAAkBD,GAAS;AACzC,SAAOE,EAAcF,CAAO,KAAKA,EAAQ,QAAQG,CAAiB;AACpE;AAIO,SAASC,EAAmBJ,GAAS;AAC1C,SAAKA,IAGEA,EAAQ,aAAa,MAAM,MAAM,cAAcC,EAAkBD,CAAO,IAFtE;AAGX;AAaO,SAASK,EAAwBC,GAAiB;AACvD,SAAKA,IAOEA,EAAgB,aAAaC,CAAmB,IAAID,IAAkBA,EAAgB,cAAc,IAAIC,CAAmB,GAAG,KAAKD,IANjI;AAOX;","x_google_ignoreList":[0]}
+{"version":3,"file":"index276.js","sources":["../../../node_modules/@base-ui/utils/useEnhancedClickHandler.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n/**\n * Provides a cross-browser way to determine the type of the pointer used to click.\n * Safari and Firefox do not provide the PointerEvent to the click handler (they use MouseEvent) yet.\n * Additionally, this implementation detects if the click was triggered by the keyboard.\n *\n * @param handler The function to be called when the button is clicked. The first parameter is the original event and the second parameter is the pointer type.\n */\nexport function useEnhancedClickHandler(handler) {\n  const lastClickInteractionTypeRef = React.useRef('');\n  const handlePointerDown = React.useCallback(event => {\n    if (event.defaultPrevented) {\n      return;\n    }\n    lastClickInteractionTypeRef.current = event.pointerType;\n    handler(event, event.pointerType);\n  }, [handler]);\n  const handleClick = React.useCallback(event => {\n    // event.detail has the number of clicks performed on the element. 0 means it was triggered by the keyboard.\n    if (event.detail === 0) {\n      handler(event, 'keyboard');\n      return;\n    }\n    if ('pointerType' in event) {\n      // Chrome and Edge correctly use PointerEvent\n      handler(event, event.pointerType);\n    } else {\n      handler(event, lastClickInteractionTypeRef.current);\n    }\n    lastClickInteractionTypeRef.current = '';\n  }, [handler]);\n  return {\n    onClick: handleClick,\n    onPointerDown: handlePointerDown\n  };\n}"],"names":["useEnhancedClickHandler","handler","lastClickInteractionTypeRef","React","handlePointerDown","event"],"mappings":";AAUO,SAASA,EAAwBC,GAAS;AAC/C,QAAMC,IAA8BC,EAAM,OAAO,EAAE,GAC7CC,IAAoBD,EAAM,YAAY,CAAAE,MAAS;AACnD,IAAIA,EAAM,qBAGVH,EAA4B,UAAUG,EAAM,aAC5CJ,EAAQI,GAAOA,EAAM,WAAW;AAAA,EAClC,GAAG,CAACJ,CAAO,CAAC;AAeZ,SAAO;AAAA,IACL,SAfkBE,EAAM,YAAY,CAAAE,MAAS;AAE7C,UAAIA,EAAM,WAAW,GAAG;AACtB,QAAAJ,EAAQI,GAAO,UAAU;AACzB;AAAA,MACF;AACA,MAAI,iBAAiBA,IAEnBJ,EAAQI,GAAOA,EAAM,WAAW,IAEhCJ,EAAQI,GAAOH,EAA4B,OAAO,GAEpDA,EAA4B,UAAU;AAAA,IACxC,GAAG,CAACD,CAAO,CAAC;AAAA,IAGV,eAAeG;AAAA,EACnB;AACA;","x_google_ignoreList":[0]}

package/dist/index277.js

@@ -1,32 +1,15 @@
-import { isShadowRoot as r } from "./index300.js";
-function a(t) {
-  let e = t.activeElement;
-  for (; e?.shadowRoot?.activeElement != null; )
-    e = e.shadowRoot.activeElement;
-  return e;
-}
-function u(t, e) {
-  if (!t || !e)
-    return !1;
-  const n = e.getRootNode?.();
-  if (t.contains(e))
-    return !0;
-  if (n && r(n)) {
-    let o = e;
-    for (; o; ) {
-      if (t === o)
-        return !0;
-      o = o.parentNode || o.host;
-    }
-  }
-  return !1;
-}
-function f(t) {
-  return "composedPath" in t ? t.composedPath()[0] : t.target;
+import * as c from "react";
+import { useIsoLayoutEffect as o } from "./index273.js";
+import { useStableCallback as f } from "./index264.js";
+function u(r, n) {
+  const t = c.useRef(r), e = f(n);
+  o(() => {
+    t.current !== r && e(t.current);
+  }, [r, e]), o(() => {
+    t.current = r;
+  }, [r]);
 }
 export {
-  a as activeElement,
-  u as contains,
-  f as getTarget
+  u as useValueChanged
 };
 //# sourceMappingURL=index277.js.map

package/dist/index277.js.map

@@ -1 +1 @@
-{"version":3,"file":"index277.js","sources":["../../../node_modules/@base-ui/react/internals/shadowDom.mjs"],"sourcesContent":["import { isShadowRoot } from '@floating-ui/utils/dom';\nexport function activeElement(doc) {\n  let element = doc.activeElement;\n  while (element?.shadowRoot?.activeElement != null) {\n    element = element.shadowRoot.activeElement;\n  }\n  return element;\n}\nexport function contains(parent, child) {\n  if (!parent || !child) {\n    return false;\n  }\n  const rootNode = child.getRootNode?.();\n\n  // First, attempt with the faster native method.\n  if (parent.contains(child)) {\n    return true;\n  }\n\n  // Then fall back to traversing out of shadow roots when needed.\n  if (rootNode && isShadowRoot(rootNode)) {\n    let next = child;\n    while (next) {\n      if (parent === next) {\n        return true;\n      }\n      next = next.parentNode || next.host;\n    }\n  }\n  return false;\n}\nexport function getTarget(event) {\n  if ('composedPath' in event) {\n    return event.composedPath()[0];\n  }\n\n  // TS assumes `composedPath()` always exists, but older browsers without\n  // shadow DOM support still fall back to `target`.\n  return event.target;\n}"],"names":["activeElement","doc","element","contains","parent","child","rootNode","isShadowRoot","next","getTarget","event"],"mappings":";AACO,SAASA,EAAcC,GAAK;AACjC,MAAIC,IAAUD,EAAI;AAClB,SAAOC,GAAS,YAAY,iBAAiB;AAC3C,IAAAA,IAAUA,EAAQ,WAAW;AAE/B,SAAOA;AACT;AACO,SAASC,EAASC,GAAQC,GAAO;AACtC,MAAI,CAACD,KAAU,CAACC;AACd,WAAO;AAET,QAAMC,IAAWD,EAAM,cAAW;AAGlC,MAAID,EAAO,SAASC,CAAK;AACvB,WAAO;AAIT,MAAIC,KAAYC,EAAaD,CAAQ,GAAG;AACtC,QAAIE,IAAOH;AACX,WAAOG,KAAM;AACX,UAAIJ,MAAWI;AACb,eAAO;AAET,MAAAA,IAAOA,EAAK,cAAcA,EAAK;AAAA,IACjC;AAAA,EACF;AACA,SAAO;AACT;AACO,SAASC,EAAUC,GAAO;AAC/B,SAAI,kBAAkBA,IACbA,EAAM,aAAY,EAAG,CAAC,IAKxBA,EAAM;AACf;","x_google_ignoreList":[0]}
+{"version":3,"file":"index277.js","sources":["../../../node_modules/@base-ui/react/internals/useValueChanged.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nexport function useValueChanged(value, onChange) {\n  const valueRef = React.useRef(value);\n  const onChangeCallback = useStableCallback(onChange);\n  useIsoLayoutEffect(() => {\n    if (valueRef.current === value) {\n      return;\n    }\n    onChangeCallback(valueRef.current);\n  }, [value, onChangeCallback]);\n  useIsoLayoutEffect(() => {\n    valueRef.current = value;\n  }, [value]);\n}"],"names":["useValueChanged","value","onChange","valueRef","React","onChangeCallback","useStableCallback","useIsoLayoutEffect"],"mappings":";;;AAKO,SAASA,EAAgBC,GAAOC,GAAU;AAC/C,QAAMC,IAAWC,EAAM,OAAOH,CAAK,GAC7BI,IAAmBC,EAAkBJ,CAAQ;AACnD,EAAAK,EAAmB,MAAM;AACvB,IAAIJ,EAAS,YAAYF,KAGzBI,EAAiBF,EAAS,OAAO;AAAA,EACnC,GAAG,CAACF,GAAOI,CAAgB,CAAC,GAC5BE,EAAmB,MAAM;AACvB,IAAAJ,EAAS,UAAUF;AAAA,EACrB,GAAG,CAACA,CAAK,CAAC;AACZ;","x_google_ignoreList":[0]}

package/dist/index278.js

@@ -1,7 +1,11 @@
-import * as e from "react";
-const t = /* @__PURE__ */ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (t.displayName = "SelectPortalContext");
+import { lowerPlatform as t, lowerUserAgent as n, maxTouchPoints as i } from "./index421.js";
+const s = /^i(os$|p)/.test(t) || t === "macintel" && i > 1, o = "android", c = t === o || n.includes(o), r = !s && t.startsWith("mac");
+t.startsWith("win");
+const e = r || s;
 export {
-  t as SelectPortalContext
+  c as android,
+  e as apple,
+  s as ios,
+  r as mac
 };
 //# sourceMappingURL=index278.js.map

package/dist/index278.js.map

@@ -1 +1 @@
-{"version":3,"file":"index278.js","sources":["../../../node_modules/@base-ui/react/select/portal/SelectPortalContext.mjs"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const SelectPortalContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") SelectPortalContext.displayName = \"SelectPortalContext\";\nexport function useSelectPortalContext() {\n  const value = React.useContext(SelectPortalContext);\n  if (value === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: <Select.Portal> is missing.' : _formatErrorMessage(58));\n  }\n  return value;\n}"],"names":["SelectPortalContext","React"],"mappings":";AAIY,MAACA,IAAmC,gBAAAC,EAAM,cAAc,MAAS;AACzE,QAAQ,IAAI,aAAa,iBAAcD,EAAoB,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"index278.js","sources":["../../../node_modules/@base-ui/utils/platform/os.mjs"],"sourcesContent":["import { lowerUserAgent, lowerPlatform, maxTouchPoints } from \"./shared.mjs\";\n\n// iPadOS 13+ reports `MacIntel` for `navigator.platform`; disambiguated via\n// `maxTouchPoints` so iPad is classified as iOS, not macOS.\n// https://github.com/mui/base-ui/issues/1309\n/** iPhone, iPad (including iPadOS 13+ reporting as macOS), iPod. */\nexport const ios = /^i(os$|p)/.test(lowerPlatform) || lowerPlatform === 'macintel' && maxTouchPoints > 1;\n\n/** Android phones, tablets, and embedded Android browsers. */\nconst ANDROID_STRING = 'android';\nexport const android = lowerPlatform === ANDROID_STRING || lowerUserAgent.includes(ANDROID_STRING);\n\n/** macOS desktop. Excludes iPadOS, which reports as `MacIntel`. */\nexport const mac = !ios && lowerPlatform.startsWith('mac');\n\n/** Windows desktop. */\nexport const windows = lowerPlatform.startsWith('win');\n\n/** Linux desktop (including Chrome OS). */\nexport const linux = !android && /^(linux|chrome os)/.test(lowerPlatform);\n\n/** Any Apple OS (`mac || ios`). */\nexport const apple = mac || ios;"],"names":["ios","lowerPlatform","maxTouchPoints","ANDROID_STRING","android","lowerUserAgent","mac","apple"],"mappings":";AAMY,MAACA,IAAM,YAAY,KAAKC,CAAa,KAAKA,MAAkB,cAAcC,IAAiB,GAGjGC,IAAiB,WACVC,IAAUH,MAAkBE,KAAkBE,EAAe,SAASF,CAAc,GAGpFG,IAAM,CAACN,KAAOC,EAAc,WAAW,KAAK;AAGlCA,EAAc,WAAW,KAAK;AAMzC,MAACM,IAAQD,KAAON;","x_google_ignoreList":[0]}

package/dist/index279.js

@@ -1,130 +1,148 @@
-import * as o from "react";
-import * as j from "react-dom";
-import { isNode as w } from "./index300.js";
-import { addEventListener as S } from "./index290.js";
-import { mergeCleanups as G } from "./index401.js";
-import { useId as _ } from "./index368.js";
-import { useIsoLayoutEffect as h } from "./index238.js";
-import { useStableCallback as L } from "./index239.js";
-import { EMPTY_OBJECT as k } from "./index241.js";
-import { FocusGuard as T } from "./index402.js";
-import { enableFocusInside as I, isOutsideEvent as E, getPreviousTabbable as q, getNextTabbable as A, disableFocusInside as B } from "./index400.js";
-import { createChangeEventDetails as H } from "./index248.js";
-import { createAttribute as J } from "./index403.js";
-import { useRenderElement as Y } from "./index272.js";
-import { ownerVisuallyHidden as z } from "./index285.js";
-import { j as d } from "./index30.js";
-import { focusOut as K } from "./index266.js";
-const N = /* @__PURE__ */ o.createContext(null);
-process.env.NODE_ENV !== "production" && (N.displayName = "PortalContext");
-const Q = () => o.useContext(N), U = J("portal");
-function W(C = {}) {
-  const {
-    ref: m,
-    container: n,
-    componentProps: g = k,
-    elementProps: F
-  } = C, p = _(), b = Q()?.portalNode, [a, c] = o.useState(null), [e, u] = o.useState(null), R = L((t) => {
-    t !== null && u(t);
-  }), r = o.useRef(null);
-  h(() => {
-    if (n === null) {
-      r.current && (r.current = null, u(null), c(null));
-      return;
+import * as c from "react";
+import { Store as l } from "./index305.js";
+import { useStore as a } from "./index300.js";
+import { useStableCallback as f } from "./index264.js";
+import { useIsoLayoutEffect as u } from "./index273.js";
+import { NOOP as d } from "./index258.js";
+class g extends l {
+  /**
+   * Creates a new ReactStore instance.
+   *
+   * @param state Initial state of the store.
+   * @param context Non-reactive context values.
+   * @param selectors Optional selectors for use with `useState`.
+   */
+  constructor(e, t = {}, s) {
+    super(e), this.context = t, this.selectors = s;
+  }
+  /**
+   * Non-reactive values such as refs, callbacks, etc.
+   */
+  /**
+   * Synchronizes a single external value into the store.
+   *
+   * Note that the while the value in `state` is updated immediately, the value returned
+   * by `useState` is updated before the next render (similarly to React's `useState`).
+   */
+  useSyncedValue(e, t) {
+    c.useDebugValue(e);
+    const s = this;
+    u(() => {
+      s.state[e] !== t && s.set(e, t);
+    }, [s, e, t]);
+  }
+  /**
+   * Synchronizes a single external value into the store and
+   * cleans it up (sets to `undefined`) on unmount.
+   *
+   * Note that the while the value in `state` is updated immediately, the value returned
+   * by `useState` is updated before the next render (similarly to React's `useState`).
+   */
+  useSyncedValueWithCleanup(e, t) {
+    const s = this;
+    u(() => (s.state[e] !== t && s.set(e, t), () => {
+      s.set(e, void 0);
+    }), [s, e, t]);
+  }
+  /**
+   * Synchronizes multiple external values into the store.
+   *
+   * Note that the while the values in `state` are updated immediately, the values returned
+   * by `useState` are updated before the next render (similarly to React's `useState`).
+   */
+  useSyncedValues(e) {
+    const t = this;
+    if (process.env.NODE_ENV !== "production") {
+      c.useDebugValue(e, (r) => Object.keys(r));
+      const o = c.useRef(Object.keys(e)).current, n = Object.keys(e);
+      (o.length !== n.length || o.some((r, i) => r !== n[i])) && console.error("ReactStore.useSyncedValues expects the same prop keys on every render. Keys should be stable.");
     }
-    if (p == null)
-      return;
-    const t = (n && (w(n) ? n : n.current)) ?? b ?? document.body;
-    if (t == null) {
-      r.current && (r.current = null, u(null), c(null));
-      return;
+    const s = Object.values(e);
+    u(() => {
+      t.update(e);
+    }, [t, ...s]);
+  }
+  /**
+   * Registers a controllable prop pair (`controlled`, `defaultValue`) for a specific key. If `controlled`
+   * is non-undefined, the store's state at `key` is updated to match `controlled`.
+   */
+  useControlledProp(e, t) {
+    c.useDebugValue(e);
+    const s = this, o = t !== void 0;
+    if (u(() => {
+      o && !Object.is(s.state[e], t) && s.setState({
+        ...s.state,
+        [e]: t
+      });
+    }, [s, e, t, o]), process.env.NODE_ENV !== "production") {
+      const n = this.controlledValues ??= /* @__PURE__ */ new Map();
+      n.has(e) || n.set(e, o);
+      const r = n.get(e);
+      r !== void 0 && r !== o && console.error(`A component is changing the ${o ? "" : "un"}controlled state of ${e.toString()} to be ${o ? "un" : ""}controlled. Elements should not switch from uncontrolled to controlled (or vice versa).`);
     }
-    r.current !== t && (r.current = t, u(null), c(t));
-  }, [n, b, p]);
-  const i = Y("div", g, {
-    ref: [m, R],
-    props: [{
-      id: p,
-      [U]: ""
-    }, F]
-  });
-  return {
-    portalNode: e,
-    portalSubtree: a && i ? /* @__PURE__ */ j.createPortal(i, a) : null
-  };
+  }
+  /** Gets the current value from the store using a selector with the provided key.
+   *
+   * @param key Key of the selector to use.
+   */
+  select(e, t, s, o) {
+    const n = this.selectors[e];
+    return n(this.state, t, s, o);
+  }
+  /**
+   * Returns a value from the store's state using a selector function.
+   * Used to subscribe to specific parts of the state.
+   * This methods causes a rerender whenever the selected state changes.
+   *
+   * @param key Key of the selector to use.
+   */
+  useState(e, t, s, o) {
+    return c.useDebugValue(e), a(this, this.selectors[e], t, s, o);
+  }
+  /**
+   * Wraps a function with `useStableCallback` to ensure it has a stable reference
+   * and assigns it to the context.
+   *
+   * @param key Key of the event callback. Must be a function in the context.
+   * @param fn Function to assign.
+   */
+  useContextCallback(e, t) {
+    c.useDebugValue(e);
+    const s = f(t ?? d);
+    this.context[e] = s;
+  }
+  /**
+   * Returns a stable setter function for a specific key in the store's state.
+   * It's commonly used to pass as a ref callback to React elements.
+   *
+   * @param key Key of the state to set.
+   */
+  useStateSetter(e) {
+    const t = c.useRef(void 0);
+    return t.current === void 0 && (t.current = (s) => {
+      this.set(e, s);
+    }), t.current;
+  }
+  /**
+   * Observes changes derived from the store's selectors and calls the listener when the selected value changes.
+   *
+   * @param key Key of the selector to observe.
+   * @param listener Listener function called when the selector result changes.
+   */
+  observe(e, t) {
+    let s;
+    typeof e == "function" ? s = e : s = this.selectors[e];
+    let o = s(this.state);
+    return t(o, o, this), this.subscribe((n) => {
+      const r = s(n);
+      if (!Object.is(o, r)) {
+        const i = o;
+        o = r, t(r, i, this);
+      }
+    });
+  }
 }
-const X = /* @__PURE__ */ o.forwardRef(function(m, n) {
-  const {
-    render: g,
-    className: F,
-    style: p,
-    children: v,
-    container: b,
-    renderGuards: a,
-    ...c
-  } = m, {
-    portalNode: e,
-    portalSubtree: u
-  } = W({
-    container: b,
-    ref: n,
-    componentProps: m,
-    elementProps: c
-  }), R = o.useRef(null), r = o.useRef(null), i = o.useRef(null), x = o.useRef(null), [t, D] = o.useState(null), f = o.useRef(!1), y = t?.modal, O = t?.open, P = typeof a == "boolean" ? a : !!t && !t.modal && t.open && !!e;
-  o.useEffect(() => {
-    if (!e || y)
-      return;
-    function s(l) {
-      e && l.relatedTarget && E(l) && (l.type === "focusin" ? f.current && (I(e), f.current = !1) : (B(e), f.current = !0));
-    }
-    return G(S(e, "focusin", s, !0), S(e, "focusout", s, !0));
-  }, [e, y]), h(() => {
-    !e || O !== !0 || !f.current || (I(e), f.current = !1);
-  }, [O, e]);
-  const M = o.useMemo(() => ({
-    beforeOutsideRef: R,
-    afterOutsideRef: r,
-    beforeInsideRef: i,
-    afterInsideRef: x,
-    portalNode: e,
-    setFocusManagerState: D
-  }), [e]);
-  return /* @__PURE__ */ d.jsxs(o.Fragment, {
-    children: [u, /* @__PURE__ */ d.jsxs(N.Provider, {
-      value: M,
-      children: [P && e && /* @__PURE__ */ d.jsx(T, {
-        "data-type": "outside",
-        ref: R,
-        onFocus: (s) => {
-          if (E(s, e))
-            i.current?.focus();
-          else {
-            const l = t ? t.domReference : null;
-            q(l)?.focus();
-          }
-        }
-      }), P && e && /* @__PURE__ */ d.jsx("span", {
-        "aria-owns": e.id,
-        style: z
-      }), e && /* @__PURE__ */ j.createPortal(v, e), P && e && /* @__PURE__ */ d.jsx(T, {
-        "data-type": "outside",
-        ref: r,
-        onFocus: (s) => {
-          if (E(s, e))
-            x.current?.focus();
-          else {
-            const l = t ? t.domReference : null;
-            A(l)?.focus(), t?.closeOnFocusOut && t?.onOpenChange(!1, H(K, s.nativeEvent));
-          }
-        }
-      })]
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" && (X.displayName = "FloatingPortal");
 export {
-  X as FloatingPortal,
-  W as useFloatingPortalNode,
-  Q as usePortalContext
+  g as ReactStore
 };
 //# sourceMappingURL=index279.js.map