← All changes | build/scripts/patterns/index.js +48 -30 24.0.0 → 24.1.0 View file →

		@@ -364,8 +364,31 @@
364	364	return n;
365	365	}
366	366	var clsx_default = clsx;
367	367
	368	+ // node_modules/@base-ui/utils/createLogOnce.mjs
	369	+ var loggedMessages;
	370	+ if (true) {
	371	+ loggedMessages = /* @__PURE__ */ new Set();
	372	+ }
	373	+ function createLogOnce(severity, prefix) {
	374	+ return function logOnce(...messages) {
	375	+ if (true) {
	376	+ const message = messages.join(" ");
	377	+ const output = prefix ? `${prefix}: ${message}` : message;
	378	+ const key = `${severity}:${output}`;
	379	+ if (!loggedMessages.has(key)) {
	380	+ loggedMessages.add(key);
	381	+ if (severity === "warn") {
	382	+ console.warn(output);
	383	+ } else {
	384	+ console.error(output);
	385	+ }
	386	+ }
	387	+ }
	388	+ };
	389	+ }
	390	+
368	391	// node_modules/@base-ui/utils/useRefWithInit.mjs
369	392	var React = __toESM(require_react(), 1);
370	393	var UNINITIALIZED = {};
371	394	function useRefWithInit(init, initArg) {
		@@ -376,22 +399,14 @@
376	399	return ref;
377	400	}
378	401
379	402	// node_modules/@base-ui/utils/warn.mjs
380		- var set;
381		- if (true) {
382		- set = /* @__PURE__ */ new Set();
383		- }
384		- function warn(...messages) {
385		- if (true) {
386		- const messageKey = messages.join(" ");
387		- if (!set.has(messageKey)) {
388		- set.add(messageKey);
389		- console.warn(`Base UI: ${messageKey}`);
390		- }
391		- }
392		- }
	403	+ var warn = createLogOnce("warn", "Base UI");
393	404
	405	+ // node_modules/@base-ui/utils/empty.mjs
	406	+ var EMPTY_ARRAY = Object.freeze([]);
	407	+ var EMPTY_OBJECT = Object.freeze({});
	408	+
394	409	// node_modules/@base-ui/react/internals/useRenderElement.mjs
395	410	var React4 = __toESM(require_react(), 1);
396	411
397	412	// node_modules/@base-ui/utils/useMergedRefs.mjs
		@@ -519,12 +534,8 @@
519	534	}
520	535	return void 0;
521	536	}
522	537
523		- // node_modules/@base-ui/utils/empty.mjs
524		- var EMPTY_ARRAY = Object.freeze([]);
525		- var EMPTY_OBJECT = Object.freeze({});
526		-
527	538	// node_modules/@base-ui/react/internals/getStateAttributesProps.mjs
528	539	function getStateAttributesProps(state, customMapping) {
529	540	const props = {};
530	541	for (const key in state) {
		@@ -712,10 +723,13 @@
712	723
713	724	// node_modules/@base-ui/react/internals/useRenderElement.mjs
714	725	var import_react = __toESM(require_react(), 1);
715	726	function useRenderElement(element, componentProps, params = {}) {
716		- const renderProp = componentProps.render;
717		- const outProps = useRenderElementProps(componentProps, params);
	727	+ let renderProp = componentProps.render;
	728	+ if (params.enabled !== false) {
	729	+ renderProp = unwrapLazyRenderProp(renderProp);
	730	+ }
	731	+ const outProps = useRenderElementProps(componentProps, params, renderProp);
718	732	if (params.enabled === false) {
719	733	return null;
720	734	}
721	735	const state = params.state ?? EMPTY_OBJECT;
		@@ -720,13 +734,12 @@
720	734	}
721	735	const state = params.state ?? EMPTY_OBJECT;
722	736	return evaluateRenderProp(element, renderProp, outProps, state);
723	737	}
724		- function useRenderElementProps(componentProps, params = {}) {
	738	+ function useRenderElementProps(componentProps, params, renderProp) {
725	739	const {
726	740	className: classNameProp,
727		- style: styleProp,
728		- render: renderProp
	741	+ style: styleProp
729	742	} = componentProps;
730	743	const {
731	744	state = EMPTY_OBJECT,
732	745	ref,
		@@ -767,8 +780,15 @@
767	780	}
768	781	var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
769	782	var COMPONENT_IDENTIFIER_PATTERN = /^[A-Z][A-Za-z0-9$]*$/;
770	783	var LOWERCASE_CHARACTER_PATTERN = /[a-z]/;
	784	+ function unwrapLazyRenderProp(render) {
	785	+ if (render?.$$typeof !== REACT_LAZY_TYPE) {
	786	+ return render;
	787	+ }
	788	+ const unwrapped = React4.Children.toArray(render)[0];
	789	+ return /* @__PURE__ */ React4.isValidElement(unwrapped) ? unwrapped : render;
	790	+ }
771	791	function evaluateRenderProp(element, render, props, state) {
772	792	if (render) {
773	793	if (typeof render === "function") {
774	794	if (true) {
		@@ -777,19 +797,14 @@
777	797	return render(props, state);
778	798	}
779	799	const mergedProps = mergeProps(props, render.props);
780	800	mergedProps.ref = props.ref;
781		- let newElement = render;
782		- if (newElement?.$$typeof === REACT_LAZY_TYPE) {
783		- const children = React4.Children.toArray(render);
784		- newElement = children[0];
785		- }
786	801	if (true) {
787		- if (!/* @__PURE__ */ React4.isValidElement(newElement)) {
	802	+ if (!/* @__PURE__ */ React4.isValidElement(render)) {
788	803	throw new Error(["Base UI: The `render` prop was provided an invalid React element as `React.isValidElement(render)` is `false`.", "A valid React element must be provided to the `render` prop because it is cloned with props to replace the default element.", "https://base-ui.com/r/invalid-render-prop"].join("\n"));
789	804	}
790	805	}
791		- return /* @__PURE__ */ React4.cloneElement(newElement, mergedProps);
	806	+ return /* @__PURE__ */ React4.cloneElement(render, mergedProps);
792	807	}
793	808	if (element) {
794	809	if (typeof element === "string") {
795	810	return renderTag(element, props);
		@@ -943,9 +958,12 @@
943	958
944	959	// packages/icons/build-module/library/symbol.mjs
945	960	var import_primitives = __toESM(require_primitives(), 1);
946	961	var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
947		- var symbol_default = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_primitives.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_primitives.Path, { d: "M21.3 10.8l-5.6-5.6c-.7-.7-1.8-.7-2.5 0l-5.6 5.6c-.7.7-.7 1.8 0 2.5l5.6 5.6c.3.3.8.5 1.2.5s.9-.2 1.2-.5l5.6-5.6c.8-.7.8-1.9.1-2.5zm-1 1.4l-5.6 5.6c-.1.1-.3.1-.4 0l-5.6-5.6c-.1-.1-.1-.3 0-.4l5.6-5.6s.1-.1.2-.1.1 0 .2.1l5.6 5.6c.1.1.1.3 0 .4zm-16.6-.4L10 5.5l-1-1-6.3 6.3c-.7.7-.7 1.8 0 2.5L9 19.5l1.1-1.1-6.3-6.3c-.2 0-.2-.2-.1-.3z" }) });
	962	+ var symbol_default = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_primitives.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", style: { fill: "none" }, stroke: "currentColor", strokeWidth: "1.5", children: [
	963	+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_primitives.Path, { d: "M15.2071 6.20711L20.2929 11.2929C20.6834 11.6834 20.6834 12.3166 20.2929 12.7071L15.2071 17.7929C14.8166 18.1834 14.1834 18.1834 13.7929 17.7929L8.70711 12.7071C8.31658 12.3166 8.31658 11.6834 8.70711 11.2929L13.7929 6.20711C14.1834 5.81658 14.8166 5.81658 15.2071 6.20711Z", vectorEffect: "non-scaling-stroke" }),
	964	+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_primitives.Path, { d: "M9.5 5.5L3.70711 11.2929C3.31658 11.6834 3.31658 12.3166 3.70711 12.7071L9.5 18.5", vectorEffect: "non-scaling-stroke" })
	965	+ ] });
948	966
949	967	// packages/ui/build-module/stack/stack.mjs
950	968	var import_element3 = __toESM(require_element(), 1);
951	969	var STYLE_HASH_ATTRIBUTE2 = "data-wp-hash";