| 1 |
var __create = Object.create; |
| 2 |
var __defProp = Object.defineProperty; |
| 3 |
var __getOwnPropDesc = Object.getOwnPropertyDescriptor; |
| 4 |
var __getOwnPropNames = Object.getOwnPropertyNames; |
| 5 |
var __getProtoOf = Object.getPrototypeOf; |
| 6 |
var __hasOwnProp = Object.prototype.hasOwnProperty; |
| 7 |
var __commonJS = (cb, mod) => function __require() { |
| 8 |
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports; |
| 9 |
}; |
| 10 |
var __copyProps = (to, from, except, desc) => { |
| 11 |
if (from && typeof from === "object" || typeof from === "function") { |
| 12 |
for (let key of __getOwnPropNames(from)) |
| 13 |
if (!__hasOwnProp.call(to, key) && key !== except) |
| 14 |
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); |
| 15 |
} |
| 16 |
return to; |
| 17 |
}; |
| 18 |
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( |
| 19 |
// If the importer is in node compatibility mode or this is not an ESM |
| 20 |
// file that has been converted to a CommonJS file using a Babel- |
| 21 |
// compatible transform (i.e. "__esModule" has not been set), then set |
| 22 |
// "default" to the CommonJS "module.exports" for node compatibility. |
| 23 |
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, |
| 24 |
mod |
| 25 |
)); |
| 26 |
|
| 27 |
// package-external:@wordpress/i18n |
| 28 |
var require_i18n = __commonJS({ |
| 29 |
"package-external:@wordpress/i18n"(exports, module) { |
| 30 |
module.exports = window.wp.i18n; |
| 31 |
} |
| 32 |
}); |
| 33 |
|
| 34 |
// package-external:@wordpress/element |
| 35 |
var require_element = __commonJS({ |
| 36 |
"package-external:@wordpress/element"(exports, module) { |
| 37 |
module.exports = window.wp.element; |
| 38 |
} |
| 39 |
}); |
| 40 |
|
| 41 |
// vendor-external:react |
| 42 |
var require_react = __commonJS({ |
| 43 |
"vendor-external:react"(exports, module) { |
| 44 |
module.exports = window.React; |
| 45 |
} |
| 46 |
}); |
| 47 |
|
| 48 |
// vendor-external:react/jsx-runtime |
| 49 |
var require_jsx_runtime = __commonJS({ |
| 50 |
"vendor-external:react/jsx-runtime"(exports, module) { |
| 51 |
module.exports = window.ReactJSXRuntime; |
| 52 |
} |
| 53 |
}); |
| 54 |
|
| 55 |
// package-external:@wordpress/primitives |
| 56 |
var require_primitives = __commonJS({ |
| 57 |
"package-external:@wordpress/primitives"(exports, module) { |
| 58 |
module.exports = window.wp.primitives; |
| 59 |
} |
| 60 |
}); |
| 61 |
|
| 62 |
// package-external:@wordpress/compose |
| 63 |
var require_compose = __commonJS({ |
| 64 |
"package-external:@wordpress/compose"(exports, module) { |
| 65 |
module.exports = window.wp.compose; |
| 66 |
} |
| 67 |
}); |
| 68 |
|
| 69 |
// package-external:@wordpress/private-apis |
| 70 |
var require_private_apis = __commonJS({ |
| 71 |
"package-external:@wordpress/private-apis"(exports, module) { |
| 72 |
module.exports = window.wp.privateApis; |
| 73 |
} |
| 74 |
}); |
| 75 |
|
| 76 |
// package-external:@wordpress/components |
| 77 |
var require_components = __commonJS({ |
| 78 |
"package-external:@wordpress/components"(exports, module) { |
| 79 |
module.exports = window.wp.components; |
| 80 |
} |
| 81 |
}); |
| 82 |
|
| 83 |
// package-external:@wordpress/editor |
| 84 |
var require_editor = __commonJS({ |
| 85 |
"package-external:@wordpress/editor"(exports, module) { |
| 86 |
module.exports = window.wp.editor; |
| 87 |
} |
| 88 |
}); |
| 89 |
|
| 90 |
// package-external:@wordpress/data |
| 91 |
var require_data = __commonJS({ |
| 92 |
"package-external:@wordpress/data"(exports, module) { |
| 93 |
module.exports = window.wp.data; |
| 94 |
} |
| 95 |
}); |
| 96 |
|
| 97 |
// package-external:@wordpress/core-data |
| 98 |
var require_core_data = __commonJS({ |
| 99 |
"package-external:@wordpress/core-data"(exports, module) { |
| 100 |
module.exports = window.wp.coreData; |
| 101 |
} |
| 102 |
}); |
| 103 |
|
| 104 |
// routes/styles/stage.tsx |
| 105 |
import { useNavigate, useSearch } from "@wordpress/route"; |
| 106 |
|
| 107 |
// node_modules/clsx/dist/clsx.mjs |
| 108 |
function r(e) { |
| 109 |
var t, f, n = ""; |
| 110 |
if ("string" == typeof e || "number" == typeof e) n += e; |
| 111 |
else if ("object" == typeof e) if (Array.isArray(e)) { |
| 112 |
var o = e.length; |
| 113 |
for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f); |
| 114 |
} else for (f in e) e[f] && (n && (n += " "), n += f); |
| 115 |
return n; |
| 116 |
} |
| 117 |
function clsx() { |
| 118 |
for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t); |
| 119 |
return n; |
| 120 |
} |
| 121 |
var clsx_default = clsx; |
| 122 |
|
| 123 |
// node_modules/@base-ui/utils/esm/useRefWithInit.js |
| 124 |
var React2 = __toESM(require_react(), 1); |
| 125 |
var UNINITIALIZED = {}; |
| 126 |
function useRefWithInit(init, initArg) { |
| 127 |
const ref = React2.useRef(UNINITIALIZED); |
| 128 |
if (ref.current === UNINITIALIZED) { |
| 129 |
ref.current = init(initArg); |
| 130 |
} |
| 131 |
return ref; |
| 132 |
} |
| 133 |
|
| 134 |
// node_modules/@base-ui/utils/esm/warn.js |
| 135 |
var set; |
| 136 |
if (true) { |
| 137 |
set = /* @__PURE__ */ new Set(); |
| 138 |
} |
| 139 |
function warn(...messages) { |
| 140 |
if (true) { |
| 141 |
const messageKey = messages.join(" "); |
| 142 |
if (!set.has(messageKey)) { |
| 143 |
set.add(messageKey); |
| 144 |
console.warn(`Base UI: ${messageKey}`); |
| 145 |
} |
| 146 |
} |
| 147 |
} |
| 148 |
|
| 149 |
// node_modules/@base-ui/react/esm/internals/useRenderElement.js |
| 150 |
var React5 = __toESM(require_react(), 1); |
| 151 |
|
| 152 |
// node_modules/@base-ui/utils/esm/useMergedRefs.js |
| 153 |
function useMergedRefs(a, b, c, d) { |
| 154 |
const forkRef = useRefWithInit(createForkRef).current; |
| 155 |
if (didChange(forkRef, a, b, c, d)) { |
| 156 |
update(forkRef, [a, b, c, d]); |
| 157 |
} |
| 158 |
return forkRef.callback; |
| 159 |
} |
| 160 |
function useMergedRefsN(refs) { |
| 161 |
const forkRef = useRefWithInit(createForkRef).current; |
| 162 |
if (didChangeN(forkRef, refs)) { |
| 163 |
update(forkRef, refs); |
| 164 |
} |
| 165 |
return forkRef.callback; |
| 166 |
} |
| 167 |
function createForkRef() { |
| 168 |
return { |
| 169 |
callback: null, |
| 170 |
cleanup: null, |
| 171 |
refs: [] |
| 172 |
}; |
| 173 |
} |
| 174 |
function didChange(forkRef, a, b, c, d) { |
| 175 |
return forkRef.refs[0] !== a || forkRef.refs[1] !== b || forkRef.refs[2] !== c || forkRef.refs[3] !== d; |
| 176 |
} |
| 177 |
function didChangeN(forkRef, newRefs) { |
| 178 |
return forkRef.refs.length !== newRefs.length || forkRef.refs.some((ref, index) => ref !== newRefs[index]); |
| 179 |
} |
| 180 |
function update(forkRef, refs) { |
| 181 |
forkRef.refs = refs; |
| 182 |
if (refs.every((ref) => ref == null)) { |
| 183 |
forkRef.callback = null; |
| 184 |
return; |
| 185 |
} |
| 186 |
forkRef.callback = (instance) => { |
| 187 |
if (forkRef.cleanup) { |
| 188 |
forkRef.cleanup(); |
| 189 |
forkRef.cleanup = null; |
| 190 |
} |
| 191 |
if (instance != null) { |
| 192 |
const cleanupCallbacks = Array(refs.length).fill(null); |
| 193 |
for (let i = 0; i < refs.length; i += 1) { |
| 194 |
const ref = refs[i]; |
| 195 |
if (ref == null) { |
| 196 |
continue; |
| 197 |
} |
| 198 |
switch (typeof ref) { |
| 199 |
case "function": { |
| 200 |
const refCleanup = ref(instance); |
| 201 |
if (typeof refCleanup === "function") { |
| 202 |
cleanupCallbacks[i] = refCleanup; |
| 203 |
} |
| 204 |
break; |
| 205 |
} |
| 206 |
case "object": { |
| 207 |
ref.current = instance; |
| 208 |
break; |
| 209 |
} |
| 210 |
default: |
| 211 |
} |
| 212 |
} |
| 213 |
forkRef.cleanup = () => { |
| 214 |
for (let i = 0; i < refs.length; i += 1) { |
| 215 |
const ref = refs[i]; |
| 216 |
if (ref == null) { |
| 217 |
continue; |
| 218 |
} |
| 219 |
switch (typeof ref) { |
| 220 |
case "function": { |
| 221 |
const cleanupCallback = cleanupCallbacks[i]; |
| 222 |
if (typeof cleanupCallback === "function") { |
| 223 |
cleanupCallback(); |
| 224 |
} else { |
| 225 |
ref(null); |
| 226 |
} |
| 227 |
break; |
| 228 |
} |
| 229 |
case "object": { |
| 230 |
ref.current = null; |
| 231 |
break; |
| 232 |
} |
| 233 |
default: |
| 234 |
} |
| 235 |
} |
| 236 |
}; |
| 237 |
} |
| 238 |
}; |
| 239 |
} |
| 240 |
|
| 241 |
// node_modules/@base-ui/utils/esm/getReactElementRef.js |
| 242 |
var React4 = __toESM(require_react(), 1); |
| 243 |
|
| 244 |
// node_modules/@base-ui/utils/esm/reactVersion.js |
| 245 |
var React3 = __toESM(require_react(), 1); |
| 246 |
var majorVersion = parseInt(React3.version, 10); |
| 247 |
function isReactVersionAtLeast(reactVersionToCheck) { |
| 248 |
return majorVersion >= reactVersionToCheck; |
| 249 |
} |
| 250 |
|
| 251 |
// node_modules/@base-ui/utils/esm/getReactElementRef.js |
| 252 |
function getReactElementRef(element) { |
| 253 |
if (!/* @__PURE__ */ React4.isValidElement(element)) { |
| 254 |
return null; |
| 255 |
} |
| 256 |
const reactElement = element; |
| 257 |
const propsWithRef = reactElement.props; |
| 258 |
return (isReactVersionAtLeast(19) ? propsWithRef?.ref : reactElement.ref) ?? null; |
| 259 |
} |
| 260 |
|
| 261 |
// node_modules/@base-ui/utils/esm/mergeObjects.js |
| 262 |
function mergeObjects(a, b) { |
| 263 |
if (a && !b) { |
| 264 |
return a; |
| 265 |
} |
| 266 |
if (!a && b) { |
| 267 |
return b; |
| 268 |
} |
| 269 |
if (a || b) { |
| 270 |
return { |
| 271 |
...a, |
| 272 |
...b |
| 273 |
}; |
| 274 |
} |
| 275 |
return void 0; |
| 276 |
} |
| 277 |
|
| 278 |
// node_modules/@base-ui/utils/esm/empty.js |
| 279 |
var EMPTY_ARRAY = Object.freeze([]); |
| 280 |
var EMPTY_OBJECT = Object.freeze({}); |
| 281 |
|
| 282 |
// node_modules/@base-ui/react/esm/internals/getStateAttributesProps.js |
| 283 |
function getStateAttributesProps(state, customMapping) { |
| 284 |
const props = {}; |
| 285 |
for (const key in state) { |
| 286 |
const value = state[key]; |
| 287 |
if (customMapping?.hasOwnProperty(key)) { |
| 288 |
const customProps = customMapping[key](value); |
| 289 |
if (customProps != null) { |
| 290 |
Object.assign(props, customProps); |
| 291 |
} |
| 292 |
continue; |
| 293 |
} |
| 294 |
if (value === true) { |
| 295 |
props[`data-${key.toLowerCase()}`] = ""; |
| 296 |
} else if (value) { |
| 297 |
props[`data-${key.toLowerCase()}`] = value.toString(); |
| 298 |
} |
| 299 |
} |
| 300 |
return props; |
| 301 |
} |
| 302 |
|
| 303 |
// node_modules/@base-ui/react/esm/utils/resolveClassName.js |
| 304 |
function resolveClassName(className, state) { |
| 305 |
return typeof className === "function" ? className(state) : className; |
| 306 |
} |
| 307 |
|
| 308 |
// node_modules/@base-ui/react/esm/utils/resolveStyle.js |
| 309 |
function resolveStyle(style, state) { |
| 310 |
return typeof style === "function" ? style(state) : style; |
| 311 |
} |
| 312 |
|
| 313 |
// node_modules/@base-ui/react/esm/merge-props/mergeProps.js |
| 314 |
var EMPTY_PROPS = {}; |
| 315 |
function mergeProps(a, b, c, d, e) { |
| 316 |
if (!c && !d && !e && !a) { |
| 317 |
return createInitialMergedProps(b); |
| 318 |
} |
| 319 |
let merged = createInitialMergedProps(a); |
| 320 |
if (b) { |
| 321 |
merged = mergeInto(merged, b); |
| 322 |
} |
| 323 |
if (c) { |
| 324 |
merged = mergeInto(merged, c); |
| 325 |
} |
| 326 |
if (d) { |
| 327 |
merged = mergeInto(merged, d); |
| 328 |
} |
| 329 |
if (e) { |
| 330 |
merged = mergeInto(merged, e); |
| 331 |
} |
| 332 |
return merged; |
| 333 |
} |
| 334 |
function mergePropsN(props) { |
| 335 |
if (props.length === 0) { |
| 336 |
return EMPTY_PROPS; |
| 337 |
} |
| 338 |
if (props.length === 1) { |
| 339 |
return createInitialMergedProps(props[0]); |
| 340 |
} |
| 341 |
let merged = createInitialMergedProps(props[0]); |
| 342 |
for (let i = 1; i < props.length; i += 1) { |
| 343 |
merged = mergeInto(merged, props[i]); |
| 344 |
} |
| 345 |
return merged; |
| 346 |
} |
| 347 |
function createInitialMergedProps(inputProps) { |
| 348 |
if (isPropsGetter(inputProps)) { |
| 349 |
return { |
| 350 |
...resolvePropsGetter(inputProps, EMPTY_PROPS) |
| 351 |
}; |
| 352 |
} |
| 353 |
return copyInitialProps(inputProps); |
| 354 |
} |
| 355 |
function mergeInto(merged, inputProps) { |
| 356 |
if (isPropsGetter(inputProps)) { |
| 357 |
return resolvePropsGetter(inputProps, merged); |
| 358 |
} |
| 359 |
return mutablyMergeInto(merged, inputProps); |
| 360 |
} |
| 361 |
function copyInitialProps(inputProps) { |
| 362 |
const copiedProps = { |
| 363 |
...inputProps |
| 364 |
}; |
| 365 |
for (const propName in copiedProps) { |
| 366 |
const propValue = copiedProps[propName]; |
| 367 |
if (isEventHandler(propName, propValue)) { |
| 368 |
copiedProps[propName] = wrapEventHandler(propValue); |
| 369 |
} |
| 370 |
} |
| 371 |
return copiedProps; |
| 372 |
} |
| 373 |
function mutablyMergeInto(mergedProps, externalProps) { |
| 374 |
if (!externalProps) { |
| 375 |
return mergedProps; |
| 376 |
} |
| 377 |
for (const propName in externalProps) { |
| 378 |
const externalPropValue = externalProps[propName]; |
| 379 |
switch (propName) { |
| 380 |
case "style": { |
| 381 |
mergedProps[propName] = mergeObjects(mergedProps.style, externalPropValue); |
| 382 |
break; |
| 383 |
} |
| 384 |
case "className": { |
| 385 |
mergedProps[propName] = mergeClassNames(mergedProps.className, externalPropValue); |
| 386 |
break; |
| 387 |
} |
| 388 |
default: { |
| 389 |
if (isEventHandler(propName, externalPropValue)) { |
| 390 |
mergedProps[propName] = mergeEventHandlers(mergedProps[propName], externalPropValue); |
| 391 |
} else { |
| 392 |
mergedProps[propName] = externalPropValue; |
| 393 |
} |
| 394 |
} |
| 395 |
} |
| 396 |
} |
| 397 |
return mergedProps; |
| 398 |
} |
| 399 |
function isEventHandler(key, value) { |
| 400 |
const code0 = key.charCodeAt(0); |
| 401 |
const code1 = key.charCodeAt(1); |
| 402 |
const code2 = key.charCodeAt(2); |
| 403 |
return code0 === 111 && code1 === 110 && code2 >= 65 && code2 <= 90 && (typeof value === "function" || typeof value === "undefined"); |
| 404 |
} |
| 405 |
function isPropsGetter(inputProps) { |
| 406 |
return typeof inputProps === "function"; |
| 407 |
} |
| 408 |
function resolvePropsGetter(inputProps, previousProps) { |
| 409 |
if (isPropsGetter(inputProps)) { |
| 410 |
return inputProps(previousProps); |
| 411 |
} |
| 412 |
return inputProps ?? EMPTY_PROPS; |
| 413 |
} |
| 414 |
function mergeEventHandlers(ourHandler, theirHandler) { |
| 415 |
if (!theirHandler) { |
| 416 |
return ourHandler; |
| 417 |
} |
| 418 |
if (!ourHandler) { |
| 419 |
return wrapEventHandler(theirHandler); |
| 420 |
} |
| 421 |
return (...args) => { |
| 422 |
const event = args[0]; |
| 423 |
if (isSyntheticEvent(event)) { |
| 424 |
const baseUIEvent = event; |
| 425 |
makeEventPreventable(baseUIEvent); |
| 426 |
const result2 = theirHandler(...args); |
| 427 |
if (!baseUIEvent.baseUIHandlerPrevented) { |
| 428 |
ourHandler?.(...args); |
| 429 |
} |
| 430 |
return result2; |
| 431 |
} |
| 432 |
const result = theirHandler(...args); |
| 433 |
ourHandler?.(...args); |
| 434 |
return result; |
| 435 |
}; |
| 436 |
} |
| 437 |
function wrapEventHandler(handler) { |
| 438 |
if (!handler) { |
| 439 |
return handler; |
| 440 |
} |
| 441 |
return (...args) => { |
| 442 |
const event = args[0]; |
| 443 |
if (isSyntheticEvent(event)) { |
| 444 |
makeEventPreventable(event); |
| 445 |
} |
| 446 |
return handler(...args); |
| 447 |
}; |
| 448 |
} |
| 449 |
function makeEventPreventable(event) { |
| 450 |
event.preventBaseUIHandler = () => { |
| 451 |
event.baseUIHandlerPrevented = true; |
| 452 |
}; |
| 453 |
return event; |
| 454 |
} |
| 455 |
function mergeClassNames(ourClassName, theirClassName) { |
| 456 |
if (theirClassName) { |
| 457 |
if (ourClassName) { |
| 458 |
return theirClassName + " " + ourClassName; |
| 459 |
} |
| 460 |
return theirClassName; |
| 461 |
} |
| 462 |
return ourClassName; |
| 463 |
} |
| 464 |
function isSyntheticEvent(event) { |
| 465 |
return event != null && typeof event === "object" && "nativeEvent" in event; |
| 466 |
} |
| 467 |
|
| 468 |
// node_modules/@base-ui/react/esm/internals/useRenderElement.js |
| 469 |
var import_react = __toESM(require_react(), 1); |
| 470 |
function useRenderElement(element, componentProps, params = {}) { |
| 471 |
const renderProp = componentProps.render; |
| 472 |
const outProps = useRenderElementProps(componentProps, params); |
| 473 |
if (params.enabled === false) { |
| 474 |
return null; |
| 475 |
} |
| 476 |
const state = params.state ?? EMPTY_OBJECT; |
| 477 |
return evaluateRenderProp(element, renderProp, outProps, state); |
| 478 |
} |
| 479 |
function useRenderElementProps(componentProps, params = {}) { |
| 480 |
const { |
| 481 |
className: classNameProp, |
| 482 |
style: styleProp, |
| 483 |
render: renderProp |
| 484 |
} = componentProps; |
| 485 |
const { |
| 486 |
state = EMPTY_OBJECT, |
| 487 |
ref, |
| 488 |
props, |
| 489 |
stateAttributesMapping, |
| 490 |
enabled = true |
| 491 |
} = params; |
| 492 |
const className = enabled ? resolveClassName(classNameProp, state) : void 0; |
| 493 |
const style = enabled ? resolveStyle(styleProp, state) : void 0; |
| 494 |
const stateProps = enabled ? getStateAttributesProps(state, stateAttributesMapping) : EMPTY_OBJECT; |
| 495 |
const resolvedProps = enabled && props ? resolveRenderFunctionProps(props) : void 0; |
| 496 |
const outProps = enabled ? mergeObjects(stateProps, resolvedProps) ?? {} : EMPTY_OBJECT; |
| 497 |
if (typeof document !== "undefined") { |
| 498 |
if (!enabled) { |
| 499 |
useMergedRefs(null, null); |
| 500 |
} else if (Array.isArray(ref)) { |
| 501 |
outProps.ref = useMergedRefsN([outProps.ref, getReactElementRef(renderProp), ...ref]); |
| 502 |
} else { |
| 503 |
outProps.ref = useMergedRefs(outProps.ref, getReactElementRef(renderProp), ref); |
| 504 |
} |
| 505 |
} |
| 506 |
if (!enabled) { |
| 507 |
return EMPTY_OBJECT; |
| 508 |
} |
| 509 |
if (className !== void 0) { |
| 510 |
outProps.className = mergeClassNames(outProps.className, className); |
| 511 |
} |
| 512 |
if (style !== void 0) { |
| 513 |
outProps.style = mergeObjects(outProps.style, style); |
| 514 |
} |
| 515 |
return outProps; |
| 516 |
} |
| 517 |
function resolveRenderFunctionProps(props) { |
| 518 |
if (Array.isArray(props)) { |
| 519 |
return mergePropsN(props); |
| 520 |
} |
| 521 |
return mergeProps(void 0, props); |
| 522 |
} |
| 523 |
var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy"); |
| 524 |
var COMPONENT_IDENTIFIER_PATTERN = /^[A-Z][A-Za-z0-9$]*$/; |
| 525 |
var LOWERCASE_CHARACTER_PATTERN = /[a-z]/; |
| 526 |
function evaluateRenderProp(element, render, props, state) { |
| 527 |
if (render) { |
| 528 |
if (typeof render === "function") { |
| 529 |
if (true) { |
| 530 |
warnIfRenderPropLooksLikeComponent(render); |
| 531 |
} |
| 532 |
return render(props, state); |
| 533 |
} |
| 534 |
const mergedProps = mergeProps(props, render.props); |
| 535 |
mergedProps.ref = props.ref; |
| 536 |
let newElement = render; |
| 537 |
if (newElement?.$$typeof === REACT_LAZY_TYPE) { |
| 538 |
const children = React5.Children.toArray(render); |
| 539 |
newElement = children[0]; |
| 540 |
} |
| 541 |
if (true) { |
| 542 |
if (!/* @__PURE__ */ React5.isValidElement(newElement)) { |
| 543 |
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")); |
| 544 |
} |
| 545 |
} |
| 546 |
return /* @__PURE__ */ React5.cloneElement(newElement, mergedProps); |
| 547 |
} |
| 548 |
if (element) { |
| 549 |
if (typeof element === "string") { |
| 550 |
return renderTag(element, props); |
| 551 |
} |
| 552 |
} |
| 553 |
throw new Error(true ? "Base UI: Render element or function are not defined." : formatErrorMessage_default(8)); |
| 554 |
} |
| 555 |
function warnIfRenderPropLooksLikeComponent(renderFn) { |
| 556 |
const functionName = renderFn.name; |
| 557 |
if (functionName.length === 0) { |
| 558 |
return; |
| 559 |
} |
| 560 |
if (!COMPONENT_IDENTIFIER_PATTERN.test(functionName)) { |
| 561 |
return; |
| 562 |
} |
| 563 |
if (!LOWERCASE_CHARACTER_PATTERN.test(functionName)) { |
| 564 |
return; |
| 565 |
} |
| 566 |
warn(`The \`render\` prop received a function named \`${functionName}\` that starts with an uppercase letter.`, "This usually means a React component was passed directly as `render={Component}`.", "Base UI calls `render` as a plain function, which can break the Rules of Hooks during reconciliation.", "If this is an intentional render callback, rename it to start with a lowercase letter.", "Use `render={<Component />}` or `render={(props) => <Component {...props} />}` instead.", "https://base-ui.com/r/invalid-render-prop"); |
| 567 |
} |
| 568 |
function renderTag(Tag, props) { |
| 569 |
if (Tag === "button") { |
| 570 |
return /* @__PURE__ */ (0, import_react.createElement)("button", { |
| 571 |
type: "button", |
| 572 |
...props, |
| 573 |
key: props.key |
| 574 |
}); |
| 575 |
} |
| 576 |
if (Tag === "img") { |
| 577 |
return /* @__PURE__ */ (0, import_react.createElement)("img", { |
| 578 |
alt: "", |
| 579 |
...props, |
| 580 |
key: props.key |
| 581 |
}); |
| 582 |
} |
| 583 |
return /* @__PURE__ */ React5.createElement(Tag, props); |
| 584 |
} |
| 585 |
|
| 586 |
// node_modules/@base-ui/react/esm/use-render/useRender.js |
| 587 |
function useRender(params) { |
| 588 |
return useRenderElement(params.defaultTagName ?? "div", params, params); |
| 589 |
} |
| 590 |
|
| 591 |
// packages/ui/build-module/text/text.mjs |
| 592 |
var import_element = __toESM(require_element(), 1); |
| 593 |
if (typeof document !== "undefined" && true && !document.head.querySelector("style[data-wp-hash='4130d64bea']")) { |
| 594 |
const style = document.createElement("style"); |
| 595 |
style.setAttribute("data-wp-hash", "4130d64bea"); |
| 596 |
style.appendChild(document.createTextNode('@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);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);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);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);font-size:var(--wpds-typography-font-size-md,13px)}.a9b78c7c82e8dff7__heading-sm{--_gcd-heading-font-size:var(--wpds-typography-font-size-xs,11px);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-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-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-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-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)}}')); |
| 597 |
document.head.appendChild(style); |
| 598 |
} |
| 599 |
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" }; |
| 600 |
if (typeof document !== "undefined" && true && !document.head.querySelector("style[data-wp-hash='1fb29d3a3c']")) { |
| 601 |
const style = document.createElement("style"); |
| 602 |
style.setAttribute("data-wp-hash", "1fb29d3a3c"); |
| 603 |
style.appendChild(document.createTextNode("._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)}")); |
| 604 |
document.head.appendChild(style); |
| 605 |
} |
| 606 |
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" }; |
| 607 |
var Text = (0, import_element.forwardRef)(function Text2({ variant = "body-md", render, className, ...props }, ref) { |
| 608 |
const element = useRender({ |
| 609 |
render, |
| 610 |
defaultTagName: "span", |
| 611 |
ref, |
| 612 |
props: mergeProps(props, { |
| 613 |
className: clsx_default( |
| 614 |
style_default.text, |
| 615 |
global_css_defense_default.heading, |
| 616 |
global_css_defense_default.p, |
| 617 |
style_default[variant], |
| 618 |
className |
| 619 |
) |
| 620 |
}) |
| 621 |
}); |
| 622 |
return element; |
| 623 |
}); |
| 624 |
|
| 625 |
// packages/icons/build-module/library/seen.mjs |
| 626 |
var import_primitives = __toESM(require_primitives(), 1); |
| 627 |
var import_jsx_runtime = __toESM(require_jsx_runtime(), 1); |
| 628 |
var seen_default = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.Path, { d: "M3.99961 13C4.67043 13.3354 4.6703 13.3357 4.67017 13.3359L4.67298 13.3305C4.67621 13.3242 4.68184 13.3135 4.68988 13.2985C4.70595 13.2686 4.7316 13.2218 4.76695 13.1608C4.8377 13.0385 4.94692 12.8592 5.09541 12.6419C5.39312 12.2062 5.84436 11.624 6.45435 11.0431C7.67308 9.88241 9.49719 8.75 11.9996 8.75C14.502 8.75 16.3261 9.88241 17.5449 11.0431C18.1549 11.624 18.6061 12.2062 18.9038 12.6419C19.0523 12.8592 19.1615 13.0385 19.2323 13.1608C19.2676 13.2218 19.2933 13.2686 19.3093 13.2985C19.3174 13.3135 19.323 13.3242 19.3262 13.3305L19.3291 13.3359C19.3289 13.3357 19.3288 13.3354 19.9996 13C20.6704 12.6646 20.6703 12.6643 20.6701 12.664L20.6697 12.6632L20.6688 12.6614L20.6662 12.6563L20.6583 12.6408C20.6517 12.6282 20.6427 12.6108 20.631 12.5892C20.6078 12.5459 20.5744 12.4852 20.5306 12.4096C20.4432 12.2584 20.3141 12.0471 20.1423 11.7956C19.7994 11.2938 19.2819 10.626 18.5794 9.9569C17.1731 8.61759 14.9972 7.25 11.9996 7.25C9.00203 7.25 6.82614 8.61759 5.41987 9.9569C4.71736 10.626 4.19984 11.2938 3.85694 11.7956C3.68511 12.0471 3.55605 12.2584 3.4686 12.4096C3.42484 12.4852 3.39142 12.5459 3.36818 12.5892C3.35656 12.6108 3.34748 12.6282 3.34092 12.6408L3.33297 12.6563L3.33041 12.6614L3.32948 12.6632L3.32911 12.664C3.32894 12.6643 3.32879 12.6646 3.99961 13ZM11.9996 16C13.9326 16 15.4996 14.433 15.4996 12.5C15.4996 10.567 13.9326 9 11.9996 9C10.0666 9 8.49961 10.567 8.49961 12.5C8.49961 14.433 10.0666 16 11.9996 16Z" }) }); |
| 629 |
|
| 630 |
// packages/ui/build-module/stack/stack.mjs |
| 631 |
var import_element2 = __toESM(require_element(), 1); |
| 632 |
if (typeof document !== "undefined" && true && !document.head.querySelector("style[data-wp-hash='b51ff41489']")) { |
| 633 |
const style = document.createElement("style"); |
| 634 |
style.setAttribute("data-wp-hash", "b51ff41489"); |
| 635 |
style.appendChild(document.createTextNode("@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._19ce0419607e1896__stack{display:flex}}")); |
| 636 |
document.head.appendChild(style); |
| 637 |
} |
| 638 |
var style_default2 = { "stack": "_19ce0419607e1896__stack" }; |
| 639 |
var gapTokens = { |
| 640 |
xs: "var(--wpds-dimension-gap-xs, 4px)", |
| 641 |
sm: "var(--wpds-dimension-gap-sm, 8px)", |
| 642 |
md: "var(--wpds-dimension-gap-md, 12px)", |
| 643 |
lg: "var(--wpds-dimension-gap-lg, 16px)", |
| 644 |
xl: "var(--wpds-dimension-gap-xl, 24px)", |
| 645 |
"2xl": "var(--wpds-dimension-gap-2xl, 32px)", |
| 646 |
"3xl": "var(--wpds-dimension-gap-3xl, 40px)" |
| 647 |
}; |
| 648 |
var Stack = (0, import_element2.forwardRef)(function Stack2({ direction, gap, align, justify, wrap, render, ...props }, ref) { |
| 649 |
const style = { |
| 650 |
gap: gap && gapTokens[gap], |
| 651 |
alignItems: align, |
| 652 |
justifyContent: justify, |
| 653 |
flexDirection: direction, |
| 654 |
flexWrap: wrap |
| 655 |
}; |
| 656 |
const element = useRender({ |
| 657 |
render, |
| 658 |
ref, |
| 659 |
props: mergeProps(props, { style, className: style_default2.stack }) |
| 660 |
}); |
| 661 |
return element; |
| 662 |
}); |
| 663 |
|
| 664 |
// packages/admin-ui/build-module/navigable-region/index.mjs |
| 665 |
var import_element3 = __toESM(require_element(), 1); |
| 666 |
var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1); |
| 667 |
var NavigableRegion = (0, import_element3.forwardRef)( |
| 668 |
({ children, className, ariaLabel, as: Tag = "div", ...props }, ref) => { |
| 669 |
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)( |
| 670 |
Tag, |
| 671 |
{ |
| 672 |
ref, |
| 673 |
className: clsx_default("admin-ui-navigable-region", className), |
| 674 |
"aria-label": ariaLabel, |
| 675 |
role: "region", |
| 676 |
tabIndex: "-1", |
| 677 |
...props, |
| 678 |
children |
| 679 |
} |
| 680 |
); |
| 681 |
} |
| 682 |
); |
| 683 |
NavigableRegion.displayName = "NavigableRegion"; |
| 684 |
var navigable_region_default = NavigableRegion; |
| 685 |
|
| 686 |
// packages/admin-ui/build-module/page/sidebar-toggle-slot.mjs |
| 687 |
var import_components = __toESM(require_components(), 1); |
| 688 |
var { Fill: SidebarToggleFill, Slot: SidebarToggleSlot } = (0, import_components.createSlotFill)("SidebarToggle"); |
| 689 |
|
| 690 |
// packages/admin-ui/build-module/page/header.mjs |
| 691 |
var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1); |
| 692 |
if (typeof document !== "undefined" && true && !document.head.querySelector("style[data-wp-hash='aa9c241ccc']")) { |
| 693 |
const style = document.createElement("style"); |
| 694 |
style.setAttribute("data-wp-hash", "aa9c241ccc"); |
| 695 |
style.appendChild(document.createTextNode("._956b6df0898efed0__page{text-wrap:pretty;background-color:var(--wpds-color-bg-surface-neutral,#fcfcfc);color:var(--wpds-color-fg-content-neutral,#1e1e1e);display:flex;flex-flow:column;height:100%;position:relative;z-index:1}._0625b55e82a0d93d__header{background:var(--wpds-color-bg-surface-neutral-strong,#fff);border-block-end:var(--wpds-border-width-xs,1px) solid var(--wpds-color-stroke-surface-neutral-weak,#e4e4e4);inset-block-start:0;padding:var(--wpds-dimension-padding-lg,16px) var(--wpds-dimension-padding-2xl,24px);position:sticky;z-index:1}.a43c44d5ae28b2e8__header-content{min-height:calc(var(--wpds-dimension-base, 4px)*8)}.b7cb5b9daf3a3b25__header-actions{flex-shrink:0}._8113be94e7caf73c__header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._9a776c7f70996f61__header-visual{display:grid;flex-shrink:0;grid-template-columns:1fr;grid-template-rows:1fr;height:calc(var(--wpds-dimension-base, 4px)*6);width:calc(var(--wpds-dimension-base, 4px)*6);>*{grid-column:1/-1;grid-row:1/-1;max-height:100%;max-width:100%}}.d5e0920cd15d35bc__sidebar-toggle-slot:empty{display:none}._60fea2f6bf5319cd__header-subtitle{color:var(--wpds-color-fg-content-neutral-weak,#707070);padding-block-end:var(--wpds-dimension-padding-xs,4px)}.be5e57d029ec4036__content{display:flex;flex-direction:column;flex-grow:1;overflow:auto;&._128806d0b26e3a50__has-padding{padding:var(--wpds-dimension-padding-lg,16px) var(--wpds-dimension-padding-2xl,24px)}}")); |
| 696 |
document.head.appendChild(style); |
| 697 |
} |
| 698 |
var style_default3 = { "page": "_956b6df0898efed0__page", "header": "_0625b55e82a0d93d__header", "header-content": "a43c44d5ae28b2e8__header-content", "header-actions": "b7cb5b9daf3a3b25__header-actions", "header-title": "_8113be94e7caf73c__header-title", "header-visual": "_9a776c7f70996f61__header-visual", "sidebar-toggle-slot": "d5e0920cd15d35bc__sidebar-toggle-slot", "header-subtitle": "_60fea2f6bf5319cd__header-subtitle", "content": "be5e57d029ec4036__content", "has-padding": "_128806d0b26e3a50__has-padding" }; |
| 699 |
function Header({ |
| 700 |
headingLevel = 1, |
| 701 |
breadcrumbs, |
| 702 |
badges, |
| 703 |
visual, |
| 704 |
title, |
| 705 |
subTitle, |
| 706 |
actions, |
| 707 |
showSidebarToggle = true |
| 708 |
}) { |
| 709 |
const HeadingTag = `h${headingLevel}`; |
| 710 |
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)( |
| 711 |
Stack, |
| 712 |
{ |
| 713 |
direction: "column", |
| 714 |
className: style_default3.header, |
| 715 |
render: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("header", {}), |
| 716 |
children: [ |
| 717 |
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)( |
| 718 |
Stack, |
| 719 |
{ |
| 720 |
className: style_default3["header-content"], |
| 721 |
direction: "row", |
| 722 |
gap: "sm", |
| 723 |
justify: "space-between", |
| 724 |
children: [ |
| 725 |
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Stack, { direction: "row", gap: "sm", align: "center", justify: "start", children: [ |
| 726 |
showSidebarToggle && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)( |
| 727 |
SidebarToggleSlot, |
| 728 |
{ |
| 729 |
bubblesVirtually: true, |
| 730 |
className: style_default3["sidebar-toggle-slot"] |
| 731 |
} |
| 732 |
), |
| 733 |
visual && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)( |
| 734 |
"div", |
| 735 |
{ |
| 736 |
className: style_default3["header-visual"], |
| 737 |
"aria-hidden": "true", |
| 738 |
children: visual |
| 739 |
} |
| 740 |
), |
| 741 |
title && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)( |
| 742 |
Text, |
| 743 |
{ |
| 744 |
className: style_default3["header-title"], |
| 745 |
render: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(HeadingTag, {}), |
| 746 |
variant: "heading-lg", |
| 747 |
children: title |
| 748 |
} |
| 749 |
), |
| 750 |
breadcrumbs, |
| 751 |
badges |
| 752 |
] }), |
| 753 |
actions && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)( |
| 754 |
Stack, |
| 755 |
{ |
| 756 |
align: "center", |
| 757 |
className: style_default3["header-actions"], |
| 758 |
direction: "row", |
| 759 |
gap: "sm", |
| 760 |
children: actions |
| 761 |
} |
| 762 |
) |
| 763 |
] |
| 764 |
} |
| 765 |
), |
| 766 |
subTitle && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)( |
| 767 |
Text, |
| 768 |
{ |
| 769 |
render: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", {}), |
| 770 |
variant: "body-md", |
| 771 |
className: style_default3["header-subtitle"], |
| 772 |
children: subTitle |
| 773 |
} |
| 774 |
) |
| 775 |
] |
| 776 |
} |
| 777 |
); |
| 778 |
} |
| 779 |
|
| 780 |
// packages/admin-ui/build-module/page/index.mjs |
| 781 |
var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1); |
| 782 |
if (typeof document !== "undefined" && true && !document.head.querySelector("style[data-wp-hash='aa9c241ccc']")) { |
| 783 |
const style = document.createElement("style"); |
| 784 |
style.setAttribute("data-wp-hash", "aa9c241ccc"); |
| 785 |
style.appendChild(document.createTextNode("._956b6df0898efed0__page{text-wrap:pretty;background-color:var(--wpds-color-bg-surface-neutral,#fcfcfc);color:var(--wpds-color-fg-content-neutral,#1e1e1e);display:flex;flex-flow:column;height:100%;position:relative;z-index:1}._0625b55e82a0d93d__header{background:var(--wpds-color-bg-surface-neutral-strong,#fff);border-block-end:var(--wpds-border-width-xs,1px) solid var(--wpds-color-stroke-surface-neutral-weak,#e4e4e4);inset-block-start:0;padding:var(--wpds-dimension-padding-lg,16px) var(--wpds-dimension-padding-2xl,24px);position:sticky;z-index:1}.a43c44d5ae28b2e8__header-content{min-height:calc(var(--wpds-dimension-base, 4px)*8)}.b7cb5b9daf3a3b25__header-actions{flex-shrink:0}._8113be94e7caf73c__header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._9a776c7f70996f61__header-visual{display:grid;flex-shrink:0;grid-template-columns:1fr;grid-template-rows:1fr;height:calc(var(--wpds-dimension-base, 4px)*6);width:calc(var(--wpds-dimension-base, 4px)*6);>*{grid-column:1/-1;grid-row:1/-1;max-height:100%;max-width:100%}}.d5e0920cd15d35bc__sidebar-toggle-slot:empty{display:none}._60fea2f6bf5319cd__header-subtitle{color:var(--wpds-color-fg-content-neutral-weak,#707070);padding-block-end:var(--wpds-dimension-padding-xs,4px)}.be5e57d029ec4036__content{display:flex;flex-direction:column;flex-grow:1;overflow:auto;&._128806d0b26e3a50__has-padding{padding:var(--wpds-dimension-padding-lg,16px) var(--wpds-dimension-padding-2xl,24px)}}")); |
| 786 |
document.head.appendChild(style); |
| 787 |
} |
| 788 |
var style_default4 = { "page": "_956b6df0898efed0__page", "header": "_0625b55e82a0d93d__header", "header-content": "a43c44d5ae28b2e8__header-content", "header-actions": "b7cb5b9daf3a3b25__header-actions", "header-title": "_8113be94e7caf73c__header-title", "header-visual": "_9a776c7f70996f61__header-visual", "sidebar-toggle-slot": "d5e0920cd15d35bc__sidebar-toggle-slot", "header-subtitle": "_60fea2f6bf5319cd__header-subtitle", "content": "be5e57d029ec4036__content", "has-padding": "_128806d0b26e3a50__has-padding" }; |
| 789 |
function Page({ |
| 790 |
headingLevel, |
| 791 |
breadcrumbs, |
| 792 |
badges, |
| 793 |
visual, |
| 794 |
title, |
| 795 |
subTitle, |
| 796 |
children, |
| 797 |
className, |
| 798 |
actions, |
| 799 |
ariaLabel, |
| 800 |
hasPadding = false, |
| 801 |
showSidebarToggle = true |
| 802 |
}) { |
| 803 |
const classes = clsx_default(style_default4.page, className); |
| 804 |
const effectiveAriaLabel = ariaLabel ?? (typeof title === "string" ? title : ""); |
| 805 |
return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(navigable_region_default, { className: classes, ariaLabel: effectiveAriaLabel, children: [ |
| 806 |
(title || breadcrumbs || badges || actions || visual) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)( |
| 807 |
Header, |
| 808 |
{ |
| 809 |
headingLevel, |
| 810 |
breadcrumbs, |
| 811 |
badges, |
| 812 |
visual, |
| 813 |
title, |
| 814 |
subTitle, |
| 815 |
actions, |
| 816 |
showSidebarToggle |
| 817 |
} |
| 818 |
), |
| 819 |
hasPadding ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)( |
| 820 |
"div", |
| 821 |
{ |
| 822 |
className: clsx_default( |
| 823 |
style_default4.content, |
| 824 |
style_default4["has-padding"] |
| 825 |
), |
| 826 |
children |
| 827 |
} |
| 828 |
) : children |
| 829 |
] }); |
| 830 |
} |
| 831 |
Page.SidebarToggleFill = SidebarToggleFill; |
| 832 |
var page_default = Page; |
| 833 |
|
| 834 |
// routes/styles/stage.tsx |
| 835 |
var import_i18n = __toESM(require_i18n()); |
| 836 |
var import_editor = __toESM(require_editor()); |
| 837 |
var import_compose = __toESM(require_compose()); |
| 838 |
var import_data = __toESM(require_data()); |
| 839 |
var import_core_data = __toESM(require_core_data()); |
| 840 |
var import_components2 = __toESM(require_components()); |
| 841 |
var import_element4 = __toESM(require_element()); |
| 842 |
import { useEditorSettings } from "@wordpress/lazy-editor"; |
| 843 |
|
| 844 |
// routes/styles/style.scss |
| 845 |
if (typeof document !== "undefined" && true && !document.head.querySelector("style[data-wp-hash='486e4a323c']")) { |
| 846 |
const style = document.createElement("style"); |
| 847 |
style.setAttribute("data-wp-hash", "486e4a323c"); |
| 848 |
style.appendChild(document.createTextNode(".routes-styles__page .global-styles-ui-screen-root{box-shadow:none}.routes-styles__page .global-styles-ui-screen-root>div>hr{display:none}.routes-styles__page .global-styles-ui-sidebar__navigator-provider .components-tools-panel{border-top:none}.routes-styles__page .global-styles-ui-sidebar__navigator-provider{overflow-y:auto;padding-left:0;padding-right:0}")); |
| 849 |
document.head.appendChild(style); |
| 850 |
} |
| 851 |
|
| 852 |
// routes/lock-unlock.ts |
| 853 |
var import_private_apis = __toESM(require_private_apis()); |
| 854 |
var { lock, unlock } = (0, import_private_apis.__dangerousOptInToUnstableAPIsOnlyForCoreModules)( |
| 855 |
"I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.", |
| 856 |
"@wordpress/routes" |
| 857 |
); |
| 858 |
|
| 859 |
// routes/styles/stage.tsx |
| 860 |
var { GlobalStylesUIWrapper, GlobalStylesActionMenu } = unlock(import_editor.privateApis); |
| 861 |
function Stage() { |
| 862 |
const navigate = useNavigate(); |
| 863 |
const search = useSearch({ strict: false }); |
| 864 |
const isMobileViewport = (0, import_compose.useViewportMatch)("medium", "<"); |
| 865 |
const globalStylesId = (0, import_data.useSelect)( |
| 866 |
(select) => select(import_core_data.store).__experimentalGetCurrentGlobalStylesId(), |
| 867 |
[] |
| 868 |
); |
| 869 |
const { editorSettings } = useEditorSettings({ |
| 870 |
stylesId: globalStylesId |
| 871 |
}); |
| 872 |
const section = search.section ?? "/"; |
| 873 |
const [isStyleBookOpened, setIsStyleBookOpened] = (0, import_element4.useState)( |
| 874 |
search.preview === "stylebook" |
| 875 |
); |
| 876 |
const onChangeSection = (updatedSection) => { |
| 877 |
navigate({ |
| 878 |
search: { |
| 879 |
...search, |
| 880 |
section: updatedSection |
| 881 |
} |
| 882 |
}); |
| 883 |
}; |
| 884 |
return /* @__PURE__ */ React.createElement( |
| 885 |
page_default, |
| 886 |
{ |
| 887 |
headingLevel: 2, |
| 888 |
actions: !isMobileViewport ? /* @__PURE__ */ React.createElement(import_components2.__experimentalHStack, null, /* @__PURE__ */ React.createElement( |
| 889 |
import_components2.Button, |
| 890 |
{ |
| 891 |
size: "compact", |
| 892 |
isPressed: isStyleBookOpened, |
| 893 |
icon: seen_default, |
| 894 |
label: (0, import_i18n.__)("Style Book"), |
| 895 |
onClick: () => { |
| 896 |
const newIsStyleBookOpened = !isStyleBookOpened; |
| 897 |
setIsStyleBookOpened(newIsStyleBookOpened); |
| 898 |
navigate({ |
| 899 |
search: newIsStyleBookOpened ? { ...search, preview: "stylebook" } : (() => { |
| 900 |
const { |
| 901 |
preview, |
| 902 |
...restSearch |
| 903 |
} = search; |
| 904 |
return restSearch; |
| 905 |
})() |
| 906 |
}); |
| 907 |
} |
| 908 |
} |
| 909 |
), /* @__PURE__ */ React.createElement( |
| 910 |
GlobalStylesActionMenu, |
| 911 |
{ |
| 912 |
hideWelcomeGuide: true, |
| 913 |
onChangePath: onChangeSection |
| 914 |
} |
| 915 |
)) : null, |
| 916 |
className: "routes-styles__page", |
| 917 |
title: (0, import_i18n.__)("Styles") |
| 918 |
}, |
| 919 |
/* @__PURE__ */ React.createElement( |
| 920 |
GlobalStylesUIWrapper, |
| 921 |
{ |
| 922 |
path: section, |
| 923 |
onPathChange: onChangeSection, |
| 924 |
settings: editorSettings |
| 925 |
} |
| 926 |
) |
| 927 |
); |
| 928 |
} |
| 929 |
var stage = Stage; |
| 930 |
|
| 931 |
// routes/styles/canvas.tsx |
| 932 |
var import_editor2 = __toESM(require_editor()); |
| 933 |
var import_components3 = __toESM(require_components()); |
| 934 |
import { useNavigate as useNavigate2, useSearch as useSearch2 } from "@wordpress/route"; |
| 935 |
import { useEditorAssets } from "@wordpress/lazy-editor"; |
| 936 |
var { StyleBookPreview } = unlock(import_editor2.privateApis); |
| 937 |
function Canvas() { |
| 938 |
const { isReady: assetsReady } = useEditorAssets(); |
| 939 |
const navigate = useNavigate2(); |
| 940 |
const search = useSearch2({ strict: false }); |
| 941 |
const section = search.section ?? "/"; |
| 942 |
const onChangeSection = (updatedSection) => { |
| 943 |
navigate({ |
| 944 |
search: { |
| 945 |
...search, |
| 946 |
section: updatedSection |
| 947 |
} |
| 948 |
}); |
| 949 |
}; |
| 950 |
if (!assetsReady) { |
| 951 |
return /* @__PURE__ */ React.createElement( |
| 952 |
"div", |
| 953 |
{ |
| 954 |
style: { |
| 955 |
display: "flex", |
| 956 |
justifyContent: "center", |
| 957 |
alignItems: "center", |
| 958 |
height: "100%" |
| 959 |
} |
| 960 |
}, |
| 961 |
/* @__PURE__ */ React.createElement(import_components3.Spinner, null) |
| 962 |
); |
| 963 |
} |
| 964 |
return /* @__PURE__ */ React.createElement(StyleBookPreview, { path: section, onPathChange: onChangeSection }); |
| 965 |
} |
| 966 |
var canvas = Canvas; |
| 967 |
export { |
| 968 |
canvas, |
| 969 |
stage |
| 970 |
}; |
| 971 |
|
