PluginProbe
Gutenberg / trunk
Gutenberg vtrunk
24.1.0 24.0.0 23.9.1 23.9.0 23.8.0 23.7.2 23.7.1 23.7.0 23.6.1 23.6.2 23.6.0 23.5.3 23.5.2 23.5.1 23.5.0 23.4.0 23.3.2 23.3.1 23.3.0 23.2.0 23.2.1 23.2.2 23.1.1 23.1.0 23.0.1 All 404 releases
← All changes | build/widgets/site-health/render.js +162 -130 23.3.2 → trunk View file →
@@ -94,9 +94,32 @@
94 94 return n;
95 95 }
96 96 var clsx_default = clsx;
97 97
98 -// node_modules/@base-ui/utils/esm/useRefWithInit.js
98 +// node_modules/@base-ui/utils/createLogOnce.mjs
99 +var loggedMessages;
100 +if (true) {
101 + loggedMessages = /* @__PURE__ */ new Set();
102 +}
103 +function createLogOnce(severity, prefix) {
104 + return function logOnce(...messages) {
105 + if (true) {
106 + const message = messages.join(" ");
107 + const output = prefix ? `${prefix}: ${message}` : message;
108 + const key = `${severity}:${output}`;
109 + if (!loggedMessages.has(key)) {
110 + loggedMessages.add(key);
111 + if (severity === "warn") {
112 + console.warn(output);
113 + } else {
114 + console.error(output);
115 + }
116 + }
117 + }
118 + };
119 +}
120 +
121 +// node_modules/@base-ui/utils/useRefWithInit.mjs
99 122 var React = __toESM(require_react(), 1);
100 123 var UNINITIALIZED = {};
101 124 function useRefWithInit(init, initArg) {
102 125 const ref = React.useRef(UNINITIALIZED);
@@ -105,27 +128,19 @@
105 128 }
106 129 return ref;
107 130 }
108 131
109 -// node_modules/@base-ui/utils/esm/warn.js
110 -var set;
111 -if (true) {
112 - set = /* @__PURE__ */ new Set();
113 -}
114 -function warn(...messages) {
115 - if (true) {
116 - const messageKey = messages.join(" ");
117 - if (!set.has(messageKey)) {
118 - set.add(messageKey);
119 - console.warn(`Base UI: ${messageKey}`);
120 - }
121 - }
122 -}
132 +// node_modules/@base-ui/utils/warn.mjs
133 +var warn = createLogOnce("warn", "Base UI");
123 134
124 -// node_modules/@base-ui/react/esm/internals/useRenderElement.js
135 +// node_modules/@base-ui/utils/empty.mjs
136 +var EMPTY_ARRAY = Object.freeze([]);
137 +var EMPTY_OBJECT = Object.freeze({});
138 +
139 +// node_modules/@base-ui/react/internals/useRenderElement.mjs
125 140 var React4 = __toESM(require_react(), 1);
126 141
127 -// node_modules/@base-ui/utils/esm/useMergedRefs.js
142 +// node_modules/@base-ui/utils/useMergedRefs.mjs
128 143 function useMergedRefs(a, b, c, d) {
129 144 const forkRef = useRefWithInit(createForkRef).current;
130 145 if (didChange(forkRef, a, b, c, d)) {
131 146 update(forkRef, [a, b, c, d]);
@@ -196,9 +211,9 @@
196 211 const cleanupCallback = cleanupCallbacks[i];
197 212 if (typeof cleanupCallback === "function") {
198 213 cleanupCallback();
199 214 } else {
200 - ref(null);
215 + void ref(null);
201 216 }
202 217 break;
203 218 }
204 219 case "object": {
@@ -212,12 +227,12 @@
212 227 }
213 228 };
214 229 }
215 230
216 -// node_modules/@base-ui/utils/esm/getReactElementRef.js
231 +// node_modules/@base-ui/utils/getReactElementRef.mjs
217 232 var React3 = __toESM(require_react(), 1);
218 233
219 -// node_modules/@base-ui/utils/esm/reactVersion.js
234 +// node_modules/@base-ui/utils/reactVersion.mjs
220 235 var React2 = __toESM(require_react(), 1);
221 236 var majorVersion = parseInt(React2.version, 10);
222 237 function isReactVersionAtLeast(reactVersionToCheck) {
223 238 return majorVersion >= reactVersionToCheck;
@@ -222,9 +237,9 @@
222 237 function isReactVersionAtLeast(reactVersionToCheck) {
223 238 return majorVersion >= reactVersionToCheck;
224 239 }
225 240
226 -// node_modules/@base-ui/utils/esm/getReactElementRef.js
241 +// node_modules/@base-ui/utils/getReactElementRef.mjs
227 242 function getReactElementRef(element) {
228 243 if (!/* @__PURE__ */ React3.isValidElement(element)) {
229 244 return null;
230 245 }
@@ -232,9 +247,9 @@
232 247 const propsWithRef = reactElement.props;
233 248 return (isReactVersionAtLeast(19) ? propsWithRef?.ref : reactElement.ref) ?? null;
234 249 }
235 250
236 -// node_modules/@base-ui/utils/esm/mergeObjects.js
251 +// node_modules/@base-ui/utils/mergeObjects.mjs
237 252 function mergeObjects(a, b) {
238 253 if (a && !b) {
239 254 return a;
240 255 }
@@ -249,13 +264,9 @@
249 264 }
250 265 return void 0;
251 266 }
252 267
253 -// node_modules/@base-ui/utils/esm/empty.js
254 -var EMPTY_ARRAY = Object.freeze([]);
255 -var EMPTY_OBJECT = Object.freeze({});
256 -
257 -// node_modules/@base-ui/react/esm/internals/getStateAttributesProps.js
268 +// node_modules/@base-ui/react/internals/getStateAttributesProps.mjs
258 269 function getStateAttributesProps(state, customMapping) {
259 270 const props = {};
260 271 for (const key in state) {
261 272 const value = state[key];
@@ -274,19 +285,19 @@
274 285 }
275 286 return props;
276 287 }
277 288
278 -// node_modules/@base-ui/react/esm/utils/resolveClassName.js
289 +// node_modules/@base-ui/react/utils/resolveClassName.mjs
279 290 function resolveClassName(className, state) {
280 291 return typeof className === "function" ? className(state) : className;
281 292 }
282 293
283 -// node_modules/@base-ui/react/esm/utils/resolveStyle.js
294 +// node_modules/@base-ui/react/utils/resolveStyle.mjs
284 295 function resolveStyle(style, state) {
285 296 return typeof style === "function" ? style(state) : style;
286 297 }
287 298
288 -// node_modules/@base-ui/react/esm/merge-props/mergeProps.js
299 +// node_modules/@base-ui/react/merge-props/mergeProps.mjs
289 300 var EMPTY_PROPS = {};
290 301 function mergeProps(a, b, c, d, e) {
291 302 if (!c && !d && !e && !a) {
292 303 return createInitialMergedProps(b);
@@ -439,13 +450,16 @@
439 450 function isSyntheticEvent(event) {
440 451 return event != null && typeof event === "object" && "nativeEvent" in event;
441 452 }
442 453
443 -// node_modules/@base-ui/react/esm/internals/useRenderElement.js
454 +// node_modules/@base-ui/react/internals/useRenderElement.mjs
444 455 var import_react = __toESM(require_react(), 1);
445 456 function useRenderElement(element, componentProps, params = {}) {
446 - const renderProp = componentProps.render;
447 - const outProps = useRenderElementProps(componentProps, params);
457 + let renderProp = componentProps.render;
458 + if (params.enabled !== false) {
459 + renderProp = unwrapLazyRenderProp(renderProp);
460 + }
461 + const outProps = useRenderElementProps(componentProps, params, renderProp);
448 462 if (params.enabled === false) {
449 463 return null;
450 464 }
451 465 const state = params.state ?? EMPTY_OBJECT;
@@ -450,13 +464,12 @@
450 464 }
451 465 const state = params.state ?? EMPTY_OBJECT;
452 466 return evaluateRenderProp(element, renderProp, outProps, state);
453 467 }
454 -function useRenderElementProps(componentProps, params = {}) {
468 +function useRenderElementProps(componentProps, params, renderProp) {
455 469 const {
456 470 className: classNameProp,
457 - style: styleProp,
458 - render: renderProp
471 + style: styleProp
459 472 } = componentProps;
460 473 const {
461 474 state = EMPTY_OBJECT,
462 475 ref,
@@ -470,9 +483,9 @@
470 483 const resolvedProps = enabled && props ? resolveRenderFunctionProps(props) : void 0;
471 484 const outProps = enabled ? mergeObjects(stateProps, resolvedProps) ?? {} : EMPTY_OBJECT;
472 485 if (typeof document !== "undefined") {
473 486 if (!enabled) {
474 - useMergedRefs(null, null);
487 + void useMergedRefs(null, null);
475 488 } else if (Array.isArray(ref)) {
476 489 outProps.ref = useMergedRefsN([outProps.ref, getReactElementRef(renderProp), ...ref]);
477 490 } else {
478 491 outProps.ref = useMergedRefs(outProps.ref, getReactElementRef(renderProp), ref);
@@ -497,8 +510,15 @@
497 510 }
498 511 var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
499 512 var COMPONENT_IDENTIFIER_PATTERN = /^[A-Z][A-Za-z0-9$]*$/;
500 513 var LOWERCASE_CHARACTER_PATTERN = /[a-z]/;
514 +function unwrapLazyRenderProp(render) {
515 + if (render?.$$typeof !== REACT_LAZY_TYPE) {
516 + return render;
517 + }
518 + const unwrapped = React4.Children.toArray(render)[0];
519 + return /* @__PURE__ */ React4.isValidElement(unwrapped) ? unwrapped : render;
520 +}
501 521 function evaluateRenderProp(element, render, props, state) {
502 522 if (render) {
503 523 if (typeof render === "function") {
504 524 if (true) {
@@ -507,19 +527,14 @@
507 527 return render(props, state);
508 528 }
509 529 const mergedProps = mergeProps(props, render.props);
510 530 mergedProps.ref = props.ref;
511 - let newElement = render;
512 - if (newElement?.$$typeof === REACT_LAZY_TYPE) {
513 - const children = React4.Children.toArray(render);
514 - newElement = children[0];
515 - }
516 531 if (true) {
517 - if (!/* @__PURE__ */ React4.isValidElement(newElement)) {
532 + if (!/* @__PURE__ */ React4.isValidElement(render)) {
518 533 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"));
519 534 }
520 535 }
521 - return /* @__PURE__ */ React4.cloneElement(newElement, mergedProps);
536 + return /* @__PURE__ */ React4.cloneElement(render, mergedProps);
522 537 }
523 538 if (element) {
524 539 if (typeof element === "string") {
525 540 return renderTag(element, props);
@@ -557,9 +572,9 @@
557 572 }
558 573 return /* @__PURE__ */ React4.createElement(Tag, props);
559 574 }
560 575
561 -// node_modules/@base-ui/react/esm/use-render/useRender.js
576 +// node_modules/@base-ui/react/use-render/useRender.mjs
562 577 function useRender(params) {
563 578 return useRenderElement(params.defaultTagName ?? "div", params, params);
564 579 }
565 580
@@ -645,15 +660,15 @@
645 660 injectStyle(targetDocument, hash, css);
646 661 }
647 662 }
648 663 if (typeof process === "undefined" || true) {
649 - registerStyle("0c8601dd83", '@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._83ed8a8da5dd50ea__text{margin:0}._14437cfb77831647__heading-2xl{--_gcd-heading-font-size:var(--wpds-typography-font-size-2xl,32px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-2xl,32px);--_gcd-p-line-height:var(--wpds-typography-line-height-2xl,40px);font-size:var(--wpds-typography-font-size-2xl,32px);line-height:var(--wpds-typography-line-height-2xl,40px)}._14437cfb77831647__heading-2xl,._3c78b7fa9b4072dd__heading-xl{font-family:var(--wpds-typography-font-family-heading,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-weight:var(--wpds-typography-font-weight-medium,499)}._3c78b7fa9b4072dd__heading-xl{--_gcd-heading-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-p-line-height:var(--wpds-typography-line-height-md,24px);font-size:var(--wpds-typography-font-size-xl,20px);line-height:var(--wpds-typography-line-height-md,24px)}.aa58f227716bcde2__heading-lg{--_gcd-heading-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-p-line-height:var(--wpds-typography-line-height-sm,20px);font-size:var(--wpds-typography-font-size-lg,15px)}.aa58f227716bcde2__heading-lg,.fc4da56d8dfe52c4__heading-md{font-family:var(--wpds-typography-font-family-heading,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-weight:var(--wpds-typography-font-weight-medium,499);line-height:var(--wpds-typography-line-height-sm,20px)}.fc4da56d8dfe52c4__heading-md{--_gcd-heading-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-p-line-height:var(--wpds-typography-line-height-sm,20px);font-size:var(--wpds-typography-font-size-md,13px)}.a9b78c7c82e8dff7__heading-sm{--_gcd-heading-font-size:var(--wpds-typography-font-size-xs,11px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-xs,11px);--_gcd-p-line-height:var(--wpds-typography-line-height-xs,16px);font-family:var(--wpds-typography-font-family-heading,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-size:var(--wpds-typography-font-size-xs,11px);font-weight:var(--wpds-typography-font-weight-medium,499);line-height:var(--wpds-typography-line-height-xs,16px);text-transform:uppercase}._305ff559e52180d5__body-xl{--_gcd-heading-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-regular,400);--_gcd-p-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-p-line-height:var(--wpds-typography-line-height-xl,32px);font-size:var(--wpds-typography-font-size-xl,20px);line-height:var(--wpds-typography-line-height-xl,32px)}._305ff559e52180d5__body-xl,.ca1aa3fc2029e958__body-lg{font-family:var(--wpds-typography-font-family-body,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-weight:var(--wpds-typography-font-weight-regular,400)}.ca1aa3fc2029e958__body-lg{--_gcd-heading-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-regular,400);--_gcd-p-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-p-line-height:var(--wpds-typography-line-height-md,24px);font-size:var(--wpds-typography-font-size-lg,15px);line-height:var(--wpds-typography-line-height-md,24px)}._131101940be12424__body-md{--_gcd-heading-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-regular,400);--_gcd-p-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-p-line-height:var(--wpds-typography-line-height-sm,20px);font-size:var(--wpds-typography-font-size-md,13px);line-height:var(--wpds-typography-line-height-sm,20px)}._0e8d87a42c1f75fa__body-sm,._131101940be12424__body-md{font-family:var(--wpds-typography-font-family-body,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-weight:var(--wpds-typography-font-weight-regular,400)}._0e8d87a42c1f75fa__body-sm{--_gcd-heading-font-size:var(--wpds-typography-font-size-sm,12px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-regular,400);--_gcd-p-font-size:var(--wpds-typography-font-size-sm,12px);--_gcd-p-line-height:var(--wpds-typography-line-height-xs,16px);font-size:var(--wpds-typography-font-size-sm,12px);line-height:var(--wpds-typography-line-height-xs,16px)}}');
664 + registerStyle("3167e7d116", '@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{._83ed8a8da5dd50ea__text{text-wrap:pretty;margin:0}._14437cfb77831647__heading-2xl{--_gcd-heading-font-size:var(--wpds-typography-font-size-2xl,32px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-emphasis,600);--_gcd-p-font-size:var(--wpds-typography-font-size-2xl,32px);--_gcd-p-line-height:var(--wpds-typography-line-height-2xl,40px);font-size:var(--wpds-typography-font-size-2xl,32px);line-height:var(--wpds-typography-line-height-2xl,40px)}._14437cfb77831647__heading-2xl,._3c78b7fa9b4072dd__heading-xl{font-family:var(--wpds-typography-font-family-heading,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-weight:var(--wpds-typography-font-weight-emphasis,600)}._3c78b7fa9b4072dd__heading-xl{--_gcd-heading-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-emphasis,600);--_gcd-p-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-p-line-height:var(--wpds-typography-line-height-md,24px);font-size:var(--wpds-typography-font-size-xl,20px);line-height:var(--wpds-typography-line-height-md,24px)}.aa58f227716bcde2__heading-lg{--_gcd-heading-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-emphasis,600);--_gcd-p-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-p-line-height:var(--wpds-typography-line-height-sm,20px);font-size:var(--wpds-typography-font-size-lg,15px)}.aa58f227716bcde2__heading-lg,.fc4da56d8dfe52c4__heading-md{font-family:var(--wpds-typography-font-family-heading,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-weight:var(--wpds-typography-font-weight-emphasis,600);line-height:var(--wpds-typography-line-height-sm,20px)}.fc4da56d8dfe52c4__heading-md{--_gcd-heading-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-emphasis,600);--_gcd-p-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-p-line-height:var(--wpds-typography-line-height-sm,20px);font-size:var(--wpds-typography-font-size-md,13px)}.a9b78c7c82e8dff7__heading-sm{--_gcd-heading-font-size:var(--wpds-typography-font-size-xs,11px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-emphasis,600);--_gcd-p-font-size:var(--wpds-typography-font-size-xs,11px);--_gcd-p-line-height:var(--wpds-typography-line-height-xs,16px);font-family:var(--wpds-typography-font-family-heading,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-size:var(--wpds-typography-font-size-xs,11px);font-weight:var(--wpds-typography-font-weight-emphasis,600);line-height:var(--wpds-typography-line-height-xs,16px);text-transform:uppercase}._305ff559e52180d5__body-xl{--_gcd-heading-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-default,400);--_gcd-p-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-p-line-height:var(--wpds-typography-line-height-xl,32px);font-size:var(--wpds-typography-font-size-xl,20px);line-height:var(--wpds-typography-line-height-xl,32px)}._305ff559e52180d5__body-xl,.ca1aa3fc2029e958__body-lg{font-family:var(--wpds-typography-font-family-body,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-weight:var(--wpds-typography-font-weight-default,400)}.ca1aa3fc2029e958__body-lg{--_gcd-heading-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-default,400);--_gcd-p-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-p-line-height:var(--wpds-typography-line-height-md,24px);font-size:var(--wpds-typography-font-size-lg,15px);line-height:var(--wpds-typography-line-height-md,24px)}._131101940be12424__body-md{--_gcd-heading-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-default,400);--_gcd-p-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-p-line-height:var(--wpds-typography-line-height-sm,20px);font-size:var(--wpds-typography-font-size-md,13px);line-height:var(--wpds-typography-line-height-sm,20px)}._0e8d87a42c1f75fa__body-sm,._131101940be12424__body-md{font-family:var(--wpds-typography-font-family-body,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-weight:var(--wpds-typography-font-weight-default,400)}._0e8d87a42c1f75fa__body-sm{--_gcd-heading-font-size:var(--wpds-typography-font-size-sm,12px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-default,400);--_gcd-p-font-size:var(--wpds-typography-font-size-sm,12px);--_gcd-p-line-height:var(--wpds-typography-line-height-xs,16px);font-size:var(--wpds-typography-font-size-sm,12px);line-height:var(--wpds-typography-line-height-xs,16px)}}}');
650 665 }
651 666 var style_default = { "text": "_83ed8a8da5dd50ea__text", "heading-2xl": "_14437cfb77831647__heading-2xl", "heading-xl": "_3c78b7fa9b4072dd__heading-xl", "heading-lg": "aa58f227716bcde2__heading-lg", "heading-md": "fc4da56d8dfe52c4__heading-md", "heading-sm": "a9b78c7c82e8dff7__heading-sm", "body-xl": "_305ff559e52180d5__body-xl", "body-lg": "ca1aa3fc2029e958__body-lg", "body-md": "_131101940be12424__body-md", "body-sm": "_0e8d87a42c1f75fa__body-sm" };
652 667 if (typeof process === "undefined" || true) {
653 - registerStyle("1fb29d3a3c", "._6defc79820e382c6__button{box-sizing:var(--_gcd-button-box-sizing,border-box);font-family:var(--_gcd-button-font-family,inherit);font-size:var(--_gcd-button-font-size,inherit);font-weight:var(--_gcd-button-font-weight,inherit)}.d2cff2e5dea83bd1__input{box-sizing:var(--_gcd-input-box-sizing,border-box);font-family:var(--_gcd-input-font-family,inherit);font-size:var(--_gcd-input-font-size,inherit);font-weight:var(--_gcd-input-font-weight,inherit);margin:var(--_gcd-input-margin,0);&:is(textarea,[type=text],[type=password],[type=color],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=week]){background-color:var(--_gcd-input-background-color,#0000);border:var(--_gcd-input-border,none);border-radius:var(--_gcd-input-border-radius,0);box-shadow:var(--_gcd-input-box-shadow,0 0 0 #0000);color:var(--_gcd-input-color,var(--wpds-color-fg-interactive-neutral,#1e1e1e));&:focus{border-color:var(--_gcd-input-border-color-focus,var(--wp-admin-theme-color));box-shadow:var(--_gcd-input-box-shadow-focus,none);outline:var(--_gcd-input-outline-focus,none)}&:disabled{background:var(--_gcd-input-background-disabled,#0000);border-color:var(--_gcd-input-border-color-disabled,#0000);box-shadow:var(--_gcd-input-box-shadow-disabled,none);color:var(--_gcd-input-color-disabled,var(--wpds-color-fg-interactive-neutral-disabled,#8d8d8d))}&::placeholder{color:var(--_gcd-input-placeholder-color,var(--wpds-color-fg-interactive-neutral-disabled,#8d8d8d))}}&:is(textarea,[type=text],[type=password],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=week]){line-height:var(--_gcd-input-line-height,inherit);min-height:var(--_gcd-input-min-height,auto);padding:var(--_gcd-input-padding,0)}}._547d86373d02e108__textarea{box-sizing:var(--_gcd-textarea-box-sizing,border-box);overflow:var(--_gcd-textarea-overflow,auto);resize:var(--_gcd-textarea-resize,block)}._8c15fd0ed9f28ba4__div{outline:var(--_gcd-div-outline,0 solid #0000)}p._43cec3e1eec1066d__p{font-size:var(--_gcd-p-font-size,13px);line-height:var(--_gcd-p-line-height,1.5);margin:var(--_gcd-p-margin,0)}:is(h1,h2,h3,h4,h5,h6).e97669c6d9a38497__heading{color:var(--_gcd-heading-color,var(--wpds-color-fg-content-neutral,#1e1e1e));font-size:var(--_gcd-heading-font-size,inherit);font-weight:var(--_gcd-heading-font-weight,var(--wpds-typography-font-weight-medium,499));margin:var(--_gcd-heading-margin,0)}._2c0831b0499dbd6e__a,._2c0831b0499dbd6e__a:is(:hover,:focus,:active){border-radius:var(--_gcd-a-border-radius,0);box-shadow:var(--_gcd-a-box-shadow,none);color:var(--_gcd-a-color,inherit);outline:var(--_gcd-a-outline,0 solid #0000);transition:var(--_gcd-a-transition,none)}");
668 + registerStyle("e8e31009f5", "._6defc79820e382c6__button{box-sizing:var(--_gcd-button-box-sizing,border-box);font-family:var(--_gcd-button-font-family,inherit);font-size:var(--_gcd-button-font-size,inherit);font-weight:var(--_gcd-button-font-weight,inherit)}.d2cff2e5dea83bd1__input{box-sizing:var(--_gcd-input-box-sizing,border-box);font-family:var(--_gcd-input-font-family,inherit);font-size:var(--_gcd-input-font-size,inherit);font-weight:var(--_gcd-input-font-weight,inherit);margin:var(--_gcd-input-margin,0);&::placeholder{color:var(--_gcd-input-placeholder-color,var(--wpds-color-foreground-interactive-neutral-weak,#707070))}&:is(textarea,[type=text],[type=password],[type=color],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=week]){background-color:var(--_gcd-input-background-color,transparent);border:var(--_gcd-input-border,none);border-radius:var(--_gcd-input-border-radius,0);box-shadow:var(--_gcd-input-box-shadow,0 0 0 transparent);color:var(--_gcd-input-color,var(--wpds-color-foreground-interactive-neutral,#1e1e1e));&:focus{border-color:var(--_gcd-input-border-color-focus,var(--wp-admin-theme-color));box-shadow:var(--_gcd-input-box-shadow-focus,none);outline:var(--_gcd-input-outline-focus,none)}&:disabled{background:var(--_gcd-input-background-disabled,transparent);border-color:var(--_gcd-input-border-color-disabled,transparent);box-shadow:var(--_gcd-input-box-shadow-disabled,none);color:var(--_gcd-input-color-disabled,var(--wpds-color-foreground-interactive-neutral-disabled,#8d8d8d))}}&:is(textarea,[type=text],[type=password],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=week]){line-height:var(--_gcd-input-line-height,inherit);min-height:var(--_gcd-input-min-height,auto);padding:var(--_gcd-input-padding,0)}}._547d86373d02e108__textarea{box-sizing:var(--_gcd-textarea-box-sizing,border-box);overflow:var(--_gcd-textarea-overflow,auto);resize:var(--_gcd-textarea-resize,block)}._8c15fd0ed9f28ba4__div{outline:var(--_gcd-div-outline,0 solid transparent)}p._43cec3e1eec1066d__p{font-size:var(--_gcd-p-font-size,13px);line-height:var(--_gcd-p-line-height,1.5);margin:var(--_gcd-p-margin,0)}:is(h1,h2,h3,h4,h5,h6).e97669c6d9a38497__heading{color:var(--_gcd-heading-color,var(--wpds-color-foreground-content-neutral,#1e1e1e));font-size:var(--_gcd-heading-font-size,inherit);font-weight:var(--_gcd-heading-font-weight,var(--wpds-typography-font-weight-emphasis,600));margin:var(--_gcd-heading-margin,0)}._2c0831b0499dbd6e__a,._2c0831b0499dbd6e__a:is(:hover,:focus,:active){border-radius:var(--_gcd-a-border-radius,0);box-shadow:var(--_gcd-a-box-shadow,none);color:var(--_gcd-a-color,inherit);outline:var(--_gcd-a-outline,0 solid transparent);transition:var(--_gcd-a-transition,none)}.c59a0ebebd71fa4a__ol{list-style:var(--_gcd-ol-list-style,none);margin:var(--_gcd-ol-margin,0);padding-block:var(--_gcd-ol-padding-block,0);padding-inline:var(--_gcd-ol-padding-inline,0)}._46b5cb0c8e24e8c9__li{margin:var(--_gcd-li-margin,0)}");
654 669 }
655 -var global_css_defense_default = { "button": "_6defc79820e382c6__button", "input": "d2cff2e5dea83bd1__input", "textarea": "_547d86373d02e108__textarea", "div": "_8c15fd0ed9f28ba4__div", "p": "_43cec3e1eec1066d__p", "heading": "e97669c6d9a38497__heading", "a": "_2c0831b0499dbd6e__a" };
670 +var global_css_defense_default = { "button": "_6defc79820e382c6__button", "input": "d2cff2e5dea83bd1__input", "textarea": "_547d86373d02e108__textarea", "div": "_8c15fd0ed9f28ba4__div", "p": "_43cec3e1eec1066d__p", "heading": "e97669c6d9a38497__heading", "a": "_2c0831b0499dbd6e__a", "ol": "c59a0ebebd71fa4a__ol", "li": "_46b5cb0c8e24e8c9__li" };
656 671 var Text = (0, import_element.forwardRef)(function Text2({ variant = "body-md", render, className, ...props }, ref) {
657 672 const element = useRender({
658 673 render,
659 674 defaultTagName: "span",
@@ -670,10 +685,12 @@
670 685 });
671 686 return element;
672 687 });
673 688
674 -// packages/ui/build-module/stack/stack.mjs
689 +// packages/ui/build-module/link/link.mjs
675 690 var import_element2 = __toESM(require_element(), 1);
691 +var import_i18n = __toESM(require_i18n(), 1);
692 +var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
676 693 var STYLE_HASH_ATTRIBUTE2 = "data-wp-hash";
677 694 function getRuntime2() {
678 695 const globalScope = globalThis;
679 696 if (globalScope.__wpStyleRuntime) {
@@ -753,40 +770,70 @@
753 770 injectStyle2(targetDocument, hash, css);
754 771 }
755 772 }
756 773 if (typeof process === "undefined" || true) {
757 - registerStyle2("b51ff41489", "@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._19ce0419607e1896__stack{display:flex}}");
774 + registerStyle2("10f3806643", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer utilities{._336cd3e4e743482f__box-sizing{box-sizing:border-box;*,:after,:before{box-sizing:inherit}}}}");
758 775 }
759 -var style_default2 = { "stack": "_19ce0419607e1896__stack" };
760 -var gapTokens = {
761 - xs: "var(--wpds-dimension-gap-xs, 4px)",
762 - sm: "var(--wpds-dimension-gap-sm, 8px)",
763 - md: "var(--wpds-dimension-gap-md, 12px)",
764 - lg: "var(--wpds-dimension-gap-lg, 16px)",
765 - xl: "var(--wpds-dimension-gap-xl, 24px)",
766 - "2xl": "var(--wpds-dimension-gap-2xl, 32px)",
767 - "3xl": "var(--wpds-dimension-gap-3xl, 40px)"
768 -};
769 -var Stack = (0, import_element2.forwardRef)(function Stack2({ direction, gap, align, justify, wrap, render, ...props }, ref) {
770 - const style = {
771 - gap: gap && gapTokens[gap],
772 - alignItems: align,
773 - justifyContent: justify,
774 - flexDirection: direction,
775 - flexWrap: wrap
776 - };
776 +var resets_default = { "box-sizing": "_336cd3e4e743482f__box-sizing" };
777 +if (typeof process === "undefined" || true) {
778 + registerStyle2("08122b3d53", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer utilities{.af79fb116edb0dd7__outset-ring--focus:focus,.dfcfdc28396e5d98__outset-ring--focus-visible:focus-visible,.e5cd9ee879f6403a__outset-ring--focus-within:focus-within,:focus-visible ._81935a08e952f267__outset-ring--focus-parent-visible{--_gcd-a-outline:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px)) solid var(--focus-color,var(--wpds-color-stroke-focus,var(--wp-admin-theme-color,#3858e9)));--_gcd-div-outline:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px)) solid var(--focus-color,var(--wpds-color-stroke-focus,var(--wp-admin-theme-color,#3858e9)));outline:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px)) solid var(--focus-color,var(--wpds-color-stroke-focus,var(--wp-admin-theme-color,#3858e9)));outline-offset:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px))}._3c9f5ee9fc9c136d__outset-ring--focus-within-except-active:focus-within,.abc777e9713fa711__outset-ring--focus-except-active:focus{outline:none}._3c9f5ee9fc9c136d__outset-ring--focus-within-except-active:focus-within:not(:has(:active)),.abc777e9713fa711__outset-ring--focus-except-active:focus:not(:active){--_gcd-a-outline:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px)) solid var(--focus-color,var(--wpds-color-stroke-focus,var(--wp-admin-theme-color,#3858e9)));--_gcd-div-outline:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px)) solid var(--focus-color,var(--wpds-color-stroke-focus,var(--wp-admin-theme-color,#3858e9)));outline:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px)) solid var(--focus-color,var(--wpds-color-stroke-focus,var(--wp-admin-theme-color,#3858e9)));outline-offset:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px))}}}");
779 +}
780 +var focus_module_default = { "outset-ring--focus": "af79fb116edb0dd7__outset-ring--focus", "outset-ring--focus-visible": "dfcfdc28396e5d98__outset-ring--focus-visible", "outset-ring--focus-within": "e5cd9ee879f6403a__outset-ring--focus-within", "outset-ring--focus-parent-visible": "_81935a08e952f267__outset-ring--focus-parent-visible", "outset-ring--focus-except-active": "abc777e9713fa711__outset-ring--focus-except-active", "outset-ring--focus-within-except-active": "_3c9f5ee9fc9c136d__outset-ring--focus-within-except-active" };
781 +if (typeof process === "undefined" || true) {
782 + registerStyle2("e8e6a9be37", '@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{.d4250949359b05ce__link{text-decoration-thickness:from-font;text-underline-offset:.2em}.c6055659b8e2cd2c__is-brand,.c6055659b8e2cd2c__is-brand:visited{--_gcd-a-color:var(--wpds-color-foreground-interactive-brand,var(--wp-admin-theme-color,#3858e9));color:var(--wpds-color-foreground-interactive-brand,var(--wp-admin-theme-color,#3858e9))}.c6055659b8e2cd2c__is-brand:active,.c6055659b8e2cd2c__is-brand:hover{--_gcd-a-color:var(--wpds-color-foreground-interactive-brand-active,color-mix(in oklch,var(--wp-admin-theme-color,#3858e9) 52%,#000));color:var(--wpds-color-foreground-interactive-brand-active,color-mix(in oklch,var(--wp-admin-theme-color,#3858e9) 52%,#000))}._92e0dfcaeee15b88__is-neutral,._92e0dfcaeee15b88__is-neutral:visited{--_gcd-a-color:var(--wpds-color-foreground-interactive-neutral,#1e1e1e);color:var(--wpds-color-foreground-interactive-neutral,#1e1e1e);text-decoration-color:var(--wpds-color-stroke-interactive-neutral,#8d8d8d)}._92e0dfcaeee15b88__is-neutral:active,._92e0dfcaeee15b88__is-neutral:hover{--_gcd-a-color:var(--wpds-color-foreground-interactive-neutral-active,#1e1e1e);color:var(--wpds-color-foreground-interactive-neutral-active,#1e1e1e)}.cf122a9bf1035d42__is-unstyled{--_gcd-a-color:inherit;color:inherit;text-decoration:none}._0cb411afac4c86c7__link-icon{display:inline-block;font-weight:var(--wpds-typography-font-weight-default,400);line-height:1;margin-inline-start:var(--wpds-dimension-padding-xs,4px);text-decoration:none}._0cb411afac4c86c7__link-icon:after{content:"\\2197"}._0cb411afac4c86c7__link-icon:dir(rtl):after{content:"\\2196"}}}');
783 +}
784 +var style_default2 = { "link": "d4250949359b05ce__link", "is-brand": "c6055659b8e2cd2c__is-brand", "is-neutral": "_92e0dfcaeee15b88__is-neutral", "is-unstyled": "cf122a9bf1035d42__is-unstyled", "link-icon": "_0cb411afac4c86c7__link-icon" };
785 +if (typeof process === "undefined" || true) {
786 + registerStyle2("e8e31009f5", "._6defc79820e382c6__button{box-sizing:var(--_gcd-button-box-sizing,border-box);font-family:var(--_gcd-button-font-family,inherit);font-size:var(--_gcd-button-font-size,inherit);font-weight:var(--_gcd-button-font-weight,inherit)}.d2cff2e5dea83bd1__input{box-sizing:var(--_gcd-input-box-sizing,border-box);font-family:var(--_gcd-input-font-family,inherit);font-size:var(--_gcd-input-font-size,inherit);font-weight:var(--_gcd-input-font-weight,inherit);margin:var(--_gcd-input-margin,0);&::placeholder{color:var(--_gcd-input-placeholder-color,var(--wpds-color-foreground-interactive-neutral-weak,#707070))}&:is(textarea,[type=text],[type=password],[type=color],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=week]){background-color:var(--_gcd-input-background-color,transparent);border:var(--_gcd-input-border,none);border-radius:var(--_gcd-input-border-radius,0);box-shadow:var(--_gcd-input-box-shadow,0 0 0 transparent);color:var(--_gcd-input-color,var(--wpds-color-foreground-interactive-neutral,#1e1e1e));&:focus{border-color:var(--_gcd-input-border-color-focus,var(--wp-admin-theme-color));box-shadow:var(--_gcd-input-box-shadow-focus,none);outline:var(--_gcd-input-outline-focus,none)}&:disabled{background:var(--_gcd-input-background-disabled,transparent);border-color:var(--_gcd-input-border-color-disabled,transparent);box-shadow:var(--_gcd-input-box-shadow-disabled,none);color:var(--_gcd-input-color-disabled,var(--wpds-color-foreground-interactive-neutral-disabled,#8d8d8d))}}&:is(textarea,[type=text],[type=password],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=week]){line-height:var(--_gcd-input-line-height,inherit);min-height:var(--_gcd-input-min-height,auto);padding:var(--_gcd-input-padding,0)}}._547d86373d02e108__textarea{box-sizing:var(--_gcd-textarea-box-sizing,border-box);overflow:var(--_gcd-textarea-overflow,auto);resize:var(--_gcd-textarea-resize,block)}._8c15fd0ed9f28ba4__div{outline:var(--_gcd-div-outline,0 solid transparent)}p._43cec3e1eec1066d__p{font-size:var(--_gcd-p-font-size,13px);line-height:var(--_gcd-p-line-height,1.5);margin:var(--_gcd-p-margin,0)}:is(h1,h2,h3,h4,h5,h6).e97669c6d9a38497__heading{color:var(--_gcd-heading-color,var(--wpds-color-foreground-content-neutral,#1e1e1e));font-size:var(--_gcd-heading-font-size,inherit);font-weight:var(--_gcd-heading-font-weight,var(--wpds-typography-font-weight-emphasis,600));margin:var(--_gcd-heading-margin,0)}._2c0831b0499dbd6e__a,._2c0831b0499dbd6e__a:is(:hover,:focus,:active){border-radius:var(--_gcd-a-border-radius,0);box-shadow:var(--_gcd-a-box-shadow,none);color:var(--_gcd-a-color,inherit);outline:var(--_gcd-a-outline,0 solid transparent);transition:var(--_gcd-a-transition,none)}.c59a0ebebd71fa4a__ol{list-style:var(--_gcd-ol-list-style,none);margin:var(--_gcd-ol-margin,0);padding-block:var(--_gcd-ol-padding-block,0);padding-inline:var(--_gcd-ol-padding-inline,0)}._46b5cb0c8e24e8c9__li{margin:var(--_gcd-li-margin,0)}");
787 +}
788 +var global_css_defense_default2 = { "button": "_6defc79820e382c6__button", "input": "d2cff2e5dea83bd1__input", "textarea": "_547d86373d02e108__textarea", "div": "_8c15fd0ed9f28ba4__div", "p": "_43cec3e1eec1066d__p", "heading": "e97669c6d9a38497__heading", "a": "_2c0831b0499dbd6e__a", "ol": "c59a0ebebd71fa4a__ol", "li": "_46b5cb0c8e24e8c9__li" };
789 +var Link = (0, import_element2.forwardRef)(function Link2({
790 + children,
791 + variant = "default",
792 + tone = "brand",
793 + openInNewTab = false,
794 + target,
795 + render,
796 + className,
797 + ...props
798 +}, ref) {
799 + const shouldShowNewTabIndicator = openInNewTab || /^_blank$/i.test(target ?? "");
777 800 const element = useRender({
778 801 render,
802 + defaultTagName: "a",
779 803 ref,
780 - props: mergeProps(props, { style, className: style_default2.stack })
804 + props: mergeProps(props, {
805 + className: clsx_default(
806 + global_css_defense_default2.a,
807 + resets_default["box-sizing"],
808 + focus_module_default["outset-ring--focus-except-active"],
809 + variant !== "unstyled" && style_default2.link,
810 + variant !== "unstyled" && style_default2[`is-${tone}`],
811 + variant === "unstyled" && style_default2["is-unstyled"],
812 + className
813 + ),
814 + target: target ?? (openInNewTab ? "_blank" : void 0),
815 + children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
816 + children,
817 + shouldShowNewTabIndicator && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
818 + "span",
819 + {
820 + className: style_default2["link-icon"],
821 + role: "img",
822 + "aria-label": (
823 + /* translators: accessibility text appended to link text */
824 + (0, import_i18n.__)("(opens in a new tab)")
825 + )
826 + }
827 + )
828 + ] })
829 + })
781 830 });
782 831 return element;
783 832 });
784 833
785 -// packages/ui/build-module/link/link.mjs
834 +// packages/ui/build-module/stack/stack.mjs
786 835 var import_element3 = __toESM(require_element(), 1);
787 -var import_i18n = __toESM(require_i18n(), 1);
788 -var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
789 836 var STYLE_HASH_ATTRIBUTE3 = "data-wp-hash";
790 837 function getRuntime3() {
791 838 const globalScope = globalThis;
792 839 if (globalScope.__wpStyleRuntime) {
@@ -866,66 +913,39 @@
866 913 injectStyle3(targetDocument, hash, css);
867 914 }
868 915 }
869 916 if (typeof process === "undefined" || true) {
870 - registerStyle3("e3ae230cea", "@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-utilities{._336cd3e4e743482f__box-sizing{box-sizing:border-box;*,:after,:before{box-sizing:inherit}}}");
917 + registerStyle3("32aba35fe1", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{._19ce0419607e1896__stack{display:flex}}}");
871 918 }
872 -var resets_default = { "box-sizing": "_336cd3e4e743482f__box-sizing" };
873 -if (typeof process === "undefined" || true) {
874 - registerStyle3("2a5ab8f3a7", "@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-utilities{._08e8a2e44959f892__outset-ring--focus,._970d04df7376df67__outset-ring--focus-within-except-active,.c5cb3ee4bddaa8e4__outset-ring--focus-within-visible,.cd83dfc2126a0846__outset-ring--focus-within,.d0541bc9dd9dc7b6__outset-ring--focus-visible,.e25b2bdd7aa21721__outset-ring--focus-except-active,.ecadb9e080e2dfa5__outset-ring--focus-parent-visible{@media not (prefers-reduced-motion){--_gcd-a-transition:outline 0.1s ease-out;transition:outline .1s ease-out}outline:0 solid #0000;outline-offset:1px}._08e8a2e44959f892__outset-ring--focus:focus,._970d04df7376df67__outset-ring--focus-within-except-active:focus-within:not(:has(:active)),.c5cb3ee4bddaa8e4__outset-ring--focus-within-visible:focus-within:has(:focus-visible),.cd83dfc2126a0846__outset-ring--focus-within:focus-within,.d0541bc9dd9dc7b6__outset-ring--focus-visible:focus-visible,.e25b2bdd7aa21721__outset-ring--focus-except-active:focus:not(:active),:focus-visible .ecadb9e080e2dfa5__outset-ring--focus-parent-visible{--_gcd-a-outline:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px)) solid var(--wpds-color-stroke-focus-brand,var(--wp-admin-theme-color,#3858e9));--_gcd-div-outline:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px)) solid var(--wpds-color-stroke-focus-brand,var(--wp-admin-theme-color,#3858e9));outline:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px)) solid var(--wpds-color-stroke-focus-brand,var(--wp-admin-theme-color,#3858e9))}}");
875 -}
876 -var focus_default = { "outset-ring--focus": "_08e8a2e44959f892__outset-ring--focus", "outset-ring--focus-except-active": "e25b2bdd7aa21721__outset-ring--focus-except-active", "outset-ring--focus-visible": "d0541bc9dd9dc7b6__outset-ring--focus-visible", "outset-ring--focus-within": "cd83dfc2126a0846__outset-ring--focus-within", "outset-ring--focus-within-except-active": "_970d04df7376df67__outset-ring--focus-within-except-active", "outset-ring--focus-within-visible": "c5cb3ee4bddaa8e4__outset-ring--focus-within-visible", "outset-ring--focus-parent-visible": "ecadb9e080e2dfa5__outset-ring--focus-parent-visible" };
877 -if (typeof process === "undefined" || true) {
878 - registerStyle3("90a23568f8", '@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{.d4250949359b05ce__link{text-decoration-thickness:from-font;text-underline-offset:.2em}.c6055659b8e2cd2c__is-brand,.c6055659b8e2cd2c__is-brand:visited{--_gcd-a-color:var(--wpds-color-fg-interactive-brand,var(--wp-admin-theme-color,#3858e9));color:var(--wpds-color-fg-interactive-brand,var(--wp-admin-theme-color,#3858e9))}.c6055659b8e2cd2c__is-brand:active,.c6055659b8e2cd2c__is-brand:hover{--_gcd-a-color:var(--wpds-color-fg-interactive-brand-active,var(--wp-admin-theme-color,#3858e9));color:var(--wpds-color-fg-interactive-brand-active,var(--wp-admin-theme-color,#3858e9))}._92e0dfcaeee15b88__is-neutral,._92e0dfcaeee15b88__is-neutral:visited{--_gcd-a-color:var(--wpds-color-fg-interactive-neutral,#1e1e1e);color:var(--wpds-color-fg-interactive-neutral,#1e1e1e);text-decoration-color:var(--wpds-color-stroke-interactive-neutral,#8d8d8d)}._92e0dfcaeee15b88__is-neutral:active,._92e0dfcaeee15b88__is-neutral:hover{--_gcd-a-color:var(--wpds-color-fg-interactive-neutral-active,#1e1e1e);color:var(--wpds-color-fg-interactive-neutral-active,#1e1e1e)}.cf122a9bf1035d42__is-unstyled{--_gcd-a-color:inherit;color:inherit;text-decoration:none}._0cb411afac4c86c7__link-icon{display:inline-block;font-weight:var(--wpds-typography-font-weight-regular,400);line-height:1;margin-inline-start:var(--wpds-dimension-padding-xs,4px);text-decoration:none}._0cb411afac4c86c7__link-icon:after{content:"\\2197"}._0cb411afac4c86c7__link-icon:dir(rtl):after{content:"\\2196"}}');
879 -}
880 -var style_default3 = { "link": "d4250949359b05ce__link", "is-brand": "c6055659b8e2cd2c__is-brand", "is-neutral": "_92e0dfcaeee15b88__is-neutral", "is-unstyled": "cf122a9bf1035d42__is-unstyled", "link-icon": "_0cb411afac4c86c7__link-icon" };
881 -if (typeof process === "undefined" || true) {
882 - registerStyle3("1fb29d3a3c", "._6defc79820e382c6__button{box-sizing:var(--_gcd-button-box-sizing,border-box);font-family:var(--_gcd-button-font-family,inherit);font-size:var(--_gcd-button-font-size,inherit);font-weight:var(--_gcd-button-font-weight,inherit)}.d2cff2e5dea83bd1__input{box-sizing:var(--_gcd-input-box-sizing,border-box);font-family:var(--_gcd-input-font-family,inherit);font-size:var(--_gcd-input-font-size,inherit);font-weight:var(--_gcd-input-font-weight,inherit);margin:var(--_gcd-input-margin,0);&:is(textarea,[type=text],[type=password],[type=color],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=week]){background-color:var(--_gcd-input-background-color,#0000);border:var(--_gcd-input-border,none);border-radius:var(--_gcd-input-border-radius,0);box-shadow:var(--_gcd-input-box-shadow,0 0 0 #0000);color:var(--_gcd-input-color,var(--wpds-color-fg-interactive-neutral,#1e1e1e));&:focus{border-color:var(--_gcd-input-border-color-focus,var(--wp-admin-theme-color));box-shadow:var(--_gcd-input-box-shadow-focus,none);outline:var(--_gcd-input-outline-focus,none)}&:disabled{background:var(--_gcd-input-background-disabled,#0000);border-color:var(--_gcd-input-border-color-disabled,#0000);box-shadow:var(--_gcd-input-box-shadow-disabled,none);color:var(--_gcd-input-color-disabled,var(--wpds-color-fg-interactive-neutral-disabled,#8d8d8d))}&::placeholder{color:var(--_gcd-input-placeholder-color,var(--wpds-color-fg-interactive-neutral-disabled,#8d8d8d))}}&:is(textarea,[type=text],[type=password],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=week]){line-height:var(--_gcd-input-line-height,inherit);min-height:var(--_gcd-input-min-height,auto);padding:var(--_gcd-input-padding,0)}}._547d86373d02e108__textarea{box-sizing:var(--_gcd-textarea-box-sizing,border-box);overflow:var(--_gcd-textarea-overflow,auto);resize:var(--_gcd-textarea-resize,block)}._8c15fd0ed9f28ba4__div{outline:var(--_gcd-div-outline,0 solid #0000)}p._43cec3e1eec1066d__p{font-size:var(--_gcd-p-font-size,13px);line-height:var(--_gcd-p-line-height,1.5);margin:var(--_gcd-p-margin,0)}:is(h1,h2,h3,h4,h5,h6).e97669c6d9a38497__heading{color:var(--_gcd-heading-color,var(--wpds-color-fg-content-neutral,#1e1e1e));font-size:var(--_gcd-heading-font-size,inherit);font-weight:var(--_gcd-heading-font-weight,var(--wpds-typography-font-weight-medium,499));margin:var(--_gcd-heading-margin,0)}._2c0831b0499dbd6e__a,._2c0831b0499dbd6e__a:is(:hover,:focus,:active){border-radius:var(--_gcd-a-border-radius,0);box-shadow:var(--_gcd-a-box-shadow,none);color:var(--_gcd-a-color,inherit);outline:var(--_gcd-a-outline,0 solid #0000);transition:var(--_gcd-a-transition,none)}");
883 -}
884 -var global_css_defense_default2 = { "button": "_6defc79820e382c6__button", "input": "d2cff2e5dea83bd1__input", "textarea": "_547d86373d02e108__textarea", "div": "_8c15fd0ed9f28ba4__div", "p": "_43cec3e1eec1066d__p", "heading": "e97669c6d9a38497__heading", "a": "_2c0831b0499dbd6e__a" };
885 -var Link = (0, import_element3.forwardRef)(function Link2({
886 - children,
887 - variant = "default",
888 - tone = "brand",
889 - openInNewTab = false,
890 - render,
891 - className,
892 - ...props
893 -}, ref) {
919 +var style_default3 = { "stack": "_19ce0419607e1896__stack" };
920 +var gapTokens = {
921 + xs: "var(--wpds-dimension-gap-xs, 4px)",
922 + sm: "var(--wpds-dimension-gap-sm, 8px)",
923 + md: "var(--wpds-dimension-gap-md, 12px)",
924 + lg: "var(--wpds-dimension-gap-lg, 16px)",
925 + xl: "var(--wpds-dimension-gap-xl, 24px)",
926 + "2xl": "var(--wpds-dimension-gap-2xl, 32px)",
927 + "3xl": "var(--wpds-dimension-gap-3xl, 40px)"
928 +};
929 +var Stack = (0, import_element3.forwardRef)(function Stack2({ direction, gap, align, justify, wrap, render, ...props }, ref) {
930 + const style = {
931 + gap: gap && gapTokens[gap],
932 + alignItems: align,
933 + justifyContent: justify,
934 + flexDirection: direction,
935 + flexWrap: wrap
936 + };
894 937 const element = useRender({
895 938 render,
896 - defaultTagName: "a",
897 939 ref,
898 - props: mergeProps(props, {
899 - className: clsx_default(
900 - global_css_defense_default2.a,
901 - resets_default["box-sizing"],
902 - focus_default["outset-ring--focus"],
903 - variant !== "unstyled" && style_default3.link,
904 - variant !== "unstyled" && style_default3[`is-${tone}`],
905 - variant === "unstyled" && style_default3["is-unstyled"],
906 - className
907 - ),
908 - target: openInNewTab ? "_blank" : void 0,
909 - children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
910 - children,
911 - openInNewTab && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
912 - "span",
913 - {
914 - className: style_default3["link-icon"],
915 - role: "img",
916 - "aria-label": (
917 - /* translators: accessibility text appended to link text */
918 - (0, import_i18n.__)("(opens in a new tab)")
919 - )
920 - }
921 - )
922 - ] })
923 - })
940 + props: mergeProps(props, { style, className: style_default3.stack })
924 941 });
925 942 return element;
926 943 });
927 944
945 +// widgets/site-health/render.tsx
946 +import { HostLink } from "@wordpress/widget-primitives";
947 +
928 948 // widgets/site-health/components/circle-progress/circle-progress.tsx
929 949 var import_primitives = __toESM(require_primitives());
930 950
931 951 // packages/style-runtime/src/index.ts
@@ -1011,9 +1031,9 @@
1011 1031 }
1012 1032
1013 1033 // widgets/site-health/components/circle-progress/circle-progress.module.css
1014 1034 if (typeof process === "undefined" || true) {
1015 - registerStyle4("a4904efd8f", "._102f70874f5f6f85__root{flex-shrink:0;height:calc(var(--wpds-dimension-base, 4px)*17);width:calc(var(--wpds-dimension-base, 4px)*17)}._102f70874f5f6f85__root.c2b8e83bf37a1369__success{--site-health-stroke:var(--wpds-color-stroke-surface-success,#8ac894);--site-health-fg:var(--wpds-color-fg-content-success,#002900)}._102f70874f5f6f85__root._54958716847ff487__warning{--site-health-stroke:var(--wpds-color-stroke-surface-warning,#d0b481);--site-health-fg:var(--wpds-color-fg-content-warning,#2e1900)}._102f70874f5f6f85__root._3173cf56308a969a__error{--site-health-stroke:var(--wpds-color-stroke-surface-error,#daa39b);--site-health-fg:var(--wpds-color-fg-content-error,#470000)}._102f70874f5f6f85__root circle:first-child{stroke:var(--wpds-color-bg-track-neutral,#dbdbdb);stroke-width:12}._102f70874f5f6f85__root circle:last-of-type{stroke:var(--site-health-stroke);stroke-width:12;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .5s ease}.fcddc693d8da23b7__percentage{fill:var(--site-health-fg);font-size:36px;font-weight:var(--wpds-typography-font-weight-medium,499)}");
1035 + registerStyle4("eebb3d0b89", "._102f70874f5f6f85__root{flex-shrink:0;height:64px;width:64px}._102f70874f5f6f85__root.c2b8e83bf37a1369__success{--site-health-stroke:var(--wpds-color-stroke-surface-success,#92d39d);--site-health-fg:var(--wpds-color-foreground-content-success,#002900)}._102f70874f5f6f85__root._54958716847ff487__warning{--site-health-stroke:var(--wpds-color-stroke-surface-warning,#e1bd7c);--site-health-fg:var(--wpds-color-foreground-content-warning,#2e1900)}._102f70874f5f6f85__root._3173cf56308a969a__error{--site-health-stroke:var(--wpds-color-stroke-surface-error,#e0afa7);--site-health-fg:var(--wpds-color-foreground-content-error,#470000)}._102f70874f5f6f85__root circle:first-child{stroke:var(--wpds-color-background-track-neutral,#dbdbdb);stroke-width:12}._102f70874f5f6f85__root circle:last-of-type{stroke:var(--site-health-stroke);stroke-width:12;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .5s ease}.fcddc693d8da23b7__percentage{fill:var(--site-health-fg);font-size:36px;font-weight:var(--wpds-typography-font-weight-emphasis,600)}");
1016 1036 }
1017 1037 var circle_progress_default = { "root": "_102f70874f5f6f85__root", "success": "c2b8e83bf37a1369__success", "warning": "_54958716847ff487__warning", "error": "_3173cf56308a969a__error", "percentage": "fcddc693d8da23b7__percentage" };
1018 1038
1019 1039 // widgets/site-health/components/circle-progress/circle-progress.tsx
@@ -1070,9 +1090,9 @@
1070 1090 }
1071 1091
1072 1092 // widgets/site-health/style.module.css
1073 1093 if (typeof process === "undefined" || true) {
1074 - registerStyle4("bc65cea012", "._8ff8ab5f1d3747b3__root{height:100%;margin:0 auto;max-width:calc(var(--wpds-dimension-base, 4px)*80);text-align:center}.f5b9167dff836480__loading{height:100%;min-height:calc(var(--wpds-dimension-base, 4px)*55)}");
1094 + registerStyle4("846dda0ace", "._8ff8ab5f1d3747b3__root{height:100%;margin:0 auto;max-width:var(--wpds-dimension-surface-width-sm,320px);text-align:center}.f5b9167dff836480__loading{height:100%;min-height:220px}");
1075 1095 }
1076 1096 var style_default4 = { "root": "_8ff8ab5f1d3747b3__root", "loading": "f5b9167dff836480__loading" };
1077 1097
1078 1098 // widgets/site-health/render.tsx
@@ -1081,9 +1101,10 @@
1081 1101 "/wp-site-health/v1/tests/background-updates",
1082 1102 "/wp-site-health/v1/tests/loopback-requests",
1083 1103 "/wp-site-health/v1/tests/https-status",
1084 1104 "/wp-site-health/v1/tests/dotorg-communication",
1085 - "/wp-site-health/v1/tests/authorization-header"
1105 + "/wp-site-health/v1/tests/authorization-header",
1106 + "/wp-site-health/v1/tests/page-cache"
1086 1107 ];
1087 1108 function toneForPercentage(pct) {
1088 1109 if (pct === 100) {
1089 1110 return "success";
@@ -1118,8 +1139,17 @@
1118 1139 return (0, import_i18n2.__)(
1119 1140 "Your site\u2019s health is looking good, but there are still some things you can do to improve its performance and security."
1120 1141 );
1121 1142 }
1143 +function reviewHref(counts) {
1144 + const statuses = ["critical", "recommended"].filter(
1145 + (status) => counts[status] > 0
1146 + );
1147 + const route = `/site-health?status=${statuses.join(",")}`;
1148 + return `admin.php?page=dashboard-wp-admin&p=${encodeURIComponent(
1149 + route
1150 + )}`;
1151 +}
1122 1152 function SiteHealth() {
1123 1153 const [counts, setCounts] = (0, import_element4.useState)(null);
1124 1154 const [isLoading, setIsLoading] = (0, import_element4.useState)(true);
1125 1155 (0, import_element4.useEffect)(() => {
@@ -1166,8 +1196,14 @@
1166 1196 const total = counts.good + counts.recommended + counts.critical;
1167 1197 const percentage = total > 0 ? Math.round(counts.good / total * 100) : 0;
1168 1198 const issuesTotal = counts.recommended + counts.critical;
1169 1199 const tone = toneForPercentage(percentage);
1200 + const href = reviewHref(counts);
1201 + const reviewLabel = (0, import_i18n2.sprintf)(
1202 + /* translators: %d: Number of issues to address. */
1203 + (0, import_i18n2._n)("Review %d item", "Review %d items", issuesTotal),
1204 + issuesTotal
1205 + );
1170 1206 return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
1171 1207 Stack,
1172 1208 {
1173 1209 className: style_default4.root,
@@ -1177,13 +1213,9 @@
1177 1213 gap: "lg",
1178 1214 children: [
1179 1215 /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CircleProgress, { percentage, tone }),
1180 1216 /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { variant: "body-lg", children: statusMessage(counts) }),
1181 - issuesTotal > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Link, { href: "site-health.php", children: (0, import_i18n2.sprintf)(
1182 - /* translators: %d: Number of issues to address. */
1183 - (0, import_i18n2._n)("Review %d item", "Review %d items", issuesTotal),
1184 - issuesTotal
1185 - ) })
1217 + issuesTotal > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Link, { render: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(HostLink, { href }), children: reviewLabel })
1186 1218 ]
1187 1219 }
1188 1220 );
1189 1221 }