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
gutenberg / build / widgets / welcome / render.js

render.js in Gutenberg trunk, at build/widgets/welcome/render.js

1,489 lines 66.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 var __create = Object.create;
2 var __defProp = Object.defineProperty;
3 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4 var __getOwnPropNames = Object.getOwnPropertyNames;
5 var __getProtoOf = Object.getPrototypeOf;
6 var __hasOwnProp = Object.prototype.hasOwnProperty;
7 var __commonJS = (cb, mod) => function __require() {
8 return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
9 };
10 var __copyProps = (to, from, except, desc) => {
11 if (from && typeof from === "object" || typeof from === "function") {
12 for (let key of __getOwnPropNames(from))
13 if (!__hasOwnProp.call(to, key) && key !== except)
14 __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15 }
16 return to;
17 };
18 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
19 // If the importer is in node compatibility mode or this is not an ESM
20 // file that has been converted to a CommonJS file using a Babel-
21 // compatible transform (i.e. "__esModule" has not been set), then set
22 // "default" to the CommonJS "module.exports" for node compatibility.
23 isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
24 mod
25 ));
26
27 // package-external:@wordpress/core-data
28 var require_core_data = __commonJS({
29 "package-external:@wordpress/core-data"(exports, module) {
30 module.exports = window.wp.coreData;
31 }
32 });
33
34 // package-external:@wordpress/data
35 var require_data = __commonJS({
36 "package-external:@wordpress/data"(exports, module) {
37 module.exports = window.wp.data;
38 }
39 });
40
41 // package-external:@wordpress/i18n
42 var require_i18n = __commonJS({
43 "package-external:@wordpress/i18n"(exports, module) {
44 module.exports = window.wp.i18n;
45 }
46 });
47
48 // package-external:@wordpress/element
49 var require_element = __commonJS({
50 "package-external:@wordpress/element"(exports, module) {
51 module.exports = window.wp.element;
52 }
53 });
54
55 // package-external:@wordpress/primitives
56 var require_primitives = __commonJS({
57 "package-external:@wordpress/primitives"(exports, module) {
58 module.exports = window.wp.primitives;
59 }
60 });
61
62 // vendor-external:react/jsx-runtime
63 var require_jsx_runtime = __commonJS({
64 "vendor-external:react/jsx-runtime"(exports, module) {
65 module.exports = window.ReactJSXRuntime;
66 }
67 });
68
69 // vendor-external:react
70 var require_react = __commonJS({
71 "vendor-external:react"(exports, module) {
72 module.exports = window.React;
73 }
74 });
75
76 // widgets/welcome/render.tsx
77 var import_core_data = __toESM(require_core_data());
78 var import_data = __toESM(require_data());
79 var import_i18n3 = __toESM(require_i18n());
80
81 // packages/icons/build-module/library/layout.mjs
82 var import_primitives = __toESM(require_primitives(), 1);
83 var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
84 var layout_default = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", style: { fill: "none" }, stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.Path, { d: "M9.75 19.25H18C18.6904 19.25 19.25 18.6904 19.25 18V9.75M9.75 19.25H6C5.30964 19.25 4.75 18.6904 4.75 18V9.75M9.75 19.25V9.75M19.25 9.75V6C19.25 5.30964 18.6904 4.75 18 4.75H6C5.30964 4.75 4.75 5.30964 4.75 6V9.75M19.25 9.75H9.75M9.75 9.75H4.75", vectorEffect: "non-scaling-stroke" }) });
85
86 // packages/icons/build-module/library/pencil.mjs
87 var import_primitives2 = __toESM(require_primitives(), 1);
88 var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
89 var pencil_default = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_primitives2.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", style: { fill: "none" }, stroke: "currentColor", strokeWidth: "1.5", children: [
90 /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_primitives2.Path, { d: "M5 19.25H12", vectorEffect: "non-scaling-stroke" }),
91 /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_primitives2.Path, { d: "M10 15L7.5 15.5L8 13L16 5L18 7L10 15Z", fill: "currentColor", vectorEffect: "non-scaling-stroke" })
92 ] });
93
94 // packages/icons/build-module/library/styles.mjs
95 var import_primitives3 = __toESM(require_primitives(), 1);
96 var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
97 var styles_default = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_primitives3.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", style: { fill: "none" }, stroke: "currentColor", strokeWidth: "1.5", children: [
98 /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_primitives3.Path, { d: "M12 4.75C7.99594 4.75 4.75 7.99593 4.75 12C4.75 16.0041 7.99594 19.25 12 19.25L12 4.75Z", fill: "currentColor", stroke: "none" }),
99 /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_primitives3.Path, { d: "M12 19.25C16.0041 19.25 19.25 16.0041 19.25 12C19.25 7.99594 16.0041 4.75 12 4.75C7.99594 4.75 4.75 7.99594 4.75 12C4.75 16.0041 7.99594 19.25 12 19.25Z", strokeLinejoin: "round", vectorEffect: "non-scaling-stroke" })
100 ] });
101
102 // node_modules/clsx/dist/clsx.mjs
103 function r(e) {
104 var t, f, n = "";
105 if ("string" == typeof e || "number" == typeof e) n += e;
106 else if ("object" == typeof e) if (Array.isArray(e)) {
107 var o = e.length;
108 for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
109 } else for (f in e) e[f] && (n && (n += " "), n += f);
110 return n;
111 }
112 function clsx() {
113 for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
114 return n;
115 }
116 var clsx_default = clsx;
117
118 // node_modules/@base-ui/utils/createLogOnce.mjs
119 var loggedMessages;
120 if (true) {
121 loggedMessages = /* @__PURE__ */ new Set();
122 }
123 function createLogOnce(severity, prefix) {
124 return function logOnce(...messages) {
125 if (true) {
126 const message = messages.join(" ");
127 const output = prefix ? `${prefix}: ${message}` : message;
128 const key = `${severity}:${output}`;
129 if (!loggedMessages.has(key)) {
130 loggedMessages.add(key);
131 if (severity === "warn") {
132 console.warn(output);
133 } else {
134 console.error(output);
135 }
136 }
137 }
138 };
139 }
140
141 // node_modules/@base-ui/utils/useRefWithInit.mjs
142 var React = __toESM(require_react(), 1);
143 var UNINITIALIZED = {};
144 function useRefWithInit(init, initArg) {
145 const ref = React.useRef(UNINITIALIZED);
146 if (ref.current === UNINITIALIZED) {
147 ref.current = init(initArg);
148 }
149 return ref;
150 }
151
152 // node_modules/@base-ui/utils/warn.mjs
153 var warn = createLogOnce("warn", "Base UI");
154
155 // node_modules/@base-ui/utils/empty.mjs
156 var EMPTY_ARRAY = Object.freeze([]);
157 var EMPTY_OBJECT = Object.freeze({});
158
159 // node_modules/@base-ui/react/internals/useRenderElement.mjs
160 var React4 = __toESM(require_react(), 1);
161
162 // node_modules/@base-ui/utils/useMergedRefs.mjs
163 function useMergedRefs(a, b, c, d) {
164 const forkRef = useRefWithInit(createForkRef).current;
165 if (didChange(forkRef, a, b, c, d)) {
166 update(forkRef, [a, b, c, d]);
167 }
168 return forkRef.callback;
169 }
170 function useMergedRefsN(refs) {
171 const forkRef = useRefWithInit(createForkRef).current;
172 if (didChangeN(forkRef, refs)) {
173 update(forkRef, refs);
174 }
175 return forkRef.callback;
176 }
177 function createForkRef() {
178 return {
179 callback: null,
180 cleanup: null,
181 refs: []
182 };
183 }
184 function didChange(forkRef, a, b, c, d) {
185 return forkRef.refs[0] !== a || forkRef.refs[1] !== b || forkRef.refs[2] !== c || forkRef.refs[3] !== d;
186 }
187 function didChangeN(forkRef, newRefs) {
188 return forkRef.refs.length !== newRefs.length || forkRef.refs.some((ref, index) => ref !== newRefs[index]);
189 }
190 function update(forkRef, refs) {
191 forkRef.refs = refs;
192 if (refs.every((ref) => ref == null)) {
193 forkRef.callback = null;
194 return;
195 }
196 forkRef.callback = (instance) => {
197 if (forkRef.cleanup) {
198 forkRef.cleanup();
199 forkRef.cleanup = null;
200 }
201 if (instance != null) {
202 const cleanupCallbacks = Array(refs.length).fill(null);
203 for (let i = 0; i < refs.length; i += 1) {
204 const ref = refs[i];
205 if (ref == null) {
206 continue;
207 }
208 switch (typeof ref) {
209 case "function": {
210 const refCleanup = ref(instance);
211 if (typeof refCleanup === "function") {
212 cleanupCallbacks[i] = refCleanup;
213 }
214 break;
215 }
216 case "object": {
217 ref.current = instance;
218 break;
219 }
220 default:
221 }
222 }
223 forkRef.cleanup = () => {
224 for (let i = 0; i < refs.length; i += 1) {
225 const ref = refs[i];
226 if (ref == null) {
227 continue;
228 }
229 switch (typeof ref) {
230 case "function": {
231 const cleanupCallback = cleanupCallbacks[i];
232 if (typeof cleanupCallback === "function") {
233 cleanupCallback();
234 } else {
235 void ref(null);
236 }
237 break;
238 }
239 case "object": {
240 ref.current = null;
241 break;
242 }
243 default:
244 }
245 }
246 };
247 }
248 };
249 }
250
251 // node_modules/@base-ui/utils/getReactElementRef.mjs
252 var React3 = __toESM(require_react(), 1);
253
254 // node_modules/@base-ui/utils/reactVersion.mjs
255 var React2 = __toESM(require_react(), 1);
256 var majorVersion = parseInt(React2.version, 10);
257 function isReactVersionAtLeast(reactVersionToCheck) {
258 return majorVersion >= reactVersionToCheck;
259 }
260
261 // node_modules/@base-ui/utils/getReactElementRef.mjs
262 function getReactElementRef(element) {
263 if (!/* @__PURE__ */ React3.isValidElement(element)) {
264 return null;
265 }
266 const reactElement = element;
267 const propsWithRef = reactElement.props;
268 return (isReactVersionAtLeast(19) ? propsWithRef?.ref : reactElement.ref) ?? null;
269 }
270
271 // node_modules/@base-ui/utils/mergeObjects.mjs
272 function mergeObjects(a, b) {
273 if (a && !b) {
274 return a;
275 }
276 if (!a && b) {
277 return b;
278 }
279 if (a || b) {
280 return {
281 ...a,
282 ...b
283 };
284 }
285 return void 0;
286 }
287
288 // node_modules/@base-ui/react/internals/getStateAttributesProps.mjs
289 function getStateAttributesProps(state, customMapping) {
290 const props = {};
291 for (const key in state) {
292 const value = state[key];
293 if (customMapping?.hasOwnProperty(key)) {
294 const customProps = customMapping[key](value);
295 if (customProps != null) {
296 Object.assign(props, customProps);
297 }
298 continue;
299 }
300 if (value === true) {
301 props[`data-${key.toLowerCase()}`] = "";
302 } else if (value) {
303 props[`data-${key.toLowerCase()}`] = value.toString();
304 }
305 }
306 return props;
307 }
308
309 // node_modules/@base-ui/react/utils/resolveClassName.mjs
310 function resolveClassName(className, state) {
311 return typeof className === "function" ? className(state) : className;
312 }
313
314 // node_modules/@base-ui/react/utils/resolveStyle.mjs
315 function resolveStyle(style, state) {
316 return typeof style === "function" ? style(state) : style;
317 }
318
319 // node_modules/@base-ui/react/merge-props/mergeProps.mjs
320 var EMPTY_PROPS = {};
321 function mergeProps(a, b, c, d, e) {
322 if (!c && !d && !e && !a) {
323 return createInitialMergedProps(b);
324 }
325 let merged = createInitialMergedProps(a);
326 if (b) {
327 merged = mergeInto(merged, b);
328 }
329 if (c) {
330 merged = mergeInto(merged, c);
331 }
332 if (d) {
333 merged = mergeInto(merged, d);
334 }
335 if (e) {
336 merged = mergeInto(merged, e);
337 }
338 return merged;
339 }
340 function mergePropsN(props) {
341 if (props.length === 0) {
342 return EMPTY_PROPS;
343 }
344 if (props.length === 1) {
345 return createInitialMergedProps(props[0]);
346 }
347 let merged = createInitialMergedProps(props[0]);
348 for (let i = 1; i < props.length; i += 1) {
349 merged = mergeInto(merged, props[i]);
350 }
351 return merged;
352 }
353 function createInitialMergedProps(inputProps) {
354 if (isPropsGetter(inputProps)) {
355 return {
356 ...resolvePropsGetter(inputProps, EMPTY_PROPS)
357 };
358 }
359 return copyInitialProps(inputProps);
360 }
361 function mergeInto(merged, inputProps) {
362 if (isPropsGetter(inputProps)) {
363 return resolvePropsGetter(inputProps, merged);
364 }
365 return mutablyMergeInto(merged, inputProps);
366 }
367 function copyInitialProps(inputProps) {
368 const copiedProps = {
369 ...inputProps
370 };
371 for (const propName in copiedProps) {
372 const propValue = copiedProps[propName];
373 if (isEventHandler(propName, propValue)) {
374 copiedProps[propName] = wrapEventHandler(propValue);
375 }
376 }
377 return copiedProps;
378 }
379 function mutablyMergeInto(mergedProps, externalProps) {
380 if (!externalProps) {
381 return mergedProps;
382 }
383 for (const propName in externalProps) {
384 const externalPropValue = externalProps[propName];
385 switch (propName) {
386 case "style": {
387 mergedProps[propName] = mergeObjects(mergedProps.style, externalPropValue);
388 break;
389 }
390 case "className": {
391 mergedProps[propName] = mergeClassNames(mergedProps.className, externalPropValue);
392 break;
393 }
394 default: {
395 if (isEventHandler(propName, externalPropValue)) {
396 mergedProps[propName] = mergeEventHandlers(mergedProps[propName], externalPropValue);
397 } else {
398 mergedProps[propName] = externalPropValue;
399 }
400 }
401 }
402 }
403 return mergedProps;
404 }
405 function isEventHandler(key, value) {
406 const code0 = key.charCodeAt(0);
407 const code1 = key.charCodeAt(1);
408 const code2 = key.charCodeAt(2);
409 return code0 === 111 && code1 === 110 && code2 >= 65 && code2 <= 90 && (typeof value === "function" || typeof value === "undefined");
410 }
411 function isPropsGetter(inputProps) {
412 return typeof inputProps === "function";
413 }
414 function resolvePropsGetter(inputProps, previousProps) {
415 if (isPropsGetter(inputProps)) {
416 return inputProps(previousProps);
417 }
418 return inputProps ?? EMPTY_PROPS;
419 }
420 function mergeEventHandlers(ourHandler, theirHandler) {
421 if (!theirHandler) {
422 return ourHandler;
423 }
424 if (!ourHandler) {
425 return wrapEventHandler(theirHandler);
426 }
427 return (...args) => {
428 const event = args[0];
429 if (isSyntheticEvent(event)) {
430 const baseUIEvent = event;
431 makeEventPreventable(baseUIEvent);
432 const result2 = theirHandler(...args);
433 if (!baseUIEvent.baseUIHandlerPrevented) {
434 ourHandler?.(...args);
435 }
436 return result2;
437 }
438 const result = theirHandler(...args);
439 ourHandler?.(...args);
440 return result;
441 };
442 }
443 function wrapEventHandler(handler) {
444 if (!handler) {
445 return handler;
446 }
447 return (...args) => {
448 const event = args[0];
449 if (isSyntheticEvent(event)) {
450 makeEventPreventable(event);
451 }
452 return handler(...args);
453 };
454 }
455 function makeEventPreventable(event) {
456 event.preventBaseUIHandler = () => {
457 event.baseUIHandlerPrevented = true;
458 };
459 return event;
460 }
461 function mergeClassNames(ourClassName, theirClassName) {
462 if (theirClassName) {
463 if (ourClassName) {
464 return theirClassName + " " + ourClassName;
465 }
466 return theirClassName;
467 }
468 return ourClassName;
469 }
470 function isSyntheticEvent(event) {
471 return event != null && typeof event === "object" && "nativeEvent" in event;
472 }
473
474 // node_modules/@base-ui/react/internals/useRenderElement.mjs
475 var import_react = __toESM(require_react(), 1);
476 function useRenderElement(element, componentProps, params = {}) {
477 let renderProp = componentProps.render;
478 if (params.enabled !== false) {
479 renderProp = unwrapLazyRenderProp(renderProp);
480 }
481 const outProps = useRenderElementProps(componentProps, params, renderProp);
482 if (params.enabled === false) {
483 return null;
484 }
485 const state = params.state ?? EMPTY_OBJECT;
486 return evaluateRenderProp(element, renderProp, outProps, state);
487 }
488 function useRenderElementProps(componentProps, params, renderProp) {
489 const {
490 className: classNameProp,
491 style: styleProp
492 } = componentProps;
493 const {
494 state = EMPTY_OBJECT,
495 ref,
496 props,
497 stateAttributesMapping,
498 enabled = true
499 } = params;
500 const className = enabled ? resolveClassName(classNameProp, state) : void 0;
501 const style = enabled ? resolveStyle(styleProp, state) : void 0;
502 const stateProps = enabled ? getStateAttributesProps(state, stateAttributesMapping) : EMPTY_OBJECT;
503 const resolvedProps = enabled && props ? resolveRenderFunctionProps(props) : void 0;
504 const outProps = enabled ? mergeObjects(stateProps, resolvedProps) ?? {} : EMPTY_OBJECT;
505 if (typeof document !== "undefined") {
506 if (!enabled) {
507 void useMergedRefs(null, null);
508 } else if (Array.isArray(ref)) {
509 outProps.ref = useMergedRefsN([outProps.ref, getReactElementRef(renderProp), ...ref]);
510 } else {
511 outProps.ref = useMergedRefs(outProps.ref, getReactElementRef(renderProp), ref);
512 }
513 }
514 if (!enabled) {
515 return EMPTY_OBJECT;
516 }
517 if (className !== void 0) {
518 outProps.className = mergeClassNames(outProps.className, className);
519 }
520 if (style !== void 0) {
521 outProps.style = mergeObjects(outProps.style, style);
522 }
523 return outProps;
524 }
525 function resolveRenderFunctionProps(props) {
526 if (Array.isArray(props)) {
527 return mergePropsN(props);
528 }
529 return mergeProps(void 0, props);
530 }
531 var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
532 var COMPONENT_IDENTIFIER_PATTERN = /^[A-Z][A-Za-z0-9$]*$/;
533 var LOWERCASE_CHARACTER_PATTERN = /[a-z]/;
534 function unwrapLazyRenderProp(render) {
535 if (render?.$$typeof !== REACT_LAZY_TYPE) {
536 return render;
537 }
538 const unwrapped = React4.Children.toArray(render)[0];
539 return /* @__PURE__ */ React4.isValidElement(unwrapped) ? unwrapped : render;
540 }
541 function evaluateRenderProp(element, render, props, state) {
542 if (render) {
543 if (typeof render === "function") {
544 if (true) {
545 warnIfRenderPropLooksLikeComponent(render);
546 }
547 return render(props, state);
548 }
549 const mergedProps = mergeProps(props, render.props);
550 mergedProps.ref = props.ref;
551 if (true) {
552 if (!/* @__PURE__ */ React4.isValidElement(render)) {
553 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"));
554 }
555 }
556 return /* @__PURE__ */ React4.cloneElement(render, mergedProps);
557 }
558 if (element) {
559 if (typeof element === "string") {
560 return renderTag(element, props);
561 }
562 }
563 throw new Error(true ? "Base UI: Render element or function are not defined." : formatErrorMessage_default(8));
564 }
565 function warnIfRenderPropLooksLikeComponent(renderFn) {
566 const functionName = renderFn.name;
567 if (functionName.length === 0) {
568 return;
569 }
570 if (!COMPONENT_IDENTIFIER_PATTERN.test(functionName)) {
571 return;
572 }
573 if (!LOWERCASE_CHARACTER_PATTERN.test(functionName)) {
574 return;
575 }
576 warn(`The \`render\` prop received a function named \`${functionName}\` that starts with an uppercase letter.`, "This usually means a React component was passed directly as `render={Component}`.", "Base UI calls `render` as a plain function, which can break the Rules of Hooks during reconciliation.", "If this is an intentional render callback, rename it to start with a lowercase letter.", "Use `render={<Component />}` or `render={(props) => <Component {...props} />}` instead.", "https://base-ui.com/r/invalid-render-prop");
577 }
578 function renderTag(Tag, props) {
579 if (Tag === "button") {
580 return /* @__PURE__ */ (0, import_react.createElement)("button", {
581 type: "button",
582 ...props,
583 key: props.key
584 });
585 }
586 if (Tag === "img") {
587 return /* @__PURE__ */ (0, import_react.createElement)("img", {
588 alt: "",
589 ...props,
590 key: props.key
591 });
592 }
593 return /* @__PURE__ */ React4.createElement(Tag, props);
594 }
595
596 // node_modules/@base-ui/react/use-render/useRender.mjs
597 function useRender(params) {
598 return useRenderElement(params.defaultTagName ?? "div", params, params);
599 }
600
601 // packages/ui/build-module/text/text.mjs
602 var import_element = __toESM(require_element(), 1);
603 var STYLE_HASH_ATTRIBUTE = "data-wp-hash";
604 function getRuntime() {
605 const globalScope = globalThis;
606 if (globalScope.__wpStyleRuntime) {
607 return globalScope.__wpStyleRuntime;
608 }
609 globalScope.__wpStyleRuntime = {
610 documents: /* @__PURE__ */ new Map(),
611 styles: /* @__PURE__ */ new Map(),
612 injectedStyles: /* @__PURE__ */ new WeakMap()
613 };
614 if (typeof document !== "undefined") {
615 registerDocument(document);
616 }
617 return globalScope.__wpStyleRuntime;
618 }
619 function documentContainsStyleHash(targetDocument, hash) {
620 if (!targetDocument.head) {
621 return false;
622 }
623 for (const style of targetDocument.head.querySelectorAll(
624 `style[${STYLE_HASH_ATTRIBUTE}]`
625 )) {
626 if (style.getAttribute(STYLE_HASH_ATTRIBUTE) === hash) {
627 return true;
628 }
629 }
630 return false;
631 }
632 function injectStyle(targetDocument, hash, css) {
633 if (!targetDocument.head) {
634 return;
635 }
636 const runtime = getRuntime();
637 let injectedStyles = runtime.injectedStyles.get(targetDocument);
638 if (!injectedStyles) {
639 injectedStyles = /* @__PURE__ */ new Set();
640 runtime.injectedStyles.set(targetDocument, injectedStyles);
641 }
642 if (injectedStyles.has(hash)) {
643 return;
644 }
645 if (documentContainsStyleHash(targetDocument, hash)) {
646 injectedStyles.add(hash);
647 return;
648 }
649 const style = targetDocument.createElement("style");
650 style.setAttribute(STYLE_HASH_ATTRIBUTE, hash);
651 style.appendChild(targetDocument.createTextNode(css));
652 targetDocument.head.appendChild(style);
653 injectedStyles.add(hash);
654 }
655 function registerDocument(targetDocument) {
656 const runtime = getRuntime();
657 runtime.documents.set(
658 targetDocument,
659 (runtime.documents.get(targetDocument) ?? 0) + 1
660 );
661 for (const [hash, css] of runtime.styles) {
662 injectStyle(targetDocument, hash, css);
663 }
664 return () => {
665 const count = runtime.documents.get(targetDocument);
666 if (count === void 0) {
667 return;
668 }
669 if (count <= 1) {
670 runtime.documents.delete(targetDocument);
671 return;
672 }
673 runtime.documents.set(targetDocument, count - 1);
674 };
675 }
676 function registerStyle(hash, css) {
677 const runtime = getRuntime();
678 runtime.styles.set(hash, css);
679 for (const targetDocument of runtime.documents.keys()) {
680 injectStyle(targetDocument, hash, css);
681 }
682 }
683 if (typeof process === "undefined" || true) {
684 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)}}}');
685 }
686 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" };
687 if (typeof process === "undefined" || true) {
688 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)}");
689 }
690 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" };
691 var Text = (0, import_element.forwardRef)(function Text2({ variant = "body-md", render, className, ...props }, ref) {
692 const element = useRender({
693 render,
694 defaultTagName: "span",
695 ref,
696 props: mergeProps(props, {
697 className: clsx_default(
698 style_default.text,
699 global_css_defense_default.heading,
700 global_css_defense_default.p,
701 style_default[variant],
702 className
703 )
704 })
705 });
706 return element;
707 });
708
709 // packages/ui/build-module/link/link.mjs
710 var import_element2 = __toESM(require_element(), 1);
711 var import_i18n = __toESM(require_i18n(), 1);
712 var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
713 var STYLE_HASH_ATTRIBUTE2 = "data-wp-hash";
714 function getRuntime2() {
715 const globalScope = globalThis;
716 if (globalScope.__wpStyleRuntime) {
717 return globalScope.__wpStyleRuntime;
718 }
719 globalScope.__wpStyleRuntime = {
720 documents: /* @__PURE__ */ new Map(),
721 styles: /* @__PURE__ */ new Map(),
722 injectedStyles: /* @__PURE__ */ new WeakMap()
723 };
724 if (typeof document !== "undefined") {
725 registerDocument2(document);
726 }
727 return globalScope.__wpStyleRuntime;
728 }
729 function documentContainsStyleHash2(targetDocument, hash) {
730 if (!targetDocument.head) {
731 return false;
732 }
733 for (const style of targetDocument.head.querySelectorAll(
734 `style[${STYLE_HASH_ATTRIBUTE2}]`
735 )) {
736 if (style.getAttribute(STYLE_HASH_ATTRIBUTE2) === hash) {
737 return true;
738 }
739 }
740 return false;
741 }
742 function injectStyle2(targetDocument, hash, css) {
743 if (!targetDocument.head) {
744 return;
745 }
746 const runtime = getRuntime2();
747 let injectedStyles = runtime.injectedStyles.get(targetDocument);
748 if (!injectedStyles) {
749 injectedStyles = /* @__PURE__ */ new Set();
750 runtime.injectedStyles.set(targetDocument, injectedStyles);
751 }
752 if (injectedStyles.has(hash)) {
753 return;
754 }
755 if (documentContainsStyleHash2(targetDocument, hash)) {
756 injectedStyles.add(hash);
757 return;
758 }
759 const style = targetDocument.createElement("style");
760 style.setAttribute(STYLE_HASH_ATTRIBUTE2, hash);
761 style.appendChild(targetDocument.createTextNode(css));
762 targetDocument.head.appendChild(style);
763 injectedStyles.add(hash);
764 }
765 function registerDocument2(targetDocument) {
766 const runtime = getRuntime2();
767 runtime.documents.set(
768 targetDocument,
769 (runtime.documents.get(targetDocument) ?? 0) + 1
770 );
771 for (const [hash, css] of runtime.styles) {
772 injectStyle2(targetDocument, hash, css);
773 }
774 return () => {
775 const count = runtime.documents.get(targetDocument);
776 if (count === void 0) {
777 return;
778 }
779 if (count <= 1) {
780 runtime.documents.delete(targetDocument);
781 return;
782 }
783 runtime.documents.set(targetDocument, count - 1);
784 };
785 }
786 function registerStyle2(hash, css) {
787 const runtime = getRuntime2();
788 runtime.styles.set(hash, css);
789 for (const targetDocument of runtime.documents.keys()) {
790 injectStyle2(targetDocument, hash, css);
791 }
792 }
793 if (typeof process === "undefined" || true) {
794 registerStyle2("10f3806643", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer utilities{._336cd3e4e743482f__box-sizing{box-sizing:border-box;*,:after,:before{box-sizing:inherit}}}}");
795 }
796 var resets_default = { "box-sizing": "_336cd3e4e743482f__box-sizing" };
797 if (typeof process === "undefined" || true) {
798 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))}}}");
799 }
800 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" };
801 if (typeof process === "undefined" || true) {
802 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"}}}');
803 }
804 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" };
805 if (typeof process === "undefined" || true) {
806 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)}");
807 }
808 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" };
809 var Link = (0, import_element2.forwardRef)(function Link2({
810 children,
811 variant = "default",
812 tone = "brand",
813 openInNewTab = false,
814 target,
815 render,
816 className,
817 ...props
818 }, ref) {
819 const shouldShowNewTabIndicator = openInNewTab || /^_blank$/i.test(target ?? "");
820 const element = useRender({
821 render,
822 defaultTagName: "a",
823 ref,
824 props: mergeProps(props, {
825 className: clsx_default(
826 global_css_defense_default2.a,
827 resets_default["box-sizing"],
828 focus_module_default["outset-ring--focus-except-active"],
829 variant !== "unstyled" && style_default2.link,
830 variant !== "unstyled" && style_default2[`is-${tone}`],
831 variant === "unstyled" && style_default2["is-unstyled"],
832 className
833 ),
834 target: target ?? (openInNewTab ? "_blank" : void 0),
835 children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
836 children,
837 shouldShowNewTabIndicator && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
838 "span",
839 {
840 className: style_default2["link-icon"],
841 role: "img",
842 "aria-label": (
843 /* translators: accessibility text appended to link text */
844 (0, import_i18n.__)("(opens in a new tab)")
845 )
846 }
847 )
848 ] })
849 })
850 });
851 return element;
852 });
853
854 // packages/ui/build-module/icon/icon.mjs
855 var import_element3 = __toESM(require_element(), 1);
856 var import_primitives4 = __toESM(require_primitives(), 1);
857 var import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
858 var Icon = (0, import_element3.forwardRef)(function Icon2({ icon, size = 24, style, ...restProps }, ref) {
859 const mergedStyle = icon.props.style || style ? { ...icon.props.style, ...style } : void 0;
860 return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
861 import_primitives4.SVG,
862 {
863 ref,
864 ...icon.props,
865 ...restProps,
866 ...mergedStyle ? { style: mergedStyle } : {},
867 width: size,
868 height: size
869 }
870 );
871 });
872
873 // packages/ui/build-module/stack/stack.mjs
874 var import_element4 = __toESM(require_element(), 1);
875 var STYLE_HASH_ATTRIBUTE3 = "data-wp-hash";
876 function getRuntime3() {
877 const globalScope = globalThis;
878 if (globalScope.__wpStyleRuntime) {
879 return globalScope.__wpStyleRuntime;
880 }
881 globalScope.__wpStyleRuntime = {
882 documents: /* @__PURE__ */ new Map(),
883 styles: /* @__PURE__ */ new Map(),
884 injectedStyles: /* @__PURE__ */ new WeakMap()
885 };
886 if (typeof document !== "undefined") {
887 registerDocument3(document);
888 }
889 return globalScope.__wpStyleRuntime;
890 }
891 function documentContainsStyleHash3(targetDocument, hash) {
892 if (!targetDocument.head) {
893 return false;
894 }
895 for (const style of targetDocument.head.querySelectorAll(
896 `style[${STYLE_HASH_ATTRIBUTE3}]`
897 )) {
898 if (style.getAttribute(STYLE_HASH_ATTRIBUTE3) === hash) {
899 return true;
900 }
901 }
902 return false;
903 }
904 function injectStyle3(targetDocument, hash, css) {
905 if (!targetDocument.head) {
906 return;
907 }
908 const runtime = getRuntime3();
909 let injectedStyles = runtime.injectedStyles.get(targetDocument);
910 if (!injectedStyles) {
911 injectedStyles = /* @__PURE__ */ new Set();
912 runtime.injectedStyles.set(targetDocument, injectedStyles);
913 }
914 if (injectedStyles.has(hash)) {
915 return;
916 }
917 if (documentContainsStyleHash3(targetDocument, hash)) {
918 injectedStyles.add(hash);
919 return;
920 }
921 const style = targetDocument.createElement("style");
922 style.setAttribute(STYLE_HASH_ATTRIBUTE3, hash);
923 style.appendChild(targetDocument.createTextNode(css));
924 targetDocument.head.appendChild(style);
925 injectedStyles.add(hash);
926 }
927 function registerDocument3(targetDocument) {
928 const runtime = getRuntime3();
929 runtime.documents.set(
930 targetDocument,
931 (runtime.documents.get(targetDocument) ?? 0) + 1
932 );
933 for (const [hash, css] of runtime.styles) {
934 injectStyle3(targetDocument, hash, css);
935 }
936 return () => {
937 const count = runtime.documents.get(targetDocument);
938 if (count === void 0) {
939 return;
940 }
941 if (count <= 1) {
942 runtime.documents.delete(targetDocument);
943 return;
944 }
945 runtime.documents.set(targetDocument, count - 1);
946 };
947 }
948 function registerStyle3(hash, css) {
949 const runtime = getRuntime3();
950 runtime.styles.set(hash, css);
951 for (const targetDocument of runtime.documents.keys()) {
952 injectStyle3(targetDocument, hash, css);
953 }
954 }
955 if (typeof process === "undefined" || true) {
956 registerStyle3("32aba35fe1", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{._19ce0419607e1896__stack{display:flex}}}");
957 }
958 var style_default3 = { "stack": "_19ce0419607e1896__stack" };
959 var gapTokens = {
960 xs: "var(--wpds-dimension-gap-xs, 4px)",
961 sm: "var(--wpds-dimension-gap-sm, 8px)",
962 md: "var(--wpds-dimension-gap-md, 12px)",
963 lg: "var(--wpds-dimension-gap-lg, 16px)",
964 xl: "var(--wpds-dimension-gap-xl, 24px)",
965 "2xl": "var(--wpds-dimension-gap-2xl, 32px)",
966 "3xl": "var(--wpds-dimension-gap-3xl, 40px)"
967 };
968 var Stack = (0, import_element4.forwardRef)(function Stack2({ direction, gap, align, justify, wrap, render, ...props }, ref) {
969 const style = {
970 gap: gap && gapTokens[gap],
971 alignItems: align,
972 justifyContent: justify,
973 flexDirection: direction,
974 flexWrap: wrap
975 };
976 const element = useRender({
977 render,
978 ref,
979 props: mergeProps(props, { style, className: style_default3.stack })
980 });
981 return element;
982 });
983
984 // widgets/welcome/components/banner/banner.tsx
985 var import_i18n2 = __toESM(require_i18n());
986
987 // widgets/welcome/components/header-background/header-background.tsx
988 var import_element5 = __toESM(require_element());
989 var import_primitives5 = __toESM(require_primitives());
990
991 // packages/style-runtime/src/index.ts
992 var STYLE_HASH_ATTRIBUTE4 = "data-wp-hash";
993 function getRuntime4() {
994 const globalScope = globalThis;
995 if (globalScope.__wpStyleRuntime) {
996 return globalScope.__wpStyleRuntime;
997 }
998 globalScope.__wpStyleRuntime = {
999 documents: /* @__PURE__ */ new Map(),
1000 styles: /* @__PURE__ */ new Map(),
1001 injectedStyles: /* @__PURE__ */ new WeakMap()
1002 };
1003 if (typeof document !== "undefined") {
1004 registerDocument4(document);
1005 }
1006 return globalScope.__wpStyleRuntime;
1007 }
1008 function documentContainsStyleHash4(targetDocument, hash) {
1009 if (!targetDocument.head) {
1010 return false;
1011 }
1012 for (const style of targetDocument.head.querySelectorAll(
1013 `style[${STYLE_HASH_ATTRIBUTE4}]`
1014 )) {
1015 if (style.getAttribute(STYLE_HASH_ATTRIBUTE4) === hash) {
1016 return true;
1017 }
1018 }
1019 return false;
1020 }
1021 function injectStyle4(targetDocument, hash, css) {
1022 if (!targetDocument.head) {
1023 return;
1024 }
1025 const runtime = getRuntime4();
1026 let injectedStyles = runtime.injectedStyles.get(targetDocument);
1027 if (!injectedStyles) {
1028 injectedStyles = /* @__PURE__ */ new Set();
1029 runtime.injectedStyles.set(targetDocument, injectedStyles);
1030 }
1031 if (injectedStyles.has(hash)) {
1032 return;
1033 }
1034 if (documentContainsStyleHash4(targetDocument, hash)) {
1035 injectedStyles.add(hash);
1036 return;
1037 }
1038 const style = targetDocument.createElement("style");
1039 style.setAttribute(STYLE_HASH_ATTRIBUTE4, hash);
1040 style.appendChild(targetDocument.createTextNode(css));
1041 targetDocument.head.appendChild(style);
1042 injectedStyles.add(hash);
1043 }
1044 function registerDocument4(targetDocument) {
1045 const runtime = getRuntime4();
1046 runtime.documents.set(
1047 targetDocument,
1048 (runtime.documents.get(targetDocument) ?? 0) + 1
1049 );
1050 for (const [hash, css] of runtime.styles) {
1051 injectStyle4(targetDocument, hash, css);
1052 }
1053 return () => {
1054 const count = runtime.documents.get(targetDocument);
1055 if (count === void 0) {
1056 return;
1057 }
1058 if (count <= 1) {
1059 runtime.documents.delete(targetDocument);
1060 return;
1061 }
1062 runtime.documents.set(targetDocument, count - 1);
1063 };
1064 }
1065 function registerStyle4(hash, css) {
1066 const runtime = getRuntime4();
1067 runtime.styles.set(hash, css);
1068 for (const targetDocument of runtime.documents.keys()) {
1069 injectStyle4(targetDocument, hash, css);
1070 }
1071 }
1072
1073 // widgets/welcome/components/header-background/header-background.module.css
1074 if (typeof process === "undefined" || true) {
1075 registerStyle4("7554282f0a", "._2dc6908d13f9b567__root{block-size:100%;inline-size:100%;inset:0;pointer-events:none;position:absolute;z-index:0}.ce013c8671de98ad__glint{transform:translateX(-360px)}@media not (prefers-reduced-motion){.ce013c8671de98ad__glint{animation:eaaa6cd949ed5785__welcomeVersionGlint 10s var(--wpds-motion-easing-expressive,cubic-bezier(.25,0,0,1)) 3s 3}}@keyframes eaaa6cd949ed5785__welcomeVersionGlint{0%{transform:translateX(-360px)}50%{transform:translateX(1040px)}to{transform:translateX(1040px)}}");
1076 }
1077 var header_background_default = { "root": "_2dc6908d13f9b567__root", "glint": "ce013c8671de98ad__glint", "welcomeVersionGlint": "eaaa6cd949ed5785__welcomeVersionGlint" };
1078
1079 // widgets/welcome/components/header-background/header-background.tsx
1080 var import_jsx_runtime6 = __toESM(require_jsx_runtime());
1081 var GLYPH_HEIGHT = 200;
1082 var GLYPHS = {
1083 "0": {
1084 advance: 150,
1085 strokes: [{ d: "M76 30 a48 82 0 1 0 0 164 a48 82 0 1 0 0 -164 Z" }]
1086 },
1087 "1": { advance: 110, strokes: [{ d: "M30 56 L74 22 L74 202" }] },
1088 "2": {
1089 advance: 150,
1090 strokes: [
1091 { d: "M34 66 A44 40 0 1 1 120 70 C120 112 38 152 30 196 L124 196" }
1092 ]
1093 },
1094 "3": {
1095 advance: 150,
1096 strokes: [{ d: "M34 54 A42 36 0 1 1 80 102 A50 48 0 1 1 30 174" }]
1097 },
1098 "4": { advance: 150, strokes: [{ d: "M106 196 V40 L28 138 H128" }] },
1099 "5": {
1100 advance: 150,
1101 strokes: [{ d: "M114 40 H58 L57 104 H74 A46 48 0 1 1 50 186" }]
1102 },
1103 "6": {
1104 advance: 150,
1105 strokes: [
1106 {
1107 d: "M28 143 a46 46 0 1 0 92 0 a46 46 0 1 0 -92 0",
1108 vec: [-39, 156, 78, 39],
1109 stops: "ring"
1110 },
1111 { d: "M117 34 L42 110", vec: [97, -18, -56, 135] }
1112 ]
1113 },
1114 "7": { advance: 150, strokes: [{ d: "M30 24 H128 L64 202" }] },
1115 "8": {
1116 advance: 150,
1117 strokes: [
1118 {
1119 d: "M76 26 a38 38 0 1 0 0 76 a38 38 0 1 0 0 -76",
1120 vec: [120, 16, 30, 200]
1121 },
1122 {
1123 d: "M76 106 a46 46 0 1 0 0 92 a46 46 0 1 0 0 -92",
1124 vec: [120, 16, 30, 200]
1125 }
1126 ]
1127 },
1128 "9": {
1129 advance: 150,
1130 strokes: [
1131 {
1132 d: "M30 82 a46 46 0 1 0 92 0 a46 46 0 1 0 -92 0",
1133 vec: [190, 69, 73, 186],
1134 stops: "ring"
1135 },
1136 { d: "M33 190 L109 115", vec: [54, 243, 207, 90] }
1137 ]
1138 },
1139 ".": { advance: 80, circles: [{ cx: 40, cy: 178, r: 26 }] }
1140 };
1141 var VIEW_WIDTH = 1e3;
1142 var VIEW_HEIGHT = 300;
1143 var RIGHT_MARGIN = 40;
1144 var GLYPH_GAP = 2;
1145 var GLYPH_TOP = (VIEW_HEIGHT - GLYPH_HEIGHT) / 2;
1146 var STOP_SETS = {
1147 // Ring of the 6/9: light at the bottom, near-black where the stem lands.
1148 ring: [
1149 ["var(--banner-accent-warm)", 0],
1150 ["var(--banner-accent-brand)", 0.665],
1151 ["var(--banner-accent-dark)", 1]
1152 ],
1153 // Stems and plain digits: near-black to light along the stroke.
1154 linear: [
1155 ["var(--banner-accent-dark)", 0],
1156 ["var(--banner-accent-brand)", 0.5],
1157 ["var(--banner-accent-warm)", 1]
1158 ]
1159 };
1160 function HeaderBackground({ version: version2 }) {
1161 const idBase = (0, import_element5.useId)();
1162 const maskId = `${idBase}-glint-mask`;
1163 const glintId = `${idBase}-glint`;
1164 const placed = [];
1165 let cursor = VIEW_WIDTH - RIGHT_MARGIN;
1166 const chars = Array.from(version2);
1167 for (let i = chars.length - 1; i >= 0; i--) {
1168 const char = chars[i];
1169 if (!char) {
1170 continue;
1171 }
1172 const glyph = GLYPHS[char];
1173 if (!glyph) {
1174 continue;
1175 }
1176 const x = cursor - glyph.advance;
1177 placed.unshift({ key: `${i}-${char}`, x, char, glyph });
1178 cursor = x - GLYPH_GAP;
1179 }
1180 const strokeId = (glyphIndex, strokeIndex) => `${idBase}-${glyphIndex}-${strokeIndex}`;
1181 const renderGlyphs = (forMask) => placed.map(({ key, x, char, glyph }, glyphIndex) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
1182 import_primitives5.G,
1183 {
1184 "data-glyph": char,
1185 transform: `translate(${x} ${GLYPH_TOP})`,
1186 children: [
1187 glyph.strokes?.map((stroke, strokeIndex) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1188 import_primitives5.Path,
1189 {
1190 d: stroke.d,
1191 stroke: forMask ? "white" : `url(#${strokeId(
1192 glyphIndex,
1193 strokeIndex
1194 )})`
1195 },
1196 strokeIndex
1197 )),
1198 glyph.circles?.map((circle, circleIndex) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1199 import_primitives5.Circle,
1200 {
1201 cx: circle.cx,
1202 cy: circle.cy,
1203 r: circle.r,
1204 fill: forMask ? "white" : "var(--banner-accent-brand)"
1205 },
1206 circleIndex
1207 ))
1208 ]
1209 },
1210 key
1211 ));
1212 return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
1213 import_primitives5.SVG,
1214 {
1215 className: header_background_default.root,
1216 preserveAspectRatio: "xMaxYMid slice",
1217 fill: "none",
1218 viewBox: `0 0 ${VIEW_WIDTH} ${VIEW_HEIGHT}`,
1219 xmlns: "http://www.w3.org/2000/svg",
1220 children: [
1221 /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1222 import_primitives5.G,
1223 {
1224 fill: "none",
1225 strokeLinecap: "round",
1226 strokeLinejoin: "round",
1227 strokeWidth: "44",
1228 children: renderGlyphs(false)
1229 }
1230 ),
1231 /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_primitives5.G, { mask: `url(#${maskId})`, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1232 import_primitives5.Rect,
1233 {
1234 className: header_background_default.glint,
1235 x: "0",
1236 y: "0",
1237 width: "300",
1238 height: VIEW_HEIGHT,
1239 fill: `url(#${glintId})`
1240 }
1241 ) }),
1242 /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_primitives5.Defs, { children: [
1243 placed.flatMap(
1244 ({ glyph }, glyphIndex) => (glyph.strokes ?? []).map((stroke, strokeIndex) => {
1245 const [x1, y1, x2, y2] = stroke.vec ?? [
1246 glyph.advance * 0.8,
1247 6,
1248 glyph.advance * 0.15,
1249 196
1250 ];
1251 return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1252 import_primitives5.LinearGradient,
1253 {
1254 id: strokeId(glyphIndex, strokeIndex),
1255 gradientUnits: "userSpaceOnUse",
1256 x1,
1257 y1,
1258 x2,
1259 y2,
1260 children: STOP_SETS[stroke.stops ?? "linear"].map(
1261 ([color, offset]) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1262 import_primitives5.Stop,
1263 {
1264 offset,
1265 stopColor: color
1266 },
1267 offset
1268 )
1269 )
1270 },
1271 `${glyphIndex}-${strokeIndex}`
1272 );
1273 })
1274 ),
1275 /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_primitives5.LinearGradient, { id: glintId, x1: "0", y1: "0", x2: "1", y2: "0.55", children: [
1276 /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1277 import_primitives5.Stop,
1278 {
1279 offset: "0",
1280 stopColor: "var(--banner-glint)",
1281 stopOpacity: "0"
1282 }
1283 ),
1284 /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1285 import_primitives5.Stop,
1286 {
1287 offset: "0.4",
1288 stopColor: "var(--banner-glint)",
1289 stopOpacity: "0"
1290 }
1291 ),
1292 /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1293 import_primitives5.Stop,
1294 {
1295 offset: "0.5",
1296 stopColor: "var(--banner-glint)",
1297 stopOpacity: "0.65"
1298 }
1299 ),
1300 /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1301 import_primitives5.Stop,
1302 {
1303 offset: "0.6",
1304 stopColor: "var(--banner-glint)",
1305 stopOpacity: "0"
1306 }
1307 ),
1308 /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1309 import_primitives5.Stop,
1310 {
1311 offset: "1",
1312 stopColor: "var(--banner-glint)",
1313 stopOpacity: "0"
1314 }
1315 )
1316 ] }),
1317 /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1318 "mask",
1319 {
1320 id: maskId,
1321 maskUnits: "userSpaceOnUse",
1322 x: "0",
1323 y: "0",
1324 width: VIEW_WIDTH,
1325 height: VIEW_HEIGHT,
1326 children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1327 import_primitives5.G,
1328 {
1329 fill: "none",
1330 strokeLinecap: "round",
1331 strokeLinejoin: "round",
1332 strokeWidth: "44",
1333 children: renderGlyphs(true)
1334 }
1335 )
1336 }
1337 )
1338 ] })
1339 ]
1340 }
1341 );
1342 }
1343
1344 // widgets/welcome/components/banner/banner.module.css
1345 if (typeof process === "undefined" || true) {
1346 registerStyle4("28d97e4107", ".b895e30353489bf2__banner{--banner-bg:var(--wpds-color-background-interactive-neutral-strong,#2d2d2d);--banner-fg:var(--wpds-color-foreground-interactive-neutral-strong,#f0f0f0);--banner-accent-brand:var(--wpds-color-background-interactive-brand-strong,var(--wp-admin-theme-color,#3858e9));--banner-accent-warm:color-mix(in srgb,var(--wpds-color-stroke-surface-warning,#e1bd7c) 60%,var(--wpds-color-background-surface-neutral-strong,#fff));--banner-accent-dark:var(--wpds-color-foreground-content-neutral,#1e1e1e);--banner-glint:color-mix(in srgb,var(--banner-fg) 80%,var(--banner-accent-warm));background-color:var(--banner-bg);background-image:linear-gradient(108deg,var(--banner-bg) 0,var(--banner-bg) 26%,var(--banner-accent-brand) 66%,var(--banner-accent-warm) 100%);color:var(--banner-fg);min-height:clamp(180px,20cqi,320px);overflow:hidden;padding:var(--wpds-dimension-padding-3xl,32px);position:relative}.ccc416739f0cea2c__banner-content{position:relative;z-index:1}._1e0c93c7c571b6d1__banner-link{color:inherit;text-decoration:underline;text-underline-offset:.2em}@container (max-width: 420px){.b895e30353489bf2__banner{padding:var(--wpds-dimension-padding-lg,16px)}}");
1347 }
1348 var banner_default = { "banner": "b895e30353489bf2__banner", "banner-content": "ccc416739f0cea2c__banner-content", "banner-link": "_1e0c93c7c571b6d1__banner-link" };
1349
1350 // widgets/welcome/components/banner/banner.tsx
1351 var import_jsx_runtime7 = __toESM(require_jsx_runtime());
1352 var DISPLAY_VERSION = "7.1";
1353 function Banner() {
1354 return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Stack, { className: banner_default.banner, direction: "column", justify: "center", children: [
1355 /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(HeaderBackground, { version: DISPLAY_VERSION }),
1356 /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
1357 Stack,
1358 {
1359 className: banner_default["banner-content"],
1360 gap: "sm",
1361 direction: "column",
1362 children: [
1363 /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { variant: "heading-2xl", children: (0, import_i18n2.__)("Welcome to WordPress!") }),
1364 /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { variant: "heading-lg", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1365 Link,
1366 {
1367 className: banner_default["banner-link"],
1368 href: "/wp-admin/about.php",
1369 variant: "unstyled",
1370 children: (0, import_i18n2.sprintf)(
1371 /* translators: %s: Current WordPress version. */
1372 (0, import_i18n2.__)("Learn more about the %s version."),
1373 DISPLAY_VERSION
1374 )
1375 }
1376 ) })
1377 ]
1378 }
1379 )
1380 ] });
1381 }
1382
1383 // widgets/welcome/components/feature-highlight/feature-highlight.module.css
1384 if (typeof process === "undefined" || true) {
1385 registerStyle4("4329b2b2c0", "._180910d8a0c62db5__icon-box{background-color:var(--wpds-color-background-interactive-neutral-strong,#2d2d2d);block-size:calc(var(--wpds-dimension-padding-2xl, 24px)*2);border-radius:var(--wpds-border-radius-md,4px);color:var(--wpds-color-foreground-interactive-neutral-strong,#f0f0f0);flex-shrink:0;inline-size:calc(var(--wpds-dimension-padding-2xl, 24px)*2)}");
1386 }
1387 var feature_highlight_default = { "icon-box": "_180910d8a0c62db5__icon-box" };
1388
1389 // widgets/welcome/components/feature-highlight/feature-highlight.tsx
1390 var import_jsx_runtime8 = __toESM(require_jsx_runtime());
1391 function FeatureHighlight({
1392 icon,
1393 title,
1394 description,
1395 ctaUrl,
1396 ctaLabel
1397 }) {
1398 return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Stack, { direction: "row", gap: "lg", align: "start", children: [
1399 /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1400 Stack,
1401 {
1402 className: feature_highlight_default["icon-box"],
1403 direction: "column",
1404 align: "center",
1405 justify: "center",
1406 children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { icon })
1407 }
1408 ),
1409 /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Stack, { direction: "column", gap: "sm", children: [
1410 /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { variant: "heading-md", render: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", {}), children: title }),
1411 /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { render: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", {}), children: description }),
1412 /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Link, { href: ctaUrl, children: ctaLabel })
1413 ] })
1414 ] });
1415 }
1416
1417 // widgets/welcome/style.module.css
1418 if (typeof process === "undefined" || true) {
1419 registerStyle4("65df814a93", "._2f6622b092c712f3__root{container-type:inline-size;min-height:100%}.d2e844d428fd4410__columns{align-items:center;display:grid;flex:1;gap:var(--wpds-dimension-gap-2xl,32px);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 var(--wpds-dimension-padding-2xl,24px) var(--wpds-dimension-padding-2xl,24px);padding:0 var(--wpds-dimension-padding-2xl,24px) var(--wpds-dimension-padding-2xl,24px)}@container (max-width: 420px){.d2e844d428fd4410__columns{margin:0;padding:var(--wpds-dimension-padding-lg,16px)}}");
1420 }
1421 var style_default4 = { "root": "_2f6622b092c712f3__root", "columns": "d2e844d428fd4410__columns" };
1422
1423 // widgets/welcome/render.tsx
1424 var import_jsx_runtime9 = __toESM(require_jsx_runtime());
1425 function WelcomeBanner() {
1426 const isClassicTheme = (0, import_data.useSelect)(
1427 (select) => select(import_core_data.store).getCurrentTheme()?.is_block_theme === false,
1428 []
1429 );
1430 const customizeFeature = isClassicTheme ? {
1431 icon: layout_default,
1432 title: (0, import_i18n3.__)("Start customizing"),
1433 description: (0, import_i18n3.__)(
1434 "Configure your site\u2019s logo, header, menus, and more in the Customizer."
1435 ),
1436 ctaUrl: "/wp-admin/customize.php",
1437 ctaLabel: (0, import_i18n3.__)("Open the Customizer")
1438 } : {
1439 icon: layout_default,
1440 title: (0, import_i18n3.__)("Customize your entire site with block themes"),
1441 description: (0, import_i18n3.__)(
1442 "Design everything on your site \u2014 from the header down to the footer, all using blocks and patterns."
1443 ),
1444 ctaUrl: "/wp-admin/site-editor.php",
1445 ctaLabel: (0, import_i18n3.__)("Open site editor")
1446 };
1447 const stylesFeature = isClassicTheme ? {
1448 icon: styles_default,
1449 title: (0, import_i18n3.__)("Discover a new way to build your site"),
1450 description: (0, import_i18n3.__)(
1451 "There is a new kind of WordPress theme, called a block theme, that lets you build the site you\u2019ve always wanted \u2014 with blocks and styles."
1452 ),
1453 ctaUrl: "https://wordpress.org/documentation/article/block-themes/",
1454 ctaLabel: (0, import_i18n3.__)("Learn about block themes")
1455 } : {
1456 icon: styles_default,
1457 title: (0, import_i18n3.__)("Switch up your site\u2019s look & feel with Styles"),
1458 description: (0, import_i18n3.__)(
1459 "Tweak your site, or give it a whole new look! Get creative \u2014 how about a new color palette or font?"
1460 ),
1461 ctaUrl: "/wp-admin/site-editor.php?p=%2Fstyles",
1462 ctaLabel: (0, import_i18n3.__)("Edit styles")
1463 };
1464 return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Stack, { className: style_default4.root, direction: "column", gap: "lg", children: [
1465 /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Banner, {}),
1466 /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Stack, { className: style_default4.columns, children: [
1467 /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
1468 FeatureHighlight,
1469 {
1470 icon: pencil_default,
1471 title: (0, import_i18n3.__)(
1472 "Author rich content with blocks and patterns"
1473 ),
1474 description: (0, import_i18n3.__)(
1475 "Patterns are pre-configured block layouts. Use them to get inspired or create new pages in a flash."
1476 ),
1477 ctaUrl: "/wp-admin/post-new.php?post_type=page",
1478 ctaLabel: (0, import_i18n3.__)("Add a new page")
1479 }
1480 ),
1481 /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FeatureHighlight, { ...customizeFeature }),
1482 /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FeatureHighlight, { ...stylesFeature })
1483 ] })
1484 ] });
1485 }
1486 export {
1487 WelcomeBanner as default
1488 };
1489