← All changes | build/widgets/hello-world/render.js +44 -29 24.0.0 → 24.1.0 View file →

		@@ -60,8 +60,31 @@
60	60	return n;
61	61	}
62	62	var clsx_default = clsx;
63	63
	64	+// node_modules/@base-ui/utils/createLogOnce.mjs
	65	+var loggedMessages;
	66	+if (true) {
	67	+ loggedMessages = /* @__PURE__ */ new Set();
	68	+}
	69	+function createLogOnce(severity, prefix) {
	70	+ return function logOnce(...messages) {
	71	+ if (true) {
	72	+ const message = messages.join(" ");
	73	+ const output = prefix ? `${prefix}: ${message}` : message;
	74	+ const key = `${severity}:${output}`;
	75	+ if (!loggedMessages.has(key)) {
	76	+ loggedMessages.add(key);
	77	+ if (severity === "warn") {
	78	+ console.warn(output);
	79	+ } else {
	80	+ console.error(output);
	81	+ }
	82	+ }
	83	+ }
	84	+ };
	85	+}
	86	+
64	87	// node_modules/@base-ui/utils/useRefWithInit.mjs
65	88	var React = __toESM(require_react(), 1);
66	89	var UNINITIALIZED = {};
67	90	function useRefWithInit(init, initArg) {
		@@ -72,22 +95,14 @@
72	95	return ref;
73	96	}
74	97
75	98	// node_modules/@base-ui/utils/warn.mjs
76		-var set;
77		-if (true) {
78		- set = /* @__PURE__ */ new Set();
79		-}
80		-function warn(...messages) {
81		- if (true) {
82		- const messageKey = messages.join(" ");
83		- if (!set.has(messageKey)) {
84		- set.add(messageKey);
85		- console.warn(`Base UI: ${messageKey}`);
86		- }
87		- }
88		-}
	99	+var warn = createLogOnce("warn", "Base UI");
89	100
	101	+// node_modules/@base-ui/utils/empty.mjs
	102	+var EMPTY_ARRAY = Object.freeze([]);
	103	+var EMPTY_OBJECT = Object.freeze({});
	104	+
90	105	// node_modules/@base-ui/react/internals/useRenderElement.mjs
91	106	var React4 = __toESM(require_react(), 1);
92	107
93	108	// node_modules/@base-ui/utils/useMergedRefs.mjs
		@@ -215,12 +230,8 @@
215	230	}
216	231	return void 0;
217	232	}
218	233
219		-// node_modules/@base-ui/utils/empty.mjs
220		-var EMPTY_ARRAY = Object.freeze([]);
221		-var EMPTY_OBJECT = Object.freeze({});
222		-
223	234	// node_modules/@base-ui/react/internals/getStateAttributesProps.mjs
224	235	function getStateAttributesProps(state, customMapping) {
225	236	const props = {};
226	237	for (const key in state) {
		@@ -408,10 +419,13 @@
408	419
409	420	// node_modules/@base-ui/react/internals/useRenderElement.mjs
410	421	var import_react = __toESM(require_react(), 1);
411	422	function useRenderElement(element, componentProps, params = {}) {
412		- const renderProp = componentProps.render;
413		- const outProps = useRenderElementProps(componentProps, params);
	423	+ let renderProp = componentProps.render;
	424	+ if (params.enabled !== false) {
	425	+ renderProp = unwrapLazyRenderProp(renderProp);
	426	+ }
	427	+ const outProps = useRenderElementProps(componentProps, params, renderProp);
414	428	if (params.enabled === false) {
415	429	return null;
416	430	}
417	431	const state = params.state ?? EMPTY_OBJECT;
		@@ -416,13 +430,12 @@
416	430	}
417	431	const state = params.state ?? EMPTY_OBJECT;
418	432	return evaluateRenderProp(element, renderProp, outProps, state);
419	433	}
420		-function useRenderElementProps(componentProps, params = {}) {
	434	+function useRenderElementProps(componentProps, params, renderProp) {
421	435	const {
422	436	className: classNameProp,
423		- style: styleProp,
424		- render: renderProp
	437	+ style: styleProp
425	438	} = componentProps;
426	439	const {
427	440	state = EMPTY_OBJECT,
428	441	ref,
		@@ -463,8 +476,15 @@
463	476	}
464	477	var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
465	478	var COMPONENT_IDENTIFIER_PATTERN = /^[A-Z][A-Za-z0-9$]*$/;
466	479	var LOWERCASE_CHARACTER_PATTERN = /[a-z]/;
	480	+function unwrapLazyRenderProp(render) {
	481	+ if (render?.$$typeof !== REACT_LAZY_TYPE) {
	482	+ return render;
	483	+ }
	484	+ const unwrapped = React4.Children.toArray(render)[0];
	485	+ return /* @__PURE__ */ React4.isValidElement(unwrapped) ? unwrapped : render;
	486	+}
467	487	function evaluateRenderProp(element, render, props, state) {
468	488	if (render) {
469	489	if (typeof render === "function") {
470	490	if (true) {
		@@ -473,19 +493,14 @@
473	493	return render(props, state);
474	494	}
475	495	const mergedProps = mergeProps(props, render.props);
476	496	mergedProps.ref = props.ref;
477		- let newElement = render;
478		- if (newElement?.$$typeof === REACT_LAZY_TYPE) {
479		- const children = React4.Children.toArray(render);
480		- newElement = children[0];
481		- }
482	497	if (true) {
483		- if (!/* @__PURE__ */ React4.isValidElement(newElement)) {
	498	+ if (!/* @__PURE__ */ React4.isValidElement(render)) {
484	499	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"));
485	500	}
486	501	}
487		- return /* @__PURE__ */ React4.cloneElement(newElement, mergedProps);
	502	+ return /* @__PURE__ */ React4.cloneElement(render, mergedProps);
488	503	}
489	504	if (element) {
490	505	if (typeof element === "string") {
491	506	return renderTag(element, props);