var module={}; var __create = Object.create; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __getProtoOf = Object.getPrototypeOf; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod)); var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); var chunk_UGKTPNOG_exports = {}; __export(chunk_UGKTPNOG_exports, { PlasmicImg: () => PlasmicImg, PlasmicLink: () => PlasmicLink, PlasmicRootProvider: () => PlasmicRootProvider, Stack: () => Stack, __assign: () => __assign, __objRest: () => __objRest, __read: () => __read, __rest: () => __rest, __spreadArray: () => __spreadArray, __spreadValues: () => __spreadValues, classNames: () => classNames3, createPlasmicElementProxy: () => createPlasmicElementProxy, createUseScreenVariants: () => createUseScreenVariants, deriveRenderOpts: () => deriveRenderOpts, ensureGlobalVariants: () => ensureGlobalVariants, groupBy: () => groupBy, hasVariant: () => hasVariant, init_define_import_meta_env: () => init_define_import_meta_env, mapValues: () => mapValues, omit: () => omit, pick: () => pick, renderPlasmicSlot: () => renderPlasmicSlot, useCurrentUser: () => useCurrentUser, useDollarState: () => useDollarState, useTrigger: () => useTrigger }); module.exports = __toCommonJS(chunk_UGKTPNOG_exports); var import_react = __toESM(require("react")); var import_react2 = __toESM(require("react")); var import_react3 = __toESM(require("react")); var import_react4 = __toESM(require("react")); var React3 = __toESM(require("react")); var import_react5 = __toESM(require("react")); var React2 = __toESM(require("react")); var React4 = __toESM(require("react")); var import_react6 = __toESM(require("react")); var import_react_dom = __toESM(require("react-dom")); var import_react7 = __toESM(require("react")); var import_react8 = __toESM(require("react")); var import_react9 = __toESM(require("react")); var import_react10 = require("react"); var __create2 = Object.create; var __defProp2 = Object.defineProperty; var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor; var __getOwnPropNames2 = Object.getOwnPropertyNames; var __getOwnPropSymbols = Object.getOwnPropertySymbols; var __getProtoOf2 = Object.getPrototypeOf; var __hasOwnProp2 = Object.prototype.hasOwnProperty; var __propIsEnum = Object.prototype.propertyIsEnumerable; var __defNormalProp = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; var __spreadValues = (a2, b2) => { for (var prop in b2 || (b2 = {})) if (__hasOwnProp2.call(b2, prop)) __defNormalProp(a2, prop, b2[prop]); if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b2)) { if (__propIsEnum.call(b2, prop)) __defNormalProp(a2, prop, b2[prop]); } return a2; }; var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, { get: (a2, b2) => (typeof require !== "undefined" ? require : a2)[b2] }) : x)(function(x) { if (typeof require !== "undefined") return require.apply(this, arguments); throw new Error('Dynamic require of "' + x + '" is not supported'); }); var __objRest = (source, exclude) => { var target = {}; for (var prop in source) if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop]; if (source != null && __getOwnPropSymbols) for (var prop of __getOwnPropSymbols(source)) { if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop]; } return target; }; var __esm = (fn, res) => function __init() { return fn && (res = (0, fn[__getOwnPropNames2(fn)[0]])(fn = 0)), res; }; var __commonJS = (cb, mod) => function __require2() { return mod || (0, cb[__getOwnPropNames2(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports; }; var __copyProps2 = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames2(from)) if (!__hasOwnProp2.call(to, key) && key !== except) __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable }); } return to; }; var __toESM2 = (mod, isNodeMode, target) => (target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", { value: mod, enumerable: true }) : target, mod)); var MODE, PROD, DEV, SSR, define_import_meta_env_default2; var init_define_import_meta_env = __esm({ ""() { MODE = "development"; PROD = false; DEV = true; SSR = false; define_import_meta_env_default2 = { MODE, PROD, DEV, SSR }; } }); var require_classnames = __commonJS({ "node_modules/classnames/index.js"(exports, module2) { init_define_import_meta_env(); (function() { "use strict"; var hasOwn = {}.hasOwnProperty; function classNames4() { var classes = []; for (var i2 = 0; i2 < arguments.length; i2++) { var arg = arguments[i2]; if (!arg) continue; var argType = typeof arg; if (argType === "string" || argType === "number") { classes.push(arg); } else if (Array.isArray(arg)) { if (arg.length) { var inner = classNames4.apply(null, arg); if (inner) { classes.push(inner); } } } else if (argType === "object") { if (arg.toString === Object.prototype.toString) { for (var key in arg) { if (hasOwn.call(arg, key) && arg[key]) { classes.push(key); } } } else { classes.push(arg.toString()); } } } return classes.join(" "); } if (typeof module2 !== "undefined" && module2.exports) { classNames4.default = classNames4; module2.exports = classNames4; } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) { define("classnames", [], function() { return classNames4; }); } else { window.classNames = classNames4; } })(); } }); var require_dlv_umd = __commonJS({ "node_modules/dlv/dist/dlv.umd.js"(exports, module2) { init_define_import_meta_env(); !function(t2, n2) { typeof exports == "object" && typeof module2 != "undefined" ? module2.exports = function(t3, n3, e2, i2, o2) { for (n3 = n3.split ? n3.split(".") : n3, i2 = 0; i2 < n3.length; i2++) t3 = t3 ? t3[n3[i2]] : o2; return t3 === o2 ? e2 : t3; } : typeof define == "function" && define.amd ? define(function() { return function(t3, n3, e2, i2, o2) { for (n3 = n3.split ? n3.split(".") : n3, i2 = 0; i2 < n3.length; i2++) t3 = t3 ? t3[n3[i2]] : o2; return t3 === o2 ? e2 : t3; }; }) : t2.dlv = function(t3, n3, e2, i2, o2) { for (n3 = n3.split ? n3.split(".") : n3, i2 = 0; i2 < n3.length; i2++) t3 = t3 ? t3[n3[i2]] : o2; return t3 === o2 ? e2 : t3; }; }(exports); } }); var require_fast_deep_equal = __commonJS({ "node_modules/fast-deep-equal/index.js"(exports, module2) { "use strict"; init_define_import_meta_env(); module2.exports = function equal(a2, b2) { if (a2 === b2) return true; if (a2 && b2 && typeof a2 == "object" && typeof b2 == "object") { if (a2.constructor !== b2.constructor) return false; var length, i2, keys; if (Array.isArray(a2)) { length = a2.length; if (length != b2.length) return false; for (i2 = length; i2-- !== 0; ) if (!equal(a2[i2], b2[i2])) return false; return true; } if (a2.constructor === RegExp) return a2.source === b2.source && a2.flags === b2.flags; if (a2.valueOf !== Object.prototype.valueOf) return a2.valueOf() === b2.valueOf(); if (a2.toString !== Object.prototype.toString) return a2.toString() === b2.toString(); keys = Object.keys(a2); length = keys.length; if (length !== Object.keys(b2).length) return false; for (i2 = length; i2-- !== 0; ) if (!Object.prototype.hasOwnProperty.call(b2, keys[i2])) return false; for (i2 = length; i2-- !== 0; ) { var key = keys[i2]; if (!equal(a2[key], b2[key])) return false; } return true; } return a2 !== a2 && b2 !== b2; }; } }); var require_use_sync_external_store_shim_development = __commonJS({ "node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js"(exports) { "use strict"; init_define_import_meta_env(); if (true) { (function() { "use strict"; if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function") { __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error()); } var React5 = __require("react"); var ReactSharedInternals = React5.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; function error(format) { { { for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { args[_key2 - 1] = arguments[_key2]; } printWarning("error", format, args); } } } function printWarning(level, format, args) { { var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame; var stack = ReactDebugCurrentFrame.getStackAddendum(); if (stack !== "") { format += "%s"; args = args.concat([stack]); } var argsWithFormat = args.map(function(item) { return String(item); }); argsWithFormat.unshift("Warning: " + format); Function.prototype.apply.call(console[level], console, argsWithFormat); } } function is(x, y2) { return x === y2 && (x !== 0 || 1 / x === 1 / y2) || x !== x && y2 !== y2; } var objectIs = typeof Object.is === "function" ? Object.is : is; var useState2 = React5.useState, useEffect3 = React5.useEffect, useLayoutEffect2 = React5.useLayoutEffect, useDebugValue2 = React5.useDebugValue; var didWarnOld18Alpha = false; var didWarnUncachedGetSnapshot = false; function useSyncExternalStore2(subscribe2, getSnapshot, getServerSnapshot) { { if (!didWarnOld18Alpha) { if (React5.startTransition !== void 0) { didWarnOld18Alpha = true; error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."); } } } var value = getSnapshot(); { if (!didWarnUncachedGetSnapshot) { var cachedValue = getSnapshot(); if (!objectIs(value, cachedValue)) { error("The result of getSnapshot should be cached to avoid an infinite loop"); didWarnUncachedGetSnapshot = true; } } } var _useState = useState2({ inst: { value, getSnapshot } }), inst = _useState[0].inst, forceUpdate = _useState[1]; useLayoutEffect2(function() { inst.value = value; inst.getSnapshot = getSnapshot; if (checkIfSnapshotChanged(inst)) { forceUpdate({ inst }); } }, [subscribe2, value, getSnapshot]); useEffect3(function() { if (checkIfSnapshotChanged(inst)) { forceUpdate({ inst }); } var handleStoreChange = function() { if (checkIfSnapshotChanged(inst)) { forceUpdate({ inst }); } }; return subscribe2(handleStoreChange); }, [subscribe2]); useDebugValue2(value); return value; } function checkIfSnapshotChanged(inst) { var latestGetSnapshot = inst.getSnapshot; var prevValue = inst.value; try { var nextValue = latestGetSnapshot(); return !objectIs(prevValue, nextValue); } catch (error2) { return true; } } function useSyncExternalStore$1(subscribe2, getSnapshot, getServerSnapshot) { return getSnapshot(); } var canUseDOM = !!(typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined"); var isServerEnvironment = !canUseDOM; var shim = isServerEnvironment ? useSyncExternalStore$1 : useSyncExternalStore2; var useSyncExternalStore$2 = React5.useSyncExternalStore !== void 0 ? React5.useSyncExternalStore : shim; exports.useSyncExternalStore = useSyncExternalStore$2; if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop === "function") { __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error()); } })(); } } }); var require_shim = __commonJS({ "node_modules/use-sync-external-store/shim/index.js"(exports, module2) { "use strict"; init_define_import_meta_env(); if (false) { module2.exports = null; } else { module2.exports = require_use_sync_external_store_shim_development(); } } }); init_define_import_meta_env(); init_define_import_meta_env(); var __assign = function() { __assign = Object.assign || function __assign2(t2) { for (var s2, i2 = 1, n2 = arguments.length; i2 < n2; i2++) { s2 = arguments[i2]; for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2)) t2[p2] = s2[p2]; } return t2; }; return __assign.apply(this, arguments); }; function __rest(s2, e2) { var t2 = {}; for (var p2 in s2) if (Object.prototype.hasOwnProperty.call(s2, p2) && e2.indexOf(p2) < 0) t2[p2] = s2[p2]; if (s2 != null && typeof Object.getOwnPropertySymbols === "function") for (var i2 = 0, p2 = Object.getOwnPropertySymbols(s2); i2 < p2.length; i2++) { if (e2.indexOf(p2[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p2[i2])) t2[p2[i2]] = s2[p2[i2]]; } return t2; } function __values(o2) { var s2 = typeof Symbol === "function" && Symbol.iterator, m = s2 && o2[s2], i2 = 0; if (m) return m.call(o2); if (o2 && typeof o2.length === "number") return { next: function() { if (o2 && i2 >= o2.length) o2 = void 0; return { value: o2 && o2[i2++], done: !o2 }; } }; throw new TypeError(s2 ? "Object is not iterable." : "Symbol.iterator is not defined."); } function __read(o2, n2) { var m = typeof Symbol === "function" && o2[Symbol.iterator]; if (!m) return o2; var i2 = m.call(o2), r2, ar = [], e2; try { while ((n2 === void 0 || n2-- > 0) && !(r2 = i2.next()).done) ar.push(r2.value); } catch (error) { e2 = { error }; } finally { try { if (r2 && !r2.done && (m = i2["return"])) m.call(i2); } finally { if (e2) throw e2.error; } } return ar; } function __spreadArray(to, from, pack) { if (pack || arguments.length === 2) for (var i2 = 0, l2 = from.length, ar; i2 < l2; i2++) { if (ar || !(i2 in from)) { if (!ar) ar = Array.prototype.slice.call(from, 0, i2); ar[i2] = from[i2]; } } return to.concat(ar || Array.prototype.slice.call(from)); } function notNil(x) { return x != null; } function pick(obj) { var e_1, _a; var keys = []; for (var _i = 1; _i < arguments.length; _i++) { keys[_i - 1] = arguments[_i]; } if (Object.keys(obj).length === 0) { return obj; } var res = {}; try { for (var keys_1 = __values(keys), keys_1_1 = keys_1.next(); !keys_1_1.done; keys_1_1 = keys_1.next()) { var key = keys_1_1.value; if (key in obj) { res[key] = obj[key]; } } } catch (e_1_1) { e_1 = { error: e_1_1 }; } finally { try { if (keys_1_1 && !keys_1_1.done && (_a = keys_1["return"])) _a.call(keys_1); } finally { if (e_1) throw e_1.error; } } return res; } function omit(obj) { var e_3, _a; var keys = []; for (var _i = 1; _i < arguments.length; _i++) { keys[_i - 1] = arguments[_i]; } if (Object.keys(obj).length === 0) { return obj; } var res = {}; try { for (var _b = __values(Object.keys(obj)), _c = _b.next(); !_c.done; _c = _b.next()) { var key = _c.value; if (!keys.includes(key)) { res[key] = obj[key]; } } } catch (e_3_1) { e_3 = { error: e_3_1 }; } finally { try { if (_c && !_c.done && (_a = _b["return"])) _a.call(_b); } finally { if (e_3) throw e_3.error; } } return res; } function isSubset(a1, a2) { return a1.every(function(x) { return a2.includes(x); }); } function chainSingleArgFuncs() { var funcs = []; for (var _i = 0; _i < arguments.length; _i++) { funcs[_i] = arguments[_i]; } if (funcs.length === 0) { return void 0; } return function(arg) { var e_4, _a; var res = arg; try { for (var funcs_1 = __values(funcs), funcs_1_1 = funcs_1.next(); !funcs_1_1.done; funcs_1_1 = funcs_1.next()) { var func = funcs_1_1.value; res = func(res); } } catch (e_4_1) { e_4 = { error: e_4_1 }; } finally { try { if (funcs_1_1 && !funcs_1_1.done && (_a = funcs_1["return"])) _a.call(funcs_1); } finally { if (e_4) throw e_4.error; } } return res; }; } function groupBy(collection, keyFunc) { var e_5, _a; var result = {}; try { for (var collection_1 = __values(collection), collection_1_1 = collection_1.next(); !collection_1_1.done; collection_1_1 = collection_1.next()) { var obj = collection_1_1.value; var key = keyFunc(obj); if (key in result) { result[key].push(obj); } else { result[key] = [obj]; } } } catch (e_5_1) { e_5 = { error: e_5_1 }; } finally { try { if (collection_1_1 && !collection_1_1.done && (_a = collection_1["return"])) _a.call(collection_1); } finally { if (e_5) throw e_5.error; } } return result; } function mapValues(obj, mapper) { var result = {}; for (var key in obj) { result[key] = mapper(obj[key]); } return result; } var import_classnames2 = __toESM2(require_classnames()); init_define_import_meta_env(); var import_classnames = __toESM2(require_classnames()); var isBrowser = typeof window !== "undefined"; var NONE = Symbol("NONE"); var useIsomorphicLayoutEffect = isBrowser ? import_react2.default.useLayoutEffect : import_react2.default.useEffect; function createElementWithChildren(elementType, props, children) { if (Array.isArray(children)) { return import_react2.default.createElement.apply(import_react2.default, __spreadArray([ elementType, props ], __read(children), false)); } else if (children || "children" in props) { return import_react2.default.createElement(elementType, props, children); } else { return import_react2.default.createElement(elementType, props); } } function ensureNotArray(children) { if (Array.isArray(children)) { if (children.length === 1) { return children[0]; } else { return import_react2.default.createElement.apply(import_react2.default, __spreadArray([import_react2.default.Fragment, {}], __read(children), false)); } } else { return children; } } function isReactNode(x) { return typeof x === "string" || typeof x === "number" || import_react2.default.isValidElement(x); } function mergeProps(props) { var e_1, _a, e_2, _b; var restProps = []; for (var _i = 1; _i < arguments.length; _i++) { restProps[_i - 1] = arguments[_i]; } if (restProps.every(function(rest2) { return Object.keys(rest2).length === 0; })) { return props; } var result = __assign({}, props); try { for (var restProps_1 = __values(restProps), restProps_1_1 = restProps_1.next(); !restProps_1_1.done; restProps_1_1 = restProps_1.next()) { var rest = restProps_1_1.value; try { for (var _c = (e_2 = void 0, __values(Object.keys(rest))), _d = _c.next(); !_d.done; _d = _c.next()) { var key = _d.value; result[key] = mergePropVals(key, result[key], rest[key]); } } catch (e_2_1) { e_2 = { error: e_2_1 }; } finally { try { if (_d && !_d.done && (_b = _c["return"])) _b.call(_c); } finally { if (e_2) throw e_2.error; } } } } catch (e_1_1) { e_1 = { error: e_1_1 }; } finally { try { if (restProps_1_1 && !restProps_1_1.done && (_a = restProps_1["return"])) _a.call(restProps_1); } finally { if (e_1) throw e_1.error; } } return result; } function updateRef(ref2, value) { if (!ref2) { return; } if (typeof ref2 === "function") { ref2(value); } else { if (!Object.isFrozen(ref2)) { ref2.current = value; } } } function mergeRefs() { var refs = []; for (var _i = 0; _i < arguments.length; _i++) { refs[_i] = arguments[_i]; } return function(value) { var e_3, _a; try { for (var refs_1 = __values(refs), refs_1_1 = refs_1.next(); !refs_1_1.done; refs_1_1 = refs_1.next()) { var ref2 = refs_1_1.value; updateRef(ref2, value); } } catch (e_3_1) { e_3 = { error: e_3_1 }; } finally { try { if (refs_1_1 && !refs_1_1.done && (_a = refs_1["return"])) _a.call(refs_1); } finally { if (e_3) throw e_3.error; } } }; } function mergePropVals(name, val1, val2) { if (val1 === NONE || val2 === NONE) { return null; } else if (val1 == null) { return val2; } else if (val2 == null) { return val1; } else if (name === "className") { return (0, import_classnames.default)(val1, val2); } else if (name === "style") { return __assign(__assign({}, val1), val2); } else if (name === "ref") { return mergeRefs(val1, val2); } else if (typeof val1 !== typeof val2) { return val2; } else if (name.startsWith("on") && typeof val1 === "function") { return function() { var args = []; for (var _i = 0; _i < arguments.length; _i++) { args[_i] = arguments[_i]; } var res; if (typeof val1 === "function") { res = val1.apply(void 0, __spreadArray([], __read(args), false)); } if (typeof val2 === "function") { res = val2.apply(void 0, __spreadArray([], __read(args), false)); } return res; }; } else { return val2; } } var IMG_SIZES = [16, 32, 48, 64, 96, 128, 256, 384]; var DEVICE_SIZES = [640, 750, 828, 1080, 1200, 1920, 2048, 3840]; var ALL_SIZES = __spreadArray(__spreadArray([], __read(IMG_SIZES), false), __read(DEVICE_SIZES), false); var PlasmicImg = import_react.default.forwardRef(function PlasmicImg2(props, outerRef) { var src = props.src, className = props.className, displayWidth = props.displayWidth, displayHeight = props.displayHeight, displayMinWidth = props.displayMinWidth, displayMinHeight = props.displayMinHeight, displayMaxWidth = props.displayMaxWidth, displayMaxHeight = props.displayMaxHeight, quality = props.quality, loader = props.loader, imgRef = props.imgRef, style = props.style, loading = props.loading, rest = __rest(props, ["src", "className", "displayWidth", "displayHeight", "displayMinWidth", "displayMinHeight", "displayMaxWidth", "displayMaxHeight", "quality", "loader", "imgRef", "style", "loading"]); var imgProps = Object.assign({}, rest, { loading: loading !== null && loading !== void 0 ? loading : "lazy" }); var _a = typeof src === "string" || !src ? { fullWidth: void 0, fullHeight: void 0, aspectRatio: void 0 } : src, fullWidth = _a.fullWidth, fullHeight = _a.fullHeight, aspectRatio = _a.aspectRatio; var srcStr = src ? typeof src === "string" ? src : typeof src.src === "string" ? src.src : src.src.src : ""; if (fullHeight == null || fullWidth == null) { return import_react.default.createElement("img", __assign({ src: srcStr, className, style }, imgProps, { loading, ref: mergeRefs(imgRef, outerRef) })); } if (isSvg(srcStr) && (displayHeight == null || displayHeight === "auto") && (displayWidth == null || displayWidth === "auto")) { displayWidth = "100%"; } var computedDisplayWidth = displayWidth; if (fullWidth && fullHeight && (!displayWidth || displayWidth === "auto") && !!getPixelLength(displayHeight)) { if (!isSvg(srcStr)) { computedDisplayWidth = getPixelLength(displayHeight) * fullWidth / fullHeight; } } var spacerWidth = fullWidth; var spacerHeight = fullHeight; if (aspectRatio && isFinite(aspectRatio) && isSvg(srcStr)) { spacerWidth = DEFAULT_SVG_WIDTH; spacerHeight = Math.round(spacerWidth / aspectRatio); } var _b = getWidths(computedDisplayWidth, fullWidth, { minWidth: displayMinWidth }), sizes = _b.sizes, widthDescs = _b.widthDescs; var imageLoader = getImageLoader(loader); var spacerSvg = ''); var spacerSvgBase64 = typeof window === "undefined" ? Buffer.from(spacerSvg).toString("base64") : window.btoa(spacerSvg); var wrapperStyle = __assign({}, style || {}); var spacerStyle = __assign({}, pick(style || {}, "objectFit", "objectPosition")); if (displayWidth != null && displayWidth !== "auto") { spacerStyle.width = "100%"; } else { spacerStyle.width = displayWidth; wrapperStyle.width = "auto"; if (displayMinWidth) { spacerStyle.minWidth = "100%"; } if (displayMaxWidth != null && displayMaxWidth !== "none") { spacerStyle.maxWidth = "100%"; } } if (displayHeight != null && displayHeight !== "auto") { spacerStyle.height = "100%"; } else { spacerStyle.height = displayHeight; wrapperStyle.height = "auto"; if (displayMinHeight) { spacerStyle.minHeight = "100%"; } if (displayMaxHeight != null && displayMaxHeight !== "none") { spacerStyle.maxHeight = "100%"; } } return import_react.default.createElement("div", { className: (0, import_classnames2.default)(className, "__wab_img-wrapper"), ref: outerRef, style: wrapperStyle }, import_react.default.createElement("img", { alt: "", "aria-hidden": true, className: "__wab_img-spacer-svg", src: "data:image/svg+xml;base64,".concat(spacerSvgBase64), style: spacerStyle }), makePicture({ imageLoader, widthDescs, sizes, src: srcStr, quality, ref: imgRef, style: style ? pick(style, "objectFit", "objectPosition") : void 0, imgProps, className: "__wab_img" })); }); function makePicture(opts) { var imageLoader = opts.imageLoader, widthDescs = opts.widthDescs, src = opts.src, quality = opts.quality, style = opts.style, className = opts.className, sizes = opts.sizes, imgProps = opts.imgProps, ref2 = opts.ref; return import_react.default.createElement("picture", { className: "__wab_picture" }, imageLoader && imageLoader.supportsUrl(src) && import_react.default.createElement("source", { type: "image/webp", srcSet: widthDescs.map(function(wd) { return "".concat(imageLoader.transformUrl({ src, quality, width: wd.width, format: "webp" }), " ").concat(wd.desc); }).join(", ") }), import_react.default.createElement("img", __assign({}, imgProps, { ref: ref2, className, decoding: "async", src: imageLoader && imageLoader.supportsUrl(src) ? imageLoader.transformUrl({ src, quality, width: widthDescs[widthDescs.length - 1].width }) : src, srcSet: imageLoader && imageLoader.supportsUrl(src) ? widthDescs.map(function(wd) { return "".concat(imageLoader.transformUrl({ src, quality, width: wd.width }), " ").concat(wd.desc); }).join(", ") : void 0, sizes: imageLoader && imageLoader.supportsUrl(src) ? sizes : void 0, style: __assign(__assign({}, style ? pick(style, "objectFit", "objectPosition") : {}), { width: 0, height: 0 }) }))); } var DEFAULT_SVG_WIDTH = 1e4; function isSvg(src) { return src.endsWith(".svg") || src.startsWith("data:image/svg"); } function getClosestPresetSize(width, fullWidth) { var _a; var nextBiggerIndex = (_a = ALL_SIZES.findIndex(function(w) { return w >= width; })) !== null && _a !== void 0 ? _a : ALL_SIZES.length - 1; var nextBigger = ALL_SIZES[nextBiggerIndex]; if (nextBigger >= fullWidth) { return void 0; } else if (nextBiggerIndex + 1 < ALL_SIZES.length && fullWidth <= ALL_SIZES[nextBiggerIndex + 1]) { return void 0; } return nextBigger; } function getWidths(width, fullWidth, extra) { var minWidth = extra === null || extra === void 0 ? void 0 : extra.minWidth; var pixelWidth = getPixelLength(width); var pixelMinWidth = getPixelLength(minWidth); if (pixelWidth != null && (!minWidth || pixelMinWidth != null)) { return { widthDescs: [ { width: getClosestPresetSize(Math.max(pixelWidth, pixelMinWidth !== null && pixelMinWidth !== void 0 ? pixelMinWidth : 0), fullWidth), desc: "1x" }, { width: getClosestPresetSize(Math.max(pixelWidth, pixelMinWidth !== null && pixelMinWidth !== void 0 ? pixelMinWidth : 0) * 2, fullWidth), desc: "2x" } ], sizes: void 0 }; } var usefulSizes = DEVICE_SIZES.filter(function(size) { return !fullWidth || size < fullWidth; }); if (!!fullWidth && usefulSizes.length === 0) { return { widthDescs: [ { width: getClosestPresetSize(fullWidth, fullWidth), desc: "1x" } ], sizes: void 0 }; } return { widthDescs: usefulSizes.map(function(size) { return { width: getClosestPresetSize(size, fullWidth), desc: "".concat(size, "w") }; }), sizes: "100vw" }; } function getPixelLength(length) { if (length == null || length == "") { return void 0; } if (typeof length === "number") { return length; } var parsed = parseNumeric(length); if (parsed && (!parsed.units || parsed.units === "px")) { return parsed.num; } return void 0; } function parseNumeric(val) { var res = val.match(/^\s*(-?(?:\d+\.\d*|\d*\.\d+|\d+))\s*([a-z]*|%)\s*(?:\/\*.*)?$/i); if (res == null) { return void 0; } var num = res[1]; var units = res[2]; return { num: +num, units }; } function getImageLoader(loader) { if (loader == null) { return void 0; } else if (loader === "plasmic") { return PLASMIC_IMAGE_LOADER; } else { return loader; } } var PLASMIC_IMAGE_LOADER = { supportsUrl: function(src) { return src.startsWith("https://img.plasmic.app") && !isSvg(src); }, transformUrl: function(opts) { var _a; var params = [ opts.width ? "w=".concat(opts.width) : void 0, "q=".concat((_a = opts.quality) !== null && _a !== void 0 ? _a : 75), opts.format ? "f=".concat(opts.format) : void 0 ].filter(function(x) { return !!x; }); return "".concat(opts.src, "?").concat(params.join("&")); } }; init_define_import_meta_env(); var PlasmicDataSourceContext = /* @__PURE__ */ import_react3.default.createContext(void 0); function usePlasmicDataSourceContext() { return import_react3.default.useContext(PlasmicDataSourceContext); } function useCurrentUser() { var ctx = usePlasmicDataSourceContext(); return ctx == null ? void 0 : ctx.user; } var PlasmicDataSourceContextProvider = PlasmicDataSourceContext.Provider; init_define_import_meta_env(); init_define_import_meta_env(); var $704cf1d3b684cc5c$var$defaultContext = { prefix: String(Math.round(Math.random() * 1e10)), current: 0 }; var $704cf1d3b684cc5c$var$SSRContext = /* @__PURE__ */ import_react4.default.createContext($704cf1d3b684cc5c$var$defaultContext); function $704cf1d3b684cc5c$export$9f8ac96af4b1b2ae(props) { let cur = (0, import_react4.useContext)($704cf1d3b684cc5c$var$SSRContext); let value = (0, import_react4.useMemo)(() => ({ prefix: cur === $704cf1d3b684cc5c$var$defaultContext ? "" : `${cur.prefix}-${++cur.current}`, current: 0 }), [ cur ]); return /* @__PURE__ */ import_react4.default.createElement($704cf1d3b684cc5c$var$SSRContext.Provider, { value }, props.children); } var $704cf1d3b684cc5c$var$canUseDOM = Boolean(typeof window !== "undefined" && window.document && window.document.createElement); init_define_import_meta_env(); var PlasmicHeadContext = React2.createContext(void 0); var PlasmicTranslatorContext = import_react5.default.createContext(void 0); function isIterable(val) { return val != null && typeof val[Symbol.iterator] === "function"; } function genTranslatableString(elt) { var components = {}; var componentsCount = 0; var getText = function(node) { if (!node) { return ""; } if (typeof node === "number" || typeof node === "boolean" || typeof node === "string") { return node.toString(); } if (typeof node !== "object") { return ""; } if (Array.isArray(node) || isIterable(node)) { return Array.from(node).map(function(child) { return getText(child); }).filter(function(child) { return !!child; }).join(""); } var nodeChildren = hasKey(node, "props") && hasKey(node.props, "children") && node.props.children || hasKey(node, "children") && node.children || []; var contents = "".concat(import_react5.default.Children.toArray(nodeChildren).map(function(child) { return getText(child); }).filter(function(child) { return !!child; }).join("")); if (import_react5.default.isValidElement(node) && node.type === import_react5.default.Fragment) { return contents; } var componentId = componentsCount + 1; componentsCount++; components[componentId] = import_react5.default.isValidElement(node) ? import_react5.default.cloneElement(node, { key: componentId, children: void 0 }) : node; return "<".concat(componentId, ">").concat(contents, ""); }; var str = getText(elt); return { str, components, componentsCount }; } function Trans(_a) { var children = _a.children; var _t = import_react5.default.useContext(PlasmicTranslatorContext); if (!_t) { warnNoTranslationFunctionAtMostOnce(); return children; } var _b = genTranslatableString(children), str = _b.str, components = _b.components, componentsCount = _b.componentsCount; return _t(str, componentsCount > 0 ? { components } : void 0); } var hasWarned = false; function warnNoTranslationFunctionAtMostOnce() { if (!hasWarned) { console.warn("Using Plasmic Translation but no translation function has been provided"); hasWarned = true; } } function hasKey(v, key) { return typeof v === "object" && v !== null && key in v; } var PlasmicRootContext = React3.createContext(void 0); function PlasmicRootProvider(props) { var _a = props, platform = _a.platform, children = _a.children, userAuthToken = _a.userAuthToken, user = _a.user; var context = React3.useMemo(function() { return { platform }; }, [platform]); var dataSourceContextValue = React3.useMemo(function() { return { userAuthToken, user }; }, [userAuthToken, user]); return React3.createElement(PlasmicRootContext.Provider, { value: context }, React3.createElement($704cf1d3b684cc5c$export$9f8ac96af4b1b2ae, null, React3.createElement(PlasmicDataSourceContextProvider, { value: dataSourceContextValue }, React3.createElement(PlasmicTranslatorContext.Provider, { value: props.translator }, React3.createElement(PlasmicHeadContext.Provider, { value: props.Head }, children))))); } init_define_import_meta_env(); var import_classnames3 = __toESM2(require_classnames()); var import_dlv = __toESM2(require_dlv_umd()); var import_dlv2 = __toESM2(require_dlv_umd()); init_define_import_meta_env(); init_define_import_meta_env(); init_define_import_meta_env(); var $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof window !== "undefined" ? import_react8.default.useLayoutEffect : () => { }; var $bbed8b41f857bcc0$var$transitionsByElement = /* @__PURE__ */ new Map(); var $bbed8b41f857bcc0$var$transitionCallbacks = /* @__PURE__ */ new Set(); function $bbed8b41f857bcc0$var$setupGlobalEvents() { if (typeof window === "undefined") return; let onTransitionStart = (e2) => { let transitions = $bbed8b41f857bcc0$var$transitionsByElement.get(e2.target); if (!transitions) { transitions = /* @__PURE__ */ new Set(); $bbed8b41f857bcc0$var$transitionsByElement.set(e2.target, transitions); e2.target.addEventListener("transitioncancel", onTransitionEnd); } transitions.add(e2.propertyName); }; let onTransitionEnd = (e2) => { let properties = $bbed8b41f857bcc0$var$transitionsByElement.get(e2.target); if (!properties) return; properties.delete(e2.propertyName); if (properties.size === 0) { e2.target.removeEventListener("transitioncancel", onTransitionEnd); $bbed8b41f857bcc0$var$transitionsByElement.delete(e2.target); } if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) { for (let cb of $bbed8b41f857bcc0$var$transitionCallbacks) cb(); $bbed8b41f857bcc0$var$transitionCallbacks.clear(); } }; document.body.addEventListener("transitionrun", onTransitionStart); document.body.addEventListener("transitionend", onTransitionEnd); } if (typeof document !== "undefined") { if (document.readyState !== "loading") $bbed8b41f857bcc0$var$setupGlobalEvents(); else document.addEventListener("DOMContentLoaded", $bbed8b41f857bcc0$var$setupGlobalEvents); } var $5df64b3807dc15ee$var$visualViewport = typeof window !== "undefined" && window.visualViewport; function $c87311424ea30a05$var$testPlatform(re) { var ref2; return typeof window !== "undefined" && window.navigator != null ? re.test(((ref2 = window.navigator["userAgentData"]) === null || ref2 === void 0 ? void 0 : ref2.platform) || window.navigator.platform) : false; } function $c87311424ea30a05$export$9ac100e40613ea10() { return $c87311424ea30a05$var$testPlatform(/^Mac/i); } init_define_import_meta_env(); function $8a9cb279dc87e130$export$60278871457622de(event) { if (event.mozInputSource === 0 && event.isTrusted) return true; return event.detail === 0 && !event.pointerType; } var $8a9cb279dc87e130$export$905e7fc544a71f36 = class { isDefaultPrevented() { return this.nativeEvent.defaultPrevented; } preventDefault() { this.defaultPrevented = true; this.nativeEvent.preventDefault(); } stopPropagation() { this.nativeEvent.stopPropagation(); this.isPropagationStopped = () => true; } isPropagationStopped() { return false; } persist() { } constructor(type, nativeEvent) { this.nativeEvent = nativeEvent; this.target = nativeEvent.target; this.currentTarget = nativeEvent.currentTarget; this.relatedTarget = nativeEvent.relatedTarget; this.bubbles = nativeEvent.bubbles; this.cancelable = nativeEvent.cancelable; this.defaultPrevented = nativeEvent.defaultPrevented; this.eventPhase = nativeEvent.eventPhase; this.isTrusted = nativeEvent.isTrusted; this.timeStamp = nativeEvent.timeStamp; this.type = type; } }; function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) { let stateRef = (0, import_react9.useRef)({ isFocused: false, onBlur, observer: null }); stateRef.current.onBlur = onBlur; $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => { const state = stateRef.current; return () => { if (state.observer) { state.observer.disconnect(); state.observer = null; } }; }, []); return (0, import_react9.useCallback)((e1) => { if (e1.target instanceof HTMLButtonElement || e1.target instanceof HTMLInputElement || e1.target instanceof HTMLTextAreaElement || e1.target instanceof HTMLSelectElement) { stateRef.current.isFocused = true; let target = e1.target; let onBlurHandler = (e2) => { var _current, ref2; stateRef.current.isFocused = false; if (target.disabled) (ref2 = (_current = stateRef.current).onBlur) === null || ref2 === void 0 ? void 0 : ref2.call(_current, new $8a9cb279dc87e130$export$905e7fc544a71f36("blur", e2)); if (stateRef.current.observer) { stateRef.current.observer.disconnect(); stateRef.current.observer = null; } }; target.addEventListener("focusout", onBlurHandler, { once: true }); stateRef.current.observer = new MutationObserver(() => { if (stateRef.current.isFocused && target.disabled) { stateRef.current.observer.disconnect(); target.dispatchEvent(new FocusEvent("blur")); target.dispatchEvent(new FocusEvent("focusout", { bubbles: true })); } }); stateRef.current.observer.observe(target, { attributes: true, attributeFilter: [ "disabled" ] }); } }, []); } var $ae1eeba8b9eafd08$export$5165eccb35aaadb5 = import_react9.default.createContext(null); $ae1eeba8b9eafd08$export$5165eccb35aaadb5.displayName = "PressResponderContext"; function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) { let { isDisabled, onFocus: onFocusProp, onBlur: onBlurProp, onFocusChange } = props; const onBlur = (0, import_react9.useCallback)((e2) => { if (e2.target === e2.currentTarget) { if (onBlurProp) onBlurProp(e2); if (onFocusChange) onFocusChange(false); return true; } }, [ onBlurProp, onFocusChange ]); const onSyntheticFocus = $8a9cb279dc87e130$export$715c682d09d639cc(onBlur); const onFocus = (0, import_react9.useCallback)((e2) => { if (e2.target === e2.currentTarget) { if (onFocusProp) onFocusProp(e2); if (onFocusChange) onFocusChange(true); onSyntheticFocus(e2); } }, [ onFocusChange, onFocusProp, onSyntheticFocus ]); return { focusProps: { onFocus: !isDisabled && (onFocusProp || onFocusChange || onBlurProp) ? onFocus : void 0, onBlur: !isDisabled && (onBlurProp || onFocusChange) ? onBlur : null } }; } var $507fabe10e71c6fb$var$currentModality = null; var $507fabe10e71c6fb$var$changeHandlers = /* @__PURE__ */ new Set(); var $507fabe10e71c6fb$var$hasSetupGlobalListeners = false; var $507fabe10e71c6fb$var$hasEventBeforeFocus = false; var $507fabe10e71c6fb$var$hasBlurredWindowRecently = false; var $507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS = { Tab: true, Escape: true }; function $507fabe10e71c6fb$var$triggerChangeHandlers(modality, e2) { for (let handler of $507fabe10e71c6fb$var$changeHandlers) handler(modality, e2); } function $507fabe10e71c6fb$var$isValidKey(e2) { return !(e2.metaKey || !$c87311424ea30a05$export$9ac100e40613ea10() && e2.altKey || e2.ctrlKey || e2.key === "Control" || e2.key === "Shift" || e2.key === "Meta"); } function $507fabe10e71c6fb$var$handleKeyboardEvent(e2) { $507fabe10e71c6fb$var$hasEventBeforeFocus = true; if ($507fabe10e71c6fb$var$isValidKey(e2)) { $507fabe10e71c6fb$var$currentModality = "keyboard"; $507fabe10e71c6fb$var$triggerChangeHandlers("keyboard", e2); } } function $507fabe10e71c6fb$var$handlePointerEvent(e2) { $507fabe10e71c6fb$var$currentModality = "pointer"; if (e2.type === "mousedown" || e2.type === "pointerdown") { $507fabe10e71c6fb$var$hasEventBeforeFocus = true; $507fabe10e71c6fb$var$triggerChangeHandlers("pointer", e2); } } function $507fabe10e71c6fb$var$handleClickEvent(e2) { if ($8a9cb279dc87e130$export$60278871457622de(e2)) { $507fabe10e71c6fb$var$hasEventBeforeFocus = true; $507fabe10e71c6fb$var$currentModality = "virtual"; } } function $507fabe10e71c6fb$var$handleFocusEvent(e2) { if (e2.target === window || e2.target === document) return; if (!$507fabe10e71c6fb$var$hasEventBeforeFocus && !$507fabe10e71c6fb$var$hasBlurredWindowRecently) { $507fabe10e71c6fb$var$currentModality = "virtual"; $507fabe10e71c6fb$var$triggerChangeHandlers("virtual", e2); } $507fabe10e71c6fb$var$hasEventBeforeFocus = false; $507fabe10e71c6fb$var$hasBlurredWindowRecently = false; } function $507fabe10e71c6fb$var$handleWindowBlur() { $507fabe10e71c6fb$var$hasEventBeforeFocus = false; $507fabe10e71c6fb$var$hasBlurredWindowRecently = true; } function $507fabe10e71c6fb$var$setupGlobalFocusEvents() { if (typeof window === "undefined" || $507fabe10e71c6fb$var$hasSetupGlobalListeners) return; let focus = HTMLElement.prototype.focus; HTMLElement.prototype.focus = function() { $507fabe10e71c6fb$var$hasEventBeforeFocus = true; focus.apply(this, arguments); }; document.addEventListener("keydown", $507fabe10e71c6fb$var$handleKeyboardEvent, true); document.addEventListener("keyup", $507fabe10e71c6fb$var$handleKeyboardEvent, true); document.addEventListener("click", $507fabe10e71c6fb$var$handleClickEvent, true); window.addEventListener("focus", $507fabe10e71c6fb$var$handleFocusEvent, true); window.addEventListener("blur", $507fabe10e71c6fb$var$handleWindowBlur, false); if (typeof PointerEvent !== "undefined") { document.addEventListener("pointerdown", $507fabe10e71c6fb$var$handlePointerEvent, true); document.addEventListener("pointermove", $507fabe10e71c6fb$var$handlePointerEvent, true); document.addEventListener("pointerup", $507fabe10e71c6fb$var$handlePointerEvent, true); } else { document.addEventListener("mousedown", $507fabe10e71c6fb$var$handlePointerEvent, true); document.addEventListener("mousemove", $507fabe10e71c6fb$var$handlePointerEvent, true); document.addEventListener("mouseup", $507fabe10e71c6fb$var$handlePointerEvent, true); } $507fabe10e71c6fb$var$hasSetupGlobalListeners = true; } if (typeof document !== "undefined") { if (document.readyState !== "loading") $507fabe10e71c6fb$var$setupGlobalFocusEvents(); else document.addEventListener("DOMContentLoaded", $507fabe10e71c6fb$var$setupGlobalFocusEvents); } function $507fabe10e71c6fb$export$b9b3dfddab17db27() { return $507fabe10e71c6fb$var$currentModality !== "pointer"; } function $507fabe10e71c6fb$var$isKeyboardFocusEvent(isTextInput, modality, e2) { return !(isTextInput && modality === "keyboard" && e2 instanceof KeyboardEvent && !$507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS[e2.key]); } function $507fabe10e71c6fb$export$ec71b4b83ac08ec3(fn, deps, opts) { $507fabe10e71c6fb$var$setupGlobalFocusEvents(); (0, import_react9.useEffect)(() => { let handler = (modality, e2) => { if (!$507fabe10e71c6fb$var$isKeyboardFocusEvent(opts === null || opts === void 0 ? void 0 : opts.isTextInput, modality, e2)) return; fn($507fabe10e71c6fb$export$b9b3dfddab17db27()); }; $507fabe10e71c6fb$var$changeHandlers.add(handler); return () => { $507fabe10e71c6fb$var$changeHandlers.delete(handler); }; }, deps); } function $9ab94262bd0047c7$export$420e68273165f4ec(props) { let { isDisabled, onBlurWithin, onFocusWithin, onFocusWithinChange } = props; let state = (0, import_react9.useRef)({ isFocusWithin: false }); let onBlur = (0, import_react9.useCallback)((e2) => { if (state.current.isFocusWithin && !e2.currentTarget.contains(e2.relatedTarget)) { state.current.isFocusWithin = false; if (onBlurWithin) onBlurWithin(e2); if (onFocusWithinChange) onFocusWithinChange(false); } }, [ onBlurWithin, onFocusWithinChange, state ]); let onSyntheticFocus = $8a9cb279dc87e130$export$715c682d09d639cc(onBlur); let onFocus = (0, import_react9.useCallback)((e2) => { if (!state.current.isFocusWithin) { if (onFocusWithin) onFocusWithin(e2); if (onFocusWithinChange) onFocusWithinChange(true); state.current.isFocusWithin = true; onSyntheticFocus(e2); } }, [ onFocusWithin, onFocusWithinChange, onSyntheticFocus ]); if (isDisabled) return { focusWithinProps: { onFocus: null, onBlur: null } }; return { focusWithinProps: { onFocus, onBlur } }; } var $9bf71ea28793e738$var$focusableElements = [ "input:not([disabled]):not([type=hidden])", "select:not([disabled])", "textarea:not([disabled])", "button:not([disabled])", "a[href]", "area[href]", "summary", "iframe", "object", "embed", "audio[controls]", "video[controls]", "[contenteditable]" ]; var $9bf71ea28793e738$var$FOCUSABLE_ELEMENT_SELECTOR = $9bf71ea28793e738$var$focusableElements.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])"; $9bf71ea28793e738$var$focusableElements.push('[tabindex]:not([tabindex="-1"]):not([disabled])'); var $9bf71ea28793e738$var$TABBABLE_ELEMENT_SELECTOR = $9bf71ea28793e738$var$focusableElements.join(':not([hidden]):not([tabindex="-1"]),'); function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) { let { autoFocus = false, isTextInput, within } = props; let state = (0, import_react7.useRef)({ isFocused: false, isFocusVisible: autoFocus || $507fabe10e71c6fb$export$b9b3dfddab17db27() }); let [isFocused1, setFocused] = (0, import_react7.useState)(false); let [isFocusVisibleState, setFocusVisible] = (0, import_react7.useState)(() => state.current.isFocused && state.current.isFocusVisible); let updateState = (0, import_react7.useCallback)(() => setFocusVisible(state.current.isFocused && state.current.isFocusVisible), []); let onFocusChange = (0, import_react7.useCallback)((isFocused) => { state.current.isFocused = isFocused; setFocused(isFocused); updateState(); }, [ updateState ]); $507fabe10e71c6fb$export$ec71b4b83ac08ec3((isFocusVisible) => { state.current.isFocusVisible = isFocusVisible; updateState(); }, [], { isTextInput }); let { focusProps } = $a1ea59d68270f0dd$export$f8168d8dd8fd66e6({ isDisabled: within, onFocusChange }); let { focusWithinProps } = $9ab94262bd0047c7$export$420e68273165f4ec({ isDisabled: !within, onFocusWithinChange: onFocusChange }); return { isFocused: isFocused1, isFocusVisible: state.current.isFocused && isFocusVisibleState, focusProps: within ? focusWithinProps : focusProps }; } var import_fast_deep_equal = __toESM2(require_fast_deep_equal()); init_define_import_meta_env(); init_define_import_meta_env(); var e = Symbol(); var t = Symbol(); var r = Symbol(); var n = (e2, t2) => new Proxy(e2, t2); var o = Object.getPrototypeOf; var s = /* @__PURE__ */ new WeakMap(); var c = (e2) => e2 && (s.has(e2) ? s.get(e2) : o(e2) === Object.prototype || o(e2) === Array.prototype); var l = (e2) => typeof e2 == "object" && e2 !== null; var a = /* @__PURE__ */ new WeakMap(); var f = (e2) => e2[r] || e2; var i = (s2, l2, p2) => { if (!c(s2)) return s2; const y2 = f(s2), u = ((e2) => Object.isFrozen(e2) || Object.values(Object.getOwnPropertyDescriptors(e2)).some((e3) => !e3.writable))(y2); let g2 = p2 && p2.get(y2); return g2 && g2[1].f === u || (g2 = ((n2, o2) => { const s3 = { f: o2 }; let c2 = false; const l3 = (t2, r2) => { if (!c2) { let o3 = s3.a.get(n2); o3 || (o3 = /* @__PURE__ */ new Set(), s3.a.set(n2, o3)), r2 && o3.has(e) || o3.add(t2); } }, a2 = { get: (e2, t2) => t2 === r ? n2 : (l3(t2), i(e2[t2], s3.a, s3.c)), has: (e2, r2) => r2 === t ? (c2 = true, s3.a.delete(n2), true) : (l3(r2), r2 in e2), getOwnPropertyDescriptor: (e2, t2) => (l3(t2, true), Object.getOwnPropertyDescriptor(e2, t2)), ownKeys: (t2) => (l3(e), Reflect.ownKeys(t2)) }; return o2 && (a2.set = a2.deleteProperty = () => false), [a2, s3]; })(y2, u), g2[1].p = n(u ? ((e2) => { let t2 = a.get(e2); if (!t2) { if (Array.isArray(e2)) t2 = Array.from(e2); else { const r2 = Object.getOwnPropertyDescriptors(e2); Object.values(r2).forEach((e3) => { e3.configurable = true; }), t2 = Object.create(o(e2), r2); } a.set(e2, t2); } return t2; })(y2) : y2, g2[0]), p2 && p2.set(y2, g2)), g2[1].a = l2, g2[1].c = p2, g2[1].p; }; var p = (e2, t2) => { const r2 = Reflect.ownKeys(e2), n2 = Reflect.ownKeys(t2); return r2.length !== n2.length || r2.some((e3, t3) => e3 !== n2[t3]); }; var y = (t2, r2, n2, o2) => { if (Object.is(t2, r2)) return false; if (!l(t2) || !l(r2)) return true; const s2 = n2.get(f(t2)); if (!s2) return true; if (o2) { const e2 = o2.get(t2); if (e2 && e2.n === r2) return e2.g; o2.set(t2, { n: r2, g: false }); } let c2 = null; for (const l2 of s2) { const s3 = l2 === e ? p(t2, r2) : y(t2[l2], r2[l2], n2, o2); if (s3 !== true && s3 !== false || (c2 = s3), c2) break; } return c2 === null && (c2 = true), o2 && o2.set(t2, { n: r2, g: c2 }), c2; }; var g = (e2) => c(e2) && e2[r] || null; var b = (e2, t2 = true) => { s.set(e2, t2); }; var O = (e2, t2) => { const r2 = [], n2 = /* @__PURE__ */ new WeakSet(), o2 = (e3, s2) => { if (n2.has(e3)) return; l(e3) && n2.add(e3); const c2 = l(e3) && t2.get(f(e3)); c2 ? c2.forEach((t3) => { o2(e3[t3], s2 ? [...s2, t3] : [t3]); }) : s2 && r2.push(s2); }; return o2(e2), r2; }; var import_shim = __toESM2(require_shim(), 1); init_define_import_meta_env(); var isObject = (x) => typeof x === "object" && x !== null; var refSet = /* @__PURE__ */ new WeakSet(); var VERSION = (define_import_meta_env_default2 && "development") !== "production" ? Symbol("VERSION") : Symbol(); var LISTENERS = (define_import_meta_env_default2 && "development") !== "production" ? Symbol("LISTENERS") : Symbol(); var SNAPSHOT = (define_import_meta_env_default2 && "development") !== "production" ? Symbol("SNAPSHOT") : Symbol(); var buildProxyFunction = (objectIs = Object.is, newProxy = (target, handler) => new Proxy(target, handler), canProxy = (x) => isObject(x) && !refSet.has(x) && (Array.isArray(x) || !(Symbol.iterator in x)) && !(x instanceof WeakMap) && !(x instanceof WeakSet) && !(x instanceof Error) && !(x instanceof Number) && !(x instanceof Date) && !(x instanceof String) && !(x instanceof RegExp) && !(x instanceof ArrayBuffer), PROMISE_RESULT = (define_import_meta_env_default2 && "development") !== "production" ? Symbol("PROMISE_RESULT") : Symbol(), PROMISE_ERROR = (define_import_meta_env_default2 && "development") !== "production" ? Symbol("PROMISE_ERROR") : Symbol(), snapshotCache = /* @__PURE__ */ new WeakMap(), createSnapshot = (version, target, receiver) => { const cache = snapshotCache.get(receiver); if ((cache == null ? void 0 : cache[0]) === version) { return cache[1]; } const snapshot2 = Array.isArray(target) ? [] : Object.create(Object.getPrototypeOf(target)); b(snapshot2, true); snapshotCache.set(receiver, [version, snapshot2]); Reflect.ownKeys(target).forEach((key) => { const value = Reflect.get(target, key, receiver); if (refSet.has(value)) { b(value, false); snapshot2[key] = value; } else if (value instanceof Promise) { if (PROMISE_RESULT in value) { snapshot2[key] = value[PROMISE_RESULT]; } else { const errorOrPromise = value[PROMISE_ERROR] || value; Object.defineProperty(snapshot2, key, { get() { if (PROMISE_RESULT in value) { return value[PROMISE_RESULT]; } throw errorOrPromise; } }); } } else if (value == null ? void 0 : value[LISTENERS]) { snapshot2[key] = value[SNAPSHOT]; } else { snapshot2[key] = value; } }); return Object.freeze(snapshot2); }, proxyCache = /* @__PURE__ */ new WeakMap(), versionHolder = [1], proxyFunction2 = (initialObject) => { if (!isObject(initialObject)) { throw new Error("object required"); } const found = proxyCache.get(initialObject); if (found) { return found; } let version = versionHolder[0]; const listeners2 = /* @__PURE__ */ new Set(); const notifyUpdate = (op, nextVersion = ++versionHolder[0]) => { if (version !== nextVersion) { version = nextVersion; listeners2.forEach((listener) => listener(op, nextVersion)); } }; const propListeners = /* @__PURE__ */ new Map(); const getPropListener = (prop) => { let propListener = propListeners.get(prop); if (!propListener) { propListener = (op, nextVersion) => { const newOp = [...op]; newOp[1] = [prop, ...newOp[1]]; notifyUpdate(newOp, nextVersion); }; propListeners.set(prop, propListener); } return propListener; }; const popPropListener = (prop) => { const propListener = propListeners.get(prop); propListeners.delete(prop); return propListener; }; const baseObject = Array.isArray(initialObject) ? [] : Object.create(Object.getPrototypeOf(initialObject)); const handler = { get(target, prop, receiver) { if (prop === VERSION) { return version; } if (prop === LISTENERS) { return listeners2; } if (prop === SNAPSHOT) { return createSnapshot(version, target, receiver); } return Reflect.get(target, prop, receiver); }, deleteProperty(target, prop) { const prevValue = Reflect.get(target, prop); const childListeners = prevValue == null ? void 0 : prevValue[LISTENERS]; if (childListeners) { childListeners.delete(popPropListener(prop)); } const deleted = Reflect.deleteProperty(target, prop); if (deleted) { notifyUpdate(["delete", [prop], prevValue]); } return deleted; }, set(target, prop, value, receiver) { var _a; const hasPrevValue = Reflect.has(target, prop); const prevValue = Reflect.get(target, prop, receiver); if (hasPrevValue && objectIs(prevValue, value)) { return true; } const childListeners = prevValue == null ? void 0 : prevValue[LISTENERS]; if (childListeners) { childListeners.delete(popPropListener(prop)); } if (isObject(value)) { value = g(value) || value; } let nextValue; if ((_a = Object.getOwnPropertyDescriptor(target, prop)) == null ? void 0 : _a.set) { nextValue = value; } else if (value instanceof Promise) { nextValue = value.then((v) => { nextValue[PROMISE_RESULT] = v; notifyUpdate(["resolve", [prop], v]); return v; }).catch((e2) => { nextValue[PROMISE_ERROR] = e2; notifyUpdate(["reject", [prop], e2]); }); } else if (value == null ? void 0 : value[LISTENERS]) { nextValue = value; nextValue[LISTENERS].add(getPropListener(prop)); } else if (canProxy(value)) { nextValue = proxy(value); nextValue[LISTENERS].add(getPropListener(prop)); } else { nextValue = value; } Reflect.set(target, prop, nextValue, receiver); notifyUpdate(["set", [prop], value, prevValue]); return true; } }; const proxyObject = newProxy(baseObject, handler); proxyCache.set(initialObject, proxyObject); Reflect.ownKeys(initialObject).forEach((key) => { const desc = Object.getOwnPropertyDescriptor(initialObject, key); if (desc.get || desc.set) { Object.defineProperty(baseObject, key, desc); } else { proxyObject[key] = initialObject[key]; } }); return proxyObject; }) => [ proxyFunction2, refSet, VERSION, LISTENERS, SNAPSHOT, objectIs, newProxy, canProxy, PROMISE_RESULT, PROMISE_ERROR, snapshotCache, createSnapshot, proxyCache, versionHolder ]; var [proxyFunction] = buildProxyFunction(); function proxy(initialObject = {}) { return proxyFunction(initialObject); } function subscribe(proxyObject, callback, notifyInSync) { if ((define_import_meta_env_default2 && "development") !== "production" && !(proxyObject == null ? void 0 : proxyObject[LISTENERS])) { console.warn("Please use proxy object"); } let promise; const ops = []; const listener = (op) => { ops.push(op); if (notifyInSync) { callback(ops.splice(0)); return; } if (!promise) { promise = Promise.resolve().then(() => { promise = void 0; callback(ops.splice(0)); }); } }; proxyObject[LISTENERS].add(listener); return () => { proxyObject[LISTENERS].delete(listener); }; } function snapshot(proxyObject) { if ((define_import_meta_env_default2 && "development") !== "production" && !(proxyObject == null ? void 0 : proxyObject[SNAPSHOT])) { console.warn("Please use proxy object"); } return proxyObject[SNAPSHOT]; } function ref(obj) { refSet.add(obj); return obj; } var { useSyncExternalStore } = import_shim.default; var useAffectedDebugValue = (state, affected) => { const pathList = (0, import_react10.useRef)(); (0, import_react10.useEffect)(() => { pathList.current = O(state, affected); }); (0, import_react10.useDebugValue)(pathList.current); }; function useSnapshot(proxyObject, options) { const notifyInSync = options == null ? void 0 : options.sync; const lastSnapshot = (0, import_react10.useRef)(); const lastAffected = (0, import_react10.useRef)(); let inRender = true; const currSnapshot = useSyncExternalStore((0, import_react10.useCallback)((callback) => { const unsub = subscribe(proxyObject, callback, notifyInSync); callback(); return unsub; }, [proxyObject, notifyInSync]), () => { const nextSnapshot = snapshot(proxyObject); try { if (!inRender && lastSnapshot.current && lastAffected.current && !y(lastSnapshot.current, nextSnapshot, lastAffected.current, /* @__PURE__ */ new WeakMap())) { return lastSnapshot.current; } } catch (e2) { } return nextSnapshot; }, () => snapshot(proxyObject)); inRender = false; const currAffected = /* @__PURE__ */ new WeakMap(); (0, import_react10.useEffect)(() => { lastSnapshot.current = currSnapshot; lastAffected.current = currAffected; }); if ((define_import_meta_env_default2 && "development") !== "production") { useAffectedDebugValue(currSnapshot, currAffected); } const proxyCache = (0, import_react10.useMemo)(() => /* @__PURE__ */ new WeakMap(), []); return i(currSnapshot, currAffected, proxyCache); } init_define_import_meta_env(); function subscribeKey(proxyObject, key, callback, notifyInSync) { return subscribe(proxyObject, (ops) => { if (ops.some((op) => op[1][0] === key)) { callback(proxyObject[key]); } }, notifyInSync); } var DEVTOOLS = Symbol(); function renderStack(as, props, hasGap, ref2) { var children = props.children, rest = __rest(props, ["children"]); var wrappedChildren = wrapFlexContainerChildren(children, hasGap !== null && hasGap !== void 0 ? hasGap : false); return createElementWithChildren(as, __assign({ ref: ref2 }, rest), wrappedChildren); } function FlexStack_(props, outerRef) { var as = props.as, hasGap = props.hasGap, rest = __rest(props, ["as", "hasGap"]); return renderStack(as !== null && as !== void 0 ? as : "div", rest, hasGap, outerRef); } var FlexStack = React4.forwardRef(FlexStack_); var makeStackImpl = function(as) { return React4.forwardRef(function(props, ref2) { var hasGap = props.hasGap, rest = __rest(props, ["hasGap"]); return renderStack(as, rest, hasGap, ref2); }); }; var Stack = Object.assign(FlexStack, { div: makeStackImpl("div"), a: makeStackImpl("a"), button: makeStackImpl("button"), h1: makeStackImpl("h1"), h2: makeStackImpl("h2"), h3: makeStackImpl("h3"), h4: makeStackImpl("h4"), h5: makeStackImpl("h5"), h6: makeStackImpl("h6"), label: makeStackImpl("label"), form: makeStackImpl("form"), section: makeStackImpl("section"), head: makeStackImpl("head"), main: makeStackImpl("main"), nav: makeStackImpl("nav") }); function hasVariant(variants, groupName, variant) { if (variants == null) { return false; } var groupVariants = variants[groupName]; if (groupVariants == null) { return false; } else if (groupVariants === true) { return variant === groupName; } else if (groupVariants === false) { return false; } else if (Array.isArray(groupVariants)) { return groupVariants.includes(variant); } else if (typeof groupVariants === "string") { return groupVariants === variant; } else { return groupVariants[variant] !== void 0 && groupVariants[variant] !== false; } } function wrapFlexContainerChildren(children, hasGap) { var className = hasGap ? "__wab_flex-container" : "__wab_passthrough"; if (!children) { return null; } else if (Array.isArray(children)) { return React4.createElement.apply(React4, __spreadArray(["div", { className }], __read(children), false)); } else { return React4.createElement("div", { className }, children); } } function createPlasmicElement(override, defaultRoot, defaultProps, wrapChildrenInFlex) { if (!override || Object.keys(override).length === 0) { return createElementWithChildren(defaultRoot, defaultProps, defaultProps.children); } var override2 = deriveOverride(override); var props = mergeOverrideProps(defaultProps, override2.props); if (override2.type === "render") { return override2.render(props, defaultRoot); } var root = defaultRoot; if (override2.type === "as" && override2.as) { if (defaultRoot === Stack) { props.as = override2.as; } else { root = override2.as; } } var children = props.children; if (override2.wrapChildren) { children = override2.wrapChildren(ensureNotArray(children)); } if (wrapChildrenInFlex) { children = wrapFlexContainerChildren(children, true); } var result = createElementWithChildren(root, props, children); if (override2.wrap) { result = override2.wrap(result); } return result; } var seenElements = /* @__PURE__ */ new Map(); function createPlasmicElementProxy(defaultElement, props) { var _a; var children = []; for (var _i = 2; _i < arguments.length; _i++) { children[_i - 2] = arguments[_i]; } if (props == null) { props = {}; } var name = props["data-plasmic-name"]; var isRoot = props["data-plasmic-root"]; var forNodeName = props["data-plasmic-for-node"]; delete props["data-plasmic-name"]; delete props["data-plasmic-root"]; delete props["data-plasmic-for-node"]; var element = createPlasmicElementFromJsx.apply(void 0, __spreadArray([ defaultElement, props ], __read(children), false)); if (name) { seenElements.set(name, element); } if (isRoot) { var forNode = forNodeName ? (_a = seenElements.get(forNodeName)) !== null && _a !== void 0 ? _a : null : element; seenElements.clear(); return forNode; } return element; } function createPlasmicElementFromJsx(defaultElement, props) { var _a; var children = []; for (var _i = 2; _i < arguments.length; _i++) { children[_i - 2] = arguments[_i]; } var override = props["data-plasmic-override"]; var wrapFlexChild = props["data-plasmic-wrap-flex-child"]; var triggerProps = (_a = props["data-plasmic-trigger-props"]) !== null && _a !== void 0 ? _a : []; delete props["data-plasmic-override"]; delete props["data-plasmic-wrap-flex-child"]; delete props["data-plasmic-trigger-props"]; return createPlasmicElement(override, defaultElement, mergeProps.apply(void 0, __spreadArray([ props, children.length === 0 ? {} : { children: children.length === 1 ? children[0] : children } ], __read(triggerProps), false)), wrapFlexChild); } var UNSET = Symbol("UNSET"); function mergeOverrideProps(defaults, overrides) { var e_1, _a; if (!overrides) { return defaults; } var result = __assign({}, defaults); try { for (var _b = __values(Object.keys(overrides)), _c = _b.next(); !_c.done; _c = _b.next()) { var key = _c.value; var defaultVal = defaults[key]; var overrideVal = overrides[key]; if (overrideVal === UNSET) { delete result[key]; } else { if (overrideVal == null && key !== "className" && key !== "style" && !(key.startsWith("on") && typeof defaultVal === "function")) { overrideVal = NONE; } result[key] = mergePropVals(key, defaultVal, overrideVal); } } } catch (e_1_1) { e_1 = { error: e_1_1 }; } finally { try { if (_c && !_c.done && (_a = _b["return"])) _a.call(_b); } finally { if (e_1) throw e_1.error; } } return result; } function deriveOverride(x) { if (!x) { return { type: "default", props: {} }; } else if (isReactNode(x)) { return { type: "default", props: { children: x } }; } else if (typeof x === "object") { if ("as" in x) { return __assign(__assign({}, x), { props: x.props || {}, type: "as" }); } else if ("render" in x) { return __assign(__assign({}, x), { type: "render" }); } else if ("props" in x) { return __assign(__assign({}, x), { props: x.props || {}, type: "default" }); } else if (isSubset(Object.keys(x), ["wrap", "wrapChildren"])) { return __assign(__assign({}, x), { props: {}, type: "default" }); } return { type: "default", props: x }; } else if (typeof x === "function") { return { type: "render", render: x }; } throw new Error("Unexpected override: ".concat(x)); } function mergeVariants(v1, v2) { if (!v1 || !v2) { return v1 || v2 || {}; } return __assign(__assign({}, v1), v2); } function mergeArgs(a1, a2) { if (!a1 || !a2) { return a1 || a2 || {}; } return __assign(__assign({}, a1), a2); } function mergeFlexOverrides(o1, o2) { var e_2, _a; if (!o2) { return o1; } var keys = Array.from(new Set(__spreadArray(__spreadArray([], __read(Object.keys(o1)), false), __read(Object.keys(o2)), false))); var merged = {}; try { for (var keys_1 = __values(keys), keys_1_1 = keys_1.next(); !keys_1_1.done; keys_1_1 = keys_1.next()) { var key = keys_1_1.value; merged[key] = mergeFlexOverride(o1[key], o2[key]); } } catch (e_2_1) { e_2 = { error: e_2_1 }; } finally { try { if (keys_1_1 && !keys_1_1.done && (_a = keys_1["return"])) _a.call(keys_1); } finally { if (e_2) throw e_2.error; } } return merged; } function mergeFlexOverride(fo1, fo2) { var _a, _b; if (!fo1) { return fo2; } if (!fo2) { return fo1; } var o1 = deriveOverride(fo1); var o2 = deriveOverride(fo2); var wrap = chainSingleArgFuncs.apply(void 0, __spreadArray([], __read([o1.wrap, o2.wrap].filter(notNil)), false)); var wrapChildren = chainSingleArgFuncs.apply(void 0, __spreadArray([], __read([o1.wrapChildren, o2.wrapChildren].filter(notNil)), false)); var props = mergeOverrideProps((_a = o1.props) !== null && _a !== void 0 ? _a : {}, o2.props); if (o2.type === "render") { return { render: o2.render, props, wrap, wrapChildren }; } if (o1.type === "render") { return { render: o1.render, props, wrap, wrapChildren }; } var as = (_b = o2.type === "as" ? o2.as : void 0) !== null && _b !== void 0 ? _b : o1.type === "as" ? o1.as : void 0; return __assign({ props, wrap, wrapChildren }, as ? { as } : {}); } function deriveRenderOpts(props, config) { var _a; var name = config.name, descendantNames = config.descendantNames, internalVariantPropNames = config.internalVariantPropNames, internalArgPropNames = config.internalArgPropNames; var reservedPropNames = ["variants", "args", "overrides"]; var variants = mergeVariants(omit.apply(void 0, __spreadArray([pick.apply(void 0, __spreadArray([props], __read(internalVariantPropNames), false))], __read(reservedPropNames), false)), props.variants); var args = mergeArgs(omit.apply(void 0, __spreadArray([pick.apply(void 0, __spreadArray([props], __read(internalArgPropNames), false))], __read(reservedPropNames), false)), props.args); var overrides = mergeFlexOverrides(omit.apply(void 0, __spreadArray(__spreadArray(__spreadArray([pick.apply(void 0, __spreadArray([props], __read(descendantNames), false))], __read(internalArgPropNames), false), __read(internalVariantPropNames), false), __read(reservedPropNames), false)), props.overrides); var leftoverProps = omit.apply(void 0, __spreadArray(__spreadArray(__spreadArray([ props, "variants", "args", "overrides" ], __read(descendantNames), false), __read(internalVariantPropNames), false), __read(internalArgPropNames), false)); if (Object.keys(leftoverProps).length > 0) { overrides = mergeFlexOverrides(overrides, (_a = {}, _a[name] = { props: leftoverProps }, _a)); } return { variants, args, overrides }; } var isDefaultValue = function(val) { return val === "PLEASE_RENDER_INSIDE_PROVIDER"; }; var seenDefaultVariants = {}; function ensureGlobalVariants(globalVariantValues) { Object.entries(globalVariantValues).filter(function(_a) { var _b = __read(_a, 2); _b[0]; var value = _b[1]; return isDefaultValue(value); }).forEach(function(_a) { var _b = __read(_a, 2), key = _b[0]; _b[1]; globalVariantValues[key] = void 0; if (!seenDefaultVariants[key] && true) { seenDefaultVariants[key] = true; var providerName = "".concat(key[0].toUpperCase()).concat(key.substring(1), "Context.Provider"); console.warn('Plasmic context value for global variant "'.concat(key, '" was not provided; please use ').concat(providerName, " at the root of your React app. Learn More: https://www.plasmic.app/learn/other-assets/#global-variants")); } }); return globalVariantValues; } var PlasmicLink = import_react6.default.forwardRef(function PlasmicLink2(props, ref2) { if (props.platform === "nextjs" && props.href) { var nextjsProps = [ "href", "replace", "scroll", "shallow", "passHref", "prefetch", "locale" ]; return import_react6.default.createElement(props.component, __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(nextjsProps), false))), { legacyBehavior: true }), import_react6.default.createElement("a", __assign({}, omit.apply(void 0, __spreadArray([props, "component", "platform"], __read(nextjsProps), false)), { ref: ref2 }))); } if (props.platform === "gatsby" && isInternalHref(props.href)) { return import_react6.default.createElement(props.component, __assign(__assign({}, omit(props, "component", "platform", "href")), { to: props.href, ref: ref2 })); } return import_react6.default.createElement("a", __assign({}, omit(props, "component", "platform"), { ref: ref2 })); }); function isInternalHref(href) { return /^\/(?!\/)/.test(href); } function renderPlasmicSlot(opts) { var as = opts.as, defaultContents = opts.defaultContents, value = opts.value, rest = __rest(opts, ["as", "defaultContents", "value"]); var content = value === void 0 ? defaultContents : value; if (!content || Array.isArray(content) && content.length === 0) { return null; } var maybeString = maybeAsString(content); if (maybeString) { content = React4.createElement("div", { className: "__wab_slot-string-wrapper" }, maybeString); } var nonEmptyProps = Object.keys(rest).filter(function(p2) { return !!rest[p2]; }); if (nonEmptyProps.length === 0) { return React4.createElement(React4.Fragment, null, content); } return React4.createElement(as || "div", mergeProps({ className: "__wab_slot" }, rest), content); } function maybeAsString(node) { if (React4.isValidElement(node) && (node.type === React4.Fragment || node.type === Trans)) { return maybeAsString(node.props.children); } if (typeof node === "string") { return node; } if (Array.isArray(node) && node.length === 1 && typeof node[0] === "string") { return node[0]; } return void 0; } var listeners = []; var queries = {}; function matchScreenVariants() { if (!isBrowser) { return []; } return Object.entries(queries).filter(function(_a) { var _b = __read(_a, 2), query = _b[1]; return window.matchMedia(query).matches; }).map(function(_a) { var _b = __read(_a, 1), name = _b[0]; return name; }); } var curScreenVariants = void 0; function recalculateScreenVariants() { var screenVariant = matchScreenVariants(); if (!curScreenVariants || screenVariant.join("") !== curScreenVariants.join("")) { curScreenVariants = screenVariant; import_react_dom.default.unstable_batchedUpdates(function() { return listeners.forEach(function(listener) { return listener(); }); }); } } function ensureInitCurScreenVariants() { if (curScreenVariants === void 0) { curScreenVariants = matchScreenVariants(); } } if (isBrowser) { window.addEventListener("resize", recalculateScreenVariants); } function createUseScreenVariants(isMulti, screenQueries) { Object.assign(queries, screenQueries); curScreenVariants = void 0; return function() { var _a = __read(React4.useState(), 2), updateState = _a[1]; var lastScreenVariantsRef = React4.useRef(curScreenVariants || []); useIsomorphicLayoutEffect(function() { var updateIfChanged = function() { if (curScreenVariants && lastScreenVariantsRef.current.join("") !== curScreenVariants.join("")) { lastScreenVariantsRef.current = curScreenVariants; updateState({}); } }; listeners.push(updateIfChanged); ensureInitCurScreenVariants(); updateIfChanged(); return function() { listeners.splice(listeners.indexOf(updateIfChanged), 1); }; }, []); if (isMulti) { return curScreenVariants || []; } else if (curScreenVariants) { return curScreenVariants[curScreenVariants.length - 1]; } else { return void 0; } }; } function useFocused(opts) { var _a = $f7dceffc5ad7768b$export$4e328f61c538687f({ within: false, isTextInput: opts.isTextInput }), isFocused = _a.isFocused, focusProps = _a.focusProps; return [isFocused, focusProps]; } function useFocusVisible(opts) { var _a = $f7dceffc5ad7768b$export$4e328f61c538687f({ within: false, isTextInput: opts.isTextInput }), isFocusVisible = _a.isFocusVisible, focusProps = _a.focusProps; return [isFocusVisible, focusProps]; } function useFocusedWithin(opts) { var _a = $f7dceffc5ad7768b$export$4e328f61c538687f({ within: true, isTextInput: opts.isTextInput }), isFocused = _a.isFocused, focusProps = _a.focusProps; return [isFocused, focusProps]; } function useFocusVisibleWithin(opts) { var _a = $f7dceffc5ad7768b$export$4e328f61c538687f({ within: true, isTextInput: opts.isTextInput }), isFocusVisible = _a.isFocusVisible, focusProps = _a.focusProps; return [isFocusVisible, focusProps]; } function useHover() { var _a = __read(React4.useState(false), 2), isHover = _a[0], setHover = _a[1]; return [ isHover, { onMouseEnter: function() { return setHover(true); }, onMouseLeave: function() { return setHover(false); } } ]; } function usePressed() { var _a = __read(React4.useState(false), 2), isPressed = _a[0], setPressed = _a[1]; return [ isPressed, { onMouseDown: function() { return setPressed(true); }, onMouseUp: function() { return setPressed(false); } } ]; } var TRIGGER_TO_HOOK = { useHover, useFocused, useFocusVisible, useFocusedWithin, useFocusVisibleWithin, usePressed }; function useTrigger(trigger, opts) { return TRIGGER_TO_HOOK[trigger](opts); } function set(obj, keys, val) { keys = keys.split ? keys.split(".") : keys; var i2 = 0, l2 = keys.length, t2 = obj, x, k; while (i2 < l2) { k = keys[i2++]; if (k === "__proto__" || k === "constructor" || k === "prototype") break; if (i2 === l2) { t2[k] = val; t2 = t2[k]; } else { if (typeof (x = t2[k]) === typeof keys) { t2 = t2[k] = x; } else if (keys[i2] * 0 !== 0 || !!~("" + keys[i2]).indexOf(".")) { t2[k] = {}; t2 = t2[k]; } else { t2[k] = []; t2 = t2[k]; } } } } var useIsomorphicLayoutEffect2 = typeof window !== "undefined" ? import_react6.useLayoutEffect : import_react6.useEffect; var mkUntrackedValue = function(o2) { return o2 != null && typeof o2 === "object" ? ref(o2) : o2; }; var transformPathStringToObj = function(str) { var splitStatePathPart = function(state) { return state.endsWith("[]") ? __spreadArray(__spreadArray([], __read(splitStatePathPart(state.slice(0, -2))), false), ["[]"], false) : [state]; }; return str.split(".").flatMap(splitStatePathPart); }; function shallowEqual(a1, a2) { if (a1.length !== a2.length) { return false; } for (var i2 = 0; i2 < a1.length; i2++) { if (a1[i2] !== a2[i2]) { return false; } } return true; } function isNum(value) { return typeof value === "symbol" ? false : !isNaN(+value); } function saveNewState($$state, path, spec) { var key = JSON.stringify(path); $$state.existingStates.set(key, { path, specKey: spec.path }); if (!$$state.statesInstanceBySpec.has(spec.path)) { $$state.statesInstanceBySpec.set(spec.path, []); } $$state.statesInstanceBySpec.get(spec.path).push({ path, specKey: spec.path }); } function create$StateProxy($$state, handlers) { var getNextKeyToSpecMap = function(currPath) { return new Map(Object.entries(Object.values($$state.specsByKey).filter(function(spec) { return shallowEqual(currPath.map(function(p2) { return isNum(p2) ? "[]" : p2; }), spec.pathObj.slice(0, currPath.length)); }).reduce(function(agg, spec) { var nextKey = spec.pathObj[currPath.length]; if (!(nextKey in agg)) { agg[nextKey] = []; } agg[nextKey].push(spec); return agg; }, {}))); }; var rec = function(currPath) { var nextKeyToSpecs = getNextKeyToSpecMap(currPath); var getSpecForProperty = function(property) { var _a, _b; return nextKeyToSpecs.has("[]") && isNum(property) ? (_a = nextKeyToSpecs.get("[]")) === null || _a === void 0 ? void 0 : _a[0] : typeof property === "string" && nextKeyToSpecs.has(property) ? (_b = nextKeyToSpecs.get(property)) === null || _b === void 0 ? void 0 : _b[0] : void 0; }; var getNextPath = function(property) { return __spreadArray(__spreadArray([], __read(currPath), false), [ isNum(property) ? +property : property ], false); }; return new Proxy(nextKeyToSpecs.has("[]") ? [] : {}, { deleteProperty: function(target, property) { var prefixPath = getNextPath(property); var specKeysToUpdate = /* @__PURE__ */ new Set(); $$state.existingStates.forEach(function(_a) { var path = _a.path, specKey = _a.specKey; if (path.length >= prefixPath.length && shallowEqual(path.slice(0, prefixPath.length), prefixPath)) { deleteState($$state, path); specKeysToUpdate.add(specKey); } }); specKeysToUpdate.forEach(function(specKey) { var _a, _b; var spec = $$state.specsByKey[specKey]; if (spec.onChangeProp) { (_b = (_a = $$state.props)[spec.onChangeProp]) === null || _b === void 0 ? void 0 : _b.call(_a, (0, import_dlv.default)($$state.stateValues, currPath), currPath); } }); return Reflect.deleteProperty(target, property); }, get: function(target, property, receiver) { var _a, _b; var spec = getSpecForProperty(property); if (spec && typeof property !== "symbol") { var nextPath = getNextPath(property); if (spec.pathObj.length === currPath.length + 1) { target[property] = (_b = (_a = handlers(nextPath, spec)).get) === null || _b === void 0 ? void 0 : _b.call(_a, target, property, receiver); } else if (!(property in target)) { target[property] = rec(nextPath); } } return Reflect.get(target, property, receiver); }, set: function(target, property, value, receiver) { var e_1, _a; var _b, _c, _d; var spec = getSpecForProperty(property); var nextPath = getNextPath(property); if (spec && typeof property !== "symbol") { if (spec.pathObj.length === currPath.length + 1) { target[property] = (_c = (_b = handlers(nextPath, spec)).set) === null || _c === void 0 ? void 0 : _c.call(_b, target, property, value, receiver); return Reflect.set(target, property, value, receiver); } else if (typeof value === "object") { target[property] = rec(nextPath); try { for (var _e = __values(Object.keys(value)), _f = _e.next(); !_f.done; _f = _e.next()) { var key = _f.value; target[property][key] = value[key]; } } catch (e_1_1) { e_1 = { error: e_1_1 }; } finally { try { if (_f && !_f.done && (_a = _e["return"])) _a.call(_e); } finally { if (e_1) throw e_1.error; } } return true; } } if (property === "registerInitFunc" && currPath.length === 0) { return Reflect.set(target, property, value, receiver); } if (nextKeyToSpecs.has("[]")) { set($$state.stateValues, nextPath, value); (_d = nextKeyToSpecs.get("[]")) === null || _d === void 0 ? void 0 : _d.forEach(function(spec2) { var _a2, _b2; if (spec2 === null || spec2 === void 0 ? void 0 : spec2.onChangeProp) { (_b2 = (_a2 = $$state.props)[spec2.onChangeProp]) === null || _b2 === void 0 ? void 0 : _b2.call(_a2, value, nextPath); } }); return Reflect.set(target, property, value, receiver); } return false; } }); }; return rec([]); } var deleteState = function($$state, path) { var _a; var key = JSON.stringify(path); (_a = $$state.unsubscriptionsByState[key]) === null || _a === void 0 ? void 0 : _a.forEach(function(f2) { return f2(); }); delete $$state.unsubscriptionsByState[key]; $$state.existingStates["delete"](key); }; var getIndexes = function(path, spec) { var indexes = []; if (path.length !== spec.pathObj.length) { throw new Error("Unexpected error: state path and spec path have different lengths"); } for (var i2 = 0; i2 < spec.pathObj.length; i2++) { if (spec.pathObj[i2] === "[]") { indexes.push(path[i2]); } } return indexes; }; function initializeStateValue($$state, initialStatePath, initialSpec) { var _a; var initialStateKey = JSON.stringify(initialStatePath); var stateAccess = /* @__PURE__ */ new Set(); var $state = create$StateProxy($$state, function(path, spec) { return { get: function() { var key = JSON.stringify(path); stateAccess.add({ path, spec }); if (spec.valueProp) { return !spec.isRepeated ? $$state.props[spec.valueProp] : (0, import_dlv.default)($$state.props[spec.valueProp], path.slice(1)); } if ($$state.existingStates.has(key)) { return (0, import_dlv.default)($$state.stateValues, path); } else if (spec.initFunc) { initializeStateValue($$state, path, spec); } return (0, import_dlv.default)($$state.stateValues, path); }, set: function() { throw new Error("Cannot update state values during initialization"); } }; }); (_a = $$state.unsubscriptionsByState[initialStateKey]) === null || _a === void 0 ? void 0 : _a.forEach(function(f2) { return f2(); }); $$state.unsubscriptionsByState[initialStateKey] = []; stateAccess.forEach(function(_a2) { var path = _a2.path, spec = _a2.spec; var unsubscribe = subscribeKey((0, import_dlv.default)($$state.stateValues, path.slice(-1)), path.slice(-1)[0], function() { return set($$state.stateValues, initialStatePath, mkUntrackedValue(initialSpec.initFunc($$state.props, $state, $$state.ctx, getIndexes(path, spec)))); }); $$state.unsubscriptionsByState[initialStateKey].push(unsubscribe); }); var initialValue = initialSpec.initFunc($$state.props, $state, $$state.ctx, getIndexes(initialStatePath, initialSpec)); saveStateInitialValue($$state, initialStatePath, initialSpec, initialValue); return initialValue; } function saveStateInitialValue($$state, path, spec, initialValue) { if (spec.isArray && Array.isArray(initialValue)) { var array = initialValue.map(function(val) { return mkUntrackedValue(val); }); set($$state.stateValues, path, array); set($$state.initStateValues, path, mkUntrackedValue(array)); } else { var untrackedValue = mkUntrackedValue(initialValue); set($$state.stateValues, path, untrackedValue); set($$state.initStateValues, path, untrackedValue); } } function useDollarState(specs, props, $ctx) { var $$state = import_react6.default.useRef(proxy({ stateValues: {}, initStateValues: {}, specsByKey: Object.fromEntries(specs.map(function(spec) { return [ spec.path, __assign(__assign({}, spec), { pathObj: transformPathStringToObj(spec.path), isRepeated: spec.path.split(".").some(function(part) { return part.endsWith("[]"); }) }) ]; })), statesInstanceBySpec: /* @__PURE__ */ new Map(), existingStates: /* @__PURE__ */ new Map(), unsubscriptionsByState: {}, props: {}, ctx: {}, registrationsQueue: [] })).current; $$state.props = mkUntrackedValue(props); $$state.ctx = mkUntrackedValue($ctx !== null && $ctx !== void 0 ? $ctx : {}); var $state = import_react6.default.useRef(Object.assign(create$StateProxy($$state, function(path, spec) { var _a; var key = JSON.stringify(path); if (!$$state.existingStates.has(key)) { saveNewState($$state, path, spec); var initialValue = !spec.initFunc ? (_a = spec.initVal) !== null && _a !== void 0 ? _a : void 0 : initializeStateValue($$state, path, spec); saveStateInitialValue($$state, path, spec, initialValue); } return { get: function() { if (spec.valueProp) { var value = !spec.isRepeated ? $$state.props[spec.valueProp] : (0, import_dlv.default)($$state.props[spec.valueProp], path.slice(1)); return value; } else { return (0, import_dlv.default)($$state.stateValues, path); } }, set: function(_t, _p, value) { var _a2, _b; set($$state.stateValues, path, mkUntrackedValue(value)); if (spec.onChangeProp) { (_b = (_a2 = $$state.props)[spec.onChangeProp]) === null || _b === void 0 ? void 0 : _b.call(_a2, value, path); } return true; } }; }), { registerInitFunc: function(pathStr, f2) { var _a; if ((_a = $$state.statesInstanceBySpec.get(pathStr)) === null || _a === void 0 ? void 0 : _a.some(function(_a2) { var path = _a2.path, specKey = _a2.specKey; return !(0, import_fast_deep_equal.default)((0, import_dlv.default)($$state.initStateValues, path), f2(props, $state, $ctx !== null && $ctx !== void 0 ? $ctx : {}, getIndexes(path, $$state.specsByKey[specKey]))); })) { $$state.registrationsQueue.push({ pathStr, f: f2 }); } } })).current; var resetSpecs = []; $$state.existingStates.forEach(function(_a) { var path = _a.path, specKey = _a.specKey; var spec = $$state.specsByKey[specKey]; if (spec.initFunc) { var newInit = spec.initFunc(props, $state, $ctx !== null && $ctx !== void 0 ? $ctx : {}, getIndexes(path, spec)); if (!(0, import_fast_deep_equal.default)(newInit, (0, import_dlv.default)($$state.initStateValues, path))) { resetSpecs.push({ path, spec }); } } }); useIsomorphicLayoutEffect2(function() { resetSpecs.forEach(function(_a) { var _b, _c; var path = _a.path, spec = _a.spec; var newInit = initializeStateValue($$state, path, spec); if (spec.onChangeProp) { (_c = (_b = $$state.props)[spec.onChangeProp]) === null || _c === void 0 ? void 0 : _c.call(_b, newInit, path); } }); }, [props, resetSpecs]); useIsomorphicLayoutEffect2(function() { $$state.registrationsQueue.forEach(function(_a) { var f2 = _a.f, pathStr = _a.pathStr; $$state.specsByKey[pathStr].initFunc = f2; }); $$state.registrationsQueue = []; }, [$$state.registrationsQueue]); useSnapshot($$state.stateValues, { sync: true }); useSnapshot($$state.specsByKey, { sync: true }); return $state; } var classNames3 = import_classnames3.default; /*! Copyright (c) 2018 Jed Watson. Licensed under the MIT License (MIT), see http://jedwatson.github.io/classnames */ /*! ***************************************************************************** Copyright (c) Microsoft Corporation. Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted. THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. ***************************************************************************** */ /** * @license React * use-sync-external-store-shim.development.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ Object.assign(exports,module.exports);