| @@ -95,9 +95,9 @@ | ||
| 95 | 95 | |
| 96 | 96 | // packages/icons/build-module/library/wordpress.mjs |
| 97 | 97 | var import_primitives = __toESM(require_primitives(), 1); |
| 98 | 98 | var import_jsx_runtime = __toESM(require_jsx_runtime(), 1); |
| 99 | -var wordpress_default = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "-2 -2 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.Path, { d: "M20 10c0-5.51-4.49-10-10-10C4.48 0 0 4.49 0 10c0 5.52 4.48 10 10 10 5.51 0 10-4.48 10-10zM7.78 15.37L4.37 6.22c.55-.02 1.17-.08 1.17-.08.5-.06.44-1.13-.06-1.11 0 0-1.45.11-2.37.11-.18 0-.37 0-.58-.01C4.12 2.69 6.87 1.11 10 1.11c2.33 0 4.45.87 6.05 2.34-.68-.11-1.65.39-1.65 1.58 0 .74.45 1.36.9 2.1.35.61.55 1.36.55 2.46 0 1.49-1.4 5-1.4 5l-3.03-8.37c.54-.02.82-.17.82-.17.5-.05.44-1.25-.06-1.22 0 0-1.44.12-2.38.12-.87 0-2.33-.12-2.33-.12-.5-.03-.56 1.2-.06 1.22l.92.08 1.26 3.41zM17.41 10c.24-.64.74-1.87.43-4.25.7 1.29 1.05 2.71 1.05 4.25 0 3.29-1.73 6.24-4.4 7.78.97-2.59 1.94-5.2 2.92-7.78zM6.1 18.09C3.12 16.65 1.11 13.53 1.11 10c0-1.3.23-2.48.72-3.59C3.25 10.3 4.67 14.2 6.1 18.09zm4.03-6.63l2.58 6.98c-.86.29-1.76.45-2.71.45-.79 0-1.57-.11-2.29-.33.81-2.38 1.62-4.74 2.42-7.1z" }) }); | |
| 99 | +var wordpress_default = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.Path, { d: "M 22 12 C 22 6.49 17.51 2 12 2 C 6.48 2 2 6.49 2 12 C 2 17.52 6.48 22 12 22 C 17.51 22 22 17.52 22 12 M 9.78 17.37 L 6.37 8.22 C 6.92 8.2 7.54 8.14 7.54 8.14 C 8.04 8.08 7.98 7.01 7.48 7.03 C 7.48 7.03 6.03 7.14 5.11 7.14 C 4.93 7.14 4.74 7.14 4.53 7.13 C 6.12 4.69 8.87 3.11 12 3.11 C 14.33 3.11 16.45 3.98 18.05 5.45 C 17.37 5.34 16.4 5.84 16.4 7.03 C 16.4 7.77 16.85 8.39 17.3 9.13 C 17.65 9.74 17.85 10.49 17.85 11.59 C 17.85 13.08 16.45 16.59 16.45 16.59 L 13.42 8.22 C 13.96 8.2 14.24 8.05 14.24 8.05 C 14.74 8 14.68 6.8 14.18 6.83 C 14.18 6.83 12.74 6.95 11.8 6.95 C 10.93 6.95 9.47 6.83 9.47 6.83 C 8.97 6.8 8.91 8.03 9.41 8.05 L 10.33 8.13 L 11.59 11.54 L 9.78 17.37 M 19.41 12 C 19.65 11.36 20.15 10.13 19.84 7.75 C 20.54 9.04 20.89 10.46 20.89 12 C 20.89 15.29 19.16 18.24 16.49 19.78 C 17.46 17.19 18.43 14.58 19.41 12 M 8.1 20.09 C 5.12 18.65 3.11 15.53 3.11 12 C 3.11 10.7 3.34 9.52 3.83 8.41 C 5.25 12.3 6.67 16.2 8.1 20.09 M 12.13 13.46 L 14.71 20.44 C 13.85 20.73 12.95 20.89 12 20.89 C 11.21 20.89 10.43 20.78 9.71 20.56 C 10.52 18.18 11.33 15.82 12.13 13.46 L 12.13 13.46" }) }); | |
| 100 | 100 | |
| 101 | 101 | // widgets/site-preview/render.tsx |
| 102 | 102 | var import_url = __toESM(require_url()); |
| 103 | 103 | var import_components = __toESM(require_components()); |
| @@ -117,31 +117,45 @@ | ||
| 117 | 117 | return n; |
| 118 | 118 | } |
| 119 | 119 | var clsx_default = clsx; |
| 120 | 120 | |
| 121 | -// node_modules/@base-ui/utils/esm/error.js | |
| 122 | -var set; | |
| 121 | +// node_modules/@base-ui/utils/createLogOnce.mjs | |
| 122 | +var loggedMessages; | |
| 123 | 123 | if (true) { |
| 124 | - set = /* @__PURE__ */ new Set(); | |
| 124 | + loggedMessages = /* @__PURE__ */ new Set(); | |
| 125 | 125 | } |
| 126 | -function error(...messages) { | |
| 127 | - if (true) { | |
| 128 | - const messageKey = messages.join(" "); | |
| 129 | - if (!set.has(messageKey)) { | |
| 130 | - set.add(messageKey); | |
| 131 | - console.error(`Base UI: ${messageKey}`); | |
| 126 | +function createLogOnce(severity, prefix) { | |
| 127 | + return function logOnce(...messages) { | |
| 128 | + if (true) { | |
| 129 | + const message = messages.join(" "); | |
| 130 | + const output = prefix ? `${prefix}: ${message}` : message; | |
| 131 | + const key = `${severity}:${output}`; | |
| 132 | + if (!loggedMessages.has(key)) { | |
| 133 | + loggedMessages.add(key); | |
| 134 | + if (severity === "warn") { | |
| 135 | + console.warn(output); | |
| 136 | + } else { | |
| 137 | + console.error(output); | |
| 138 | + } | |
| 139 | + } | |
| 132 | 140 | } |
| 133 | - } | |
| 141 | + }; | |
| 134 | 142 | } |
| 135 | 143 | |
| 136 | -// node_modules/@base-ui/utils/esm/useStableCallback.js | |
| 137 | -var React2 = __toESM(require_react(), 1); | |
| 144 | +// node_modules/@base-ui/utils/error.mjs | |
| 145 | +var error = createLogOnce("error", "Base UI"); | |
| 138 | 146 | |
| 139 | -// node_modules/@base-ui/utils/esm/useRefWithInit.js | |
| 147 | +// node_modules/@base-ui/utils/safeReact.mjs | |
| 140 | 148 | var React = __toESM(require_react(), 1); |
| 149 | +var SafeReact = { | |
| 150 | + ...React | |
| 151 | +}; | |
| 152 | + | |
| 153 | +// node_modules/@base-ui/utils/useRefWithInit.mjs | |
| 154 | +var React2 = __toESM(require_react(), 1); | |
| 141 | 155 | var UNINITIALIZED = {}; |
| 142 | 156 | function useRefWithInit(init, initArg) { |
| 143 | - const ref = React.useRef(UNINITIALIZED); | |
| 157 | + const ref = React2.useRef(UNINITIALIZED); | |
| 144 | 158 | if (ref.current === UNINITIALIZED) { |
| 145 | 159 | ref.current = init(initArg); |
| 146 | 160 | } |
| 147 | 161 | return ref; |
| @@ -146,14 +160,14 @@ | ||
| 146 | 160 | } |
| 147 | 161 | return ref; |
| 148 | 162 | } |
| 149 | 163 | |
| 150 | -// node_modules/@base-ui/utils/esm/useStableCallback.js | |
| 151 | -var useInsertionEffect = React2[`useInsertionEffect${Math.random().toFixed(1)}`.slice(0, -3)]; | |
| 164 | +// node_modules/@base-ui/utils/useStableCallback.mjs | |
| 165 | +var useInsertionEffect = SafeReact.useInsertionEffect; | |
| 152 | 166 | var useSafeInsertionEffect = ( |
| 153 | 167 | // React 17 doesn't have useInsertionEffect. |
| 154 | 168 | useInsertionEffect && // Preact replaces useInsertionEffect with useLayoutEffect and fires too late. |
| 155 | - useInsertionEffect !== React2.useLayoutEffect ? useInsertionEffect : (fn) => fn() | |
| 169 | + useInsertionEffect !== SafeReact.useLayoutEffect ? useInsertionEffect : (fn) => fn() | |
| 156 | 170 | ); |
| 157 | 171 | function useStableCallback(callback) { |
| 158 | 172 | const stable = useRefWithInit(createStableCallback).current; |
| 159 | 173 | stable.next = callback; |
| @@ -179,33 +193,25 @@ | ||
| 179 | 193 | ); |
| 180 | 194 | } |
| 181 | 195 | } |
| 182 | 196 | |
| 183 | -// node_modules/@base-ui/utils/esm/useIsoLayoutEffect.js | |
| 197 | +// node_modules/@base-ui/utils/warn.mjs | |
| 198 | +var warn = createLogOnce("warn", "Base UI"); | |
| 199 | + | |
| 200 | +// node_modules/@base-ui/utils/empty.mjs | |
| 201 | +var EMPTY_ARRAY = Object.freeze([]); | |
| 202 | +var EMPTY_OBJECT = Object.freeze({}); | |
| 203 | + | |
| 204 | +// node_modules/@base-ui/utils/useIsoLayoutEffect.mjs | |
| 184 | 205 | var React3 = __toESM(require_react(), 1); |
| 185 | 206 | var noop = () => { |
| 186 | 207 | }; |
| 187 | 208 | var useIsoLayoutEffect = typeof document !== "undefined" ? React3.useLayoutEffect : noop; |
| 188 | 209 | |
| 189 | -// node_modules/@base-ui/utils/esm/warn.js | |
| 190 | -var set2; | |
| 191 | -if (true) { | |
| 192 | - set2 = /* @__PURE__ */ new Set(); | |
| 193 | -} | |
| 194 | -function warn(...messages) { | |
| 195 | - if (true) { | |
| 196 | - const messageKey = messages.join(" "); | |
| 197 | - if (!set2.has(messageKey)) { | |
| 198 | - set2.add(messageKey); | |
| 199 | - console.warn(`Base UI: ${messageKey}`); | |
| 200 | - } | |
| 201 | - } | |
| 202 | -} | |
| 203 | - | |
| 204 | -// node_modules/@base-ui/react/esm/internals/useRenderElement.js | |
| 210 | +// node_modules/@base-ui/react/internals/useRenderElement.mjs | |
| 205 | 211 | var React6 = __toESM(require_react(), 1); |
| 206 | 212 | |
| 207 | -// node_modules/@base-ui/utils/esm/useMergedRefs.js | |
| 213 | +// node_modules/@base-ui/utils/useMergedRefs.mjs | |
| 208 | 214 | function useMergedRefs(a, b, c, d) { |
| 209 | 215 | const forkRef = useRefWithInit(createForkRef).current; |
| 210 | 216 | if (didChange(forkRef, a, b, c, d)) { |
| 211 | 217 | update(forkRef, [a, b, c, d]); |
| @@ -276,9 +282,9 @@ | ||
| 276 | 282 | const cleanupCallback = cleanupCallbacks[i]; |
| 277 | 283 | if (typeof cleanupCallback === "function") { |
| 278 | 284 | cleanupCallback(); |
| 279 | 285 | } else { |
| 280 | - ref(null); | |
| 286 | + void ref(null); | |
| 281 | 287 | } |
| 282 | 288 | break; |
| 283 | 289 | } |
| 284 | 290 | case "object": { |
| @@ -292,12 +298,12 @@ | ||
| 292 | 298 | } |
| 293 | 299 | }; |
| 294 | 300 | } |
| 295 | 301 | |
| 296 | -// node_modules/@base-ui/utils/esm/getReactElementRef.js | |
| 302 | +// node_modules/@base-ui/utils/getReactElementRef.mjs | |
| 297 | 303 | var React5 = __toESM(require_react(), 1); |
| 298 | 304 | |
| 299 | -// node_modules/@base-ui/utils/esm/reactVersion.js | |
| 305 | +// node_modules/@base-ui/utils/reactVersion.mjs | |
| 300 | 306 | var React4 = __toESM(require_react(), 1); |
| 301 | 307 | var majorVersion = parseInt(React4.version, 10); |
| 302 | 308 | function isReactVersionAtLeast(reactVersionToCheck) { |
| 303 | 309 | return majorVersion >= reactVersionToCheck; |
| @@ -302,9 +308,9 @@ | ||
| 302 | 308 | function isReactVersionAtLeast(reactVersionToCheck) { |
| 303 | 309 | return majorVersion >= reactVersionToCheck; |
| 304 | 310 | } |
| 305 | 311 | |
| 306 | -// node_modules/@base-ui/utils/esm/getReactElementRef.js | |
| 312 | +// node_modules/@base-ui/utils/getReactElementRef.mjs | |
| 307 | 313 | function getReactElementRef(element) { |
| 308 | 314 | if (!/* @__PURE__ */ React5.isValidElement(element)) { |
| 309 | 315 | return null; |
| 310 | 316 | } |
| @@ -312,9 +318,9 @@ | ||
| 312 | 318 | const propsWithRef = reactElement.props; |
| 313 | 319 | return (isReactVersionAtLeast(19) ? propsWithRef?.ref : reactElement.ref) ?? null; |
| 314 | 320 | } |
| 315 | 321 | |
| 316 | -// node_modules/@base-ui/utils/esm/mergeObjects.js | |
| 322 | +// node_modules/@base-ui/utils/mergeObjects.mjs | |
| 317 | 323 | function mergeObjects(a, b) { |
| 318 | 324 | if (a && !b) { |
| 319 | 325 | return a; |
| 320 | 326 | } |
| @@ -329,13 +335,9 @@ | ||
| 329 | 335 | } |
| 330 | 336 | return void 0; |
| 331 | 337 | } |
| 332 | 338 | |
| 333 | -// node_modules/@base-ui/utils/esm/empty.js | |
| 334 | -var EMPTY_ARRAY = Object.freeze([]); | |
| 335 | -var EMPTY_OBJECT = Object.freeze({}); | |
| 336 | - | |
| 337 | -// node_modules/@base-ui/react/esm/internals/getStateAttributesProps.js | |
| 339 | +// node_modules/@base-ui/react/internals/getStateAttributesProps.mjs | |
| 338 | 340 | function getStateAttributesProps(state, customMapping) { |
| 339 | 341 | const props = {}; |
| 340 | 342 | for (const key in state) { |
| 341 | 343 | const value = state[key]; |
| @@ -354,19 +356,19 @@ | ||
| 354 | 356 | } |
| 355 | 357 | return props; |
| 356 | 358 | } |
| 357 | 359 | |
| 358 | -// node_modules/@base-ui/react/esm/utils/resolveClassName.js | |
| 360 | +// node_modules/@base-ui/react/utils/resolveClassName.mjs | |
| 359 | 361 | function resolveClassName(className, state) { |
| 360 | 362 | return typeof className === "function" ? className(state) : className; |
| 361 | 363 | } |
| 362 | 364 | |
| 363 | -// node_modules/@base-ui/react/esm/utils/resolveStyle.js | |
| 365 | +// node_modules/@base-ui/react/utils/resolveStyle.mjs | |
| 364 | 366 | function resolveStyle(style, state) { |
| 365 | 367 | return typeof style === "function" ? style(state) : style; |
| 366 | 368 | } |
| 367 | 369 | |
| 368 | -// node_modules/@base-ui/react/esm/merge-props/mergeProps.js | |
| 370 | +// node_modules/@base-ui/react/merge-props/mergeProps.mjs | |
| 369 | 371 | var EMPTY_PROPS = {}; |
| 370 | 372 | function mergeProps(a, b, c, d, e) { |
| 371 | 373 | if (!c && !d && !e && !a) { |
| 372 | 374 | return createInitialMergedProps(b); |
| @@ -519,13 +521,16 @@ | ||
| 519 | 521 | function isSyntheticEvent(event) { |
| 520 | 522 | return event != null && typeof event === "object" && "nativeEvent" in event; |
| 521 | 523 | } |
| 522 | 524 | |
| 523 | -// node_modules/@base-ui/react/esm/internals/useRenderElement.js | |
| 525 | +// node_modules/@base-ui/react/internals/useRenderElement.mjs | |
| 524 | 526 | var import_react = __toESM(require_react(), 1); |
| 525 | 527 | function useRenderElement(element, componentProps, params = {}) { |
| 526 | - const renderProp = componentProps.render; | |
| 527 | - const outProps = useRenderElementProps(componentProps, params); | |
| 528 | + let renderProp = componentProps.render; | |
| 529 | + if (params.enabled !== false) { | |
| 530 | + renderProp = unwrapLazyRenderProp(renderProp); | |
| 531 | + } | |
| 532 | + const outProps = useRenderElementProps(componentProps, params, renderProp); | |
| 528 | 533 | if (params.enabled === false) { |
| 529 | 534 | return null; |
| 530 | 535 | } |
| 531 | 536 | const state = params.state ?? EMPTY_OBJECT; |
| @@ -530,13 +535,12 @@ | ||
| 530 | 535 | } |
| 531 | 536 | const state = params.state ?? EMPTY_OBJECT; |
| 532 | 537 | return evaluateRenderProp(element, renderProp, outProps, state); |
| 533 | 538 | } |
| 534 | -function useRenderElementProps(componentProps, params = {}) { | |
| 539 | +function useRenderElementProps(componentProps, params, renderProp) { | |
| 535 | 540 | const { |
| 536 | 541 | className: classNameProp, |
| 537 | - style: styleProp, | |
| 538 | - render: renderProp | |
| 542 | + style: styleProp | |
| 539 | 543 | } = componentProps; |
| 540 | 544 | const { |
| 541 | 545 | state = EMPTY_OBJECT, |
| 542 | 546 | ref, |
| @@ -550,9 +554,9 @@ | ||
| 550 | 554 | const resolvedProps = enabled && props ? resolveRenderFunctionProps(props) : void 0; |
| 551 | 555 | const outProps = enabled ? mergeObjects(stateProps, resolvedProps) ?? {} : EMPTY_OBJECT; |
| 552 | 556 | if (typeof document !== "undefined") { |
| 553 | 557 | if (!enabled) { |
| 554 | - useMergedRefs(null, null); | |
| 558 | + void useMergedRefs(null, null); | |
| 555 | 559 | } else if (Array.isArray(ref)) { |
| 556 | 560 | outProps.ref = useMergedRefsN([outProps.ref, getReactElementRef(renderProp), ...ref]); |
| 557 | 561 | } else { |
| 558 | 562 | outProps.ref = useMergedRefs(outProps.ref, getReactElementRef(renderProp), ref); |
| @@ -577,8 +581,15 @@ | ||
| 577 | 581 | } |
| 578 | 582 | var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy"); |
| 579 | 583 | var COMPONENT_IDENTIFIER_PATTERN = /^[A-Z][A-Za-z0-9$]*$/; |
| 580 | 584 | var LOWERCASE_CHARACTER_PATTERN = /[a-z]/; |
| 585 | +function unwrapLazyRenderProp(render) { | |
| 586 | + if (render?.$$typeof !== REACT_LAZY_TYPE) { | |
| 587 | + return render; | |
| 588 | + } | |
| 589 | + const unwrapped = React6.Children.toArray(render)[0]; | |
| 590 | + return /* @__PURE__ */ React6.isValidElement(unwrapped) ? unwrapped : render; | |
| 591 | +} | |
| 581 | 592 | function evaluateRenderProp(element, render, props, state) { |
| 582 | 593 | if (render) { |
| 583 | 594 | if (typeof render === "function") { |
| 584 | 595 | if (true) { |
| @@ -587,19 +598,14 @@ | ||
| 587 | 598 | return render(props, state); |
| 588 | 599 | } |
| 589 | 600 | const mergedProps = mergeProps(props, render.props); |
| 590 | 601 | mergedProps.ref = props.ref; |
| 591 | - let newElement = render; | |
| 592 | - if (newElement?.$$typeof === REACT_LAZY_TYPE) { | |
| 593 | - const children = React6.Children.toArray(render); | |
| 594 | - newElement = children[0]; | |
| 595 | - } | |
| 596 | 602 | if (true) { |
| 597 | - if (!/* @__PURE__ */ React6.isValidElement(newElement)) { | |
| 603 | + if (!/* @__PURE__ */ React6.isValidElement(render)) { | |
| 598 | 604 | 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")); |
| 599 | 605 | } |
| 600 | 606 | } |
| 601 | - return /* @__PURE__ */ React6.cloneElement(newElement, mergedProps); | |
| 607 | + return /* @__PURE__ */ React6.cloneElement(render, mergedProps); | |
| 602 | 608 | } |
| 603 | 609 | if (element) { |
| 604 | 610 | if (typeof element === "string") { |
| 605 | 611 | return renderTag(element, props); |
| @@ -637,17 +643,11 @@ | ||
| 637 | 643 | } |
| 638 | 644 | return /* @__PURE__ */ React6.createElement(Tag, props); |
| 639 | 645 | } |
| 640 | 646 | |
| 641 | -// node_modules/@base-ui/utils/esm/safeReact.js | |
| 642 | -var React7 = __toESM(require_react(), 1); | |
| 643 | -var SafeReact = { | |
| 644 | - ...React7 | |
| 645 | -}; | |
| 647 | +// node_modules/@base-ui/react/internals/use-button/useButton.mjs | |
| 648 | +var React9 = __toESM(require_react(), 1); | |
| 646 | 649 | |
| 647 | -// node_modules/@base-ui/react/esm/internals/use-button/useButton.js | |
| 648 | -var React10 = __toESM(require_react(), 1); | |
| 649 | - | |
| 650 | 650 | // node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs |
| 651 | 651 | function hasWindow() { |
| 652 | 652 | return typeof window !== "undefined"; |
| 653 | 653 | } |
| @@ -661,14 +661,14 @@ | ||
| 661 | 661 | } |
| 662 | 662 | return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement; |
| 663 | 663 | } |
| 664 | 664 | |
| 665 | -// node_modules/@base-ui/react/esm/internals/composite/root/CompositeRootContext.js | |
| 666 | -var React8 = __toESM(require_react(), 1); | |
| 667 | -var CompositeRootContext = /* @__PURE__ */ React8.createContext(void 0); | |
| 665 | +// node_modules/@base-ui/react/internals/composite/root/CompositeRootContext.mjs | |
| 666 | +var React7 = __toESM(require_react(), 1); | |
| 667 | +var CompositeRootContext = /* @__PURE__ */ React7.createContext(void 0); | |
| 668 | 668 | if (true) CompositeRootContext.displayName = "CompositeRootContext"; |
| 669 | 669 | function useCompositeRootContext(optional = false) { |
| 670 | - const context = React8.useContext(CompositeRootContext); | |
| 670 | + const context = React7.useContext(CompositeRootContext); | |
| 671 | 671 | if (context === void 0 && !optional) { |
| 672 | 672 | throw new Error(true ? "Base UI: CompositeRootContext is missing. Composite parts must be placed within <Composite.Root>." : formatErrorMessage_default(16)); |
| 673 | 673 | } |
| 674 | 674 | return context; |
| @@ -673,10 +673,10 @@ | ||
| 673 | 673 | } |
| 674 | 674 | return context; |
| 675 | 675 | } |
| 676 | 676 | |
| 677 | -// node_modules/@base-ui/react/esm/utils/useFocusableWhenDisabled.js | |
| 678 | -var React9 = __toESM(require_react(), 1); | |
| 677 | +// node_modules/@base-ui/react/utils/useFocusableWhenDisabled.mjs | |
| 678 | +var React8 = __toESM(require_react(), 1); | |
| 679 | 679 | function useFocusableWhenDisabled(parameters) { |
| 680 | 680 | const { |
| 681 | 681 | focusableWhenDisabled, |
| 682 | 682 | disabled, |
| @@ -685,9 +685,9 @@ | ||
| 685 | 685 | isNativeButton |
| 686 | 686 | } = parameters; |
| 687 | 687 | const isFocusableComposite = composite && focusableWhenDisabled !== false; |
| 688 | 688 | const isNonFocusableComposite = composite && focusableWhenDisabled === false; |
| 689 | - const props = React9.useMemo(() => { | |
| 689 | + const props = React8.useMemo(() => { | |
| 690 | 690 | const additionalProps = { |
| 691 | 691 | // allow Tabbing away from focusableWhenDisabled elements |
| 692 | 692 | onKeyDown(event) { |
| 693 | 693 | if (disabled && focusableWhenDisabled && event.key !== "Tab") { |
| @@ -713,9 +713,25 @@ | ||
| 713 | 713 | props |
| 714 | 714 | }; |
| 715 | 715 | } |
| 716 | 716 | |
| 717 | -// node_modules/@base-ui/react/esm/internals/use-button/useButton.js | |
| 717 | +// node_modules/@base-ui/react/utils/dispatchClickWithModifiers.mjs | |
| 718 | +function dispatchClickWithModifiers(target, sourceEvent, { | |
| 719 | + detail = 0 | |
| 720 | +} = {}) { | |
| 721 | + target.dispatchEvent(new (getWindow(target)).PointerEvent("click", { | |
| 722 | + bubbles: true, | |
| 723 | + cancelable: true, | |
| 724 | + composed: true, | |
| 725 | + detail, | |
| 726 | + shiftKey: sourceEvent.shiftKey, | |
| 727 | + ctrlKey: sourceEvent.ctrlKey, | |
| 728 | + altKey: sourceEvent.altKey, | |
| 729 | + metaKey: sourceEvent.metaKey | |
| 730 | + })); | |
| 731 | +} | |
| 732 | + | |
| 733 | +// node_modules/@base-ui/react/internals/use-button/useButton.mjs | |
| 718 | 734 | function useButton(parameters = {}) { |
| 719 | 735 | const { |
| 720 | 736 | disabled = false, |
| 721 | 737 | focusableWhenDisabled, |
| @@ -722,9 +738,9 @@ | ||
| 722 | 738 | tabIndex = 0, |
| 723 | 739 | native: isNativeButton = true, |
| 724 | 740 | composite: compositeProp |
| 725 | 741 | } = parameters; |
| 726 | - const elementRef = React10.useRef(null); | |
| 742 | + const elementRef = React9.useRef(null); | |
| 727 | 743 | const compositeRootContext = useCompositeRootContext(true); |
| 728 | 744 | const isCompositeItem = compositeProp ?? compositeRootContext !== void 0; |
| 729 | 745 | const { |
| 730 | 746 | props: focusableWhenDisabledProps |
| @@ -735,9 +751,9 @@ | ||
| 735 | 751 | tabIndex, |
| 736 | 752 | isNativeButton |
| 737 | 753 | }); |
| 738 | 754 | if (true) { |
| 739 | - React10.useEffect(() => { | |
| 755 | + React9.useEffect(() => { | |
| 740 | 756 | if (!elementRef.current) { |
| 741 | 757 | return; |
| 742 | 758 | } |
| 743 | 759 | const isButtonTag = isButtonElement(elementRef.current); |
| @@ -753,9 +769,9 @@ | ||
| 753 | 769 | error(`${message}${ownerStackMessage}`); |
| 754 | 770 | } |
| 755 | 771 | }, [isNativeButton]); |
| 756 | 772 | } |
| 757 | - const updateDisabled = React10.useCallback(() => { | |
| 773 | + const updateDisabled = React9.useCallback(() => { | |
| 758 | 774 | const element = elementRef.current; |
| 759 | 775 | if (!isButtonElement(element)) { |
| 760 | 776 | return; |
| 761 | 777 | } |
| @@ -763,9 +779,9 @@ | ||
| 763 | 779 | element.disabled = false; |
| 764 | 780 | } |
| 765 | 781 | }, [disabled, focusableWhenDisabledProps.disabled, isCompositeItem]); |
| 766 | 782 | useIsoLayoutEffect(updateDisabled, [updateDisabled]); |
| 767 | - const getButtonProps = React10.useCallback((externalProps = {}) => { | |
| 783 | + const getButtonProps = React9.useCallback((externalProps = {}) => { | |
| 768 | 784 | const { |
| 769 | 785 | onClick: externalOnClick, |
| 770 | 786 | onMouseDown: externalOnMouseDown, |
| 771 | 787 | onKeyUp: externalOnKeyUp, |
| @@ -772,11 +788,9 @@ | ||
| 772 | 788 | onKeyDown: externalOnKeyDown, |
| 773 | 789 | onPointerDown: externalOnPointerDown, |
| 774 | 790 | ...otherExternalProps |
| 775 | 791 | } = externalProps; |
| 776 | - const type = isNativeButton ? "button" : void 0; | |
| 777 | 792 | return mergeProps({ |
| 778 | - type, | |
| 779 | 793 | onClick(event) { |
| 780 | 794 | if (disabled) { |
| 781 | 795 | event.preventDefault(); |
| 782 | 796 | return; |
| @@ -810,25 +824,28 @@ | ||
| 810 | 824 | if (event.defaultPrevented && isTextNavigationRole) { |
| 811 | 825 | return; |
| 812 | 826 | } |
| 813 | 827 | event.preventDefault(); |
| 814 | - if (isLink || isNativeButton && isButton) { | |
| 815 | - currentTarget.click(); | |
| 828 | + if (!isNativeButton || isButton) { | |
| 816 | 829 | event.preventBaseUIHandler(); |
| 817 | - } else if (shouldClick) { | |
| 818 | - externalOnClick?.(event); | |
| 819 | - event.preventBaseUIHandler(); | |
| 830 | + dispatchClickWithModifiers(currentTarget, event); | |
| 820 | 831 | } |
| 821 | 832 | return; |
| 822 | 833 | } |
| 823 | - if (shouldClick) { | |
| 824 | - if (!isNativeButton && (isSpaceKey || isEnterKey)) { | |
| 834 | + if (!shouldClick || isNativeButton || !isSpaceKey && !isEnterKey) { | |
| 835 | + if (isCurrentTarget && isLink && isSpaceKey) { | |
| 825 | 836 | event.preventDefault(); |
| 826 | 837 | } |
| 827 | - if (!isNativeButton && isEnterKey) { | |
| 828 | - externalOnClick?.(event); | |
| 829 | - } | |
| 838 | + return; | |
| 830 | 839 | } |
| 840 | + if (event.defaultPrevented) { | |
| 841 | + return; | |
| 842 | + } | |
| 843 | + event.preventDefault(); | |
| 844 | + if (isEnterKey) { | |
| 845 | + event.preventBaseUIHandler(); | |
| 846 | + dispatchClickWithModifiers(currentTarget, event); | |
| 847 | + } | |
| 831 | 848 | }, |
| 832 | 849 | onKeyUp(event) { |
| 833 | 850 | if (disabled) { |
| 834 | 851 | return; |
| @@ -841,10 +858,11 @@ | ||
| 841 | 858 | } |
| 842 | 859 | if (event.baseUIHandlerPrevented) { |
| 843 | 860 | return; |
| 844 | 861 | } |
| 845 | - if (event.target === event.currentTarget && !isNativeButton && !isCompositeItem && event.key === " ") { | |
| 846 | - externalOnClick?.(event); | |
| 862 | + if (event.target === event.currentTarget && !isNativeButton && !isCompositeItem && !event.defaultPrevented && event.key === " ") { | |
| 863 | + event.preventBaseUIHandler(); | |
| 864 | + dispatchClickWithModifiers(event.currentTarget, event); | |
| 847 | 865 | } |
| 848 | 866 | }, |
| 849 | 867 | onPointerDown(event) { |
| 850 | 868 | if (disabled) { |
| @@ -852,11 +870,13 @@ | ||
| 852 | 870 | return; |
| 853 | 871 | } |
| 854 | 872 | externalOnPointerDown?.(event); |
| 855 | 873 | } |
| 856 | - }, !isNativeButton ? { | |
| 874 | + }, isNativeButton ? { | |
| 875 | + type: "button" | |
| 876 | + } : { | |
| 857 | 877 | role: "button" |
| 858 | - } : void 0, focusableWhenDisabledProps, otherExternalProps); | |
| 878 | + }, focusableWhenDisabledProps, otherExternalProps); | |
| 859 | 879 | }, [disabled, focusableWhenDisabledProps, isCompositeItem, isNativeButton]); |
| 860 | 880 | const buttonRef = useStableCallback((element) => { |
| 861 | 881 | elementRef.current = element; |
| 862 | 882 | updateDisabled(); |
| @@ -869,14 +889,14 @@ | ||
| 869 | 889 | function isButtonElement(elem) { |
| 870 | 890 | return isHTMLElement(elem) && elem.tagName === "BUTTON"; |
| 871 | 891 | } |
| 872 | 892 | function isValidLinkElement(elem) { |
| 873 | - return Boolean(elem?.tagName === "A" && elem?.href); | |
| 893 | + return isHTMLElement(elem) && elem.tagName === "A" && Boolean(elem.href); | |
| 874 | 894 | } |
| 875 | 895 | |
| 876 | -// node_modules/@base-ui/react/esm/button/Button.js | |
| 877 | -var React11 = __toESM(require_react(), 1); | |
| 878 | -var Button = /* @__PURE__ */ React11.forwardRef(function Button2(componentProps, forwardedRef) { | |
| 896 | +// node_modules/@base-ui/react/button/Button.mjs | |
| 897 | +var React10 = __toESM(require_react(), 1); | |
| 898 | +var Button = /* @__PURE__ */ React10.forwardRef(function Button2(componentProps, forwardedRef) { | |
| 879 | 899 | const { |
| 880 | 900 | render, |
| 881 | 901 | className, |
| 882 | 902 | disabled = false, |
| @@ -903,9 +923,9 @@ | ||
| 903 | 923 | }); |
| 904 | 924 | }); |
| 905 | 925 | if (true) Button.displayName = "Button"; |
| 906 | 926 | |
| 907 | -// node_modules/@base-ui/react/esm/use-render/useRender.js | |
| 927 | +// node_modules/@base-ui/react/use-render/useRender.mjs | |
| 908 | 928 | function useRender(params) { |
| 909 | 929 | return useRenderElement(params.defaultTagName ?? "div", params, params); |
| 910 | 930 | } |
| 911 | 931 | |
| @@ -991,15 +1011,15 @@ | ||
| 991 | 1011 | injectStyle(targetDocument, hash, css); |
| 992 | 1012 | } |
| 993 | 1013 | } |
| 994 | 1014 | if (typeof process === "undefined" || true) { |
| 995 | - 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)}}'); | |
| 1015 | + 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)}}}'); | |
| 996 | 1016 | } |
| 997 | 1017 | 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" }; |
| 998 | 1018 | if (typeof process === "undefined" || true) { |
| 999 | - 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)}"); | |
| 1019 | + 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)}"); | |
| 1000 | 1020 | } |
| 1001 | -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" }; | |
| 1021 | +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" }; | |
| 1002 | 1022 | var Text = (0, import_element.forwardRef)(function Text2({ variant = "body-md", render, className, ...props }, ref) { |
| 1003 | 1023 | const element = useRender({ |
| 1004 | 1024 | render, |
| 1005 | 1025 | defaultTagName: "span", |
| @@ -1016,12 +1036,31 @@ | ||
| 1016 | 1036 | }); |
| 1017 | 1037 | return element; |
| 1018 | 1038 | }); |
| 1019 | 1039 | |
| 1040 | +// packages/ui/build-module/icon/icon.mjs | |
| 1041 | +var import_element2 = __toESM(require_element(), 1); | |
| 1042 | +var import_primitives2 = __toESM(require_primitives(), 1); | |
| 1043 | +var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1); | |
| 1044 | +var Icon = (0, import_element2.forwardRef)(function Icon2({ icon, size = 24, style, ...restProps }, ref) { | |
| 1045 | + const mergedStyle = icon.props.style || style ? { ...icon.props.style, ...style } : void 0; | |
| 1046 | + return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)( | |
| 1047 | + import_primitives2.SVG, | |
| 1048 | + { | |
| 1049 | + ref, | |
| 1050 | + ...icon.props, | |
| 1051 | + ...restProps, | |
| 1052 | + ...mergedStyle ? { style: mergedStyle } : {}, | |
| 1053 | + width: size, | |
| 1054 | + height: size | |
| 1055 | + } | |
| 1056 | + ); | |
| 1057 | +}); | |
| 1058 | + | |
| 1020 | 1059 | // packages/ui/build-module/button/button.mjs |
| 1021 | -var import_element2 = __toESM(require_element(), 1); | |
| 1060 | +var import_element3 = __toESM(require_element(), 1); | |
| 1022 | 1061 | var import_i18n = __toESM(require_i18n(), 1); |
| 1023 | -var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1); | |
| 1062 | +var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1); | |
| 1024 | 1063 | import { speak } from "@wordpress/a11y"; |
| 1025 | 1064 | var STYLE_HASH_ATTRIBUTE2 = "data-wp-hash"; |
| 1026 | 1065 | function getRuntime2() { |
| 1027 | 1066 | const globalScope = globalThis; |
| @@ -1102,24 +1141,24 @@ | ||
| 1102 | 1141 | injectStyle2(targetDocument, hash, css); |
| 1103 | 1142 | } |
| 1104 | 1143 | } |
| 1105 | 1144 | if (typeof process === "undefined" || true) { |
| 1106 | - registerStyle2("7d54255a4c", '@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._97b0fc33c028be1a__button,.abbb272e2ce49bd6__is-unstyled{appearance:none;padding:0}._97b0fc33c028be1a__button{--wp-ui-button-font-weight:499;--wp-ui-button-background-color:var(--wpds-color-bg-interactive-brand-strong,var(--wp-admin-theme-color,#3858e9));--wp-ui-button-background-color-active:var(--wpds-color-bg-interactive-brand-strong-active,color-mix(in oklch,var(--wp-admin-theme-color,#3858e9) 93%,#000));--wp-ui-button-background-color-disabled:var(--wpds-color-bg-interactive-neutral-strong-disabled,#e6e6e6);--wp-ui-button-foreground-color:var(--wpds-color-fg-interactive-brand-strong,#fff);--wp-ui-button-foreground-color-active:var(--wpds-color-fg-interactive-brand-strong-active,#fff);--wp-ui-button-foreground-color-disabled:var(--wpds-color-fg-interactive-neutral-strong-disabled,#8d8d8d);--wp-ui-button-padding-block:var(--wpds-dimension-padding-xs,4px);--wp-ui-button-padding-inline:var(--wpds-dimension-padding-md,12px);--wp-ui-button-height:40px;--wp-ui-button-aspect-ratio:auto;--wp-ui-button-font-size:var(--wpds-typography-font-size-md,13px);--wp-ui-button-min-width:calc(4ch + var(--wp-ui-button-padding-inline)*2);--wp-ui-button-border-color:var(--wp-ui-button-background-color);--wp-ui-button-border-color-active:var(--wp-ui-button-background-color-active);--wp-ui-button-border-color-disabled:var(--wp-ui-button-background-color-disabled);--_gcd-button-font-family:var(--wpds-typography-font-family-body,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);--_gcd-button-font-size:var(--wp-ui-button-font-size);--_gcd-button-font-weight:var(--wp-ui-button-font-weight);align-items:center;aspect-ratio:var(--wp-ui-button-aspect-ratio);background-clip:padding-box;background-color:var(--wp-ui-button-background-color);border-color:var(--wp-ui-button-border-color);border-radius:var(--wpds-border-radius-sm,2px);border-style:solid;border-width:1px;color:var(--wp-ui-button-foreground-color);display:inline-flex;font-family:var(--wpds-typography-font-family-body,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-size:var(--wp-ui-button-font-size);font-weight:var(--wp-ui-button-font-weight);gap:var(--wpds-dimension-gap-sm,8px);justify-content:center;line-height:var(--wpds-typography-line-height-sm,20px);max-width:100%;min-height:var(--wp-ui-button-height);min-width:var(--wp-ui-button-min-width);overflow-wrap:anywhere;padding-block:var(--wp-ui-button-padding-block);padding-inline:var(--wp-ui-button-padding-inline);position:relative;text-align:center;text-decoration:none;&:not([data-disabled]){cursor:var(--wpds-cursor-control,pointer)}@media not (prefers-reduced-motion){transition:color .1s ease-out;*{transition:opacity .1s ease-out}}&[href]{cursor:pointer}[href]{color:inherit;text-decoration:inherit}&:not([data-disabled]):is(:hover,:active,:focus){background-color:var(--wp-ui-button-background-color-active);border-color:var(--wp-ui-button-border-color-active);color:var(--wp-ui-button-foreground-color-active)}&[data-disabled]:not(._914b42f315c0e580__is-loading){background-color:var(--wp-ui-button-background-color-disabled);border-color:var(--wp-ui-button-border-color-disabled);color:var(--wp-ui-button-foreground-color-disabled);@media (forced-colors:active){border-bottom-color:GrayText;border-left-color:GrayText;border-right-color:GrayText;border-top-color:GrayText;color:GrayText}}&:before{aspect-ratio:1;border:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px)) solid;border-block-end-color:#0000;border-block-start-color:var(--wp-ui-button-foreground-color);border-inline-end-color:var(--wp-ui-button-foreground-color);border-inline-start-color:#0000;border-radius:50%;box-sizing:border-box;content:"";display:block;height:var(--wp-ui-button-font-size);inset-inline-start:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);@media not (prefers-reduced-motion){transition:opacity .1s ease-out}}}._908205475f9f2a92__is-small{--wp-ui-button-padding-block:0;--wp-ui-button-padding-inline:var(--wpds-dimension-padding-sm,8px);--wp-ui-button-height:24px}.dd460c965226cc77__is-brand{&._62d5a778b7b258ee__is-outline,&.ad0619a3217c6a5b__is-minimal{--wp-ui-button-foreground-color:var(--wpds-color-fg-interactive-brand,var(--wp-admin-theme-color,#3858e9));--wp-ui-button-foreground-color-active:var(--wpds-color-fg-interactive-brand-active,var(--wp-admin-theme-color,#3858e9));--wp-ui-button-foreground-color-disabled:var(--wpds-color-fg-interactive-neutral-disabled,#8d8d8d)}&._62d5a778b7b258ee__is-outline{--wp-ui-button-background-color:var(--wpds-color-bg-interactive-brand-weak,#0000);--wp-ui-button-background-color-active:var(--wpds-color-bg-interactive-brand-weak-active,color-mix(in oklch,var(--wp-admin-theme-color,#3858e9) 12%,#fff));--wp-ui-button-background-color-disabled:var(--wpds-color-bg-interactive-neutral-weak-disabled,#0000);--wp-ui-button-border-color:var(--wpds-color-stroke-interactive-brand,var(--wp-admin-theme-color,#3858e9));--wp-ui-button-border-color-active:var(--wpds-color-stroke-interactive-brand-active,color-mix(in oklch,var(--wp-admin-theme-color,#3858e9) 85%,#000));--wp-ui-button-border-color-disabled:var(--wpds-color-stroke-interactive-neutral-disabled,#dbdbdb)}&.ad0619a3217c6a5b__is-minimal{--wp-ui-button-background-color:var(--wpds-color-bg-interactive-brand-weak,#0000);--wp-ui-button-background-color-active:var(--wpds-color-bg-interactive-brand-weak-active,color-mix(in oklch,var(--wp-admin-theme-color,#3858e9) 12%,#fff));--wp-ui-button-background-color-disabled:var(--wpds-color-bg-interactive-neutral-weak-disabled,#0000)}}.e722a8f96726aa99__is-neutral{&.ad0619a3217c6a5b__is-minimal[aria-pressed=true],&.b50b3358c5fb4d0b__is-solid{--wp-ui-button-background-color:var(--wpds-color-bg-interactive-neutral-strong,#2d2d2d);--wp-ui-button-background-color-active:var(--wpds-color-bg-interactive-neutral-strong-active,#1e1e1e);--wp-ui-button-background-color-disabled:var(--wpds-color-bg-interactive-neutral-strong-disabled,#e6e6e6);--wp-ui-button-foreground-color:var(--wpds-color-fg-interactive-neutral-strong,#f0f0f0);--wp-ui-button-foreground-color-active:var(--wpds-color-fg-interactive-neutral-strong-active,#f0f0f0);--wp-ui-button-foreground-color-disabled:var(--wpds-color-fg-interactive-neutral-strong-disabled,#8d8d8d)}&._62d5a778b7b258ee__is-outline,&.ad0619a3217c6a5b__is-minimal:not([aria-pressed=true]){--wp-ui-button-foreground-color:var(--wpds-color-fg-interactive-neutral,#1e1e1e);--wp-ui-button-foreground-color-active:var(--wpds-color-fg-interactive-neutral-active,#1e1e1e);--wp-ui-button-foreground-color-disabled:var(--wpds-color-fg-interactive-neutral-disabled,#8d8d8d)}&._62d5a778b7b258ee__is-outline{--wp-ui-button-background-color:var(--wpds-color-bg-interactive-neutral-weak,#0000);--wp-ui-button-background-color-active:var(--wpds-color-bg-interactive-neutral-weak-active,#ededed);--wp-ui-button-background-color-disabled:var(--wpds-color-bg-interactive-neutral-weak-disabled,#0000);--wp-ui-button-border-color:var(--wpds-color-stroke-interactive-neutral,#8d8d8d);--wp-ui-button-border-color-active:var(--wpds-color-stroke-interactive-neutral-active,#6e6e6e);--wp-ui-button-border-color-disabled:var(--wpds-color-stroke-interactive-neutral-disabled,#dbdbdb)}&.ad0619a3217c6a5b__is-minimal:not([aria-pressed=true]){--wp-ui-button-background-color:var(--wpds-color-bg-interactive-neutral-weak,#0000);--wp-ui-button-background-color-active:var(--wpds-color-bg-interactive-neutral-weak-active,#ededed);--wp-ui-button-background-color-disabled:var(--wpds-color-bg-interactive-neutral-weak-disabled,#0000)}}.abbb272e2ce49bd6__is-unstyled{background:none;border:none;min-width:unset}.cf59cf1b69629838__is-compact{--wp-ui-button-height:32px}._914b42f315c0e580__is-loading{color:#0000;&:not([data-disabled]):is(:hover,:active,:focus){color:#0000}*{opacity:0}&:before{opacity:1;transition-delay:.05s;@media not (prefers-reduced-motion){animation:_5a1d53da6f830c8d__loading-animation 1s linear infinite}}}}@keyframes _5a1d53da6f830c8d__loading-animation{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}'); | |
| 1145 | + registerStyle2("effc4e3032", '@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{._97b0fc33c028be1a__button,.abbb272e2ce49bd6__is-unstyled{appearance:none;padding:0}._97b0fc33c028be1a__button{--wp-ui-button-font-weight:var(--wpds-typography-font-weight-emphasis,600);--wp-ui-button-background-color:var(--wpds-color-background-interactive-brand-strong,var(--wp-admin-theme-color,#3858e9));--wp-ui-button-background-color-active:var(--wpds-color-background-interactive-brand-strong-active,color-mix(in oklch,var(--wp-admin-theme-color,#3858e9) 93%,#000));--wp-ui-button-background-color-disabled:var(--wpds-color-background-interactive-brand-strong-disabled,#e6e6e6);--wp-ui-button-foreground-color:var(--wpds-color-foreground-interactive-brand-strong,#fff);--wp-ui-button-foreground-color-active:var(--wpds-color-foreground-interactive-brand-strong-active,#fff);--wp-ui-button-foreground-color-disabled:var(--wpds-color-foreground-interactive-brand-strong-disabled,#8d8d8d);--wp-ui-button-padding-block:var(--wpds-dimension-padding-xs,4px);--wp-ui-button-padding-inline:var(--wpds-dimension-padding-md,12px);--wp-ui-button-height:var(--wpds-dimension-size-lg,40px);--wp-ui-button-aspect-ratio:auto;--wp-ui-button-font-size:var(--wpds-typography-font-size-md,13px);--wp-ui-button-min-width:calc(4ch + var(--wp-ui-button-padding-inline)*2);--wp-ui-button-icon-margin:calc((var(--wpds-dimension-size-2xs, 16px) - var(--wpds-dimension-size-sm, 24px))/2);--wp-ui-button-border-color:var(--wp-ui-button-background-color);--wp-ui-button-border-color-active:var(--wp-ui-button-background-color-active);--wp-ui-button-border-color-disabled:var(--wp-ui-button-background-color-disabled);--_gcd-button-font-family:var(--wpds-typography-font-family-body,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);--_gcd-button-font-size:var(--wp-ui-button-font-size);--_gcd-button-font-weight:var(--wp-ui-button-font-weight);align-items:center;aspect-ratio:var(--wp-ui-button-aspect-ratio);background-clip:border-box;background-color:var(--wp-ui-button-background-color);border-color:var(--wp-ui-button-border-color);border-radius:var(--wpds-border-radius-sm,2px);border-style:solid;border-width:1px;color:var(--wp-ui-button-foreground-color);display:inline-flex;font-family:var(--wpds-typography-font-family-body,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-size:var(--wp-ui-button-font-size);font-weight:var(--wp-ui-button-font-weight);gap:var(--wpds-dimension-gap-sm,8px);justify-content:center;line-height:var(--wpds-typography-line-height-sm,20px);max-width:100%;min-height:var(--wp-ui-button-height);min-width:var(--wp-ui-button-min-width);overflow-wrap:anywhere;padding-block:var(--wp-ui-button-padding-block);padding-inline:var(--wp-ui-button-padding-inline);position:relative;text-align:center;text-decoration:none;&:not([data-disabled]){cursor:var(--wpds-cursor-control,pointer)}@media not (prefers-reduced-motion){transition:color .1s ease-out;*{transition:opacity .1s ease-out}}&[href]{cursor:pointer}[href]{color:inherit;text-decoration:inherit}&:not([data-disabled]):is(:hover,:active,:focus){background-color:var(--wp-ui-button-background-color-active);border-color:var(--wp-ui-button-border-color-active);color:var(--wp-ui-button-foreground-color-active)}&[data-disabled]:not(._914b42f315c0e580__is-loading){background-color:var(--wp-ui-button-background-color-disabled);border-color:var(--wp-ui-button-border-color-disabled);color:var(--wp-ui-button-foreground-color-disabled);@media (forced-colors:active){border-bottom-color:GrayText;border-left-color:GrayText;border-right-color:GrayText;border-top-color:GrayText;color:GrayText}}&:before{aspect-ratio:1;border:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px)) solid;border-block-end-color:transparent;border-block-start-color:var(--wp-ui-button-foreground-color);border-inline-end-color:var(--wp-ui-button-foreground-color);border-inline-start-color:transparent;border-radius:50%;box-sizing:border-box;content:"";display:block;height:var(--wp-ui-button-font-size);left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);@media not (prefers-reduced-motion){transition:opacity .1s ease-out}@media (forced-colors:active){border-block-end-style:none;border-bottom-color:ButtonText;border-inline-start-style:none;border-left-color:ButtonText;border-right-color:ButtonText;border-top-color:ButtonText}}}._908205475f9f2a92__is-small{--wp-ui-button-padding-block:0px;--wp-ui-button-padding-inline:var(--wpds-dimension-padding-sm,8px);--wp-ui-button-height:var(--wpds-dimension-size-sm,24px)}._9f6fc6553aeb36fe__icon{margin:var(--wp-ui-button-icon-margin)}.dd460c965226cc77__is-brand{&._62d5a778b7b258ee__is-outline,&.ad0619a3217c6a5b__is-minimal{--wp-ui-button-foreground-color:var(--wpds-color-foreground-interactive-brand,var(--wp-admin-theme-color,#3858e9));--wp-ui-button-foreground-color-active:var(--wpds-color-foreground-interactive-brand-active,color-mix(in oklch,var(--wp-admin-theme-color,#3858e9) 52%,#000));--wp-ui-button-foreground-color-disabled:var(--wpds-color-foreground-interactive-brand-disabled,#8d8d8d)}&._62d5a778b7b258ee__is-outline{--wp-ui-button-background-color:var(--wpds-color-background-interactive-brand-weak,#0000);--wp-ui-button-background-color-active:var(--wpds-color-background-interactive-brand-weak-active,color-mix(in oklch,var(--wp-admin-theme-color,#3858e9) 12%,#fff));--wp-ui-button-background-color-disabled:var(--wpds-color-background-interactive-brand-weak-disabled,#0000);--wp-ui-button-border-color:var(--wpds-color-stroke-interactive-brand,var(--wp-admin-theme-color,#3858e9));--wp-ui-button-border-color-active:var(--wpds-color-stroke-interactive-brand-active,color-mix(in oklch,var(--wp-admin-theme-color,#3858e9) 85%,#000));--wp-ui-button-border-color-disabled:var(--wpds-color-stroke-interactive-brand-disabled,#dbdbdb)}&.ad0619a3217c6a5b__is-minimal{--wp-ui-button-background-color:var(--wpds-color-background-interactive-brand-weak,#0000);--wp-ui-button-background-color-active:var(--wpds-color-background-interactive-brand-weak-active,color-mix(in oklch,var(--wp-admin-theme-color,#3858e9) 12%,#fff));--wp-ui-button-background-color-disabled:var(--wpds-color-background-interactive-brand-weak-disabled,#0000)}}.e722a8f96726aa99__is-neutral{&.ad0619a3217c6a5b__is-minimal[aria-pressed=true],&.b50b3358c5fb4d0b__is-solid{--wp-ui-button-background-color:var(--wpds-color-background-interactive-neutral-strong,#2d2d2d);--wp-ui-button-background-color-active:var(--wpds-color-background-interactive-neutral-strong-active,#1e1e1e);--wp-ui-button-background-color-disabled:var(--wpds-color-background-interactive-neutral-strong-disabled,#e6e6e6);--wp-ui-button-foreground-color:var(--wpds-color-foreground-interactive-neutral-strong,#f0f0f0);--wp-ui-button-foreground-color-active:var(--wpds-color-foreground-interactive-neutral-strong-active,#f0f0f0);--wp-ui-button-foreground-color-disabled:var(--wpds-color-foreground-interactive-neutral-strong-disabled,#8d8d8d)}&._62d5a778b7b258ee__is-outline,&.ad0619a3217c6a5b__is-minimal:not([aria-pressed=true]){--wp-ui-button-foreground-color:var(--wpds-color-foreground-interactive-neutral,#1e1e1e);--wp-ui-button-foreground-color-active:var(--wpds-color-foreground-interactive-neutral-active,#1e1e1e);--wp-ui-button-foreground-color-disabled:var(--wpds-color-foreground-interactive-neutral-disabled,#8d8d8d)}&._62d5a778b7b258ee__is-outline{--wp-ui-button-background-color:var(--wpds-color-background-interactive-neutral-weak,#0000);--wp-ui-button-background-color-active:var(--wpds-color-background-interactive-neutral-weak-active,#ededed);--wp-ui-button-background-color-disabled:var(--wpds-color-background-interactive-neutral-weak-disabled,#0000);--wp-ui-button-border-color:var(--wpds-color-stroke-interactive-neutral,#8d8d8d);--wp-ui-button-border-color-active:var(--wpds-color-stroke-interactive-neutral-active,#6e6e6e);--wp-ui-button-border-color-disabled:var(--wpds-color-stroke-interactive-neutral-disabled,#dbdbdb)}&.ad0619a3217c6a5b__is-minimal:not([aria-pressed=true]){--wp-ui-button-background-color:var(--wpds-color-background-interactive-neutral-weak,#0000);--wp-ui-button-background-color-active:var(--wpds-color-background-interactive-neutral-weak-active,#ededed);--wp-ui-button-background-color-disabled:var(--wpds-color-background-interactive-neutral-weak-disabled,#0000)}}.abbb272e2ce49bd6__is-unstyled{background:none;border:none;min-width:unset}.cf59cf1b69629838__is-compact{--wp-ui-button-height:var(--wpds-dimension-size-md,32px)}._914b42f315c0e580__is-loading:not(.abbb272e2ce49bd6__is-unstyled){color:transparent;&:not([data-disabled]):is(:hover,:active,:focus){color:transparent}@media (forced-colors:active){color:ButtonFace}*{opacity:0}&:before{opacity:1;transition-delay:.05s;@media not (prefers-reduced-motion){animation:_5a1d53da6f830c8d__loading-animation 1s linear infinite}}}}@keyframes _5a1d53da6f830c8d__loading-animation{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}}'); | |
| 1107 | 1146 | } |
| 1108 | -var style_default2 = { "button": "_97b0fc33c028be1a__button", "is-unstyled": "abbb272e2ce49bd6__is-unstyled", "is-loading": "_914b42f315c0e580__is-loading", "is-small": "_908205475f9f2a92__is-small", "is-brand": "dd460c965226cc77__is-brand", "is-outline": "_62d5a778b7b258ee__is-outline", "is-minimal": "ad0619a3217c6a5b__is-minimal", "is-neutral": "e722a8f96726aa99__is-neutral", "is-solid": "b50b3358c5fb4d0b__is-solid", "is-compact": "cf59cf1b69629838__is-compact", "loading-animation": "_5a1d53da6f830c8d__loading-animation" }; | |
| 1147 | +var style_default2 = { "button": "_97b0fc33c028be1a__button", "is-unstyled": "abbb272e2ce49bd6__is-unstyled", "is-loading": "_914b42f315c0e580__is-loading", "is-small": "_908205475f9f2a92__is-small", "icon": "_9f6fc6553aeb36fe__icon", "is-brand": "dd460c965226cc77__is-brand", "is-outline": "_62d5a778b7b258ee__is-outline", "is-minimal": "ad0619a3217c6a5b__is-minimal", "is-neutral": "e722a8f96726aa99__is-neutral", "is-solid": "b50b3358c5fb4d0b__is-solid", "is-compact": "cf59cf1b69629838__is-compact", "loading-animation": "_5a1d53da6f830c8d__loading-animation" }; | |
| 1109 | 1148 | if (typeof process === "undefined" || true) { |
| 1110 | - registerStyle2("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}}}"); | |
| 1149 | + registerStyle2("10f3806643", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer utilities{._336cd3e4e743482f__box-sizing{box-sizing:border-box;*,:after,:before{box-sizing:inherit}}}}"); | |
| 1111 | 1150 | } |
| 1112 | 1151 | var resets_default = { "box-sizing": "_336cd3e4e743482f__box-sizing" }; |
| 1113 | 1152 | if (typeof process === "undefined" || true) { |
| 1114 | - registerStyle2("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))}}"); | |
| 1153 | + 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))}}}"); | |
| 1115 | 1154 | } |
| 1116 | -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" }; | |
| 1155 | +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" }; | |
| 1117 | 1156 | if (typeof process === "undefined" || true) { |
| 1118 | - registerStyle2("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)}"); | |
| 1157 | + 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)}"); | |
| 1119 | 1158 | } |
| 1120 | -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" }; | |
| 1121 | -var Button3 = (0, import_element2.forwardRef)( | |
| 1159 | +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" }; | |
| 1160 | +var Button3 = (0, import_element3.forwardRef)( | |
| 1122 | 1161 | function Button22({ |
| 1123 | 1162 | tone = "brand", |
| 1124 | 1163 | variant = "solid", |
| 1125 | 1164 | size = "default", |
| @@ -1133,9 +1172,9 @@ | ||
| 1133 | 1172 | }, ref) { |
| 1134 | 1173 | const mergedClassName = clsx_default( |
| 1135 | 1174 | global_css_defense_default2.button, |
| 1136 | 1175 | resets_default["box-sizing"], |
| 1137 | - focus_default["outset-ring--focus-except-active"], | |
| 1176 | + focus_module_default["outset-ring--focus-except-active"], | |
| 1138 | 1177 | variant !== "unstyled" && style_default2.button, |
| 1139 | 1178 | style_default2[`is-${tone}`], |
| 1140 | 1179 | style_default2[`is-${variant}`], |
| 1141 | 1180 | style_default2[`is-${size}`], |
| @@ -1141,14 +1180,14 @@ | ||
| 1141 | 1180 | style_default2[`is-${size}`], |
| 1142 | 1181 | loading && style_default2["is-loading"], |
| 1143 | 1182 | className |
| 1144 | 1183 | ); |
| 1145 | - (0, import_element2.useEffect)(() => { | |
| 1184 | + (0, import_element3.useEffect)(() => { | |
| 1146 | 1185 | if (loading && loadingAnnouncement) { |
| 1147 | 1186 | speak(loadingAnnouncement); |
| 1148 | 1187 | } |
| 1149 | 1188 | }, [loading, loadingAnnouncement]); |
| 1150 | - return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)( | |
| 1189 | + return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)( | |
| 1151 | 1190 | Button, |
| 1152 | 1191 | { |
| 1153 | 1192 | ref, |
| 1154 | 1193 | className: mergedClassName, |
| @@ -1162,38 +1201,102 @@ | ||
| 1162 | 1201 | ); |
| 1163 | 1202 | |
| 1164 | 1203 | // packages/ui/build-module/button/icon.mjs |
| 1165 | 1204 | var import_element4 = __toESM(require_element(), 1); |
| 1166 | - | |
| 1167 | -// packages/ui/build-module/icon/icon.mjs | |
| 1168 | -var import_element3 = __toESM(require_element(), 1); | |
| 1169 | -var import_primitives2 = __toESM(require_primitives(), 1); | |
| 1170 | -var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1); | |
| 1171 | -var Icon = (0, import_element3.forwardRef)(function Icon2({ icon, size = 24, ...restProps }, ref) { | |
| 1172 | - return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)( | |
| 1173 | - import_primitives2.SVG, | |
| 1174 | - { | |
| 1175 | - ref, | |
| 1176 | - fill: "currentColor", | |
| 1177 | - ...icon.props, | |
| 1178 | - ...restProps, | |
| 1179 | - width: size, | |
| 1180 | - height: size | |
| 1205 | +var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1); | |
| 1206 | +var STYLE_HASH_ATTRIBUTE3 = "data-wp-hash"; | |
| 1207 | +function getRuntime3() { | |
| 1208 | + const globalScope = globalThis; | |
| 1209 | + if (globalScope.__wpStyleRuntime) { | |
| 1210 | + return globalScope.__wpStyleRuntime; | |
| 1211 | + } | |
| 1212 | + globalScope.__wpStyleRuntime = { | |
| 1213 | + documents: /* @__PURE__ */ new Map(), | |
| 1214 | + styles: /* @__PURE__ */ new Map(), | |
| 1215 | + injectedStyles: /* @__PURE__ */ new WeakMap() | |
| 1216 | + }; | |
| 1217 | + if (typeof document !== "undefined") { | |
| 1218 | + registerDocument3(document); | |
| 1219 | + } | |
| 1220 | + return globalScope.__wpStyleRuntime; | |
| 1221 | +} | |
| 1222 | +function documentContainsStyleHash3(targetDocument, hash) { | |
| 1223 | + if (!targetDocument.head) { | |
| 1224 | + return false; | |
| 1225 | + } | |
| 1226 | + for (const style of targetDocument.head.querySelectorAll( | |
| 1227 | + `style[${STYLE_HASH_ATTRIBUTE3}]` | |
| 1228 | + )) { | |
| 1229 | + if (style.getAttribute(STYLE_HASH_ATTRIBUTE3) === hash) { | |
| 1230 | + return true; | |
| 1181 | 1231 | } |
| 1232 | + } | |
| 1233 | + return false; | |
| 1234 | +} | |
| 1235 | +function injectStyle3(targetDocument, hash, css) { | |
| 1236 | + if (!targetDocument.head) { | |
| 1237 | + return; | |
| 1238 | + } | |
| 1239 | + const runtime = getRuntime3(); | |
| 1240 | + let injectedStyles = runtime.injectedStyles.get(targetDocument); | |
| 1241 | + if (!injectedStyles) { | |
| 1242 | + injectedStyles = /* @__PURE__ */ new Set(); | |
| 1243 | + runtime.injectedStyles.set(targetDocument, injectedStyles); | |
| 1244 | + } | |
| 1245 | + if (injectedStyles.has(hash)) { | |
| 1246 | + return; | |
| 1247 | + } | |
| 1248 | + if (documentContainsStyleHash3(targetDocument, hash)) { | |
| 1249 | + injectedStyles.add(hash); | |
| 1250 | + return; | |
| 1251 | + } | |
| 1252 | + const style = targetDocument.createElement("style"); | |
| 1253 | + style.setAttribute(STYLE_HASH_ATTRIBUTE3, hash); | |
| 1254 | + style.appendChild(targetDocument.createTextNode(css)); | |
| 1255 | + targetDocument.head.appendChild(style); | |
| 1256 | + injectedStyles.add(hash); | |
| 1257 | +} | |
| 1258 | +function registerDocument3(targetDocument) { | |
| 1259 | + const runtime = getRuntime3(); | |
| 1260 | + runtime.documents.set( | |
| 1261 | + targetDocument, | |
| 1262 | + (runtime.documents.get(targetDocument) ?? 0) + 1 | |
| 1182 | 1263 | ); |
| 1183 | -}); | |
| 1184 | - | |
| 1185 | -// packages/ui/build-module/button/icon.mjs | |
| 1186 | -var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1); | |
| 1264 | + for (const [hash, css] of runtime.styles) { | |
| 1265 | + injectStyle3(targetDocument, hash, css); | |
| 1266 | + } | |
| 1267 | + return () => { | |
| 1268 | + const count = runtime.documents.get(targetDocument); | |
| 1269 | + if (count === void 0) { | |
| 1270 | + return; | |
| 1271 | + } | |
| 1272 | + if (count <= 1) { | |
| 1273 | + runtime.documents.delete(targetDocument); | |
| 1274 | + return; | |
| 1275 | + } | |
| 1276 | + runtime.documents.set(targetDocument, count - 1); | |
| 1277 | + }; | |
| 1278 | +} | |
| 1279 | +function registerStyle3(hash, css) { | |
| 1280 | + const runtime = getRuntime3(); | |
| 1281 | + runtime.styles.set(hash, css); | |
| 1282 | + for (const targetDocument of runtime.documents.keys()) { | |
| 1283 | + injectStyle3(targetDocument, hash, css); | |
| 1284 | + } | |
| 1285 | +} | |
| 1286 | +if (typeof process === "undefined" || true) { | |
| 1287 | + registerStyle3("effc4e3032", '@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{._97b0fc33c028be1a__button,.abbb272e2ce49bd6__is-unstyled{appearance:none;padding:0}._97b0fc33c028be1a__button{--wp-ui-button-font-weight:var(--wpds-typography-font-weight-emphasis,600);--wp-ui-button-background-color:var(--wpds-color-background-interactive-brand-strong,var(--wp-admin-theme-color,#3858e9));--wp-ui-button-background-color-active:var(--wpds-color-background-interactive-brand-strong-active,color-mix(in oklch,var(--wp-admin-theme-color,#3858e9) 93%,#000));--wp-ui-button-background-color-disabled:var(--wpds-color-background-interactive-brand-strong-disabled,#e6e6e6);--wp-ui-button-foreground-color:var(--wpds-color-foreground-interactive-brand-strong,#fff);--wp-ui-button-foreground-color-active:var(--wpds-color-foreground-interactive-brand-strong-active,#fff);--wp-ui-button-foreground-color-disabled:var(--wpds-color-foreground-interactive-brand-strong-disabled,#8d8d8d);--wp-ui-button-padding-block:var(--wpds-dimension-padding-xs,4px);--wp-ui-button-padding-inline:var(--wpds-dimension-padding-md,12px);--wp-ui-button-height:var(--wpds-dimension-size-lg,40px);--wp-ui-button-aspect-ratio:auto;--wp-ui-button-font-size:var(--wpds-typography-font-size-md,13px);--wp-ui-button-min-width:calc(4ch + var(--wp-ui-button-padding-inline)*2);--wp-ui-button-icon-margin:calc((var(--wpds-dimension-size-2xs, 16px) - var(--wpds-dimension-size-sm, 24px))/2);--wp-ui-button-border-color:var(--wp-ui-button-background-color);--wp-ui-button-border-color-active:var(--wp-ui-button-background-color-active);--wp-ui-button-border-color-disabled:var(--wp-ui-button-background-color-disabled);--_gcd-button-font-family:var(--wpds-typography-font-family-body,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);--_gcd-button-font-size:var(--wp-ui-button-font-size);--_gcd-button-font-weight:var(--wp-ui-button-font-weight);align-items:center;aspect-ratio:var(--wp-ui-button-aspect-ratio);background-clip:border-box;background-color:var(--wp-ui-button-background-color);border-color:var(--wp-ui-button-border-color);border-radius:var(--wpds-border-radius-sm,2px);border-style:solid;border-width:1px;color:var(--wp-ui-button-foreground-color);display:inline-flex;font-family:var(--wpds-typography-font-family-body,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-size:var(--wp-ui-button-font-size);font-weight:var(--wp-ui-button-font-weight);gap:var(--wpds-dimension-gap-sm,8px);justify-content:center;line-height:var(--wpds-typography-line-height-sm,20px);max-width:100%;min-height:var(--wp-ui-button-height);min-width:var(--wp-ui-button-min-width);overflow-wrap:anywhere;padding-block:var(--wp-ui-button-padding-block);padding-inline:var(--wp-ui-button-padding-inline);position:relative;text-align:center;text-decoration:none;&:not([data-disabled]){cursor:var(--wpds-cursor-control,pointer)}@media not (prefers-reduced-motion){transition:color .1s ease-out;*{transition:opacity .1s ease-out}}&[href]{cursor:pointer}[href]{color:inherit;text-decoration:inherit}&:not([data-disabled]):is(:hover,:active,:focus){background-color:var(--wp-ui-button-background-color-active);border-color:var(--wp-ui-button-border-color-active);color:var(--wp-ui-button-foreground-color-active)}&[data-disabled]:not(._914b42f315c0e580__is-loading){background-color:var(--wp-ui-button-background-color-disabled);border-color:var(--wp-ui-button-border-color-disabled);color:var(--wp-ui-button-foreground-color-disabled);@media (forced-colors:active){border-bottom-color:GrayText;border-left-color:GrayText;border-right-color:GrayText;border-top-color:GrayText;color:GrayText}}&:before{aspect-ratio:1;border:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px)) solid;border-block-end-color:transparent;border-block-start-color:var(--wp-ui-button-foreground-color);border-inline-end-color:var(--wp-ui-button-foreground-color);border-inline-start-color:transparent;border-radius:50%;box-sizing:border-box;content:"";display:block;height:var(--wp-ui-button-font-size);left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);@media not (prefers-reduced-motion){transition:opacity .1s ease-out}@media (forced-colors:active){border-block-end-style:none;border-bottom-color:ButtonText;border-inline-start-style:none;border-left-color:ButtonText;border-right-color:ButtonText;border-top-color:ButtonText}}}._908205475f9f2a92__is-small{--wp-ui-button-padding-block:0px;--wp-ui-button-padding-inline:var(--wpds-dimension-padding-sm,8px);--wp-ui-button-height:var(--wpds-dimension-size-sm,24px)}._9f6fc6553aeb36fe__icon{margin:var(--wp-ui-button-icon-margin)}.dd460c965226cc77__is-brand{&._62d5a778b7b258ee__is-outline,&.ad0619a3217c6a5b__is-minimal{--wp-ui-button-foreground-color:var(--wpds-color-foreground-interactive-brand,var(--wp-admin-theme-color,#3858e9));--wp-ui-button-foreground-color-active:var(--wpds-color-foreground-interactive-brand-active,color-mix(in oklch,var(--wp-admin-theme-color,#3858e9) 52%,#000));--wp-ui-button-foreground-color-disabled:var(--wpds-color-foreground-interactive-brand-disabled,#8d8d8d)}&._62d5a778b7b258ee__is-outline{--wp-ui-button-background-color:var(--wpds-color-background-interactive-brand-weak,#0000);--wp-ui-button-background-color-active:var(--wpds-color-background-interactive-brand-weak-active,color-mix(in oklch,var(--wp-admin-theme-color,#3858e9) 12%,#fff));--wp-ui-button-background-color-disabled:var(--wpds-color-background-interactive-brand-weak-disabled,#0000);--wp-ui-button-border-color:var(--wpds-color-stroke-interactive-brand,var(--wp-admin-theme-color,#3858e9));--wp-ui-button-border-color-active:var(--wpds-color-stroke-interactive-brand-active,color-mix(in oklch,var(--wp-admin-theme-color,#3858e9) 85%,#000));--wp-ui-button-border-color-disabled:var(--wpds-color-stroke-interactive-brand-disabled,#dbdbdb)}&.ad0619a3217c6a5b__is-minimal{--wp-ui-button-background-color:var(--wpds-color-background-interactive-brand-weak,#0000);--wp-ui-button-background-color-active:var(--wpds-color-background-interactive-brand-weak-active,color-mix(in oklch,var(--wp-admin-theme-color,#3858e9) 12%,#fff));--wp-ui-button-background-color-disabled:var(--wpds-color-background-interactive-brand-weak-disabled,#0000)}}.e722a8f96726aa99__is-neutral{&.ad0619a3217c6a5b__is-minimal[aria-pressed=true],&.b50b3358c5fb4d0b__is-solid{--wp-ui-button-background-color:var(--wpds-color-background-interactive-neutral-strong,#2d2d2d);--wp-ui-button-background-color-active:var(--wpds-color-background-interactive-neutral-strong-active,#1e1e1e);--wp-ui-button-background-color-disabled:var(--wpds-color-background-interactive-neutral-strong-disabled,#e6e6e6);--wp-ui-button-foreground-color:var(--wpds-color-foreground-interactive-neutral-strong,#f0f0f0);--wp-ui-button-foreground-color-active:var(--wpds-color-foreground-interactive-neutral-strong-active,#f0f0f0);--wp-ui-button-foreground-color-disabled:var(--wpds-color-foreground-interactive-neutral-strong-disabled,#8d8d8d)}&._62d5a778b7b258ee__is-outline,&.ad0619a3217c6a5b__is-minimal:not([aria-pressed=true]){--wp-ui-button-foreground-color:var(--wpds-color-foreground-interactive-neutral,#1e1e1e);--wp-ui-button-foreground-color-active:var(--wpds-color-foreground-interactive-neutral-active,#1e1e1e);--wp-ui-button-foreground-color-disabled:var(--wpds-color-foreground-interactive-neutral-disabled,#8d8d8d)}&._62d5a778b7b258ee__is-outline{--wp-ui-button-background-color:var(--wpds-color-background-interactive-neutral-weak,#0000);--wp-ui-button-background-color-active:var(--wpds-color-background-interactive-neutral-weak-active,#ededed);--wp-ui-button-background-color-disabled:var(--wpds-color-background-interactive-neutral-weak-disabled,#0000);--wp-ui-button-border-color:var(--wpds-color-stroke-interactive-neutral,#8d8d8d);--wp-ui-button-border-color-active:var(--wpds-color-stroke-interactive-neutral-active,#6e6e6e);--wp-ui-button-border-color-disabled:var(--wpds-color-stroke-interactive-neutral-disabled,#dbdbdb)}&.ad0619a3217c6a5b__is-minimal:not([aria-pressed=true]){--wp-ui-button-background-color:var(--wpds-color-background-interactive-neutral-weak,#0000);--wp-ui-button-background-color-active:var(--wpds-color-background-interactive-neutral-weak-active,#ededed);--wp-ui-button-background-color-disabled:var(--wpds-color-background-interactive-neutral-weak-disabled,#0000)}}.abbb272e2ce49bd6__is-unstyled{background:none;border:none;min-width:unset}.cf59cf1b69629838__is-compact{--wp-ui-button-height:var(--wpds-dimension-size-md,32px)}._914b42f315c0e580__is-loading:not(.abbb272e2ce49bd6__is-unstyled){color:transparent;&:not([data-disabled]):is(:hover,:active,:focus){color:transparent}@media (forced-colors:active){color:ButtonFace}*{opacity:0}&:before{opacity:1;transition-delay:.05s;@media not (prefers-reduced-motion){animation:_5a1d53da6f830c8d__loading-animation 1s linear infinite}}}}@keyframes _5a1d53da6f830c8d__loading-animation{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}}'); | |
| 1288 | +} | |
| 1289 | +var style_default3 = { "button": "_97b0fc33c028be1a__button", "is-unstyled": "abbb272e2ce49bd6__is-unstyled", "is-loading": "_914b42f315c0e580__is-loading", "is-small": "_908205475f9f2a92__is-small", "icon": "_9f6fc6553aeb36fe__icon", "is-brand": "dd460c965226cc77__is-brand", "is-outline": "_62d5a778b7b258ee__is-outline", "is-minimal": "ad0619a3217c6a5b__is-minimal", "is-neutral": "e722a8f96726aa99__is-neutral", "is-solid": "b50b3358c5fb4d0b__is-solid", "is-compact": "cf59cf1b69629838__is-compact", "loading-animation": "_5a1d53da6f830c8d__loading-animation" }; | |
| 1187 | 1290 | var ButtonIcon = (0, import_element4.forwardRef)( |
| 1188 | - function ButtonIcon2({ icon, ...props }, ref) { | |
| 1291 | + function ButtonIcon2({ className, icon, ...props }, ref) { | |
| 1189 | 1292 | return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)( |
| 1190 | 1293 | Icon, |
| 1191 | 1294 | { |
| 1192 | 1295 | ref, |
| 1193 | 1296 | icon, |
| 1194 | - viewBox: "4 4 16 16", | |
| 1195 | - size: 16, | |
| 1297 | + className: clsx_default(style_default3.icon, className), | |
| 1298 | + size: 24, | |
| 1196 | 1299 | ...props |
| 1197 | 1300 | } |
| 1198 | 1301 | ); |
| 1199 | 1302 | } |
| @@ -1210,10 +1313,10 @@ | ||
| 1210 | 1313 | }); |
| 1211 | 1314 | |
| 1212 | 1315 | // packages/ui/build-module/stack/stack.mjs |
| 1213 | 1316 | var import_element5 = __toESM(require_element(), 1); |
| 1214 | -var STYLE_HASH_ATTRIBUTE3 = "data-wp-hash"; | |
| 1215 | -function getRuntime3() { | |
| 1317 | +var STYLE_HASH_ATTRIBUTE4 = "data-wp-hash"; | |
| 1318 | +function getRuntime4() { | |
| 1216 | 1319 | const globalScope = globalThis; |
| 1217 | 1320 | if (globalScope.__wpStyleRuntime) { |
| 1218 | 1321 | return globalScope.__wpStyleRuntime; |
| 1219 | 1322 | } |
| @@ -1222,30 +1325,30 @@ | ||
| 1222 | 1325 | styles: /* @__PURE__ */ new Map(), |
| 1223 | 1326 | injectedStyles: /* @__PURE__ */ new WeakMap() |
| 1224 | 1327 | }; |
| 1225 | 1328 | if (typeof document !== "undefined") { |
| 1226 | - registerDocument3(document); | |
| 1329 | + registerDocument4(document); | |
| 1227 | 1330 | } |
| 1228 | 1331 | return globalScope.__wpStyleRuntime; |
| 1229 | 1332 | } |
| 1230 | -function documentContainsStyleHash3(targetDocument, hash) { | |
| 1333 | +function documentContainsStyleHash4(targetDocument, hash) { | |
| 1231 | 1334 | if (!targetDocument.head) { |
| 1232 | 1335 | return false; |
| 1233 | 1336 | } |
| 1234 | 1337 | for (const style of targetDocument.head.querySelectorAll( |
| 1235 | - `style[${STYLE_HASH_ATTRIBUTE3}]` | |
| 1338 | + `style[${STYLE_HASH_ATTRIBUTE4}]` | |
| 1236 | 1339 | )) { |
| 1237 | - if (style.getAttribute(STYLE_HASH_ATTRIBUTE3) === hash) { | |
| 1340 | + if (style.getAttribute(STYLE_HASH_ATTRIBUTE4) === hash) { | |
| 1238 | 1341 | return true; |
| 1239 | 1342 | } |
| 1240 | 1343 | } |
| 1241 | 1344 | return false; |
| 1242 | 1345 | } |
| 1243 | -function injectStyle3(targetDocument, hash, css) { | |
| 1346 | +function injectStyle4(targetDocument, hash, css) { | |
| 1244 | 1347 | if (!targetDocument.head) { |
| 1245 | 1348 | return; |
| 1246 | 1349 | } |
| 1247 | - const runtime = getRuntime3(); | |
| 1350 | + const runtime = getRuntime4(); | |
| 1248 | 1351 | let injectedStyles = runtime.injectedStyles.get(targetDocument); |
| 1249 | 1352 | if (!injectedStyles) { |
| 1250 | 1353 | injectedStyles = /* @__PURE__ */ new Set(); |
| 1251 | 1354 | runtime.injectedStyles.set(targetDocument, injectedStyles); |
| @@ -1252,26 +1355,26 @@ | ||
| 1252 | 1355 | } |
| 1253 | 1356 | if (injectedStyles.has(hash)) { |
| 1254 | 1357 | return; |
| 1255 | 1358 | } |
| 1256 | - if (documentContainsStyleHash3(targetDocument, hash)) { | |
| 1359 | + if (documentContainsStyleHash4(targetDocument, hash)) { | |
| 1257 | 1360 | injectedStyles.add(hash); |
| 1258 | 1361 | return; |
| 1259 | 1362 | } |
| 1260 | 1363 | const style = targetDocument.createElement("style"); |
| 1261 | - style.setAttribute(STYLE_HASH_ATTRIBUTE3, hash); | |
| 1364 | + style.setAttribute(STYLE_HASH_ATTRIBUTE4, hash); | |
| 1262 | 1365 | style.appendChild(targetDocument.createTextNode(css)); |
| 1263 | 1366 | targetDocument.head.appendChild(style); |
| 1264 | 1367 | injectedStyles.add(hash); |
| 1265 | 1368 | } |
| 1266 | -function registerDocument3(targetDocument) { | |
| 1267 | - const runtime = getRuntime3(); | |
| 1369 | +function registerDocument4(targetDocument) { | |
| 1370 | + const runtime = getRuntime4(); | |
| 1268 | 1371 | runtime.documents.set( |
| 1269 | 1372 | targetDocument, |
| 1270 | 1373 | (runtime.documents.get(targetDocument) ?? 0) + 1 |
| 1271 | 1374 | ); |
| 1272 | 1375 | for (const [hash, css] of runtime.styles) { |
| 1273 | - injectStyle3(targetDocument, hash, css); | |
| 1376 | + injectStyle4(targetDocument, hash, css); | |
| 1274 | 1377 | } |
| 1275 | 1378 | return () => { |
| 1276 | 1379 | const count = runtime.documents.get(targetDocument); |
| 1277 | 1380 | if (count === void 0) { |
| @@ -1283,19 +1386,19 @@ | ||
| 1283 | 1386 | } |
| 1284 | 1387 | runtime.documents.set(targetDocument, count - 1); |
| 1285 | 1388 | }; |
| 1286 | 1389 | } |
| 1287 | -function registerStyle3(hash, css) { | |
| 1288 | - const runtime = getRuntime3(); | |
| 1390 | +function registerStyle4(hash, css) { | |
| 1391 | + const runtime = getRuntime4(); | |
| 1289 | 1392 | runtime.styles.set(hash, css); |
| 1290 | 1393 | for (const targetDocument of runtime.documents.keys()) { |
| 1291 | - injectStyle3(targetDocument, hash, css); | |
| 1394 | + injectStyle4(targetDocument, hash, css); | |
| 1292 | 1395 | } |
| 1293 | 1396 | } |
| 1294 | 1397 | if (typeof process === "undefined" || true) { |
| 1295 | - registerStyle3("b51ff41489", "@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._19ce0419607e1896__stack{display:flex}}"); | |
| 1398 | + registerStyle4("32aba35fe1", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{._19ce0419607e1896__stack{display:flex}}}"); | |
| 1296 | 1399 | } |
| 1297 | -var style_default3 = { "stack": "_19ce0419607e1896__stack" }; | |
| 1400 | +var style_default4 = { "stack": "_19ce0419607e1896__stack" }; | |
| 1298 | 1401 | var gapTokens = { |
| 1299 | 1402 | xs: "var(--wpds-dimension-gap-xs, 4px)", |
| 1300 | 1403 | sm: "var(--wpds-dimension-gap-sm, 8px)", |
| 1301 | 1404 | md: "var(--wpds-dimension-gap-md, 12px)", |
| @@ -1314,16 +1417,16 @@ | ||
| 1314 | 1417 | }; |
| 1315 | 1418 | const element = useRender({ |
| 1316 | 1419 | render, |
| 1317 | 1420 | ref, |
| 1318 | - props: mergeProps(props, { style, className: style_default3.stack }) | |
| 1421 | + props: mergeProps(props, { style, className: style_default4.stack }) | |
| 1319 | 1422 | }); |
| 1320 | 1423 | return element; |
| 1321 | 1424 | }); |
| 1322 | 1425 | |
| 1323 | 1426 | // packages/style-runtime/src/index.ts |
| 1324 | -var STYLE_HASH_ATTRIBUTE4 = "data-wp-hash"; | |
| 1325 | -function getRuntime4() { | |
| 1427 | +var STYLE_HASH_ATTRIBUTE5 = "data-wp-hash"; | |
| 1428 | +function getRuntime5() { | |
| 1326 | 1429 | const globalScope = globalThis; |
| 1327 | 1430 | if (globalScope.__wpStyleRuntime) { |
| 1328 | 1431 | return globalScope.__wpStyleRuntime; |
| 1329 | 1432 | } |
| @@ -1332,30 +1435,30 @@ | ||
| 1332 | 1435 | styles: /* @__PURE__ */ new Map(), |
| 1333 | 1436 | injectedStyles: /* @__PURE__ */ new WeakMap() |
| 1334 | 1437 | }; |
| 1335 | 1438 | if (typeof document !== "undefined") { |
| 1336 | - registerDocument4(document); | |
| 1439 | + registerDocument5(document); | |
| 1337 | 1440 | } |
| 1338 | 1441 | return globalScope.__wpStyleRuntime; |
| 1339 | 1442 | } |
| 1340 | -function documentContainsStyleHash4(targetDocument, hash) { | |
| 1443 | +function documentContainsStyleHash5(targetDocument, hash) { | |
| 1341 | 1444 | if (!targetDocument.head) { |
| 1342 | 1445 | return false; |
| 1343 | 1446 | } |
| 1344 | 1447 | for (const style of targetDocument.head.querySelectorAll( |
| 1345 | - `style[${STYLE_HASH_ATTRIBUTE4}]` | |
| 1448 | + `style[${STYLE_HASH_ATTRIBUTE5}]` | |
| 1346 | 1449 | )) { |
| 1347 | - if (style.getAttribute(STYLE_HASH_ATTRIBUTE4) === hash) { | |
| 1450 | + if (style.getAttribute(STYLE_HASH_ATTRIBUTE5) === hash) { | |
| 1348 | 1451 | return true; |
| 1349 | 1452 | } |
| 1350 | 1453 | } |
| 1351 | 1454 | return false; |
| 1352 | 1455 | } |
| 1353 | -function injectStyle4(targetDocument, hash, css) { | |
| 1456 | +function injectStyle5(targetDocument, hash, css) { | |
| 1354 | 1457 | if (!targetDocument.head) { |
| 1355 | 1458 | return; |
| 1356 | 1459 | } |
| 1357 | - const runtime = getRuntime4(); | |
| 1460 | + const runtime = getRuntime5(); | |
| 1358 | 1461 | let injectedStyles = runtime.injectedStyles.get(targetDocument); |
| 1359 | 1462 | if (!injectedStyles) { |
| 1360 | 1463 | injectedStyles = /* @__PURE__ */ new Set(); |
| 1361 | 1464 | runtime.injectedStyles.set(targetDocument, injectedStyles); |
| @@ -1362,26 +1465,26 @@ | ||
| 1362 | 1465 | } |
| 1363 | 1466 | if (injectedStyles.has(hash)) { |
| 1364 | 1467 | return; |
| 1365 | 1468 | } |
| 1366 | - if (documentContainsStyleHash4(targetDocument, hash)) { | |
| 1469 | + if (documentContainsStyleHash5(targetDocument, hash)) { | |
| 1367 | 1470 | injectedStyles.add(hash); |
| 1368 | 1471 | return; |
| 1369 | 1472 | } |
| 1370 | 1473 | const style = targetDocument.createElement("style"); |
| 1371 | - style.setAttribute(STYLE_HASH_ATTRIBUTE4, hash); | |
| 1474 | + style.setAttribute(STYLE_HASH_ATTRIBUTE5, hash); | |
| 1372 | 1475 | style.appendChild(targetDocument.createTextNode(css)); |
| 1373 | 1476 | targetDocument.head.appendChild(style); |
| 1374 | 1477 | injectedStyles.add(hash); |
| 1375 | 1478 | } |
| 1376 | -function registerDocument4(targetDocument) { | |
| 1377 | - const runtime = getRuntime4(); | |
| 1479 | +function registerDocument5(targetDocument) { | |
| 1480 | + const runtime = getRuntime5(); | |
| 1378 | 1481 | runtime.documents.set( |
| 1379 | 1482 | targetDocument, |
| 1380 | 1483 | (runtime.documents.get(targetDocument) ?? 0) + 1 |
| 1381 | 1484 | ); |
| 1382 | 1485 | for (const [hash, css] of runtime.styles) { |
| 1383 | - injectStyle4(targetDocument, hash, css); | |
| 1486 | + injectStyle5(targetDocument, hash, css); | |
| 1384 | 1487 | } |
| 1385 | 1488 | return () => { |
| 1386 | 1489 | const count = runtime.documents.get(targetDocument); |
| 1387 | 1490 | if (count === void 0) { |
| @@ -1393,21 +1496,21 @@ | ||
| 1393 | 1496 | } |
| 1394 | 1497 | runtime.documents.set(targetDocument, count - 1); |
| 1395 | 1498 | }; |
| 1396 | 1499 | } |
| 1397 | -function registerStyle4(hash, css) { | |
| 1398 | - const runtime = getRuntime4(); | |
| 1500 | +function registerStyle5(hash, css) { | |
| 1501 | + const runtime = getRuntime5(); | |
| 1399 | 1502 | runtime.styles.set(hash, css); |
| 1400 | 1503 | for (const targetDocument of runtime.documents.keys()) { |
| 1401 | - injectStyle4(targetDocument, hash, css); | |
| 1504 | + injectStyle5(targetDocument, hash, css); | |
| 1402 | 1505 | } |
| 1403 | 1506 | } |
| 1404 | 1507 | |
| 1405 | 1508 | // widgets/site-preview/style.module.css |
| 1406 | 1509 | if (typeof process === "undefined" || true) { |
| 1407 | - registerStyle4("468ace9490", "._528f94b7f3c8f19c__container{aspect-ratio:3/4;height:100%;overflow:hidden;width:100%}._8b42f316c31ff9a3__urlBar{background:var(--wpds-color-bg-surface-neutral-weak,#f4f4f4);border-block-end:var(--wpds-border-width-xs,1px) solid var(--wpds-color-stroke-surface-neutral-weak,#e4e4e4);flex-shrink:0}._8b42f316c31ff9a3__urlBar,.dfc67cc19791df23__urlField{padding:var(--wpds-dimension-padding-xs,4px) var(--wpds-dimension-padding-sm,8px)}.dfc67cc19791df23__urlField{background:var(--wpds-color-bg-surface-neutral,#fcfcfc);border:var(--wpds-border-width-xs,1px) solid var(--wpds-color-stroke-surface-neutral-weak,#e4e4e4);border-radius:var(--wpds-border-radius-lg,8px);min-width:0}.d5d9069549093b8f__urlFavicon{flex-shrink:0;height:var(--wpds-typography-font-size-xs,11px);object-fit:contain;width:var(--wpds-typography-font-size-xs,11px)}._058ef3456ba3e4a3__urlIcon{color:var(--wpds-color-fg-content-neutral-weak,#707070);flex-shrink:0}._89b1c819076c4701__urlText{color:var(--wpds-color-fg-content-neutral,#1e1e1e);flex:1;font-size:var(--wpds-typography-font-size-xs,11px);line-height:var(--wpds-typography-line-height-xs,16px);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._9f1f45e96a0d2105__previewWrap{flex:1;min-height:0;position:relative}.c1322576565e9858__loading{inset:0;position:absolute;z-index:1}._80c298aa7d9d30b1__iframe{inset-block-start:0;inset-inline-start:50%;min-height:375%;position:absolute;transform:translate(-50%) scale(.4);transform-origin:center top;width:250%}._017ce5123c2e1282__overlay{backdrop-filter:blur(1px);background:color-mix(in srgb,var(--wpds-color-fg-content-neutral-weak,#707070) 20%,#0000);inset:0;opacity:0;position:absolute}._9f1f45e96a0d2105__previewWrap:focus-within ._017ce5123c2e1282__overlay,._9f1f45e96a0d2105__previewWrap:hover ._017ce5123c2e1282__overlay{opacity:1}@media not (prefers-reduced-motion){._017ce5123c2e1282__overlay{transition:opacity var(--wpds-motion-duration-lg,.3s) var(--wpds-motion-easing-expressive,cubic-bezier(.25,0,0,1))}}"); | |
| 1510 | + registerStyle5("32999722ac", "._528f94b7f3c8f19c__container{aspect-ratio:3/4;height:100%;overflow:hidden;width:100%}._528700ec847f17e8__url-bar{background:var(--wpds-color-background-surface-neutral-weak,#f4f4f4);border-block-end:var(--wpds-border-width-xs,1px) solid var(--wpds-color-stroke-surface-neutral-weak,#f0f0f0);flex-shrink:0}._528700ec847f17e8__url-bar,.cc99bc5269858202__url-field{padding:var(--wpds-dimension-padding-xs,4px) var(--wpds-dimension-padding-sm,8px)}.cc99bc5269858202__url-field{background:var(--wpds-color-background-surface-neutral-strong,#fff);border:var(--wpds-border-width-xs,1px) solid var(--wpds-color-stroke-surface-neutral-weak,#f0f0f0);border-radius:var(--wpds-border-radius-lg,8px);min-width:0}._24307c22e8fb0ba6__url-favicon{flex-shrink:0;height:var(--wpds-typography-font-size-xs,11px);object-fit:contain;width:var(--wpds-typography-font-size-xs,11px)}.a4338ce996962b13__url-icon{color:var(--wpds-color-foreground-content-neutral-weak,#707070);flex-shrink:0}.e9cf06a1ff0e18b0__url-text{color:var(--wpds-color-foreground-content-neutral,#1e1e1e);flex:1;font-size:var(--wpds-typography-font-size-xs,11px);line-height:var(--wpds-typography-line-height-xs,16px);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._1595014c324a5369__preview-wrap{flex:1;min-height:0;position:relative}.c1322576565e9858__loading{inset:0;position:absolute;z-index:1}._80c298aa7d9d30b1__iframe{inset-block-start:0;inset-inline-start:50%;min-height:375%;position:absolute;transform:translate(-50%) scale(.4);transform-origin:center top;width:250%}._017ce5123c2e1282__overlay{backdrop-filter:blur(1px);background:color-mix(in srgb,var(--wpds-color-foreground-content-neutral-weak,#707070) 20%,transparent);inset:0;opacity:0;position:absolute}._1595014c324a5369__preview-wrap:focus-within ._017ce5123c2e1282__overlay,._1595014c324a5369__preview-wrap:hover ._017ce5123c2e1282__overlay{opacity:1}@media not (prefers-reduced-motion){._017ce5123c2e1282__overlay{transition:opacity var(--wpds-motion-duration-lg,.3s) var(--wpds-motion-easing-expressive,cubic-bezier(.25,0,0,1))}}"); | |
| 1408 | 1511 | } |
| 1409 | -var style_default4 = { "container": "_528f94b7f3c8f19c__container", "urlBar": "_8b42f316c31ff9a3__urlBar", "urlField": "dfc67cc19791df23__urlField", "urlFavicon": "d5d9069549093b8f__urlFavicon", "urlIcon": "_058ef3456ba3e4a3__urlIcon", "urlText": "_89b1c819076c4701__urlText", "previewWrap": "_9f1f45e96a0d2105__previewWrap", "loading": "c1322576565e9858__loading", "iframe": "_80c298aa7d9d30b1__iframe", "overlay": "_017ce5123c2e1282__overlay" }; | |
| 1512 | +var style_default5 = { "container": "_528f94b7f3c8f19c__container", "url-bar": "_528700ec847f17e8__url-bar", "url-field": "cc99bc5269858202__url-field", "url-favicon": "_24307c22e8fb0ba6__url-favicon", "url-icon": "a4338ce996962b13__url-icon", "url-text": "e9cf06a1ff0e18b0__url-text", "preview-wrap": "_1595014c324a5369__preview-wrap", "loading": "c1322576565e9858__loading", "iframe": "_80c298aa7d9d30b1__iframe", "overlay": "_017ce5123c2e1282__overlay" }; | |
| 1410 | 1513 | |
| 1411 | 1514 | // widgets/site-preview/render.tsx |
| 1412 | 1515 | var import_jsx_runtime5 = __toESM(require_jsx_runtime()); |
| 1413 | 1516 | function PreviewUrlBar({ |
| @@ -1413,20 +1516,20 @@ | ||
| 1413 | 1516 | function PreviewUrlBar({ |
| 1414 | 1517 | siteUrl, |
| 1415 | 1518 | siteIconUrl |
| 1416 | 1519 | }) { |
| 1417 | - return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: style_default4.urlBar, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)( | |
| 1520 | + return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: style_default5["url-bar"], children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)( | |
| 1418 | 1521 | Stack, |
| 1419 | 1522 | { |
| 1420 | 1523 | direction: "row", |
| 1421 | 1524 | align: "center", |
| 1422 | 1525 | gap: "xs", |
| 1423 | - className: style_default4.urlField, | |
| 1526 | + className: style_default5["url-field"], | |
| 1424 | 1527 | children: [ |
| 1425 | 1528 | siteIconUrl ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)( |
| 1426 | 1529 | "img", |
| 1427 | 1530 | { |
| 1428 | - className: style_default4.urlFavicon, | |
| 1531 | + className: style_default5["url-favicon"], | |
| 1429 | 1532 | src: siteIconUrl, |
| 1430 | 1533 | alt: "" |
| 1431 | 1534 | } |
| 1432 | 1535 | ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)( |
| @@ -1431,14 +1534,14 @@ | ||
| 1431 | 1534 | } |
| 1432 | 1535 | ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)( |
| 1433 | 1536 | Icon, |
| 1434 | 1537 | { |
| 1435 | - className: style_default4.urlIcon, | |
| 1538 | + className: style_default5["url-icon"], | |
| 1436 | 1539 | icon: wordpress_default, |
| 1437 | 1540 | size: 12 |
| 1438 | 1541 | } |
| 1439 | 1542 | ), |
| 1440 | - /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { className: style_default4.urlText, children: siteUrl }) | |
| 1543 | + /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { className: style_default5["url-text"], children: siteUrl }) | |
| 1441 | 1544 | ] |
| 1442 | 1545 | } |
| 1443 | 1546 | ) }); |
| 1444 | 1547 | } |
| @@ -1471,11 +1574,11 @@ | ||
| 1471 | 1574 | const src = (0, import_url.addQueryArgs)(siteUrl, { |
| 1472 | 1575 | wp_site_preview: 1 |
| 1473 | 1576 | }); |
| 1474 | 1577 | const editUrl = isBlockTheme ? "site-editor.php" : "customize.php"; |
| 1475 | - return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Stack, { direction: "column", className: style_default4.container, children: [ | |
| 1578 | + return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Stack, { direction: "column", className: style_default5.container, children: [ | |
| 1476 | 1579 | /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PreviewUrlBar, { siteUrl, siteIconUrl }), |
| 1477 | - /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: style_default4.previewWrap, children: [ | |
| 1580 | + /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: style_default5["preview-wrap"], children: [ | |
| 1478 | 1581 | isIframeLoading && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)( |
| 1479 | 1582 | Stack, |
| 1480 | 1583 | { |
| 1481 | 1584 | direction: "column", |
| @@ -1480,9 +1583,9 @@ | ||
| 1480 | 1583 | { |
| 1481 | 1584 | direction: "column", |
| 1482 | 1585 | align: "center", |
| 1483 | 1586 | justify: "center", |
| 1484 | - className: style_default4.loading, | |
| 1587 | + className: style_default5.loading, | |
| 1485 | 1588 | children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_components.Spinner, {}) |
| 1486 | 1589 | } |
| 1487 | 1590 | ), |
| 1488 | 1591 | /* @__PURE__ */ (0, import_jsx_runtime5.jsx)( |
| @@ -1487,9 +1590,9 @@ | ||
| 1487 | 1590 | ), |
| 1488 | 1591 | /* @__PURE__ */ (0, import_jsx_runtime5.jsx)( |
| 1489 | 1592 | "iframe", |
| 1490 | 1593 | { |
| 1491 | - className: style_default4.iframe, | |
| 1594 | + className: style_default5.iframe, | |
| 1492 | 1595 | loading: "lazy", |
| 1493 | 1596 | scrolling: "no", |
| 1494 | 1597 | title: (0, import_i18n2.__)("Site preview"), |
| 1495 | 1598 | src, |
| @@ -1503,9 +1606,9 @@ | ||
| 1503 | 1606 | direction: "row", |
| 1504 | 1607 | align: "center", |
| 1505 | 1608 | justify: "center", |
| 1506 | 1609 | gap: "sm", |
| 1507 | - className: style_default4.overlay, | |
| 1610 | + className: style_default5.overlay, | |
| 1508 | 1611 | children: [ |
| 1509 | 1612 | /* @__PURE__ */ (0, import_jsx_runtime5.jsx)( |
| 1510 | 1613 | Button4, |
| 1511 | 1614 | { |
