@preply/ds-web-lib 10.0.0 → 11.1.0

package/dist/storybook-utils/consts.js

@@ -1,8 +1,6 @@
-const SUPPORTS_RESPONSIVE_VALUES = "Supports [responsive values](/?path=/docs/guides-responsive-props--docs)";
-const SUPPORTS_SHORTHAND_VALUES = "Supports [shorthand values](/?path=/docs/guides-shorthand-props--docs)";
-const SUPPORTS_RESPONSIVE_AND_SHORTHAND_VALUES = "Supports [responsive](/?path=/docs/guides-responsive-props--docs) and [shorthand](/?path=/docs/guides-shorthand-props--docs) values";
-export {
-  SUPPORTS_RESPONSIVE_AND_SHORTHAND_VALUES,
-  SUPPORTS_RESPONSIVE_VALUES,
-  SUPPORTS_SHORTHAND_VALUES
-};
+//#region src/storybook-utils/consts.ts
+var SUPPORTS_RESPONSIVE_VALUES = "Supports [responsive values](/?path=/docs/guides-responsive-props--docs)";
+var SUPPORTS_SHORTHAND_VALUES = "Supports [shorthand values](/?path=/docs/guides-shorthand-props--docs)";
+var SUPPORTS_RESPONSIVE_AND_SHORTHAND_VALUES = "Supports [responsive](/?path=/docs/guides-responsive-props--docs) and [shorthand](/?path=/docs/guides-shorthand-props--docs) values";
+//#endregion
+export { SUPPORTS_RESPONSIVE_AND_SHORTHAND_VALUES, SUPPORTS_RESPONSIVE_VALUES, SUPPORTS_SHORTHAND_VALUES };

package/dist/storybook-utils/index.js

@@ -1,6 +1,2 @@
 import { SUPPORTS_RESPONSIVE_AND_SHORTHAND_VALUES, SUPPORTS_RESPONSIVE_VALUES, SUPPORTS_SHORTHAND_VALUES } from "./consts.js";
-export {
-  SUPPORTS_RESPONSIVE_AND_SHORTHAND_VALUES,
-  SUPPORTS_RESPONSIVE_VALUES,
-  SUPPORTS_SHORTHAND_VALUES
-};
+export { SUPPORTS_RESPONSIVE_AND_SHORTHAND_VALUES, SUPPORTS_RESPONSIVE_VALUES, SUPPORTS_SHORTHAND_VALUES };

package/dist/text-accent-CfUFx-1K.js

@@ -0,0 +1,30 @@
+import { moduleClassNames, stringClassNames } from "@preply/ds-web-core";
+import './assets/text-accent.css';var text_accent_module_default = {
+	TextAccent: "TextAccent__AfPNQ",
+	"TextAccent--accent-default": "TextAccent--accent-default__rjbSO",
+	"TextAccent--accent-primary": "TextAccent--accent-primary__y2VJp",
+	"TextAccent--accent-secondary": "TextAccent--accent-secondary__EN2MG",
+	"TextAccent--accent-tertiary": "TextAccent--accent-tertiary__Di2P9",
+	"TextAccent--accent-accentDark": "TextAccent--accent-accentDark__k9Bg2",
+	"TextAccent--accent-placeholder": "TextAccent--accent-placeholder__s77sy",
+	"TextAccent--accent-inverted": "TextAccent--accent-inverted__pOSYS",
+	"TextAccent--accent-positive": "TextAccent--accent-positive__znwvO",
+	"TextAccent--accent-info": "TextAccent--accent-info__rneu6",
+	"TextAccent--accent-warning": "TextAccent--accent-warning__cNFBg",
+	"TextAccent--accent-critical": "TextAccent--accent-critical__-RJ-l",
+	"TextAccent--accent-disabled": "TextAccent--accent-disabled__HZyzf"
+};
+//#endregion
+//#region src/shared-styles/text-accent/text-accent.ts
+var TEXT_ACCENT = "TextAccent";
+/**
+* Note: be careful with styles specificity.
+* It's possible that some of the styles will be overridden
+* by other components/hooks, that were rendered after this one.
+* See #incident-918 (https://preply.slack.com/archives/C05R913FCNR/p1694510587143179) for details
+*/
+var getTextAccentClassnames = (fallbackToDefault, accent) => {
+	return moduleClassNames(text_accent_module_default, TEXT_ACCENT, [stringClassNames("accent", accent !== null && accent !== void 0 ? accent : fallbackToDefault ? "default" : void 0)]);
+};
+//#endregion
+export { getTextAccentClassnames as t };

package/dist/text-centered-Dwp2_-Yp.js

@@ -0,0 +1,30 @@
+import { booleanClassNames, moduleClassNames } from "@preply/ds-web-core";
+import './assets/text-centered.css';var text_centered_module_default = {
+	TextCentered: "TextCentered__7KaTF",
+	"TextCentered--centered": "TextCentered--centered__4f-qW",
+	"TextCentered--initial": "TextCentered--initial__zx7nV",
+	"TextCentered--narrow-l--centered": "TextCentered--narrow-l--centered__9h4So",
+	"TextCentered--narrow-l--initial": "TextCentered--narrow-l--initial__45Rim",
+	"TextCentered--medium-s--centered": "TextCentered--medium-s--centered__-x8lC",
+	"TextCentered--medium-s--initial": "TextCentered--medium-s--initial__gI0a7",
+	"TextCentered--medium-l--centered": "TextCentered--medium-l--centered__OBRt2",
+	"TextCentered--medium-l--initial": "TextCentered--medium-l--initial__WN00-",
+	"TextCentered--wide-s--centered": "TextCentered--wide-s--centered__UwUjF",
+	"TextCentered--wide-s--initial": "TextCentered--wide-s--initial__tWQv7",
+	"TextCentered--wide-l--centered": "TextCentered--wide-l--centered__XvD5D",
+	"TextCentered--wide-l--initial": "TextCentered--wide-l--initial__80dUb"
+};
+//#endregion
+//#region src/shared-styles/text-centered/text-centered.ts
+var TEXT_CENTERED = "TextCentered";
+/**
+* Note: be careful with styles specificity.
+* It's possible that some of the styles will be overridden
+* by other components/hooks, that were rendered after this one.
+* See #incident-918 (https://preply.slack.com/archives/C05R913FCNR/p1694510587143179) for details
+*/
+var getTextCenteredClassnames = (centered) => {
+	return moduleClassNames(text_centered_module_default, TEXT_CENTERED, [booleanClassNames("centered", "initial", centered)]);
+};
+//#endregion
+export { getTextCenteredClassnames as t };

package/dist/text-weight-CwoqmM4o.js

@@ -0,0 +1,21 @@
+import { moduleClassNames, stringClassNames } from "@preply/ds-web-core";
+import './assets/text-weight.css';var text_weight_module_default = {
+	TextWeight: "TextWeight__nr38y",
+	"TextWeight--weight-normal": "TextWeight--weight-normal__WoBtA",
+	"TextWeight--weight-medium": "TextWeight--weight-medium__73G59",
+	"TextWeight--weight-bold": "TextWeight--weight-bold__1P7zX"
+};
+//#endregion
+//#region src/shared-styles/text-weight/text-weight.ts
+var TEXT_WEIGHT = "TextWeight";
+/**
+* Note: be careful with styles specificity.
+* It's possible that some of the styles will be overridden
+* by other components/hooks, that were rendered after this one.
+* See #incident-918 (https://preply.slack.com/archives/C05R913FCNR/p1694510587143179) for details
+*/
+var getTextWeightClassNames = (weight) => {
+	return moduleClassNames(text_weight_module_default, TEXT_WEIGHT, [stringClassNames("weight", weight)]);
+};
+//#endregion
+export { getTextWeightClassNames as t };

package/dist/useBaseUiId-CWAD_PSs.js

@@ -0,0 +1,13 @@
+"use client";
+import { t as useId } from "./useId-CJsH-2wV.js";
+//#region ../../node_modules/@base-ui-components/react/esm/utils/useBaseUiId.js
+/**
+* Wraps `useId` and prefixes generated `id`s with `base-ui-`
+* @param {string | undefined} idOverride overrides the generated id when provided
+* @returns {string | undefined}
+*/
+function useBaseUiId(idOverride) {
+	return useId(idOverride, "base-ui");
+}
+//#endregion
+export { useBaseUiId as t };

package/dist/useBreakpointMatch-D9a3CTNK.js

@@ -0,0 +1,338 @@
+"use client";
+import { t as __commonJSMin } from "./chunk-BVTlhY3a.js";
+import { useEffect, useLayoutEffect, useState } from "react";
+import { BREAKPOINT } from "@preply/ds-core";
+(/* @__PURE__ */ __commonJSMin(((exports, module) => {
+	/**
+	* lodash (Custom Build) <https://lodash.com/>
+	* Build: `lodash modularize exports="npm" -o ./`
+	* Copyright jQuery Foundation and other contributors <https://jquery.org/>
+	* Released under MIT license <https://lodash.com/license>
+	* Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+	* Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+	*/
+	/** Used as the `TypeError` message for "Functions" methods. */
+	var FUNC_ERROR_TEXT = "Expected a function";
+	/** Used as references for various `Number` constants. */
+	var NAN = NaN;
+	/** `Object#toString` result references. */
+	var symbolTag = "[object Symbol]";
+	/** Used to match leading and trailing whitespace. */
+	var reTrim = /^\s+|\s+$/g;
+	/** Used to detect bad signed hexadecimal string values. */
+	var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+	/** Used to detect binary string values. */
+	var reIsBinary = /^0b[01]+$/i;
+	/** Used to detect octal string values. */
+	var reIsOctal = /^0o[0-7]+$/i;
+	/** Built-in method references without a dependency on `root`. */
+	var freeParseInt = parseInt;
+	/** Detect free variable `global` from Node.js. */
+	var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
+	/** Detect free variable `self`. */
+	var freeSelf = typeof self == "object" && self && self.Object === Object && self;
+	/** Used as a reference to the global object. */
+	var root = freeGlobal || freeSelf || Function("return this")();
+	/**
+	* Used to resolve the
+	* [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+	* of values.
+	*/
+	var objectToString = Object.prototype.toString;
+	var nativeMax = Math.max, nativeMin = Math.min;
+	/**
+	* Gets the timestamp of the number of milliseconds that have elapsed since
+	* the Unix epoch (1 January 1970 00:00:00 UTC).
+	*
+	* @static
+	* @memberOf _
+	* @since 2.4.0
+	* @category Date
+	* @returns {number} Returns the timestamp.
+	* @example
+	*
+	* _.defer(function(stamp) {
+	*   console.log(_.now() - stamp);
+	* }, _.now());
+	* // => Logs the number of milliseconds it took for the deferred invocation.
+	*/
+	var now = function() {
+		return root.Date.now();
+	};
+	/**
+	* Creates a debounced function that delays invoking `func` until after `wait`
+	* milliseconds have elapsed since the last time the debounced function was
+	* invoked. The debounced function comes with a `cancel` method to cancel
+	* delayed `func` invocations and a `flush` method to immediately invoke them.
+	* Provide `options` to indicate whether `func` should be invoked on the
+	* leading and/or trailing edge of the `wait` timeout. The `func` is invoked
+	* with the last arguments provided to the debounced function. Subsequent
+	* calls to the debounced function return the result of the last `func`
+	* invocation.
+	*
+	* **Note:** If `leading` and `trailing` options are `true`, `func` is
+	* invoked on the trailing edge of the timeout only if the debounced function
+	* is invoked more than once during the `wait` timeout.
+	*
+	* If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+	* until to the next tick, similar to `setTimeout` with a timeout of `0`.
+	*
+	* See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+	* for details over the differences between `_.debounce` and `_.throttle`.
+	*
+	* @static
+	* @memberOf _
+	* @since 0.1.0
+	* @category Function
+	* @param {Function} func The function to debounce.
+	* @param {number} [wait=0] The number of milliseconds to delay.
+	* @param {Object} [options={}] The options object.
+	* @param {boolean} [options.leading=false]
+	*  Specify invoking on the leading edge of the timeout.
+	* @param {number} [options.maxWait]
+	*  The maximum time `func` is allowed to be delayed before it's invoked.
+	* @param {boolean} [options.trailing=true]
+	*  Specify invoking on the trailing edge of the timeout.
+	* @returns {Function} Returns the new debounced function.
+	* @example
+	*
+	* // Avoid costly calculations while the window size is in flux.
+	* jQuery(window).on('resize', _.debounce(calculateLayout, 150));
+	*
+	* // Invoke `sendMail` when clicked, debouncing subsequent calls.
+	* jQuery(element).on('click', _.debounce(sendMail, 300, {
+	*   'leading': true,
+	*   'trailing': false
+	* }));
+	*
+	* // Ensure `batchLog` is invoked once after 1 second of debounced calls.
+	* var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
+	* var source = new EventSource('/stream');
+	* jQuery(source).on('message', debounced);
+	*
+	* // Cancel the trailing debounced invocation.
+	* jQuery(window).on('popstate', debounced.cancel);
+	*/
+	function debounce(func, wait, options) {
+		var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
+		if (typeof func != "function") throw new TypeError(FUNC_ERROR_TEXT);
+		wait = toNumber(wait) || 0;
+		if (isObject(options)) {
+			leading = !!options.leading;
+			maxing = "maxWait" in options;
+			maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
+			trailing = "trailing" in options ? !!options.trailing : trailing;
+		}
+		function invokeFunc(time) {
+			var args = lastArgs, thisArg = lastThis;
+			lastArgs = lastThis = void 0;
+			lastInvokeTime = time;
+			result = func.apply(thisArg, args);
+			return result;
+		}
+		function leadingEdge(time) {
+			lastInvokeTime = time;
+			timerId = setTimeout(timerExpired, wait);
+			return leading ? invokeFunc(time) : result;
+		}
+		function remainingWait(time) {
+			var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, result = wait - timeSinceLastCall;
+			return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;
+		}
+		function shouldInvoke(time) {
+			var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
+			return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
+		}
+		function timerExpired() {
+			var time = now();
+			if (shouldInvoke(time)) return trailingEdge(time);
+			timerId = setTimeout(timerExpired, remainingWait(time));
+		}
+		function trailingEdge(time) {
+			timerId = void 0;
+			if (trailing && lastArgs) return invokeFunc(time);
+			lastArgs = lastThis = void 0;
+			return result;
+		}
+		function cancel() {
+			if (timerId !== void 0) clearTimeout(timerId);
+			lastInvokeTime = 0;
+			lastArgs = lastCallTime = lastThis = timerId = void 0;
+		}
+		function flush() {
+			return timerId === void 0 ? result : trailingEdge(now());
+		}
+		function debounced() {
+			var time = now(), isInvoking = shouldInvoke(time);
+			lastArgs = arguments;
+			lastThis = this;
+			lastCallTime = time;
+			if (isInvoking) {
+				if (timerId === void 0) return leadingEdge(lastCallTime);
+				if (maxing) {
+					timerId = setTimeout(timerExpired, wait);
+					return invokeFunc(lastCallTime);
+				}
+			}
+			if (timerId === void 0) timerId = setTimeout(timerExpired, wait);
+			return result;
+		}
+		debounced.cancel = cancel;
+		debounced.flush = flush;
+		return debounced;
+	}
+	/**
+	* Checks if `value` is the
+	* [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+	* of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+	*
+	* @static
+	* @memberOf _
+	* @since 0.1.0
+	* @category Lang
+	* @param {*} value The value to check.
+	* @returns {boolean} Returns `true` if `value` is an object, else `false`.
+	* @example
+	*
+	* _.isObject({});
+	* // => true
+	*
+	* _.isObject([1, 2, 3]);
+	* // => true
+	*
+	* _.isObject(_.noop);
+	* // => true
+	*
+	* _.isObject(null);
+	* // => false
+	*/
+	function isObject(value) {
+		var type = typeof value;
+		return !!value && (type == "object" || type == "function");
+	}
+	/**
+	* Checks if `value` is object-like. A value is object-like if it's not `null`
+	* and has a `typeof` result of "object".
+	*
+	* @static
+	* @memberOf _
+	* @since 4.0.0
+	* @category Lang
+	* @param {*} value The value to check.
+	* @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+	* @example
+	*
+	* _.isObjectLike({});
+	* // => true
+	*
+	* _.isObjectLike([1, 2, 3]);
+	* // => true
+	*
+	* _.isObjectLike(_.noop);
+	* // => false
+	*
+	* _.isObjectLike(null);
+	* // => false
+	*/
+	function isObjectLike(value) {
+		return !!value && typeof value == "object";
+	}
+	/**
+	* Checks if `value` is classified as a `Symbol` primitive or object.
+	*
+	* @static
+	* @memberOf _
+	* @since 4.0.0
+	* @category Lang
+	* @param {*} value The value to check.
+	* @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+	* @example
+	*
+	* _.isSymbol(Symbol.iterator);
+	* // => true
+	*
+	* _.isSymbol('abc');
+	* // => false
+	*/
+	function isSymbol(value) {
+		return typeof value == "symbol" || isObjectLike(value) && objectToString.call(value) == symbolTag;
+	}
+	/**
+	* Converts `value` to a number.
+	*
+	* @static
+	* @memberOf _
+	* @since 4.0.0
+	* @category Lang
+	* @param {*} value The value to process.
+	* @returns {number} Returns the number.
+	* @example
+	*
+	* _.toNumber(3.2);
+	* // => 3.2
+	*
+	* _.toNumber(Number.MIN_VALUE);
+	* // => 5e-324
+	*
+	* _.toNumber(Infinity);
+	* // => Infinity
+	*
+	* _.toNumber('3.2');
+	* // => 3.2
+	*/
+	function toNumber(value) {
+		if (typeof value == "number") return value;
+		if (isSymbol(value)) return NAN;
+		if (isObject(value)) {
+			var other = typeof value.valueOf == "function" ? value.valueOf() : value;
+			value = isObject(other) ? other + "" : other;
+		}
+		if (typeof value != "string") return value === 0 ? value : +value;
+		value = value.replace(reTrim, "");
+		var isBinary = reIsBinary.test(value);
+		return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
+	}
+	module.exports = debounce;
+})))();
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+var IS_SERVER2 = typeof window === "undefined";
+function useMediaQuery(query, { defaultValue = false, initializeWithValue = true } = {}) {
+	const getMatches = (query2) => {
+		if (IS_SERVER2) return defaultValue;
+		return window.matchMedia(query2).matches;
+	};
+	const [matches, setMatches] = useState(() => {
+		if (initializeWithValue) return getMatches(query);
+		return defaultValue;
+	});
+	function handleChange() {
+		setMatches(getMatches(query));
+	}
+	useIsomorphicLayoutEffect(() => {
+		const matchMedia = window.matchMedia(query);
+		handleChange();
+		if (matchMedia.addListener) matchMedia.addListener(handleChange);
+		else matchMedia.addEventListener("change", handleChange);
+		return () => {
+			if (matchMedia.removeListener) matchMedia.removeListener(handleChange);
+			else matchMedia.removeEventListener("change", handleChange);
+		};
+	}, [query]);
+	return matches;
+}
+//#endregion
+//#region src/utils/useBreakpointMatch.ts
+/**
+* A hook that matches DS breakpoint.
+*
+* @example
+* ```tsx
+* const isMediumS = useBreakpointMatch('medium-s');
+* ```
+*/
+function useBreakpointMatch(breakpoint) {
+	const size = BREAKPOINT[breakpoint];
+	return useMediaQuery(`(min-width: ${size}px)`);
+}
+//#endregion
+export { useBreakpointMatch as t };

package/dist/useButton-DHTh3Hm7.js

@@ -0,0 +1,148 @@
+"use client";
+import { n as makeEventPreventable, r as mergeProps } from "./useRenderElement-ZBds6eRN.js";
+import { S as useEventCallback, f as isHTMLElement, x as useIsoLayoutEffect } from "./floating-ui.utils.dom-CoeTbDZx.js";
+import * as React$1 from "react";
+//#region ../../node_modules/@base-ui-components/utils/esm/error.js
+var set;
+if (process.env.NODE_ENV !== "production") set = /* @__PURE__ */ new Set();
+function error(...messages) {
+	if (process.env.NODE_ENV !== "production") {
+		const messageKey = messages.join(" ");
+		if (!set.has(messageKey)) {
+			set.add(messageKey);
+			console.error(`Base UI: ${messageKey}`);
+		}
+	}
+}
+//#endregion
+//#region ../../node_modules/@base-ui-components/react/esm/composite/root/CompositeRootContext.js
+var CompositeRootContext = /* @__PURE__ */ React$1.createContext(void 0);
+if (process.env.NODE_ENV !== "production") CompositeRootContext.displayName = "CompositeRootContext";
+function useCompositeRootContext(optional = false) {
+	const context = React$1.useContext(CompositeRootContext);
+	if (context === void 0 && !optional) throw new Error("Base UI: CompositeRootContext is missing. Composite parts must be placed within <Composite.Root>.");
+	return context;
+}
+//#endregion
+//#region ../../node_modules/@base-ui-components/react/esm/utils/useFocusableWhenDisabled.js
+function useFocusableWhenDisabled(parameters) {
+	const { focusableWhenDisabled, disabled, composite = false, tabIndex: tabIndexProp = 0, isNativeButton } = parameters;
+	const isFocusableComposite = composite && focusableWhenDisabled !== false;
+	const isNonFocusableComposite = composite && focusableWhenDisabled === false;
+	return { props: React$1.useMemo(() => {
+		const additionalProps = { onKeyDown(event) {
+			if (disabled && focusableWhenDisabled && event.key !== "Tab") event.preventDefault();
+		} };
+		if (!composite) {
+			additionalProps.tabIndex = tabIndexProp;
+			if (!isNativeButton && disabled) additionalProps.tabIndex = focusableWhenDisabled ? tabIndexProp : -1;
+		}
+		if (isNativeButton && (focusableWhenDisabled || isFocusableComposite) || !isNativeButton && disabled) additionalProps["aria-disabled"] = disabled;
+		if (isNativeButton && (!focusableWhenDisabled || isNonFocusableComposite)) additionalProps.disabled = disabled;
+		return additionalProps;
+	}, [
+		composite,
+		disabled,
+		focusableWhenDisabled,
+		isFocusableComposite,
+		isNonFocusableComposite,
+		isNativeButton,
+		tabIndexProp
+	]) };
+}
+//#endregion
+//#region ../../node_modules/@base-ui-components/react/esm/use-button/useButton.js
+function useButton(parameters = {}) {
+	const { disabled = false, focusableWhenDisabled, tabIndex = 0, native: isNativeButton = true } = parameters;
+	const elementRef = React$1.useRef(null);
+	const isCompositeItem = useCompositeRootContext(true) !== void 0;
+	const isValidLink = useEventCallback(() => {
+		const element = elementRef.current;
+		return Boolean((element === null || element === void 0 ? void 0 : element.tagName) === "A" && (element === null || element === void 0 ? void 0 : element.href));
+	});
+	const { props: focusableWhenDisabledProps } = useFocusableWhenDisabled({
+		focusableWhenDisabled,
+		disabled,
+		composite: isCompositeItem,
+		tabIndex,
+		isNativeButton
+	});
+	if (process.env.NODE_ENV !== "production") React$1.useEffect(() => {
+		if (!elementRef.current) return;
+		const isButtonTag = elementRef.current.tagName === "BUTTON";
+		if (isNativeButton) {
+			if (!isButtonTag) error("A component that acts as a button was not rendered as a native <button>, which does not match the default. Ensure that the element passed to the `render` prop of the component is a real <button>, or set the `nativeButton` prop on the component to `false`.");
+		} else if (isButtonTag) error("A component that acts as a button was rendered as a native <button>, which does not match the default. Ensure that the element passed to the `render` prop of the component is not a real <button>, or set the `nativeButton` prop on the component to `true`.");
+	}, [isNativeButton]);
+	const updateDisabled = React$1.useCallback(() => {
+		const element = elementRef.current;
+		if (!isButtonElement(element)) return;
+		if (isCompositeItem && disabled && focusableWhenDisabledProps.disabled === void 0 && element.disabled) element.disabled = false;
+	}, [
+		disabled,
+		focusableWhenDisabledProps.disabled,
+		isCompositeItem
+	]);
+	useIsoLayoutEffect(updateDisabled, [updateDisabled]);
+	return {
+		getButtonProps: React$1.useCallback((externalProps = {}) => {
+			const { onClick: externalOnClick, onMouseDown: externalOnMouseDown, onKeyUp: externalOnKeyUp, onKeyDown: externalOnKeyDown, onPointerDown: externalOnPointerDown, ...otherExternalProps } = externalProps;
+			return mergeProps({
+				type: isNativeButton ? "button" : void 0,
+				onClick(event) {
+					if (disabled) {
+						event.preventDefault();
+						return;
+					}
+					externalOnClick === null || externalOnClick === void 0 || externalOnClick(event);
+				},
+				onMouseDown(event) {
+					if (!disabled) externalOnMouseDown === null || externalOnMouseDown === void 0 || externalOnMouseDown(event);
+				},
+				onKeyDown(event) {
+					if (!disabled) {
+						makeEventPreventable(event);
+						externalOnKeyDown === null || externalOnKeyDown === void 0 || externalOnKeyDown(event);
+					}
+					if (event.baseUIHandlerPrevented) return;
+					const shouldClick = event.target === event.currentTarget && !isNativeButton && !isValidLink() && !disabled;
+					const isEnterKey = event.key === "Enter";
+					const isSpaceKey = event.key === " ";
+					if (shouldClick) {
+						if (isSpaceKey || isEnterKey) event.preventDefault();
+						if (isEnterKey) externalOnClick === null || externalOnClick === void 0 || externalOnClick(event);
+					}
+				},
+				onKeyUp(event) {
+					if (!disabled) {
+						makeEventPreventable(event);
+						externalOnKeyUp === null || externalOnKeyUp === void 0 || externalOnKeyUp(event);
+					}
+					if (event.baseUIHandlerPrevented) return;
+					if (event.target === event.currentTarget && !isNativeButton && !disabled && event.key === " ") externalOnClick === null || externalOnClick === void 0 || externalOnClick(event);
+				},
+				onPointerDown(event) {
+					if (disabled) {
+						event.preventDefault();
+						return;
+					}
+					externalOnPointerDown === null || externalOnPointerDown === void 0 || externalOnPointerDown(event);
+				}
+			}, !isNativeButton ? { role: "button" } : void 0, focusableWhenDisabledProps, otherExternalProps);
+		}, [
+			disabled,
+			focusableWhenDisabledProps,
+			isNativeButton,
+			isValidLink
+		]),
+		buttonRef: useEventCallback((element) => {
+			elementRef.current = element;
+			updateDisabled();
+		})
+	};
+}
+function isButtonElement(elem) {
+	return isHTMLElement(elem) && elem.tagName === "BUTTON";
+}
+//#endregion
+export { useCompositeRootContext as n, useButton as t };

package/dist/useDialogClose-BzFIyWco.js

@@ -0,0 +1,22 @@
+"use client";
+import { r as mergeProps } from "./useRenderElement-ZBds6eRN.js";
+import { S as useEventCallback, b as createChangeEventDetails } from "./floating-ui.utils.dom-CoeTbDZx.js";
+import { t as useButton } from "./useButton-DHTh3Hm7.js";
+//#region ../../node_modules/@base-ui-components/react/esm/dialog/close/useDialogClose.js
+function useDialogClose(params) {
+	const { open, setOpen, disabled, nativeButton } = params;
+	const handleClick = useEventCallback((event) => {
+		if (open) setOpen(false, createChangeEventDetails("close-press", event.nativeEvent));
+	});
+	const { getButtonProps, buttonRef } = useButton({
+		disabled,
+		native: nativeButton
+	});
+	const getRootProps = (externalProps) => mergeProps({ onClick: handleClick }, externalProps, getButtonProps);
+	return {
+		getRootProps,
+		ref: buttonRef
+	};
+}
+//#endregion
+export { useDialogClose as t };

package/dist/useId-CJsH-2wV.js

@@ -0,0 +1,34 @@
+"use client";
+import * as React$1 from "react";
+//#region ../../node_modules/@base-ui-components/utils/esm/safeReact.js
+var SafeReact = { ...React$1 };
+//#endregion
+//#region ../../node_modules/@base-ui-components/utils/esm/useId.js
+var globalId = 0;
+function useGlobalId(idOverride, prefix = "mui") {
+	const [defaultId, setDefaultId] = React$1.useState(idOverride);
+	const id = idOverride || defaultId;
+	React$1.useEffect(() => {
+		if (defaultId == null) {
+			globalId += 1;
+			setDefaultId(`${prefix}-${globalId}`);
+		}
+	}, [defaultId, prefix]);
+	return id;
+}
+var maybeReactUseId = SafeReact.useId;
+/**
+*
+* @example <div id={useId()} />
+* @param idOverride
+* @returns {string}
+*/
+function useId$1(idOverride, prefix) {
+	if (maybeReactUseId !== void 0) {
+		const reactId = maybeReactUseId();
+		return idOverride !== null && idOverride !== void 0 ? idOverride : prefix ? `${prefix}-${reactId}` : reactId;
+	}
+	return useGlobalId(idOverride, prefix);
+}
+//#endregion
+export { useId$1 as t };