@rpcbase/ui 0.287.0 → 0.289.0

package/dist/index209.js

@@ -1,107 +1,15 @@
 "use client";
-import { makeEventPreventable as e, mergeProps as t } from "./index195.js";
-import { isHTMLElement as n } from "./index200.js";
-import { SafeReact as r } from "./index201.js";
-import { useStableCallback as i } from "./index202.js";
-import { error as a } from "./index203.js";
-import { useIsoLayoutEffect as o } from "./index204.js";
-import { useCompositeRootContext as s } from "./index205.js";
-import { useFocusableWhenDisabled as c } from "./index206.js";
-import { dispatchClickWithModifiers as l } from "./index208.js";
-import * as u from "react";
-//#region ../../node_modules/@base-ui/react/internals/use-button/useButton.mjs
-function d(n = {}) {
-	let { disabled: d = !1, focusableWhenDisabled: m, tabIndex: h = 0, native: g = !0, composite: _ } = n, v = u.useRef(null), y = s(!0), b = _ ?? y !== void 0, { props: x } = c({
-		focusableWhenDisabled: m,
-		disabled: d,
-		composite: b,
-		tabIndex: h,
-		isNativeButton: g
-	});
-	process.env.NODE_ENV !== "production" && u.useEffect(() => {
-		if (!v.current) return;
-		let e = f(v.current);
-		if (g) {
-			if (!e) {
-				let e = r.captureOwnerStack?.() || "";
-				a(`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\`.${e}`);
-			}
-		} else if (e) {
-			let e = r.captureOwnerStack?.() || "";
-			a(`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\`.${e}`);
-		}
-	}, [g]);
-	let S = u.useCallback(() => {
-		let e = v.current;
-		f(e) && b && d && x.disabled === void 0 && e.disabled && (e.disabled = !1);
-	}, [
-		d,
-		x.disabled,
-		b
-	]);
-	return o(S, [S]), {
-		getButtonProps: u.useCallback((n = {}) => {
-			let { onClick: r, onMouseDown: i, onKeyUp: a, onKeyDown: o, onPointerDown: s, ...c } = n;
-			return t({
-				onClick(e) {
-					if (d) {
-						e.preventDefault();
-						return;
-					}
-					r?.(e);
-				},
-				onMouseDown(e) {
-					d || i?.(e);
-				},
-				onKeyDown(t) {
-					if (d || (e(t), o?.(t), t.baseUIHandlerPrevented)) return;
-					let n = t.target === t.currentTarget, r = t.currentTarget, i = f(r), a = !g && p(r), s = n && (g ? i : !a), c = t.key === "Enter", u = t.key === " ", m = r.getAttribute("role"), h = m?.startsWith("menuitem") || m === "option" || m === "gridcell";
-					if (n && b && u) {
-						if (t.defaultPrevented && h) return;
-						t.preventDefault(), (!g || i) && (t.preventBaseUIHandler(), l(r, t));
-						return;
-					}
-					if (!s || g || !u && !c) {
-						n && a && u && t.preventDefault();
-						return;
-					}
-					t.defaultPrevented || (t.preventDefault(), c && (t.preventBaseUIHandler(), l(r, t)));
-				},
-				onKeyUp(t) {
-					if (!d) {
-						if (e(t), a?.(t), t.target === t.currentTarget && g && b && f(t.currentTarget) && t.key === " ") {
-							t.preventDefault();
-							return;
-						}
-						t.baseUIHandlerPrevented || t.target === t.currentTarget && !g && !b && !t.defaultPrevented && t.key === " " && (t.preventBaseUIHandler(), l(t.currentTarget, t));
-					}
-				},
-				onPointerDown(e) {
-					if (d) {
-						e.preventDefault();
-						return;
-					}
-					s?.(e);
-				}
-			}, g ? { type: "button" } : { role: "button" }, x, c);
-		}, [
-			d,
-			x,
-			b,
-			g
-		]),
-		buttonRef: i((e) => {
-			v.current = e, S();
-		})
-	};
-}
-function f(e) {
-	return n(e) && e.tagName === "BUTTON";
-}
-function p(e) {
-	return n(e) && e.tagName === "A" && !!e.href;
+import e from "./index183.js";
+import * as t from "react";
+//#region ../../node_modules/@base-ui/react/internals/composite/root/CompositeRootContext.mjs
+var n = /*#__PURE__*/ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "CompositeRootContext");
+function r(r = !1) {
+	let i = t.useContext(n);
+	if (i === void 0 && !r) throw Error(process.env.NODE_ENV === "production" ? e(16) : "Base UI: CompositeRootContext is missing. Composite parts must be placed within <Composite.Root>.");
+	return i;
 }
 //#endregion
-export { d as useButton };
+export { n as CompositeRootContext, r as useCompositeRootContext };
 
 //# sourceMappingURL=index209.js.map

package/dist/index209.js.map

@@ -1 +1 @@
-{"version":3,"file":"index209.js","names":["React"],"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\";\nimport { dispatchClickWithModifiers } from \"../../utils/dispatchClickWithModifiers.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\n          // Only a native-mode item that isn't a real <button> is excluded.\n          if (!isNativeButton || isButton) {\n            event.preventBaseUIHandler();\n            dispatchClickWithModifiers(currentTarget, event);\n          }\n          return;\n        }\n\n        // Keyboard accessibility for native and non-native elements.\n        if (!shouldClick || isNativeButton || !isSpaceKey && !isEnterKey) {\n          // Space activates links on keyup (`role=\"button\"` semantics, matching the\n          // composite path); prevent the page scroll Space would otherwise trigger.\n          // Enter is left to the browser's native link activation.\n          if (isCurrentTarget && isLink && isSpaceKey) {\n            event.preventDefault();\n          }\n          return;\n        }\n\n        // Match native buttons: preventing the keydown's default cancels activation.\n        if (event.defaultPrevented) {\n          return;\n        }\n        event.preventDefault();\n        if (isEnterKey) {\n          event.preventBaseUIHandler();\n          dispatchClickWithModifiers(currentTarget, event);\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        // Match native buttons: preventing the keyup's default cancels Space activation.\n        // Limitation: unlike a native <button>, a prevented *keydown* cannot cancel the\n        // activation — no state is kept between keydown and keyup, so we can't tell\n        // whether the keydown was prevented or even happened on this element.\n        if (event.target === event.currentTarget && !isNativeButton && !isCompositeItem && !event.defaultPrevented && event.key === ' ') {\n          event.preventBaseUIHandler();\n          dispatchClickWithModifiers(event.currentTarget, 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 isHTMLElement(elem) && elem.tagName === 'A' && Boolean(elem.href);\n}"],"x_google_ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"index209.js","names":["React","_formatErrorMessage","formatErrorMessage","React$1","CompositeRootContext","useCompositeRootContext","context","optional"],"sources":["../../../node_modules/@base-ui/react/internals/composite/root/CompositeRootContext.mjs"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const CompositeRootContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") CompositeRootContext.displayName = \"CompositeRootContext\";\nexport function useCompositeRootContext(optional = false) {\n  const context = React.useContext(CompositeRootContext);\n  if (context === undefined && !optional) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: CompositeRootContext is missing. Composite parts must be placed within <Composite.Root>.' : _formatErrorMessage(16));\n  }\n  return context;\n}"],"ignoreList":[0],"mappings":";;;;AAIA,IAAaI,IAAoC,gBAAM,cAAc,KAAA,CAAS;AAC9E,QAAA,IAAA,aAA6B,iBAAc,EAAqB,cAAc;AAC9E,SAAgBC,EAAwB,IAAW,IAAO;CACxD,IAAMC,IAAUN,EAAM,WAAWI,CAAoB;CACrD,IAAIE,MAAY,KAAA,KAAa,CAACC,GAC5B,MAAU,MAAA,QAAA,IAAA,aAA+B,eAAqHN,EAAoB,EAAE,IAA5H,mGAA6H;CAEvL,OAAOK;AACT"}

package/dist/index210.js

@@ -1,6 +1,24 @@
-//#region ../../node_modules/@base-ui/react/internals/reason-parts.mjs
-var e = "none", t = "trigger-press", n = "trigger-hover", r = "outside-press", i = "item-press", a = "close-press", o = "focus-out", s = "escape-key", c = "list-navigation", l = "cancel-open", u = "imperative-action", d = "window-resize";
+"use client";
+import * as e from "react";
+//#region ../../node_modules/@base-ui/react/utils/useFocusableWhenDisabled.mjs
+function t(t) {
+	let { focusableWhenDisabled: n, disabled: r, composite: i = !1, tabIndex: a = 0, isNativeButton: o } = t, s = i && n !== !1, c = i && n === !1;
+	return { props: e.useMemo(() => {
+		let e = { onKeyDown(e) {
+			r && n && e.key !== "Tab" && e.preventDefault();
+		} };
+		return i || (e.tabIndex = a, !o && r && (e.tabIndex = n ? a : -1)), (o && (n || s) || !o && r) && (e["aria-disabled"] = r), o && (!n || c) && (e.disabled = r), e;
+	}, [
+		i,
+		r,
+		n,
+		s,
+		c,
+		o,
+		a
+	]) };
+}
 //#endregion
-export { l as cancelOpen, a as closePress, s as escapeKey, o as focusOut, u as imperativeAction, i as itemPress, c as listNavigation, e as none, r as outsidePress, n as triggerHover, t as triggerPress, d as windowResize };
+export { t as useFocusableWhenDisabled };
 
 //# sourceMappingURL=index210.js.map

package/dist/index210.js.map

@@ -1 +1 @@
-{"version":3,"file":"index210.js","names":[],"sources":["../../../node_modules/@base-ui/react/internals/reason-parts.mjs"],"sourcesContent":["export const none = 'none';\nexport const triggerPress = 'trigger-press';\nexport const triggerHover = 'trigger-hover';\nexport const triggerFocus = 'trigger-focus';\nexport const outsidePress = 'outside-press';\nexport const itemPress = 'item-press';\nexport const closePress = 'close-press';\nexport const linkPress = 'link-press';\nexport const clearPress = 'clear-press';\nexport const chipRemovePress = 'chip-remove-press';\nexport const trackPress = 'track-press';\nexport const incrementPress = 'increment-press';\nexport const decrementPress = 'decrement-press';\nexport const inputChange = 'input-change';\nexport const inputClear = 'input-clear';\nexport const inputBlur = 'input-blur';\nexport const inputPaste = 'input-paste';\nexport const inputPress = 'input-press';\nexport const focusOut = 'focus-out';\nexport const escapeKey = 'escape-key';\nexport const closeWatcher = 'close-watcher';\nexport const listNavigation = 'list-navigation';\nexport const keyboard = 'keyboard';\nexport const pointer = 'pointer';\nexport const drag = 'drag';\nexport const wheel = 'wheel';\nexport const scrub = 'scrub';\nexport const cancelOpen = 'cancel-open';\nexport const siblingOpen = 'sibling-open';\nexport const disabled = 'disabled';\nexport const missing = 'missing';\nexport const initial = 'initial';\nexport const imperativeAction = 'imperative-action';\nexport const swipe = 'swipe';\nexport const windowResize = 'window-resize';"],"x_google_ignoreList":[0],"mappings":";AAAA,IAAa,IAAO,QACP,IAAe,iBACf,IAAe,iBAEf,IAAe,iBACf,IAAY,cACZ,IAAa,eAYb,IAAW,aACX,IAAY,cAEZ,IAAiB,mBAMjB,IAAa,eAKb,IAAmB,qBAEnB,IAAe"}
+{"version":3,"file":"index210.js","names":["React","React$1","useFocusableWhenDisabled","tabIndexProp","parameters","isFocusableComposite","composite","focusableWhenDisabled","isNonFocusableComposite","additionalProps","disabled","event","isNativeButton"],"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}"],"ignoreList":[0],"mappings":";;;AAGA,SAAgBE,EAAyB,GAAY;CACnD,IAAM,EACJ,0BACA,aACA,eAAY,IACZ,UAAUC,IAAe,GACzB,sBACEC,GACEC,IAAuBC,KAAaC,MAA0B,IAC9DC,IAA0BF,KAAaC,MAA0B;CA2BvE,OAAO,EACL,OAxBYP,EAAM,cAAc;EAChC,IAAMS,IAAkB,EAEtB,UAAU,GAAO;GACf,AAAIC,KAAYH,KAAyBI,EAAM,QAAQ,SACrDA,EAAM,eAAe;EAEzB,EACF;EAaA,OAZKL,MACH,EAAgB,WAAWH,GACvB,CAACS,KAAkBF,MACrB,EAAgB,WAAWH,IAAwBJ,IAAe,OAGlES,MAAmBL,KAAyBF,MAAyB,CAACO,KAAkBF,OAC1F,EAAgB,mBAAmBA,IAEjCE,MAAmB,CAACL,KAAyBC,OAC/C,EAAgB,WAAWE,IAEtBD;CACT,GAAG;EAACH;EAAWI;EAAUH;EAAuBF;EAAsBG;EAAyBI;EAAgBT;CAAY,CAErH,EACN;AACF"}

package/dist/index211.js

@@ -1,27 +1,9 @@
-import { EMPTY_OBJECT as e } from "./index191.js";
-//#region ../../node_modules/@base-ui/react/internals/createBaseUIEventDetails.mjs
-function t(t, n, r, i) {
-	let a = !1, o = !1, s = i ?? e;
-	return {
-		reason: t,
-		event: n ?? new Event("base-ui"),
-		cancel() {
-			a = !0;
-		},
-		allowPropagation() {
-			o = !0;
-		},
-		get isCanceled() {
-			return a;
-		},
-		get isPropagationAllowed() {
-			return o;
-		},
-		trigger: r,
-		...s
-	};
+import { getWindow as e } from "./index204.js";
+//#region ../../node_modules/@base-ui/utils/owner.mjs
+function t(e) {
+	return e?.ownerDocument || document;
 }
 //#endregion
-export { t as createChangeEventDetails };
+export { t as ownerDocument, e as ownerWindow };
 
 //# sourceMappingURL=index211.js.map

package/dist/index211.js.map

@@ -1 +1 @@
-{"version":3,"file":"index211.js","names":[],"sources":["../../../node_modules/@base-ui/react/internals/createBaseUIEventDetails.mjs"],"sourcesContent":["import { EMPTY_OBJECT } from '@base-ui/utils/empty';\nimport { REASONS } from \"./reasons.mjs\";\n\n/**\n * Maps a change `reason` string to the corresponding native event type.\n */\n\n/**\n * Details of custom change events emitted by Base UI components.\n */\n\n/**\n * Details of custom generic events emitted by Base UI components.\n */\n\n/**\n * Creates a Base UI event details object with the given reason and utilities\n * for preventing Base UI's internal event handling.\n */\nexport function createChangeEventDetails(reason, event, trigger, customProperties) {\n  let canceled = false;\n  let allowPropagation = false;\n  const custom = customProperties ?? EMPTY_OBJECT;\n  const details = {\n    reason,\n    event: event ?? new Event('base-ui'),\n    cancel() {\n      canceled = true;\n    },\n    allowPropagation() {\n      allowPropagation = true;\n    },\n    get isCanceled() {\n      return canceled;\n    },\n    get isPropagationAllowed() {\n      return allowPropagation;\n    },\n    trigger,\n    ...custom\n  };\n  return details;\n}\nexport function createGenericEventDetails(reason, event, customProperties) {\n  const custom = customProperties ?? EMPTY_OBJECT;\n  const details = {\n    reason,\n    event: event ?? new Event('base-ui'),\n    ...custom\n  };\n  return details;\n}"],"x_google_ignoreList":[0],"mappings":";;AAmBA,SAAgB,EAAyB,GAAQ,GAAO,GAAS,GAAkB;CACjF,IAAI,IAAW,IACX,IAAmB,IACjB,IAAS,KAAoB;CAmBnC,OAAO;EAjBL;EACA,OAAO,KAAS,IAAI,MAAM,SAAS;EACnC,SAAS;GACP,IAAW;EACb;EACA,mBAAmB;GACjB,IAAmB;EACrB;EACA,IAAI,aAAa;GACf,OAAO;EACT;EACA,IAAI,uBAAuB;GACzB,OAAO;EACT;EACA;EACA,GAAG;CAEQ;AACf"}
+{"version":3,"file":"index211.js","names":["ownerDocument","node","getWindow"],"sources":["../../../node_modules/@base-ui/utils/owner.mjs"],"sourcesContent":["export { getWindow as ownerWindow } from '@floating-ui/utils/dom';\nexport function ownerDocument(node) {\n  return node?.ownerDocument || document;\n}"],"ignoreList":[0],"mappings":";;AACA,SAAgBA,EAAc,GAAM;CAClC,OAAOC,GAAM,iBAAiB;AAChC"}

package/dist/index212.js

@@ -1,31 +1,18 @@
-"use client";
-import { useDialogRootContext as e } from "./index184.js";
-import { useRenderElement as t } from "./index196.js";
-import { useButton as n } from "./index209.js";
-import { closePress as r } from "./index210.js";
-import { createChangeEventDetails as i } from "./index211.js";
-import * as a from "react";
-//#region ../../node_modules/@base-ui/react/dialog/close/DialogClose.mjs
-var o = /*#__PURE__*/ a.forwardRef(function(a, o) {
-	let { render: s, className: c, style: l, disabled: u = !1, nativeButton: d = !0, ...f } = a, p = e(), m = p.useState("open"), { getButtonProps: h, buttonRef: g } = n({
-		disabled: u,
-		native: d
-	}), _ = { disabled: u };
-	function v(e) {
-		m && p.setOpen(!1, i(r, e.nativeEvent));
-	}
-	return t("button", a, {
-		state: _,
-		ref: [o, g],
-		props: [
-			{ onClick: v },
-			f,
-			h
-		]
-	});
-});
-process.env.NODE_ENV !== "production" && (o.displayName = "DialogClose");
+import { getWindow as e } from "./index204.js";
+//#region ../../node_modules/@base-ui/react/utils/dispatchClickWithModifiers.mjs
+function t(t, n, { detail: r = 0 } = {}) {
+	t.dispatchEvent(new (e(t)).PointerEvent("click", {
+		bubbles: !0,
+		cancelable: !0,
+		composed: !0,
+		detail: r,
+		shiftKey: n.shiftKey,
+		ctrlKey: n.ctrlKey,
+		altKey: n.altKey,
+		metaKey: n.metaKey
+	}));
+}
 //#endregion
-export { o as DialogClose };
+export { t as dispatchClickWithModifiers };
 
 //# sourceMappingURL=index212.js.map

package/dist/index212.js.map

@@ -1 +1 @@
-{"version":3,"file":"index212.js","names":["REASONS.closePress"],"sources":["../../../node_modules/@base-ui/react/dialog/close/DialogClose.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useDialogRootContext } from \"../root/DialogRootContext.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { useButton } from \"../../internals/use-button/index.mjs\";\nimport { createChangeEventDetails } from \"../../internals/createBaseUIEventDetails.mjs\";\nimport { REASONS } from \"../../internals/reasons.mjs\";\n\n/**\n * A button that closes the dialog.\n * Renders a `<button>` element.\n *\n * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)\n */\nexport const DialogClose = /*#__PURE__*/React.forwardRef(function DialogClose(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    disabled = false,\n    nativeButton = true,\n    ...elementProps\n  } = componentProps;\n  const store = useDialogRootContext();\n  const open = store.useState('open');\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    native: nativeButton\n  });\n  const state = {\n    disabled\n  };\n  function handleClick(event) {\n    if (open) {\n      store.setOpen(false, createChangeEventDetails(REASONS.closePress, event.nativeEvent));\n    }\n  }\n  return useRenderElement('button', componentProps, {\n    state,\n    ref: [forwardedRef, buttonRef],\n    props: [{\n      onClick: handleClick\n    }, elementProps, getButtonProps]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") DialogClose.displayName = \"DialogClose\";"],"x_google_ignoreList":[0],"mappings":";;;;;;;;AAeA,IAAa,IAA2B,gBAAM,WAAW,SAAqB,GAAgB,GAAc;CAC1G,IAAM,EACJ,WACA,cACA,UACA,cAAW,IACX,kBAAe,IACf,GAAG,MACD,GACE,IAAQ,EAAqB,GAC7B,IAAO,EAAM,SAAS,MAAM,GAC5B,EACJ,mBACA,iBACE,EAAU;EACZ;EACA,QAAQ;CACV,CAAC,GACK,IAAQ,EACZ,YACF;CACA,SAAS,EAAY,GAAO;EAC1B,AAAI,KACF,EAAM,QAAQ,IAAO,EAAyBA,GAAoB,EAAM,WAAW,CAAC;CAExF;CACA,OAAO,EAAiB,UAAU,GAAgB;EAChD;EACA,KAAK,CAAC,GAAc,CAAS;EAC7B,OAAO;GAAC,EACN,SAAS,EACX;GAAG;GAAc;EAAc;CACjC,CAAC;AACH,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAY,cAAc"}
+{"version":3,"file":"index212.js","names":["ownerWindow","dispatchClickWithModifiers","getWindow","target","sourceEvent"],"sources":["../../../node_modules/@base-ui/react/utils/dispatchClickWithModifiers.mjs"],"sourcesContent":["import { ownerWindow } from '@base-ui/utils/owner';\n/**\n * Dispatches a constructed click on the target so it carries the source event's\n * modifier state, which `click()` always reports as unpressed. Like `click()`,\n * the untrusted click still runs native activation behavior (form submission,\n * link navigation).\n * `detail` defaults to 0 (the native convention for keyboard-generated clicks);\n * pass `detail: 1` when the click represents a mouse gesture so consumers keying\n * off `detail === 0` don't classify it as a keyboard activation.\n */\nexport function dispatchClickWithModifiers(target, sourceEvent, {\n  detail = 0\n} = {}) {\n  target.dispatchEvent(new (ownerWindow(target).PointerEvent)('click', {\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n    detail,\n    shiftKey: sourceEvent.shiftKey,\n    ctrlKey: sourceEvent.ctrlKey,\n    altKey: sourceEvent.altKey,\n    metaKey: sourceEvent.metaKey\n  }));\n}"],"ignoreList":[0],"mappings":";;AAUA,SAAgBC,EAA2B,GAAQ,GAAa,EAC9D,YAAS,MACP,CAAC,GAAG;CACN,EAAO,cAAc,KAAKD,EAAYG,CAAM,EAAA,CAAE,aAAc,SAAS;EACnE,SAAS;EACT,YAAY;EACZ,UAAU;EACV;EACA,UAAUC,EAAY;EACtB,SAASA,EAAY;EACrB,QAAQA,EAAY;EACpB,SAASA,EAAY;CACvB,CAAC,CAAC;AACJ"}

package/dist/index213.js

@@ -1,23 +1,107 @@
 "use client";
-import { SafeReact as e } from "./index201.js";
-import * as t from "react";
-//#region ../../node_modules/@base-ui/utils/useId.mjs
-var n = 0;
-function r(e, r = "mui") {
-	let [i, a] = t.useState(e), o = e || i;
-	return t.useEffect(() => {
-		i ?? (n += 1, a(`${r}-${n}`));
-	}, [i, r]), o;
+import { makeEventPreventable as e, mergeProps as t } from "./index196.js";
+import { isHTMLElement as n } from "./index204.js";
+import { SafeReact as r } from "./index205.js";
+import { useStableCallback as i } from "./index206.js";
+import { error as a } from "./index207.js";
+import { useIsoLayoutEffect as o } from "./index208.js";
+import { useCompositeRootContext as s } from "./index209.js";
+import { useFocusableWhenDisabled as c } from "./index210.js";
+import { dispatchClickWithModifiers as l } from "./index212.js";
+import * as u from "react";
+//#region ../../node_modules/@base-ui/react/internals/use-button/useButton.mjs
+function d(n = {}) {
+	let { disabled: d = !1, focusableWhenDisabled: m, tabIndex: h = 0, native: g = !0, composite: _ } = n, v = u.useRef(null), y = s(!0), b = _ ?? y !== void 0, { props: x } = c({
+		focusableWhenDisabled: m,
+		disabled: d,
+		composite: b,
+		tabIndex: h,
+		isNativeButton: g
+	});
+	process.env.NODE_ENV !== "production" && u.useEffect(() => {
+		if (!v.current) return;
+		let e = f(v.current);
+		if (g) {
+			if (!e) {
+				let e = r.captureOwnerStack?.() || "";
+				a(`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\`.${e}`);
+			}
+		} else if (e) {
+			let e = r.captureOwnerStack?.() || "";
+			a(`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\`.${e}`);
+		}
+	}, [g]);
+	let S = u.useCallback(() => {
+		let e = v.current;
+		f(e) && b && d && x.disabled === void 0 && e.disabled && (e.disabled = !1);
+	}, [
+		d,
+		x.disabled,
+		b
+	]);
+	return o(S, [S]), {
+		getButtonProps: u.useCallback((n = {}) => {
+			let { onClick: r, onMouseDown: i, onKeyUp: a, onKeyDown: o, onPointerDown: s, ...c } = n;
+			return t({
+				onClick(e) {
+					if (d) {
+						e.preventDefault();
+						return;
+					}
+					r?.(e);
+				},
+				onMouseDown(e) {
+					d || i?.(e);
+				},
+				onKeyDown(t) {
+					if (d || (e(t), o?.(t), t.baseUIHandlerPrevented)) return;
+					let n = t.target === t.currentTarget, r = t.currentTarget, i = f(r), a = !g && p(r), s = n && (g ? i : !a), c = t.key === "Enter", u = t.key === " ", m = r.getAttribute("role"), h = m?.startsWith("menuitem") || m === "option" || m === "gridcell";
+					if (n && b && u) {
+						if (t.defaultPrevented && h) return;
+						t.preventDefault(), (!g || i) && (t.preventBaseUIHandler(), l(r, t));
+						return;
+					}
+					if (!s || g || !u && !c) {
+						n && a && u && t.preventDefault();
+						return;
+					}
+					t.defaultPrevented || (t.preventDefault(), c && (t.preventBaseUIHandler(), l(r, t)));
+				},
+				onKeyUp(t) {
+					if (!d) {
+						if (e(t), a?.(t), t.target === t.currentTarget && g && b && f(t.currentTarget) && t.key === " ") {
+							t.preventDefault();
+							return;
+						}
+						t.baseUIHandlerPrevented || t.target === t.currentTarget && !g && !b && !t.defaultPrevented && t.key === " " && (t.preventBaseUIHandler(), l(t.currentTarget, t));
+					}
+				},
+				onPointerDown(e) {
+					if (d) {
+						e.preventDefault();
+						return;
+					}
+					s?.(e);
+				}
+			}, g ? { type: "button" } : { role: "button" }, x, c);
+		}, [
+			d,
+			x,
+			b,
+			g
+		]),
+		buttonRef: i((e) => {
+			v.current = e, S();
+		})
+	};
 }
-var i = e.useId;
-function a(e, t) {
-	if (i !== void 0) {
-		let n = i();
-		return e ?? (t ? `${t}-${n}` : n);
-	}
-	return r(e, t);
+function f(e) {
+	return n(e) && e.tagName === "BUTTON";
+}
+function p(e) {
+	return n(e) && e.tagName === "A" && !!e.href;
 }
 //#endregion
-export { a as useId };
+export { d as useButton };
 
 //# sourceMappingURL=index213.js.map

package/dist/index213.js.map

@@ -1 +1 @@
-{"version":3,"file":"index213.js","names":["React"],"sources":["../../../node_modules/@base-ui/utils/useId.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { SafeReact } from \"./safeReact.mjs\";\nlet globalId = 0;\n\n// TODO React 17: Remove `useGlobalId` once React 17 support is removed\nfunction useGlobalId(idOverride, prefix = 'mui') {\n  const [defaultId, setDefaultId] = React.useState(idOverride);\n  const id = idOverride || defaultId;\n  React.useEffect(() => {\n    if (defaultId == null) {\n      // Fallback to this default id when possible.\n      // Use the incrementing value for client-side rendering only.\n      // We can't use it server-side.\n      // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem\n      globalId += 1;\n      setDefaultId(`${prefix}-${globalId}`);\n    }\n  }, [defaultId, prefix]);\n  return id;\n}\nconst maybeReactUseId = SafeReact.useId;\n\n/**\n *\n * @example <div id={useId()} />\n * @param idOverride\n * @returns {string}\n */\nexport function useId(idOverride, prefix) {\n  // React.useId() is only available from React 17.0.0.\n  if (maybeReactUseId !== undefined) {\n    const reactId = maybeReactUseId();\n    return idOverride ?? (prefix ? `${prefix}-${reactId}` : reactId);\n  }\n\n  // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler\n  // eslint-disable-next-line react-hooks/rules-of-hooks -- `React.useId` is invariant at runtime.\n  return useGlobalId(idOverride, prefix);\n}"],"x_google_ignoreList":[0],"mappings":";;;;AAIA,IAAI,IAAW;AAGf,SAAS,EAAY,GAAY,IAAS,OAAO;CAC/C,IAAM,CAAC,GAAW,KAAgBA,EAAM,SAAS,CAAU,GACrD,IAAK,KAAc;CAWzB,OAVA,EAAM,gBAAgB;EACpB,AAAI,MAKF,KAAY,GACZ,EAAa,GAAG,EAAO,GAAG,GAAU;CAExC,GAAG,CAAC,GAAW,CAAM,CAAC,GACf;AACT;AACA,IAAM,IAAkB,EAAU;AAQlC,SAAgB,EAAM,GAAY,GAAQ;CAExC,IAAI,MAAoB,KAAA,GAAW;EACjC,IAAM,IAAU,EAAgB;EAChC,OAAO,MAAe,IAAS,GAAG,EAAO,GAAG,MAAY;CAC1D;CAIA,OAAO,EAAY,GAAY,CAAM;AACvC"}
+{"version":3,"file":"index213.js","names":["React","React$1","useButton","isNativeButton","compositeProp","parameters","elementRef","compositeRootContext","useCompositeRootContext","isCompositeItem","focusableWhenDisabledProps","useFocusableWhenDisabled","isButtonTag","isButtonElement","ownerStackMessage","SafeReact","updateDisabled","element","disabled","useIsoLayoutEffect","externalOnClick","externalOnMouseDown","externalOnKeyUp","externalOnKeyDown","externalOnPointerDown","otherExternalProps","externalProps","mergeProps","event","makeEventPreventable","isCurrentTarget","currentTarget","isButton","isLink","isValidLinkElement","shouldClick","isEnterKey","isSpaceKey","role","isTextNavigationRole","dispatchClickWithModifiers","useStableCallback","isHTMLElement","elem"],"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\";\nimport { dispatchClickWithModifiers } from \"../../utils/dispatchClickWithModifiers.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\n          // Only a native-mode item that isn't a real <button> is excluded.\n          if (!isNativeButton || isButton) {\n            event.preventBaseUIHandler();\n            dispatchClickWithModifiers(currentTarget, event);\n          }\n          return;\n        }\n\n        // Keyboard accessibility for native and non-native elements.\n        if (!shouldClick || isNativeButton || !isSpaceKey && !isEnterKey) {\n          // Space activates links on keyup (`role=\"button\"` semantics, matching the\n          // composite path); prevent the page scroll Space would otherwise trigger.\n          // Enter is left to the browser's native link activation.\n          if (isCurrentTarget && isLink && isSpaceKey) {\n            event.preventDefault();\n          }\n          return;\n        }\n\n        // Match native buttons: preventing the keydown's default cancels activation.\n        if (event.defaultPrevented) {\n          return;\n        }\n        event.preventDefault();\n        if (isEnterKey) {\n          event.preventBaseUIHandler();\n          dispatchClickWithModifiers(currentTarget, event);\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        // Match native buttons: preventing the keyup's default cancels Space activation.\n        // Limitation: unlike a native <button>, a prevented *keydown* cannot cancel the\n        // activation — no state is kept between keydown and keyup, so we can't tell\n        // whether the keydown was prevented or even happened on this element.\n        if (event.target === event.currentTarget && !isNativeButton && !isCompositeItem && !event.defaultPrevented && event.key === ' ') {\n          event.preventBaseUIHandler();\n          dispatchClickWithModifiers(event.currentTarget, 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 isHTMLElement(elem) && elem.tagName === 'A' && Boolean(elem.href);\n}"],"ignoreList":[0],"mappings":"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"}

package/dist/index214.js

@@ -1,10 +1,6 @@
-"use client";
-import { useId as e } from "./index213.js";
-//#region ../../node_modules/@base-ui/react/internals/useBaseUiId.mjs
-function t(t) {
-	return e(t, "base-ui");
-}
+//#region ../../node_modules/@base-ui/react/internals/reason-parts.mjs
+var e = "none", t = "trigger-press", n = "trigger-hover", r = "outside-press", i = "item-press", a = "close-press", o = "focus-out", s = "escape-key", c = "list-navigation", l = "cancel-open", u = "imperative-action", d = "window-resize";
 //#endregion
-export { t as useBaseUiId };
+export { l as cancelOpen, a as closePress, s as escapeKey, o as focusOut, u as imperativeAction, i as itemPress, c as listNavigation, e as none, r as outsidePress, n as triggerHover, t as triggerPress, d as windowResize };
 
 //# sourceMappingURL=index214.js.map

package/dist/index214.js.map

@@ -1 +1 @@
-{"version":3,"file":"index214.js","names":[],"sources":["../../../node_modules/@base-ui/react/internals/useBaseUiId.mjs"],"sourcesContent":["'use client';\n\nimport { useId } from '@base-ui/utils/useId';\n\n/**\n * Wraps `useId` and prefixes generated `id`s with `base-ui-`\n * @param {string | undefined} idOverride overrides the generated id when provided\n * @returns {string | undefined}\n */\nexport function useBaseUiId(idOverride) {\n  return useId(idOverride, 'base-ui');\n}"],"x_google_ignoreList":[0],"mappings":";;;AASA,SAAgB,EAAY,GAAY;CACtC,OAAO,EAAM,GAAY,SAAS;AACpC"}
+{"version":3,"file":"index214.js","names":["none","triggerPress","triggerHover","outsidePress","itemPress","closePress","focusOut","escapeKey","listNavigation","cancelOpen","imperativeAction","windowResize"],"sources":["../../../node_modules/@base-ui/react/internals/reason-parts.mjs"],"sourcesContent":["export const none = 'none';\nexport const triggerPress = 'trigger-press';\nexport const triggerHover = 'trigger-hover';\nexport const triggerFocus = 'trigger-focus';\nexport const outsidePress = 'outside-press';\nexport const itemPress = 'item-press';\nexport const closePress = 'close-press';\nexport const linkPress = 'link-press';\nexport const clearPress = 'clear-press';\nexport const chipRemovePress = 'chip-remove-press';\nexport const trackPress = 'track-press';\nexport const incrementPress = 'increment-press';\nexport const decrementPress = 'decrement-press';\nexport const inputChange = 'input-change';\nexport const inputClear = 'input-clear';\nexport const inputBlur = 'input-blur';\nexport const inputPaste = 'input-paste';\nexport const inputPress = 'input-press';\nexport const focusOut = 'focus-out';\nexport const escapeKey = 'escape-key';\nexport const closeWatcher = 'close-watcher';\nexport const listNavigation = 'list-navigation';\nexport const keyboard = 'keyboard';\nexport const pointer = 'pointer';\nexport const drag = 'drag';\nexport const wheel = 'wheel';\nexport const scrub = 'scrub';\nexport const cancelOpen = 'cancel-open';\nexport const siblingOpen = 'sibling-open';\nexport const disabled = 'disabled';\nexport const missing = 'missing';\nexport const initial = 'initial';\nexport const imperativeAction = 'imperative-action';\nexport const swipe = 'swipe';\nexport const windowResize = 'window-resize';"],"ignoreList":[0],"mappings":";AAAA,IAAaA,IAAO,QACPC,IAAe,iBACfC,IAAe,iBAEfC,IAAe,iBACfC,IAAY,cACZC,IAAa,eAYbC,IAAW,aACXC,IAAY,cAEZC,IAAiB,mBAMjBC,IAAa,eAKbC,IAAmB,qBAEnBC,IAAe"}

package/dist/index215.js

@@ -1,18 +1,27 @@
-"use client";
-import { useDialogRootContext as e } from "./index184.js";
-import { useRenderElement as t } from "./index196.js";
-import { useBaseUiId as n } from "./index214.js";
-import * as r from "react";
-//#region ../../node_modules/@base-ui/react/dialog/description/DialogDescription.mjs
-var i = /*#__PURE__*/ r.forwardRef(function(r, i) {
-	let { render: a, className: o, style: s, id: c, ...l } = r, u = e(), d = n(c);
-	return u.useSyncedValueWithCleanup("descriptionElementId", d), t("p", r, {
-		ref: i,
-		props: [{ id: d }, l]
-	});
-});
-process.env.NODE_ENV !== "production" && (i.displayName = "DialogDescription");
+import { EMPTY_OBJECT as e } from "./index192.js";
+//#region ../../node_modules/@base-ui/react/internals/createBaseUIEventDetails.mjs
+function t(t, n, r, i) {
+	let a = !1, o = !1, s = i ?? e;
+	return {
+		reason: t,
+		event: n ?? new Event("base-ui"),
+		cancel() {
+			a = !0;
+		},
+		allowPropagation() {
+			o = !0;
+		},
+		get isCanceled() {
+			return a;
+		},
+		get isPropagationAllowed() {
+			return o;
+		},
+		trigger: r,
+		...s
+	};
+}
 //#endregion
-export { i as DialogDescription };
+export { t as createChangeEventDetails };
 
 //# sourceMappingURL=index215.js.map

package/dist/index215.js.map

@@ -1 +1 @@
-{"version":3,"file":"index215.js","names":[],"sources":["../../../node_modules/@base-ui/react/dialog/description/DialogDescription.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useDialogRootContext } from \"../root/DialogRootContext.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { useBaseUiId } from \"../../internals/useBaseUiId.mjs\";\n/**\n * A paragraph with additional information about the dialog.\n * Renders a `<p>` element.\n *\n * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)\n */\nexport const DialogDescription = /*#__PURE__*/React.forwardRef(function DialogDescription(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    id: idProp,\n    ...elementProps\n  } = componentProps;\n  const store = useDialogRootContext();\n  const id = useBaseUiId(idProp);\n  store.useSyncedValueWithCleanup('descriptionElementId', id);\n  return useRenderElement('p', componentProps, {\n    ref: forwardedRef,\n    props: [{\n      id\n    }, elementProps]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") DialogDescription.displayName = \"DialogDescription\";"],"x_google_ignoreList":[0],"mappings":";;;;;;AAYA,IAAa,IAAiC,gBAAM,WAAW,SAA2B,GAAgB,GAAc;CACtH,IAAM,EACJ,WACA,cACA,UACA,IAAI,GACJ,GAAG,MACD,GACE,IAAQ,EAAqB,GAC7B,IAAK,EAAY,CAAM;CAE7B,OADA,EAAM,0BAA0B,wBAAwB,CAAE,GACnD,EAAiB,KAAK,GAAgB;EAC3C,KAAK;EACL,OAAO,CAAC,EACN,MACF,GAAG,CAAY;CACjB,CAAC;AACH,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAkB,cAAc"}
+{"version":3,"file":"index215.js","names":["createChangeEventDetails","canceled","allowPropagation","custom","customProperties","EMPTY_OBJECT","event"],"sources":["../../../node_modules/@base-ui/react/internals/createBaseUIEventDetails.mjs"],"sourcesContent":["import { EMPTY_OBJECT } from '@base-ui/utils/empty';\nimport { REASONS } from \"./reasons.mjs\";\n\n/**\n * Maps a change `reason` string to the corresponding native event type.\n */\n\n/**\n * Details of custom change events emitted by Base UI components.\n */\n\n/**\n * Details of custom generic events emitted by Base UI components.\n */\n\n/**\n * Creates a Base UI event details object with the given reason and utilities\n * for preventing Base UI's internal event handling.\n */\nexport function createChangeEventDetails(reason, event, trigger, customProperties) {\n  let canceled = false;\n  let allowPropagation = false;\n  const custom = customProperties ?? EMPTY_OBJECT;\n  const details = {\n    reason,\n    event: event ?? new Event('base-ui'),\n    cancel() {\n      canceled = true;\n    },\n    allowPropagation() {\n      allowPropagation = true;\n    },\n    get isCanceled() {\n      return canceled;\n    },\n    get isPropagationAllowed() {\n      return allowPropagation;\n    },\n    trigger,\n    ...custom\n  };\n  return details;\n}\nexport function createGenericEventDetails(reason, event, customProperties) {\n  const custom = customProperties ?? EMPTY_OBJECT;\n  const details = {\n    reason,\n    event: event ?? new Event('base-ui'),\n    ...custom\n  };\n  return details;\n}"],"ignoreList":[0],"mappings":";;AAmBA,SAAgBA,EAAyB,GAAQ,GAAO,GAAS,GAAkB;CACjF,IAAIC,IAAW,IACXC,IAAmB,IACjBC,IAASC,KAAoBC;CAmBnC,OAAO;EAjBL;EACA,OAAOC,KAAS,IAAI,MAAM,SAAS;EACnC,SAAS;GACP,IAAW;EACb;EACA,mBAAmB;GACjB,IAAmB;EACrB;EACA,IAAI,aAAa;GACf,OAAOL;EACT;EACA,IAAI,uBAAuB;GACzB,OAAOC;EACT;EACA;EACA,GAAGC;CAEQ;AACf"}

package/dist/index216.js

@@ -1,11 +1,31 @@
 "use client";
-import { EMPTY_ARRAY as e } from "./index191.js";
-import * as t from "react";
-//#region ../../node_modules/@base-ui/utils/useOnMount.mjs
-function n(n) {
-	t.useEffect(n, e);
-}
+import { useDialogRootContext as e } from "./index184.js";
+import { useRenderElement as t } from "./index197.js";
+import { useButton as n } from "./index213.js";
+import { closePress as r } from "./index214.js";
+import { createChangeEventDetails as i } from "./index215.js";
+import * as a from "react";
+//#region ../../node_modules/@base-ui/react/dialog/close/DialogClose.mjs
+var o = /*#__PURE__*/ a.forwardRef(function(a, o) {
+	let { render: s, className: c, style: l, disabled: u = !1, nativeButton: d = !0, ...f } = a, p = e(), m = p.useState("open"), { getButtonProps: h, buttonRef: g } = n({
+		disabled: u,
+		native: d
+	}), _ = { disabled: u };
+	function v(e) {
+		m && p.setOpen(!1, i(r, e.nativeEvent));
+	}
+	return t("button", a, {
+		state: _,
+		ref: [o, g],
+		props: [
+			{ onClick: v },
+			f,
+			h
+		]
+	});
+});
+process.env.NODE_ENV !== "production" && (o.displayName = "DialogClose");
 //#endregion
-export { n as useOnMount };
+export { o as DialogClose };
 
 //# sourceMappingURL=index216.js.map

package/dist/index216.js.map

@@ -1 +1 @@
-{"version":3,"file":"index216.js","names":[],"sources":["../../../node_modules/@base-ui/utils/useOnMount.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { EMPTY_ARRAY } from \"./empty.mjs\";\n\n/**\n * A React.useEffect equivalent that runs once, when the component is mounted.\n */\nexport function useOnMount(fn) {\n  // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler -- no need to put `fn` in the dependency array\n  /* eslint-disable react-hooks/exhaustive-deps */\n  React.useEffect(fn, EMPTY_ARRAY);\n  /* eslint-enable react-hooks/exhaustive-deps */\n}"],"x_google_ignoreList":[0],"mappings":";;;;AAQA,SAAgB,EAAW,GAAI;CAG7B,EAAM,UAAU,GAAI,CAAW;AAEjC"}
+{"version":3,"file":"index216.js","names":["REASONS.closePress","React$1","DialogClose","elementProps","componentProps","store","useDialogRootContext","open","useButton","nativeButton","state","handleClick","createChangeEventDetails","closePress","event","useRenderElement","forwardedRef","buttonRef","getButtonProps"],"sources":["../../../node_modules/@base-ui/react/dialog/close/DialogClose.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useDialogRootContext } from \"../root/DialogRootContext.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { useButton } from \"../../internals/use-button/index.mjs\";\nimport { createChangeEventDetails } from \"../../internals/createBaseUIEventDetails.mjs\";\nimport { REASONS } from \"../../internals/reasons.mjs\";\n\n/**\n * A button that closes the dialog.\n * Renders a `<button>` element.\n *\n * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)\n */\nexport const DialogClose = /*#__PURE__*/React.forwardRef(function DialogClose(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    disabled = false,\n    nativeButton = true,\n    ...elementProps\n  } = componentProps;\n  const store = useDialogRootContext();\n  const open = store.useState('open');\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    native: nativeButton\n  });\n  const state = {\n    disabled\n  };\n  function handleClick(event) {\n    if (open) {\n      store.setOpen(false, createChangeEventDetails(REASONS.closePress, event.nativeEvent));\n    }\n  }\n  return useRenderElement('button', componentProps, {\n    state,\n    ref: [forwardedRef, buttonRef],\n    props: [{\n      onClick: handleClick\n    }, elementProps, getButtonProps]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") DialogClose.displayName = \"DialogClose\";"],"ignoreList":[0],"mappings":";;;;;;;;AAeA,IAAaE,IAA2B,gBAAM,WAAW,SAAqB,GAAgB,GAAc;CAC1G,IAAM,EACJ,WACA,cACA,UACA,cAAW,IACX,kBAAe,IACf,GAAGC,MACDC,GACEC,IAAQC,EAAqB,GAC7BC,IAAOF,EAAM,SAAS,MAAM,GAC5B,EACJ,mBACA,iBACEG,EAAU;EACZ;EACA,QAAQC;CACV,CAAC,GACKC,IAAQ,EACZ,YACF;CACA,SAASC,EAAY,GAAO;EAC1B,AAAIJ,KACFF,EAAM,QAAQ,IAAOO,EAAyBZ,GAAoBc,EAAM,WAAW,CAAC;CAExF;CACA,OAAOC,EAAiB,UAAUX,GAAgB;EAChD;EACA,KAAK,CAACY,GAAcC,CAAS;EAC7B,OAAO;GAAC,EACN,SAASN,EACX;GAAGR;GAAce;EAAc;CACjC,CAAC;AACH,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAY,cAAc"}