From f5d3f71b85d7b4d243ddebef4fc90ca298a54e2a Mon Sep 17 00:00:00 2001 From: Pieter Vincent Date: Wed, 25 Dec 2024 14:26:06 +0100 Subject: [PATCH] Wrap `document.startViewTransition` with supports check --- docs/demo/dist/bundle.js | 118 ++++++++++++------------ docs/demo/dist/bundle.js.map | 2 +- src/components/movable/MoveControls.jsx | 5 +- src/components/ui/HistoryControls.tsx | 3 +- src/functions/viewTransition.ts | 3 + src/hooks/useResumableReducer.tsx | 5 +- 6 files changed, 71 insertions(+), 65 deletions(-) create mode 100644 src/functions/viewTransition.ts diff --git a/docs/demo/dist/bundle.js b/docs/demo/dist/bundle.js index 66d66fb..d5c7f57 100644 --- a/docs/demo/dist/bundle.js +++ b/docs/demo/dist/bundle.js @@ -1,4 +1,4 @@ -var V5=Object.defineProperty,K5=Object.defineProperties;var Y5=Object.getOwnPropertyDescriptors;var Ml=Object.getOwnPropertySymbols;var Hg=Object.prototype.hasOwnProperty,Gg=Object.prototype.propertyIsEnumerable;var jg=(e,t,n)=>t in e?V5(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,V=(e,t)=>{for(var n in t||(t={}))Hg.call(t,n)&&jg(e,n,t[n]);if(Ml)for(var n of Ml(t))Gg.call(t,n)&&jg(e,n,t[n]);return e},ie=(e,t)=>K5(e,Y5(t));var of=e=>typeof e=="symbol"?e:e+"",mn=(e,t)=>{var n={};for(var r in e)Hg.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&Ml)for(var r of Ml(e))t.indexOf(r)<0&&Gg.call(e,r)&&(n[r]=e[r]);return n};var X5=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var tt=(e,t,n)=>new Promise((r,o)=>{var i=s=>{try{l(n.next(s))}catch(u){o(u)}},a=s=>{try{l(n.throw(s))}catch(u){o(u)}},l=s=>s.done?r(s.value):Promise.resolve(s.value).then(i,a);l((n=n.apply(e,t)).next())});var dY=X5((Be,qt)=>{var Rl=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{};function po(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Mb={exports:{}},Mu={},Rb={exports:{}},Fe={};/** +var K5=Object.defineProperty,Y5=Object.defineProperties;var X5=Object.getOwnPropertyDescriptors;var Rl=Object.getOwnPropertySymbols;var Gg=Object.prototype.hasOwnProperty,Wg=Object.prototype.propertyIsEnumerable;var Hg=(e,t,n)=>t in e?K5(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,V=(e,t)=>{for(var n in t||(t={}))Gg.call(t,n)&&Hg(e,n,t[n]);if(Rl)for(var n of Rl(t))Wg.call(t,n)&&Hg(e,n,t[n]);return e},ie=(e,t)=>Y5(e,X5(t));var af=e=>typeof e=="symbol"?e:e+"",mn=(e,t)=>{var n={};for(var r in e)Gg.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&Rl)for(var r of Rl(e))t.indexOf(r)<0&&Wg.call(e,r)&&(n[r]=e[r]);return n};var q5=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var tt=(e,t,n)=>new Promise((r,o)=>{var i=s=>{try{l(n.next(s))}catch(u){o(u)}},a=s=>{try{l(n.throw(s))}catch(u){o(u)}},l=s=>s.done?r(s.value):Promise.resolve(s.value).then(i,a);l((n=n.apply(e,t)).next())});var hY=q5((Be,qt)=>{var Nl=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{};function ho(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Rb={exports:{}},Ru={},Nb={exports:{}},Fe={};/** * @license React * react.production.min.js * @@ -6,7 +6,7 @@ var V5=Object.defineProperty,K5=Object.defineProperties;var Y5=Object.getOwnProp * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var ll=Symbol.for("react.element"),q5=Symbol.for("react.portal"),J5=Symbol.for("react.fragment"),Q5=Symbol.for("react.strict_mode"),Z5=Symbol.for("react.profiler"),eE=Symbol.for("react.provider"),tE=Symbol.for("react.context"),nE=Symbol.for("react.forward_ref"),rE=Symbol.for("react.suspense"),oE=Symbol.for("react.memo"),iE=Symbol.for("react.lazy"),Wg=Symbol.iterator;function aE(e){return e===null||typeof e!="object"?null:(e=Wg&&e[Wg]||e["@@iterator"],typeof e=="function"?e:null)}var Nb={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},Ib=Object.assign,Lb={};function $i(e,t,n){this.props=e,this.context=t,this.refs=Lb,this.updater=n||Nb}$i.prototype.isReactComponent={};$i.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};$i.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function zb(){}zb.prototype=$i.prototype;function fh(e,t,n){this.props=e,this.context=t,this.refs=Lb,this.updater=n||Nb}var dh=fh.prototype=new zb;dh.constructor=fh;Ib(dh,$i.prototype);dh.isPureReactComponent=!0;var Ug=Array.isArray,jb=Object.prototype.hasOwnProperty,ph={current:null},Hb={key:!0,ref:!0,__self:!0,__source:!0};function Gb(e,t,n){var r,o={},i=null,a=null;if(t!=null)for(r in t.ref!==void 0&&(a=t.ref),t.key!==void 0&&(i=""+t.key),t)jb.call(t,r)&&!Hb.hasOwnProperty(r)&&(o[r]=t[r]);var l=arguments.length-2;if(l===1)o.children=n;else if(1>>1,N=L[le];if(0>>1;leo(ne,j))Po(X,ne)?(L[le]=X,L[P]=j,le=P):(L[le]=ne,L[Q]=j,le=Q);else if(Po(X,j))L[le]=X,L[P]=j,le=P;else break e}}return te}function o(L,te){var j=L.sortIndex-te.sortIndex;return j!==0?j:L.id-te.id}if(typeof performance=="object"&&typeof performance.now=="function"){var i=performance;e.unstable_now=function(){return i.now()}}else{var a=Date,l=a.now();e.unstable_now=function(){return a.now()-l}}var s=[],u=[],c=1,f=null,p=3,h=!1,g=!1,y=!1,C=typeof setTimeout=="function"?setTimeout:null,m=typeof clearTimeout=="function"?clearTimeout:null,v=typeof setImmediate!="undefined"?setImmediate:null;typeof navigator!="undefined"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function b(L){for(var te=n(u);te!==null;){if(te.callback===null)r(u);else if(te.startTime<=L)r(u),te.sortIndex=te.expirationTime,t(s,te);else break;te=n(u)}}function F(L){if(y=!1,b(L),!g)if(n(s)!==null)g=!0,ae(_);else{var te=n(u);te!==null&&se(F,te.startTime-L)}}function _(L,te){g=!1,y&&(y=!1,m(T),T=-1),h=!0;var j=p;try{for(b(te),f=n(s);f!==null&&(!(f.expirationTime>te)||L&&!Y());){var le=f.callback;if(typeof le=="function"){f.callback=null,p=f.priorityLevel;var N=le(f.expirationTime<=te);te=e.unstable_now(),typeof N=="function"?f.callback=N:f===n(s)&&r(s),b(te)}else r(s);f=n(s)}if(f!==null)var K=!0;else{var Q=n(u);Q!==null&&se(F,Q.startTime-te),K=!1}return K}finally{f=null,p=j,h=!1}}var A=!1,D=null,T=-1,O=5,z=-1;function Y(){return!(e.unstable_now()-zL||125le?(L.sortIndex=j,t(u,L),n(s)===null&&L===n(u)&&(y?(m(T),T=-1):y=!0,se(F,j-le))):(L.sortIndex=N,t(s,L),g||h||(g=!0,ae(_))),L},e.unstable_shouldYield=Y,e.unstable_wrapCallback=function(L){var te=p;return function(){var j=p;p=te;try{return L.apply(this,arguments)}finally{p=j}}}})(Yb);Kb.exports=Yb;var vE=Kb.exports;/** + */(function(e){function t(L,te){var j=L.length;L.push(te);e:for(;0>>1,N=L[le];if(0>>1;leo(ne,j))Po(X,ne)?(L[le]=X,L[P]=j,le=P):(L[le]=ne,L[Q]=j,le=Q);else if(Po(X,j))L[le]=X,L[P]=j,le=P;else break e}}return te}function o(L,te){var j=L.sortIndex-te.sortIndex;return j!==0?j:L.id-te.id}if(typeof performance=="object"&&typeof performance.now=="function"){var i=performance;e.unstable_now=function(){return i.now()}}else{var a=Date,l=a.now();e.unstable_now=function(){return a.now()-l}}var s=[],u=[],c=1,f=null,p=3,h=!1,g=!1,y=!1,C=typeof setTimeout=="function"?setTimeout:null,m=typeof clearTimeout=="function"?clearTimeout:null,v=typeof setImmediate!="undefined"?setImmediate:null;typeof navigator!="undefined"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function b(L){for(var te=n(u);te!==null;){if(te.callback===null)r(u);else if(te.startTime<=L)r(u),te.sortIndex=te.expirationTime,t(s,te);else break;te=n(u)}}function F(L){if(y=!1,b(L),!g)if(n(s)!==null)g=!0,ae(_);else{var te=n(u);te!==null&&se(F,te.startTime-L)}}function _(L,te){g=!1,y&&(y=!1,m(T),T=-1),h=!0;var j=p;try{for(b(te),f=n(s);f!==null&&(!(f.expirationTime>te)||L&&!Y());){var le=f.callback;if(typeof le=="function"){f.callback=null,p=f.priorityLevel;var N=le(f.expirationTime<=te);te=e.unstable_now(),typeof N=="function"?f.callback=N:f===n(s)&&r(s),b(te)}else r(s);f=n(s)}if(f!==null)var K=!0;else{var Q=n(u);Q!==null&&se(F,Q.startTime-te),K=!1}return K}finally{f=null,p=j,h=!1}}var A=!1,D=null,T=-1,O=5,z=-1;function Y(){return!(e.unstable_now()-zL||125le?(L.sortIndex=j,t(u,L),n(s)===null&&L===n(u)&&(y?(m(T),T=-1):y=!0,se(F,j-le))):(L.sortIndex=N,t(s,L),g||h||(g=!0,ae(_))),L},e.unstable_shouldYield=Y,e.unstable_wrapCallback=function(L){var te=p;return function(){var j=p;p=te;try{return L.apply(this,arguments)}finally{p=j}}}})(Xb);Yb.exports=Xb;var yE=Yb.exports;/** * @license React * react-dom.production.min.js * @@ -30,14 +30,14 @@ var V5=Object.defineProperty,K5=Object.defineProperties;var Y5=Object.getOwnProp * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var Xb=w,Zt=vE;function G(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;nt}return!1}function It(e,t,n,r,o,i,a){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=i,this.removeEmptyString=a}var bt={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){bt[e]=new It(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];bt[t]=new It(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){bt[e]=new It(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){bt[e]=new It(e,2,!1,e,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){bt[e]=new It(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){bt[e]=new It(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){bt[e]=new It(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){bt[e]=new It(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){bt[e]=new It(e,5,!1,e.toLowerCase(),null,!1,!1)});var gh=/[\-:]([a-z])/g;function mh(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(gh,mh);bt[t]=new It(t,1,!1,e,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(gh,mh);bt[t]=new It(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(gh,mh);bt[t]=new It(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){bt[e]=new It(e,1,!1,e.toLowerCase(),null,!1,!1)});bt.xlinkHref=new It("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){bt[e]=new It(e,1,!1,e.toLowerCase(),null,!0,!0)});function vh(e,t,n,r){var o=bt.hasOwnProperty(t)?bt[t]:null;(o!==null?o.type!==0:r||!(2t}return!1}function It(e,t,n,r,o,i,a){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=i,this.removeEmptyString=a}var bt={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){bt[e]=new It(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];bt[t]=new It(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){bt[e]=new It(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){bt[e]=new It(e,2,!1,e,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){bt[e]=new It(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){bt[e]=new It(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){bt[e]=new It(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){bt[e]=new It(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){bt[e]=new It(e,5,!1,e.toLowerCase(),null,!1,!1)});var mh=/[\-:]([a-z])/g;function vh(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(mh,vh);bt[t]=new It(t,1,!1,e,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(mh,vh);bt[t]=new It(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(mh,vh);bt[t]=new It(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){bt[e]=new It(e,1,!1,e.toLowerCase(),null,!1,!1)});bt.xlinkHref=new It("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){bt[e]=new It(e,1,!1,e.toLowerCase(),null,!0,!0)});function yh(e,t,n,r){var o=bt.hasOwnProperty(t)?bt[t]:null;(o!==null?o.type!==0:r||!(2l||o[a]!==i[l]){var s=` -`+o[a].replace(" at new "," at ");return e.displayName&&s.includes("")&&(s=s.replace("",e.displayName)),s}while(1<=a&&0<=l);break}}}finally{sf=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?ua(e):""}function CE(e){switch(e.tag){case 5:return ua(e.type);case 16:return ua("Lazy");case 13:return ua("Suspense");case 19:return ua("SuspenseList");case 0:case 2:case 15:return e=uf(e.type,!1),e;case 11:return e=uf(e.type.render,!1),e;case 1:return e=uf(e.type,!0),e;default:return""}}function Ld(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case Vo:return"Fragment";case Uo:return"Portal";case Rd:return"Profiler";case yh:return"StrictMode";case Nd:return"Suspense";case Id:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case Qb:return(e.displayName||"Context")+".Consumer";case Jb:return(e._context.displayName||"Context")+".Provider";case bh:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case wh:return t=e.displayName||null,t!==null?t:Ld(e.type)||"Memo";case sr:t=e._payload,e=e._init;try{return Ld(e(t))}catch(n){}}return null}function SE(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return Ld(t);case 8:return t===yh?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function Dr(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function ew(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function EE(e){var t=ew(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n!="undefined"&&typeof n.get=="function"&&typeof n.set=="function"){var o=n.get,i=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(a){r=""+a,i.call(this,a)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(a){r=""+a},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function Ll(e){e._valueTracker||(e._valueTracker=EE(e))}function tw(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=ew(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function Bs(e){if(e=e||(typeof document!="undefined"?document:void 0),typeof e=="undefined")return null;try{return e.activeElement||e.body}catch(t){return e.body}}function zd(e,t){var n=t.checked;return Xe({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n!=null?n:e._wrapperState.initialChecked})}function qg(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=Dr(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function nw(e,t){t=t.checked,t!=null&&vh(e,"checked",t,!1)}function jd(e,t){nw(e,t);var n=Dr(t.value),r=t.type;if(n!=null)r==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?Hd(e,t.type,n):t.hasOwnProperty("defaultValue")&&Hd(e,t.type,Dr(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function Jg(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function Hd(e,t,n){(t!=="number"||Bs(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var ca=Array.isArray;function ii(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o"+t.valueOf().toString()+"",t=zl.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function Ra(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var ba={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},FE=["Webkit","ms","Moz","O"];Object.keys(ba).forEach(function(e){FE.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),ba[t]=ba[e]})});function aw(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||ba.hasOwnProperty(e)&&ba[e]?(""+t).trim():t+"px"}function lw(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,o=aw(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}var kE=Xe({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function Ud(e,t){if(t){if(kE[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(G(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(G(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(G(61))}if(t.style!=null&&typeof t.style!="object")throw Error(G(62))}}function Vd(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var Kd=null;function xh(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var Yd=null,ai=null,li=null;function em(e){if(e=cl(e)){if(typeof Yd!="function")throw Error(G(280));var t=e.stateNode;t&&(t=zu(t),Yd(e.stateNode,e.type,t))}}function sw(e){ai?li?li.push(e):li=[e]:ai=e}function uw(){if(ai){var e=ai,t=li;if(li=ai=null,em(e),t)for(e=0;e>>=0,e===0?32:31-(NE(e)/IE|0)|0}var jl=64,Hl=4194304;function fa(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function Is(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,o=e.suspendedLanes,i=e.pingedLanes,a=n&268435455;if(a!==0){var l=a&~o;l!==0?r=fa(l):(i&=a,i!==0&&(r=fa(i)))}else a=n&~o,a!==0?r=fa(a):i!==0&&(r=fa(i));if(r===0)return 0;if(t!==0&&t!==r&&!(t&o)&&(o=r&-r,i=t&-t,o>=i||o===16&&(i&4194240)!==0))return t;if(r&4&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0n;n++)t.push(e);return t}function sl(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-Cn(t),e[t]=n}function HE(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0=xa),um=" ",cm=!1;function _w(e,t){switch(e){case"keyup":return m3.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Dw(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var Ko=!1;function y3(e,t){switch(e){case"compositionend":return Dw(t);case"keypress":return t.which!==32?null:(cm=!0,um);case"textInput":return e=t.data,e===um&&cm?null:e;default:return null}}function b3(e,t){if(Ko)return e==="compositionend"||!_h&&_w(e,t)?(e=Aw(),ws=kh=hr=null,Ko=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=hm(n)}}function Bw(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?Bw(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function Mw(){for(var e=window,t=Bs();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch(r){n=!1}if(n)e=t.contentWindow;else break;t=Bs(e.document)}return t}function Dh(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function $3(e){var t=Mw(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&Bw(n.ownerDocument.documentElement,n)){if(r!==null&&Dh(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var o=n.textContent.length,i=Math.min(r.start,o);r=r.end===void 0?i:Math.min(r.end,o),!e.extend&&i>r&&(o=r,r=i,i=o),o=gm(n,i);var a=gm(n,r);o&&a&&(e.rangeCount!==1||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==a.node||e.focusOffset!==a.offset)&&(t=t.createRange(),t.setStart(o.node,o.offset),e.removeAllRanges(),i>r?(e.addRange(t),e.extend(a.node,a.offset)):(t.setEnd(a.node,a.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n=document.documentMode,Yo=null,ep=null,Sa=null,tp=!1;function mm(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;tp||Yo==null||Yo!==Bs(r)||(r=Yo,"selectionStart"in r&&Dh(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),Sa&&Ha(Sa,r)||(Sa=r,r=js(ep,"onSelect"),0Jo||(e.current=lp[Jo],lp[Jo]=null,Jo--)}function Ne(e,t){Jo++,lp[Jo]=e.current,e.current=t}var Pr={},Pt=Lr(Pr),Ht=Lr(!1),to=Pr;function mi(e,t){var n=e.type.contextTypes;if(!n)return Pr;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o={},i;for(i in n)o[i]=t[i];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=o),o}function Gt(e){return e=e.childContextTypes,e!=null}function Gs(){je(Ht),je(Pt)}function Sm(e,t,n){if(Pt.current!==Pr)throw Error(G(168));Ne(Pt,t),Ne(Ht,n)}function Ww(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var o in r)if(!(o in t))throw Error(G(108,SE(e)||"Unknown",o));return Xe({},n,r)}function Ws(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Pr,to=Pt.current,Ne(Pt,e),Ne(Ht,Ht.current),!0}function Em(e,t,n){var r=e.stateNode;if(!r)throw Error(G(169));n?(e=Ww(e,t,to),r.__reactInternalMemoizedMergedChildContext=e,je(Ht),je(Pt),Ne(Pt,e)):je(Ht),Ne(Ht,n)}var jn=null,ju=!1,Sf=!1;function Uw(e){jn===null?jn=[e]:jn.push(e)}function z3(e){ju=!0,Uw(e)}function zr(){if(!Sf&&jn!==null){Sf=!0;var e=0,t=Te;try{var n=jn;for(Te=1;e>=a,o-=a,Hn=1<<32-Cn(t)+o|n<T?(O=D,D=null):O=D.sibling;var z=p(m,D,b[T],F);if(z===null){D===null&&(D=O);break}e&&D&&z.alternate===null&&t(m,D),v=i(z,v,T),A===null?_=z:A.sibling=z,A=z,D=O}if(T===b.length)return n(m,D),Ge&&Wr(m,T),_;if(D===null){for(;TT?(O=D,D=null):O=D.sibling;var Y=p(m,D,z.value,F);if(Y===null){D===null&&(D=O);break}e&&D&&Y.alternate===null&&t(m,D),v=i(Y,v,T),A===null?_=Y:A.sibling=Y,A=Y,D=O}if(z.done)return n(m,D),Ge&&Wr(m,T),_;if(D===null){for(;!z.done;T++,z=b.next())z=f(m,z.value,F),z!==null&&(v=i(z,v,T),A===null?_=z:A.sibling=z,A=z);return Ge&&Wr(m,T),_}for(D=r(m,D);!z.done;T++,z=b.next())z=h(D,m,T,z.value,F),z!==null&&(e&&z.alternate!==null&&D.delete(z.key===null?T:z.key),v=i(z,v,T),A===null?_=z:A.sibling=z,A=z);return e&&D.forEach(function(B){return t(m,B)}),Ge&&Wr(m,T),_}function C(m,v,b,F){if(typeof b=="object"&&b!==null&&b.type===Vo&&b.key===null&&(b=b.props.children),typeof b=="object"&&b!==null){switch(b.$$typeof){case Il:e:{for(var _=b.key,A=v;A!==null;){if(A.key===_){if(_=b.type,_===Vo){if(A.tag===7){n(m,A.sibling),v=o(A,b.props.children),v.return=m,m=v;break e}}else if(A.elementType===_||typeof _=="object"&&_!==null&&_.$$typeof===sr&&Pm(_)===A.type){n(m,A.sibling),v=o(A,b.props),v.ref=Ji(m,A,b),v.return=m,m=v;break e}n(m,A);break}else t(m,A);A=A.sibling}b.type===Vo?(v=Zr(b.props.children,m.mode,F,b.key),v.return=m,m=v):(F=$s(b.type,b.key,b.props,null,m.mode,F),F.ref=Ji(m,v,b),F.return=m,m=F)}return a(m);case Uo:e:{for(A=b.key;v!==null;){if(v.key===A)if(v.tag===4&&v.stateNode.containerInfo===b.containerInfo&&v.stateNode.implementation===b.implementation){n(m,v.sibling),v=o(v,b.children||[]),v.return=m,m=v;break e}else{n(m,v);break}else t(m,v);v=v.sibling}v=Pf(b,m.mode,F),v.return=m,m=v}return a(m);case sr:return A=b._init,C(m,v,A(b._payload),F)}if(ca(b))return g(m,v,b,F);if(Vi(b))return y(m,v,b,F);Xl(m,b)}return typeof b=="string"&&b!==""||typeof b=="number"?(b=""+b,v!==null&&v.tag===6?(n(m,v.sibling),v=o(v,b),v.return=m,m=v):(n(m,v),v=Df(b,m.mode,F),v.return=m,m=v),a(m)):n(m,v)}return C}var yi=Zw(!0),ex=Zw(!1),fl={},Bn=Lr(fl),Va=Lr(fl),Ka=Lr(fl);function Jr(e){if(e===fl)throw Error(G(174));return e}function Lh(e,t){switch(Ne(Ka,t),Ne(Va,e),Ne(Bn,fl),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:Wd(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=Wd(t,e)}je(Bn),Ne(Bn,t)}function bi(){je(Bn),je(Va),je(Ka)}function tx(e){Jr(Ka.current);var t=Jr(Bn.current),n=Wd(t,e.type);t!==n&&(Ne(Va,e),Ne(Bn,n))}function zh(e){Va.current===e&&(je(Bn),je(Va))}var Ke=Lr(0);function qs(e){for(var t=e;t!==null;){if(t.tag===13){var n=t.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||n.data==="$?"||n.data==="$!"))return t}else if(t.tag===19&&t.memoizedProps.revealOrder!==void 0){if(t.flags&128)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var Ef=[];function jh(){for(var e=0;en?n:4,e(!0);var r=Ff.transition;Ff.transition={};try{e(!1),t()}finally{Te=n,Ff.transition=r}}function vx(){return dn().memoizedState}function W3(e,t,n){var r=Sr(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},yx(e))bx(t,n);else if(n=Xw(e,t,n,r),n!==null){var o=Bt();Sn(n,e,r,o),wx(n,t,r)}}function U3(e,t,n){var r=Sr(e),o={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(yx(e))bx(t,o);else{var i=e.alternate;if(e.lanes===0&&(i===null||i.lanes===0)&&(i=t.lastRenderedReducer,i!==null))try{var a=t.lastRenderedState,l=i(a,n);if(o.hasEagerState=!0,o.eagerState=l,En(l,a)){var s=t.interleaved;s===null?(o.next=o,Nh(t)):(o.next=s.next,s.next=o),t.interleaved=o;return}}catch(u){}finally{}n=Xw(e,t,o,r),n!==null&&(o=Bt(),Sn(n,e,r,o),wx(n,t,r))}}function yx(e){var t=e.alternate;return e===Ye||t!==null&&t===Ye}function bx(e,t){Ea=Js=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function wx(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Sh(e,n)}}var Qs={readContext:fn,useCallback:St,useContext:St,useEffect:St,useImperativeHandle:St,useInsertionEffect:St,useLayoutEffect:St,useMemo:St,useReducer:St,useRef:St,useState:St,useDebugValue:St,useDeferredValue:St,useTransition:St,useMutableSource:St,useSyncExternalStore:St,useId:St,unstable_isNewReconciler:!1},V3={readContext:fn,useCallback:function(e,t){return $n().memoizedState=[e,t===void 0?null:t],e},useContext:fn,useEffect:Om,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,Es(4194308,4,dx.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Es(4194308,4,e,t)},useInsertionEffect:function(e,t){return Es(4,2,e,t)},useMemo:function(e,t){var n=$n();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=$n();return t=n!==void 0?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=W3.bind(null,Ye,e),[r.memoizedState,e]},useRef:function(e){var t=$n();return e={current:e},t.memoizedState=e},useState:Tm,useDebugValue:Vh,useDeferredValue:function(e){return $n().memoizedState=e},useTransition:function(){var e=Tm(!1),t=e[0];return e=G3.bind(null,e[1]),$n().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=Ye,o=$n();if(Ge){if(n===void 0)throw Error(G(407));n=n()}else{if(n=t(),dt===null)throw Error(G(349));ro&30||ox(r,t,n)}o.memoizedState=n;var i={value:n,getSnapshot:t};return o.queue=i,Om(ax.bind(null,r,i,e),[e]),r.flags|=2048,qa(9,ix.bind(null,r,i,n,t),void 0,null),n},useId:function(){var e=$n(),t=dt.identifierPrefix;if(Ge){var n=Gn,r=Hn;n=(r&~(1<<32-Cn(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=Ya++,0")&&(s=s.replace("",e.displayName)),s}while(1<=a&&0<=l);break}}}finally{uf=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?ca(e):""}function SE(e){switch(e.tag){case 5:return ca(e.type);case 16:return ca("Lazy");case 13:return ca("Suspense");case 19:return ca("SuspenseList");case 0:case 2:case 15:return e=cf(e.type,!1),e;case 11:return e=cf(e.type.render,!1),e;case 1:return e=cf(e.type,!0),e;default:return""}}function zd(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case Ko:return"Fragment";case Vo:return"Portal";case Nd:return"Profiler";case bh:return"StrictMode";case Id:return"Suspense";case Ld:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case Zb:return(e.displayName||"Context")+".Consumer";case Qb:return(e._context.displayName||"Context")+".Provider";case wh:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case xh:return t=e.displayName||null,t!==null?t:zd(e.type)||"Memo";case sr:t=e._payload,e=e._init;try{return zd(e(t))}catch(n){}}return null}function EE(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return zd(t);case 8:return t===bh?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function Dr(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function tw(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function FE(e){var t=tw(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n!="undefined"&&typeof n.get=="function"&&typeof n.set=="function"){var o=n.get,i=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(a){r=""+a,i.call(this,a)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(a){r=""+a},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function zl(e){e._valueTracker||(e._valueTracker=FE(e))}function nw(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=tw(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function Ms(e){if(e=e||(typeof document!="undefined"?document:void 0),typeof e=="undefined")return null;try{return e.activeElement||e.body}catch(t){return e.body}}function jd(e,t){var n=t.checked;return Xe({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n!=null?n:e._wrapperState.initialChecked})}function Jg(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=Dr(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function rw(e,t){t=t.checked,t!=null&&yh(e,"checked",t,!1)}function Hd(e,t){rw(e,t);var n=Dr(t.value),r=t.type;if(n!=null)r==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?Gd(e,t.type,n):t.hasOwnProperty("defaultValue")&&Gd(e,t.type,Dr(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function Qg(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function Gd(e,t,n){(t!=="number"||Ms(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var fa=Array.isArray;function ai(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o"+t.valueOf().toString()+"",t=jl.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function Na(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var wa={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},kE=["Webkit","ms","Moz","O"];Object.keys(wa).forEach(function(e){kE.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),wa[t]=wa[e]})});function lw(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||wa.hasOwnProperty(e)&&wa[e]?(""+t).trim():t+"px"}function sw(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,o=lw(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}var AE=Xe({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function Vd(e,t){if(t){if(AE[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(G(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(G(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(G(61))}if(t.style!=null&&typeof t.style!="object")throw Error(G(62))}}function Kd(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var Yd=null;function Ch(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var Xd=null,li=null,si=null;function tm(e){if(e=fl(e)){if(typeof Xd!="function")throw Error(G(280));var t=e.stateNode;t&&(t=ju(t),Xd(e.stateNode,e.type,t))}}function uw(e){li?si?si.push(e):si=[e]:li=e}function cw(){if(li){var e=li,t=si;if(si=li=null,tm(e),t)for(e=0;e>>=0,e===0?32:31-(IE(e)/LE|0)|0}var Hl=64,Gl=4194304;function da(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function Ls(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,o=e.suspendedLanes,i=e.pingedLanes,a=n&268435455;if(a!==0){var l=a&~o;l!==0?r=da(l):(i&=a,i!==0&&(r=da(i)))}else a=n&~o,a!==0?r=da(a):i!==0&&(r=da(i));if(r===0)return 0;if(t!==0&&t!==r&&!(t&o)&&(o=r&-r,i=t&-t,o>=i||o===16&&(i&4194240)!==0))return t;if(r&4&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0n;n++)t.push(e);return t}function ul(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-Cn(t),e[t]=n}function GE(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0=Ca),cm=" ",fm=!1;function Dw(e,t){switch(e){case"keyup":return v3.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Pw(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var Yo=!1;function b3(e,t){switch(e){case"compositionend":return Pw(t);case"keypress":return t.which!==32?null:(fm=!0,cm);case"textInput":return e=t.data,e===cm&&fm?null:e;default:return null}}function w3(e,t){if(Yo)return e==="compositionend"||!Dh&&Dw(e,t)?(e=$w(),xs=Ah=hr=null,Yo=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=gm(n)}}function Mw(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?Mw(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function Rw(){for(var e=window,t=Ms();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch(r){n=!1}if(n)e=t.contentWindow;else break;t=Ms(e.document)}return t}function Ph(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function _3(e){var t=Rw(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&Mw(n.ownerDocument.documentElement,n)){if(r!==null&&Ph(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var o=n.textContent.length,i=Math.min(r.start,o);r=r.end===void 0?i:Math.min(r.end,o),!e.extend&&i>r&&(o=r,r=i,i=o),o=mm(n,i);var a=mm(n,r);o&&a&&(e.rangeCount!==1||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==a.node||e.focusOffset!==a.offset)&&(t=t.createRange(),t.setStart(o.node,o.offset),e.removeAllRanges(),i>r?(e.addRange(t),e.extend(a.node,a.offset)):(t.setEnd(a.node,a.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n=document.documentMode,Xo=null,tp=null,Ea=null,np=!1;function vm(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;np||Xo==null||Xo!==Ms(r)||(r=Xo,"selectionStart"in r&&Ph(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),Ea&&Ga(Ea,r)||(Ea=r,r=Hs(tp,"onSelect"),0Qo||(e.current=sp[Qo],sp[Qo]=null,Qo--)}function Ne(e,t){Qo++,sp[Qo]=e.current,e.current=t}var Pr={},Pt=Lr(Pr),Ht=Lr(!1),to=Pr;function vi(e,t){var n=e.type.contextTypes;if(!n)return Pr;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o={},i;for(i in n)o[i]=t[i];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=o),o}function Gt(e){return e=e.childContextTypes,e!=null}function Ws(){je(Ht),je(Pt)}function Em(e,t,n){if(Pt.current!==Pr)throw Error(G(168));Ne(Pt,t),Ne(Ht,n)}function Uw(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var o in r)if(!(o in t))throw Error(G(108,EE(e)||"Unknown",o));return Xe({},n,r)}function Us(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Pr,to=Pt.current,Ne(Pt,e),Ne(Ht,Ht.current),!0}function Fm(e,t,n){var r=e.stateNode;if(!r)throw Error(G(169));n?(e=Uw(e,t,to),r.__reactInternalMemoizedMergedChildContext=e,je(Ht),je(Pt),Ne(Pt,e)):je(Ht),Ne(Ht,n)}var jn=null,Hu=!1,Ef=!1;function Vw(e){jn===null?jn=[e]:jn.push(e)}function j3(e){Hu=!0,Vw(e)}function zr(){if(!Ef&&jn!==null){Ef=!0;var e=0,t=Te;try{var n=jn;for(Te=1;e>=a,o-=a,Hn=1<<32-Cn(t)+o|n<T?(O=D,D=null):O=D.sibling;var z=p(m,D,b[T],F);if(z===null){D===null&&(D=O);break}e&&D&&z.alternate===null&&t(m,D),v=i(z,v,T),A===null?_=z:A.sibling=z,A=z,D=O}if(T===b.length)return n(m,D),Ge&&Wr(m,T),_;if(D===null){for(;TT?(O=D,D=null):O=D.sibling;var Y=p(m,D,z.value,F);if(Y===null){D===null&&(D=O);break}e&&D&&Y.alternate===null&&t(m,D),v=i(Y,v,T),A===null?_=Y:A.sibling=Y,A=Y,D=O}if(z.done)return n(m,D),Ge&&Wr(m,T),_;if(D===null){for(;!z.done;T++,z=b.next())z=f(m,z.value,F),z!==null&&(v=i(z,v,T),A===null?_=z:A.sibling=z,A=z);return Ge&&Wr(m,T),_}for(D=r(m,D);!z.done;T++,z=b.next())z=h(D,m,T,z.value,F),z!==null&&(e&&z.alternate!==null&&D.delete(z.key===null?T:z.key),v=i(z,v,T),A===null?_=z:A.sibling=z,A=z);return e&&D.forEach(function(B){return t(m,B)}),Ge&&Wr(m,T),_}function C(m,v,b,F){if(typeof b=="object"&&b!==null&&b.type===Ko&&b.key===null&&(b=b.props.children),typeof b=="object"&&b!==null){switch(b.$$typeof){case Ll:e:{for(var _=b.key,A=v;A!==null;){if(A.key===_){if(_=b.type,_===Ko){if(A.tag===7){n(m,A.sibling),v=o(A,b.props.children),v.return=m,m=v;break e}}else if(A.elementType===_||typeof _=="object"&&_!==null&&_.$$typeof===sr&&Tm(_)===A.type){n(m,A.sibling),v=o(A,b.props),v.ref=Qi(m,A,b),v.return=m,m=v;break e}n(m,A);break}else t(m,A);A=A.sibling}b.type===Ko?(v=Zr(b.props.children,m.mode,F,b.key),v.return=m,m=v):(F=_s(b.type,b.key,b.props,null,m.mode,F),F.ref=Qi(m,v,b),F.return=m,m=F)}return a(m);case Vo:e:{for(A=b.key;v!==null;){if(v.key===A)if(v.tag===4&&v.stateNode.containerInfo===b.containerInfo&&v.stateNode.implementation===b.implementation){n(m,v.sibling),v=o(v,b.children||[]),v.return=m,m=v;break e}else{n(m,v);break}else t(m,v);v=v.sibling}v=Tf(b,m.mode,F),v.return=m,m=v}return a(m);case sr:return A=b._init,C(m,v,A(b._payload),F)}if(fa(b))return g(m,v,b,F);if(Ki(b))return y(m,v,b,F);ql(m,b)}return typeof b=="string"&&b!==""||typeof b=="number"?(b=""+b,v!==null&&v.tag===6?(n(m,v.sibling),v=o(v,b),v.return=m,m=v):(n(m,v),v=Pf(b,m.mode,F),v.return=m,m=v),a(m)):n(m,v)}return C}var bi=ex(!0),tx=ex(!1),dl={},Bn=Lr(dl),Ka=Lr(dl),Ya=Lr(dl);function Jr(e){if(e===dl)throw Error(G(174));return e}function zh(e,t){switch(Ne(Ya,t),Ne(Ka,e),Ne(Bn,dl),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:Ud(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=Ud(t,e)}je(Bn),Ne(Bn,t)}function wi(){je(Bn),je(Ka),je(Ya)}function nx(e){Jr(Ya.current);var t=Jr(Bn.current),n=Ud(t,e.type);t!==n&&(Ne(Ka,e),Ne(Bn,n))}function jh(e){Ka.current===e&&(je(Bn),je(Ka))}var Ke=Lr(0);function Js(e){for(var t=e;t!==null;){if(t.tag===13){var n=t.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||n.data==="$?"||n.data==="$!"))return t}else if(t.tag===19&&t.memoizedProps.revealOrder!==void 0){if(t.flags&128)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var Ff=[];function Hh(){for(var e=0;en?n:4,e(!0);var r=kf.transition;kf.transition={};try{e(!1),t()}finally{Te=n,kf.transition=r}}function yx(){return dn().memoizedState}function U3(e,t,n){var r=Sr(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},bx(e))wx(t,n);else if(n=qw(e,t,n,r),n!==null){var o=Bt();Sn(n,e,r,o),xx(n,t,r)}}function V3(e,t,n){var r=Sr(e),o={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(bx(e))wx(t,o);else{var i=e.alternate;if(e.lanes===0&&(i===null||i.lanes===0)&&(i=t.lastRenderedReducer,i!==null))try{var a=t.lastRenderedState,l=i(a,n);if(o.hasEagerState=!0,o.eagerState=l,En(l,a)){var s=t.interleaved;s===null?(o.next=o,Ih(t)):(o.next=s.next,s.next=o),t.interleaved=o;return}}catch(u){}finally{}n=qw(e,t,o,r),n!==null&&(o=Bt(),Sn(n,e,r,o),xx(n,t,r))}}function bx(e){var t=e.alternate;return e===Ye||t!==null&&t===Ye}function wx(e,t){Fa=Qs=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function xx(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Eh(e,n)}}var Zs={readContext:fn,useCallback:St,useContext:St,useEffect:St,useImperativeHandle:St,useInsertionEffect:St,useLayoutEffect:St,useMemo:St,useReducer:St,useRef:St,useState:St,useDebugValue:St,useDeferredValue:St,useTransition:St,useMutableSource:St,useSyncExternalStore:St,useId:St,unstable_isNewReconciler:!1},K3={readContext:fn,useCallback:function(e,t){return $n().memoizedState=[e,t===void 0?null:t],e},useContext:fn,useEffect:Bm,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,Fs(4194308,4,px.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Fs(4194308,4,e,t)},useInsertionEffect:function(e,t){return Fs(4,2,e,t)},useMemo:function(e,t){var n=$n();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=$n();return t=n!==void 0?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=U3.bind(null,Ye,e),[r.memoizedState,e]},useRef:function(e){var t=$n();return e={current:e},t.memoizedState=e},useState:Om,useDebugValue:Kh,useDeferredValue:function(e){return $n().memoizedState=e},useTransition:function(){var e=Om(!1),t=e[0];return e=W3.bind(null,e[1]),$n().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=Ye,o=$n();if(Ge){if(n===void 0)throw Error(G(407));n=n()}else{if(n=t(),dt===null)throw Error(G(349));ro&30||ix(r,t,n)}o.memoizedState=n;var i={value:n,getSnapshot:t};return o.queue=i,Bm(lx.bind(null,r,i,e),[e]),r.flags|=2048,Ja(9,ax.bind(null,r,i,n,t),void 0,null),n},useId:function(){var e=$n(),t=dt.identifierPrefix;if(Ge){var n=Gn,r=Hn;n=(r&~(1<<32-Cn(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=Xa++,0<\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=a.createElement(n,{is:r.is}):(e=a.createElement(n),n==="select"&&(a=e,r.multiple?a.multiple=!0:r.size&&(a.size=r.size))):e=a.createElementNS(e,n),e[Dn]=t,e[Ua]=r,_x(e,t,!1,!1),t.stateNode=e;e:{switch(a=Vd(n,r),n){case"dialog":Ie("cancel",e),Ie("close",e),o=r;break;case"iframe":case"object":case"embed":Ie("load",e),o=r;break;case"video":case"audio":for(o=0;oxi&&(t.flags|=128,r=!0,Qi(i,!1),t.lanes=4194304)}else{if(!r)if(e=qs(a),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),Qi(i,!0),i.tail===null&&i.tailMode==="hidden"&&!a.alternate&&!Ge)return Et(t),null}else 2*Qe()-i.renderingStartTime>xi&&n!==1073741824&&(t.flags|=128,r=!0,Qi(i,!1),t.lanes=4194304);i.isBackwards?(a.sibling=t.child,t.child=a):(n=i.last,n!==null?n.sibling=a:t.child=a,i.last=a)}return i.tail!==null?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Qe(),t.sibling=null,n=Ke.current,Ne(Ke,r?n&1|2:n&1),t):(Et(t),null);case 22:case 23:return Qh(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&t.mode&1?Yt&1073741824&&(Et(t),t.subtreeFlags&6&&(t.flags|=8192)):Et(t),null;case 24:return null;case 25:return null}throw Error(G(156,t.tag))}function eF(e,t){switch(Th(t),t.tag){case 1:return Gt(t.type)&&Gs(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return bi(),je(Ht),je(Pt),jh(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return zh(t),null;case 13:if(je(Ke),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(G(340));vi()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return je(Ke),null;case 4:return bi(),null;case 10:return Rh(t.type._context),null;case 22:case 23:return Qh(),null;case 24:return null;default:return null}}var Jl=!1,$t=!1,tF=typeof WeakSet=="function"?WeakSet:Set,oe=null;function ti(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){Je(e,t,r)}else n.current=null}function bp(e,t,n){try{n()}catch(r){Je(e,t,r)}}var Hm=!1;function nF(e,t){if(np=Ls,e=Mw(),Dh(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var o=r.anchorOffset,i=r.focusNode;r=r.focusOffset;try{n.nodeType,i.nodeType}catch(F){n=null;break e}var a=0,l=-1,s=-1,u=0,c=0,f=e,p=null;t:for(;;){for(var h;f!==n||o!==0&&f.nodeType!==3||(l=a+o),f!==i||r!==0&&f.nodeType!==3||(s=a+r),f.nodeType===3&&(a+=f.nodeValue.length),(h=f.firstChild)!==null;)p=f,f=h;for(;;){if(f===e)break t;if(p===n&&++u===o&&(l=a),p===i&&++c===r&&(s=a),(h=f.nextSibling)!==null)break;f=p,p=f.parentNode}f=h}n=l===-1||s===-1?null:{start:l,end:s}}else n=null}n=n||{start:0,end:0}}else n=null;for(rp={focusedElem:e,selectionRange:n},Ls=!1,oe=t;oe!==null;)if(t=oe,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,oe=e;else for(;oe!==null;){t=oe;try{var g=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(g!==null){var y=g.memoizedProps,C=g.memoizedState,m=t.stateNode,v=m.getSnapshotBeforeUpdate(t.elementType===t.type?y:yn(t.type,y),C);m.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var b=t.stateNode.containerInfo;b.nodeType===1?b.textContent="":b.nodeType===9&&b.documentElement&&b.removeChild(b.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(G(163))}}catch(F){Je(t,t.return,F)}if(e=t.sibling,e!==null){e.return=t.return,oe=e;break}oe=t.return}return g=Hm,Hm=!1,g}function Fa(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var o=r=r.next;do{if((o.tag&e)===e){var i=o.destroy;o.destroy=void 0,i!==void 0&&bp(t,n,i)}o=o.next}while(o!==r)}}function Wu(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function wp(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function Tx(e){var t=e.alternate;t!==null&&(e.alternate=null,Tx(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[Dn],delete t[Ua],delete t[ap],delete t[I3],delete t[L3])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function Ox(e){return e.tag===5||e.tag===3||e.tag===4}function Gm(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||Ox(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function xp(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=Hs));else if(r!==4&&(e=e.child,e!==null))for(xp(e,t,n),e=e.sibling;e!==null;)xp(e,t,n),e=e.sibling}function Cp(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(Cp(e,t,n),e=e.sibling;e!==null;)Cp(e,t,n),e=e.sibling}var mt=null,bn=!1;function or(e,t,n){for(n=n.child;n!==null;)Bx(e,t,n),n=n.sibling}function Bx(e,t,n){if(On&&typeof On.onCommitFiberUnmount=="function")try{On.onCommitFiberUnmount(Ru,n)}catch(l){}switch(n.tag){case 5:$t||ti(n,t);case 6:var r=mt,o=bn;mt=null,or(e,t,n),mt=r,bn=o,mt!==null&&(bn?(e=mt,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):mt.removeChild(n.stateNode));break;case 18:mt!==null&&(bn?(e=mt,n=n.stateNode,e.nodeType===8?Cf(e.parentNode,n):e.nodeType===1&&Cf(e,n),za(e)):Cf(mt,n.stateNode));break;case 4:r=mt,o=bn,mt=n.stateNode.containerInfo,bn=!0,or(e,t,n),mt=r,bn=o;break;case 0:case 11:case 14:case 15:if(!$t&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){o=r=r.next;do{var i=o,a=i.destroy;i=i.tag,a!==void 0&&(i&2||i&4)&&bp(n,t,a),o=o.next}while(o!==r)}or(e,t,n);break;case 1:if(!$t&&(ti(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(l){Je(n,t,l)}or(e,t,n);break;case 21:or(e,t,n);break;case 22:n.mode&1?($t=(r=$t)||n.memoizedState!==null,or(e,t,n),$t=r):or(e,t,n);break;default:or(e,t,n)}}function Wm(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new tF),t.forEach(function(r){var o=fF.bind(null,e,r);n.has(r)||(n.add(r),r.then(o,o))})}}function vn(e,t){var n=t.deletions;if(n!==null)for(var r=0;ro&&(o=a),r&=~i}if(r=o,r=Qe()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*oF(r/1960))-r,10e?16:e,gr===null)var r=!1;else{if(e=gr,gr=null,tu=0,$e&6)throw Error(G(331));var o=$e;for($e|=4,oe=e.current;oe!==null;){var i=oe,a=i.child;if(oe.flags&16){var l=i.deletions;if(l!==null){for(var s=0;sQe()-qh?Qr(e,0):Xh|=n),Wt(e,t)}function Hx(e,t){t===0&&(e.mode&1?(t=Hl,Hl<<=1,!(Hl&130023424)&&(Hl=4194304)):t=1);var n=Bt();e=Yn(e,t),e!==null&&(sl(e,t,n),Wt(e,n))}function cF(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),Hx(e,n)}function fF(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,o=e.memoizedState;o!==null&&(n=o.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(G(314))}r!==null&&r.delete(t),Hx(e,n)}var Gx;Gx=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||Ht.current)jt=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return jt=!1,Q3(e,t,n);jt=!!(e.flags&131072)}else jt=!1,Ge&&t.flags&1048576&&Vw(t,Vs,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;Fs(e,t),e=t.pendingProps;var o=mi(t,Pt.current);ui(t,n),o=Gh(null,t,r,e,o,n);var i=Wh();return t.flags|=1,typeof o=="object"&&o!==null&&typeof o.render=="function"&&o.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Gt(r)?(i=!0,Ws(t)):i=!1,t.memoizedState=o.state!==null&&o.state!==void 0?o.state:null,Ih(t),o.updater=Hu,t.stateNode=o,o._reactInternals=t,dp(t,r,e,n),t=gp(null,t,r,!0,i,n)):(t.tag=0,Ge&&i&&Ph(t),Tt(null,t,o,n),t=t.child),t;case 16:r=t.elementType;e:{switch(Fs(e,t),e=t.pendingProps,o=r._init,r=o(r._payload),t.type=r,o=t.tag=pF(r),e=yn(r,e),o){case 0:t=hp(null,t,r,e,n);break e;case 1:t=Lm(null,t,r,e,n);break e;case 11:t=Nm(null,t,r,e,n);break e;case 14:t=Im(null,t,r,yn(r.type,e),n);break e}throw Error(G(306,r,""))}return t;case 0:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:yn(r,o),hp(e,t,r,o,n);case 1:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:yn(r,o),Lm(e,t,r,o,n);case 3:e:{if(kx(t),e===null)throw Error(G(387));r=t.pendingProps,i=t.memoizedState,o=i.element,qw(e,t),Xs(t,r,null,n);var a=t.memoizedState;if(r=a.element,i.isDehydrated)if(i={element:r,isDehydrated:!1,cache:a.cache,pendingSuspenseBoundaries:a.pendingSuspenseBoundaries,transitions:a.transitions},t.updateQueue.baseState=i,t.memoizedState=i,t.flags&256){o=wi(Error(G(423)),t),t=zm(e,t,r,n,o);break e}else if(r!==o){o=wi(Error(G(424)),t),t=zm(e,t,r,n,o);break e}else for(Xt=wr(t.stateNode.containerInfo.firstChild),Jt=t,Ge=!0,wn=null,n=ex(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(vi(),r===o){t=Xn(e,t,n);break e}Tt(e,t,r,n)}t=t.child}return t;case 5:return tx(t),e===null&&up(t),r=t.type,o=t.pendingProps,i=e!==null?e.memoizedProps:null,a=o.children,op(r,o)?a=null:i!==null&&op(r,i)&&(t.flags|=32),Fx(e,t),Tt(e,t,a,n),t.child;case 6:return e===null&&up(t),null;case 13:return Ax(e,t,n);case 4:return Lh(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=yi(t,null,r,n):Tt(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:yn(r,o),Nm(e,t,r,o,n);case 7:return Tt(e,t,t.pendingProps,n),t.child;case 8:return Tt(e,t,t.pendingProps.children,n),t.child;case 12:return Tt(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,o=t.pendingProps,i=t.memoizedProps,a=o.value,Ne(Ks,r._currentValue),r._currentValue=a,i!==null)if(En(i.value,a)){if(i.children===o.children&&!Ht.current){t=Xn(e,t,n);break e}}else for(i=t.child,i!==null&&(i.return=t);i!==null;){var l=i.dependencies;if(l!==null){a=i.child;for(var s=l.firstContext;s!==null;){if(s.context===r){if(i.tag===1){s=Un(-1,n&-n),s.tag=2;var u=i.updateQueue;if(u!==null){u=u.shared;var c=u.pending;c===null?s.next=s:(s.next=c.next,c.next=s),u.pending=s}}i.lanes|=n,s=i.alternate,s!==null&&(s.lanes|=n),cp(i.return,n,t),l.lanes|=n;break}s=s.next}}else if(i.tag===10)a=i.type===t.type?null:i.child;else if(i.tag===18){if(a=i.return,a===null)throw Error(G(341));a.lanes|=n,l=a.alternate,l!==null&&(l.lanes|=n),cp(a,n,t),a=i.sibling}else a=i.child;if(a!==null)a.return=i;else for(a=i;a!==null;){if(a===t){a=null;break}if(i=a.sibling,i!==null){i.return=a.return,a=i;break}a=a.return}i=a}Tt(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=t.pendingProps.children,ui(t,n),o=fn(o),r=r(o),t.flags|=1,Tt(e,t,r,n),t.child;case 14:return r=t.type,o=yn(r,t.pendingProps),o=yn(r.type,o),Im(e,t,r,o,n);case 15:return Sx(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:yn(r,o),Fs(e,t),t.tag=1,Gt(r)?(e=!0,Ws(t)):e=!1,ui(t,n),Qw(t,r,o),dp(t,r,o,n),gp(null,t,r,!0,e,n);case 19:return $x(e,t,n);case 22:return Ex(e,t,n)}throw Error(G(156,t.tag))};function Wx(e,t){return mw(e,t)}function dF(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function un(e,t,n,r){return new dF(e,t,n,r)}function e0(e){return e=e.prototype,!(!e||!e.isReactComponent)}function pF(e){if(typeof e=="function")return e0(e)?1:0;if(e!=null){if(e=e.$$typeof,e===bh)return 11;if(e===wh)return 14}return 2}function Er(e,t){var n=e.alternate;return n===null?(n=un(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function $s(e,t,n,r,o,i){var a=2;if(r=e,typeof e=="function")e0(e)&&(a=1);else if(typeof e=="string")a=5;else e:switch(e){case Vo:return Zr(n.children,o,i,t);case yh:a=8,o|=8;break;case Rd:return e=un(12,n,t,o|2),e.elementType=Rd,e.lanes=i,e;case Nd:return e=un(13,n,t,o),e.elementType=Nd,e.lanes=i,e;case Id:return e=un(19,n,t,o),e.elementType=Id,e.lanes=i,e;case Zb:return Vu(n,o,i,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case Jb:a=10;break e;case Qb:a=9;break e;case bh:a=11;break e;case wh:a=14;break e;case sr:a=16,r=null;break e}throw Error(G(130,e==null?e:typeof e,""))}return t=un(a,n,t,o),t.elementType=e,t.type=r,t.lanes=i,t}function Zr(e,t,n,r){return e=un(7,e,r,t),e.lanes=n,e}function Vu(e,t,n,r){return e=un(22,e,r,t),e.elementType=Zb,e.lanes=n,e.stateNode={isHidden:!1},e}function Df(e,t,n){return e=un(6,e,null,t),e.lanes=n,e}function Pf(e,t,n){return t=un(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function hF(e,t,n,r,o){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=ff(0),this.expirationTimes=ff(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=ff(0),this.identifierPrefix=r,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function t0(e,t,n,r,o,i,a,l,s){return e=new hF(e,t,n,l,s),t===1?(t=1,i===!0&&(t|=8)):t=0,i=un(3,null,null,t),e.current=i,i.stateNode=e,i.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Ih(i),e}function gF(e,t,n){var r=3qx;/*! +`+i.stack}return{value:e,source:t,stack:o,digest:null}}function _f(e,t,n){return{value:e,source:null,stack:n!=null?n:null,digest:t!=null?t:null}}function hp(e,t){try{console.error(t.value)}catch(n){setTimeout(function(){throw n})}}var q3=typeof WeakMap=="function"?WeakMap:Map;function Cx(e,t,n){n=Un(-1,n),n.tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){tu||(tu=!0,Ep=r),hp(e,t)},n}function Sx(e,t,n){n=Un(-1,n),n.tag=3;var r=e.type.getDerivedStateFromError;if(typeof r=="function"){var o=t.value;n.payload=function(){return r(o)},n.callback=function(){hp(e,t)}}var i=e.stateNode;return i!==null&&typeof i.componentDidCatch=="function"&&(n.callback=function(){hp(e,t),typeof r!="function"&&(Cr===null?Cr=new Set([this]):Cr.add(this));var a=t.stack;this.componentDidCatch(t.value,{componentStack:a!==null?a:""})}),n}function Mm(e,t,n){var r=e.pingCache;if(r===null){r=e.pingCache=new q3;var o=new Set;r.set(t,o)}else o=r.get(t),o===void 0&&(o=new Set,r.set(t,o));o.has(n)||(o.add(n),e=cF.bind(null,e,t,n),t.then(e,e))}function Rm(e){do{var t;if((t=e.tag===13)&&(t=e.memoizedState,t=t!==null?t.dehydrated!==null:!0),t)return e;e=e.return}while(e!==null);return null}function Nm(e,t,n,r,o){return e.mode&1?(e.flags|=65536,e.lanes=o,e):(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,n.tag===1&&(n.alternate===null?n.tag=17:(t=Un(-1,1),t.tag=2,xr(n,t,1))),n.lanes|=1),e)}var J3=Jn.ReactCurrentOwner,jt=!1;function Tt(e,t,n,r){t.child=e===null?tx(t,null,n,r):bi(t,e.child,n,r)}function Im(e,t,n,r,o){n=n.render;var i=t.ref;return ci(t,o),r=Wh(e,t,n,r,i,o),n=Uh(),e!==null&&!jt?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Xn(e,t,o)):(Ge&&n&&Th(t),t.flags|=1,Tt(e,t,r,o),t.child)}function Lm(e,t,n,r,o){if(e===null){var i=n.type;return typeof i=="function"&&!t0(i)&&i.defaultProps===void 0&&n.compare===null&&n.defaultProps===void 0?(t.tag=15,t.type=i,Ex(e,t,i,r,o)):(e=_s(n.type,null,r,t,t.mode,o),e.ref=t.ref,e.return=t,t.child=e)}if(i=e.child,!(e.lanes&o)){var a=i.memoizedProps;if(n=n.compare,n=n!==null?n:Ga,n(a,r)&&e.ref===t.ref)return Xn(e,t,o)}return t.flags|=1,e=Er(i,r),e.ref=t.ref,e.return=t,t.child=e}function Ex(e,t,n,r,o){if(e!==null){var i=e.memoizedProps;if(Ga(i,r)&&e.ref===t.ref)if(jt=!1,t.pendingProps=r=i,(e.lanes&o)!==0)e.flags&131072&&(jt=!0);else return t.lanes=e.lanes,Xn(e,t,o)}return gp(e,t,n,r,o)}function Fx(e,t,n){var r=t.pendingProps,o=r.children,i=e!==null?e.memoizedState:null;if(r.mode==="hidden")if(!(t.mode&1))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},Ne(ri,Yt),Yt|=n;else{if(!(n&1073741824))return e=i!==null?i.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,Ne(ri,Yt),Yt|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=i!==null?i.baseLanes:n,Ne(ri,Yt),Yt|=r}else i!==null?(r=i.baseLanes|n,t.memoizedState=null):r=n,Ne(ri,Yt),Yt|=r;return Tt(e,t,o,n),t.child}function kx(e,t){var n=t.ref;(e===null&&n!==null||e!==null&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function gp(e,t,n,r,o){var i=Gt(n)?to:Pt.current;return i=vi(t,i),ci(t,o),n=Wh(e,t,n,r,i,o),r=Uh(),e!==null&&!jt?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Xn(e,t,o)):(Ge&&r&&Th(t),t.flags|=1,Tt(e,t,n,o),t.child)}function zm(e,t,n,r,o){if(Gt(n)){var i=!0;Us(t)}else i=!1;if(ci(t,o),t.stateNode===null)ks(e,t),Zw(t,n,r),pp(t,n,r,o),r=!0;else if(e===null){var a=t.stateNode,l=t.memoizedProps;a.props=l;var s=a.context,u=n.contextType;typeof u=="object"&&u!==null?u=fn(u):(u=Gt(n)?to:Pt.current,u=vi(t,u));var c=n.getDerivedStateFromProps,f=typeof c=="function"||typeof a.getSnapshotBeforeUpdate=="function";f||typeof a.UNSAFE_componentWillReceiveProps!="function"&&typeof a.componentWillReceiveProps!="function"||(l!==r||s!==u)&&Pm(t,a,r,u),ur=!1;var p=t.memoizedState;a.state=p,qs(t,r,a,o),s=t.memoizedState,l!==r||p!==s||Ht.current||ur?(typeof c=="function"&&(dp(t,n,c,r),s=t.memoizedState),(l=ur||Dm(t,n,l,r,p,s,u))?(f||typeof a.UNSAFE_componentWillMount!="function"&&typeof a.componentWillMount!="function"||(typeof a.componentWillMount=="function"&&a.componentWillMount(),typeof a.UNSAFE_componentWillMount=="function"&&a.UNSAFE_componentWillMount()),typeof a.componentDidMount=="function"&&(t.flags|=4194308)):(typeof a.componentDidMount=="function"&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=s),a.props=r,a.state=s,a.context=u,r=l):(typeof a.componentDidMount=="function"&&(t.flags|=4194308),r=!1)}else{a=t.stateNode,Jw(e,t),l=t.memoizedProps,u=t.type===t.elementType?l:yn(t.type,l),a.props=u,f=t.pendingProps,p=a.context,s=n.contextType,typeof s=="object"&&s!==null?s=fn(s):(s=Gt(n)?to:Pt.current,s=vi(t,s));var h=n.getDerivedStateFromProps;(c=typeof h=="function"||typeof a.getSnapshotBeforeUpdate=="function")||typeof a.UNSAFE_componentWillReceiveProps!="function"&&typeof a.componentWillReceiveProps!="function"||(l!==f||p!==s)&&Pm(t,a,r,s),ur=!1,p=t.memoizedState,a.state=p,qs(t,r,a,o);var g=t.memoizedState;l!==f||p!==g||Ht.current||ur?(typeof h=="function"&&(dp(t,n,h,r),g=t.memoizedState),(u=ur||Dm(t,n,u,r,p,g,s)||!1)?(c||typeof a.UNSAFE_componentWillUpdate!="function"&&typeof a.componentWillUpdate!="function"||(typeof a.componentWillUpdate=="function"&&a.componentWillUpdate(r,g,s),typeof a.UNSAFE_componentWillUpdate=="function"&&a.UNSAFE_componentWillUpdate(r,g,s)),typeof a.componentDidUpdate=="function"&&(t.flags|=4),typeof a.getSnapshotBeforeUpdate=="function"&&(t.flags|=1024)):(typeof a.componentDidUpdate!="function"||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),typeof a.getSnapshotBeforeUpdate!="function"||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=g),a.props=r,a.state=g,a.context=s,r=u):(typeof a.componentDidUpdate!="function"||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),typeof a.getSnapshotBeforeUpdate!="function"||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),r=!1)}return mp(e,t,n,r,i,o)}function mp(e,t,n,r,o,i){kx(e,t);var a=(t.flags&128)!==0;if(!r&&!a)return o&&Fm(t,n,!1),Xn(e,t,i);r=t.stateNode,J3.current=t;var l=a&&typeof n.getDerivedStateFromError!="function"?null:r.render();return t.flags|=1,e!==null&&a?(t.child=bi(t,e.child,null,i),t.child=bi(t,null,l,i)):Tt(e,t,l,i),t.memoizedState=r.state,o&&Fm(t,n,!0),t.child}function Ax(e){var t=e.stateNode;t.pendingContext?Em(e,t.pendingContext,t.pendingContext!==t.context):t.context&&Em(e,t.context,!1),zh(e,t.containerInfo)}function jm(e,t,n,r,o){return yi(),Bh(o),t.flags|=256,Tt(e,t,n,r),t.child}var vp={dehydrated:null,treeContext:null,retryLane:0};function yp(e){return{baseLanes:e,cachePool:null,transitions:null}}function $x(e,t,n){var r=t.pendingProps,o=Ke.current,i=!1,a=(t.flags&128)!==0,l;if((l=a)||(l=e!==null&&e.memoizedState===null?!1:(o&2)!==0),l?(i=!0,t.flags&=-129):(e===null||e.memoizedState!==null)&&(o|=1),Ne(Ke,o&1),e===null)return cp(t),e=t.memoizedState,e!==null&&(e=e.dehydrated,e!==null)?(t.mode&1?e.data==="$!"?t.lanes=8:t.lanes=1073741824:t.lanes=1,null):(a=r.children,e=r.fallback,i?(r=t.mode,i=t.child,a={mode:"hidden",children:a},!(r&1)&&i!==null?(i.childLanes=0,i.pendingProps=a):i=Ku(a,r,0,null),e=Zr(e,r,n,null),i.return=t,e.return=t,i.sibling=e,t.child=i,t.child.memoizedState=yp(n),t.memoizedState=vp,e):Yh(t,a));if(o=e.memoizedState,o!==null&&(l=o.dehydrated,l!==null))return Q3(e,t,a,r,l,o,n);if(i){i=r.fallback,a=t.mode,o=e.child,l=o.sibling;var s={mode:"hidden",children:r.children};return!(a&1)&&t.child!==o?(r=t.child,r.childLanes=0,r.pendingProps=s,t.deletions=null):(r=Er(o,s),r.subtreeFlags=o.subtreeFlags&14680064),l!==null?i=Er(l,i):(i=Zr(i,a,n,null),i.flags|=2),i.return=t,r.return=t,r.sibling=i,t.child=r,r=i,i=t.child,a=e.child.memoizedState,a=a===null?yp(n):{baseLanes:a.baseLanes|n,cachePool:null,transitions:a.transitions},i.memoizedState=a,i.childLanes=e.childLanes&~n,t.memoizedState=vp,r}return i=e.child,e=i.sibling,r=Er(i,{mode:"visible",children:r.children}),!(t.mode&1)&&(r.lanes=n),r.return=t,r.sibling=null,e!==null&&(n=t.deletions,n===null?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=r,t.memoizedState=null,r}function Yh(e,t){return t=Ku({mode:"visible",children:t},e.mode,0,null),t.return=e,e.child=t}function Jl(e,t,n,r){return r!==null&&Bh(r),bi(t,e.child,null,n),e=Yh(t,t.pendingProps.children),e.flags|=2,t.memoizedState=null,e}function Q3(e,t,n,r,o,i,a){if(n)return t.flags&256?(t.flags&=-257,r=_f(Error(G(422))),Jl(e,t,a,r)):t.memoizedState!==null?(t.child=e.child,t.flags|=128,null):(i=r.fallback,o=t.mode,r=Ku({mode:"visible",children:r.children},o,0,null),i=Zr(i,o,a,null),i.flags|=2,r.return=t,i.return=t,r.sibling=i,t.child=r,t.mode&1&&bi(t,e.child,null,a),t.child.memoizedState=yp(a),t.memoizedState=vp,i);if(!(t.mode&1))return Jl(e,t,a,null);if(o.data==="$!"){if(r=o.nextSibling&&o.nextSibling.dataset,r)var l=r.dgst;return r=l,i=Error(G(419)),r=_f(i,r,void 0),Jl(e,t,a,r)}if(l=(a&e.childLanes)!==0,jt||l){if(r=dt,r!==null){switch(a&-a){case 4:o=2;break;case 16:o=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:o=32;break;case 536870912:o=268435456;break;default:o=0}o=o&(r.suspendedLanes|a)?0:o,o!==0&&o!==i.retryLane&&(i.retryLane=o,Yn(e,o),Sn(r,e,o,-1))}return e0(),r=_f(Error(G(421))),Jl(e,t,a,r)}return o.data==="$?"?(t.flags|=128,t.child=e.child,t=fF.bind(null,e),o._reactRetry=t,null):(e=i.treeContext,Xt=wr(o.nextSibling),Jt=t,Ge=!0,wn=null,e!==null&&(an[ln++]=Hn,an[ln++]=Gn,an[ln++]=no,Hn=e.id,Gn=e.overflow,no=t),t=Yh(t,r.children),t.flags|=4096,t)}function Hm(e,t,n){e.lanes|=t;var r=e.alternate;r!==null&&(r.lanes|=t),fp(e.return,t,n)}function Df(e,t,n,r,o){var i=e.memoizedState;i===null?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:o}:(i.isBackwards=t,i.rendering=null,i.renderingStartTime=0,i.last=r,i.tail=n,i.tailMode=o)}function _x(e,t,n){var r=t.pendingProps,o=r.revealOrder,i=r.tail;if(Tt(e,t,r.children,n),r=Ke.current,r&2)r=r&1|2,t.flags|=128;else{if(e!==null&&e.flags&128)e:for(e=t.child;e!==null;){if(e.tag===13)e.memoizedState!==null&&Hm(e,n,t);else if(e.tag===19)Hm(e,n,t);else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;e.sibling===null;){if(e.return===null||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(Ne(Ke,r),!(t.mode&1))t.memoizedState=null;else switch(o){case"forwards":for(n=t.child,o=null;n!==null;)e=n.alternate,e!==null&&Js(e)===null&&(o=n),n=n.sibling;n=o,n===null?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),Df(t,!1,o,n,i);break;case"backwards":for(n=null,o=t.child,t.child=null;o!==null;){if(e=o.alternate,e!==null&&Js(e)===null){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}Df(t,!0,n,null,i);break;case"together":Df(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function ks(e,t){!(t.mode&1)&&e!==null&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Xn(e,t,n){if(e!==null&&(t.dependencies=e.dependencies),oo|=t.lanes,!(n&t.childLanes))return null;if(e!==null&&t.child!==e.child)throw Error(G(153));if(t.child!==null){for(e=t.child,n=Er(e,e.pendingProps),t.child=n,n.return=t;e.sibling!==null;)e=e.sibling,n=n.sibling=Er(e,e.pendingProps),n.return=t;n.sibling=null}return t.child}function Z3(e,t,n){switch(t.tag){case 3:Ax(t),yi();break;case 5:nx(t);break;case 1:Gt(t.type)&&Us(t);break;case 4:zh(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,o=t.memoizedProps.value;Ne(Ys,r._currentValue),r._currentValue=o;break;case 13:if(r=t.memoizedState,r!==null)return r.dehydrated!==null?(Ne(Ke,Ke.current&1),t.flags|=128,null):n&t.child.childLanes?$x(e,t,n):(Ne(Ke,Ke.current&1),e=Xn(e,t,n),e!==null?e.sibling:null);Ne(Ke,Ke.current&1);break;case 19:if(r=(n&t.childLanes)!==0,e.flags&128){if(r)return _x(e,t,n);t.flags|=128}if(o=t.memoizedState,o!==null&&(o.rendering=null,o.tail=null,o.lastEffect=null),Ne(Ke,Ke.current),r)break;return null;case 22:case 23:return t.lanes=0,Fx(e,t,n)}return Xn(e,t,n)}var Dx,bp,Px,Tx;Dx=function(e,t){for(var n=t.child;n!==null;){if(n.tag===5||n.tag===6)e.appendChild(n.stateNode);else if(n.tag!==4&&n.child!==null){n.child.return=n,n=n.child;continue}if(n===t)break;for(;n.sibling===null;){if(n.return===null||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}};bp=function(){};Px=function(e,t,n,r){var o=e.memoizedProps;if(o!==r){e=t.stateNode,Jr(Bn.current);var i=null;switch(n){case"input":o=jd(e,o),r=jd(e,r),i=[];break;case"select":o=Xe({},o,{value:void 0}),r=Xe({},r,{value:void 0}),i=[];break;case"textarea":o=Wd(e,o),r=Wd(e,r),i=[];break;default:typeof o.onClick!="function"&&typeof r.onClick=="function"&&(e.onclick=Gs)}Vd(n,r);var a;n=null;for(u in o)if(!r.hasOwnProperty(u)&&o.hasOwnProperty(u)&&o[u]!=null)if(u==="style"){var l=o[u];for(a in l)l.hasOwnProperty(a)&&(n||(n={}),n[a]="")}else u!=="dangerouslySetInnerHTML"&&u!=="children"&&u!=="suppressContentEditableWarning"&&u!=="suppressHydrationWarning"&&u!=="autoFocus"&&(Ra.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in r){var s=r[u];if(l=o!=null?o[u]:void 0,r.hasOwnProperty(u)&&s!==l&&(s!=null||l!=null))if(u==="style")if(l){for(a in l)!l.hasOwnProperty(a)||s&&s.hasOwnProperty(a)||(n||(n={}),n[a]="");for(a in s)s.hasOwnProperty(a)&&l[a]!==s[a]&&(n||(n={}),n[a]=s[a])}else n||(i||(i=[]),i.push(u,n)),n=s;else u==="dangerouslySetInnerHTML"?(s=s?s.__html:void 0,l=l?l.__html:void 0,s!=null&&l!==s&&(i=i||[]).push(u,s)):u==="children"?typeof s!="string"&&typeof s!="number"||(i=i||[]).push(u,""+s):u!=="suppressContentEditableWarning"&&u!=="suppressHydrationWarning"&&(Ra.hasOwnProperty(u)?(s!=null&&u==="onScroll"&&Ie("scroll",e),i||l===s||(i=[])):(i=i||[]).push(u,s))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}};Tx=function(e,t,n,r){n!==r&&(t.flags|=4)};function Zi(e,t){if(!Ge)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;t!==null;)t.alternate!==null&&(n=t),t=t.sibling;n===null?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;n!==null;)n.alternate!==null&&(r=n),n=n.sibling;r===null?t||e.tail===null?e.tail=null:e.tail.sibling=null:r.sibling=null}}function Et(e){var t=e.alternate!==null&&e.alternate.child===e.child,n=0,r=0;if(t)for(var o=e.child;o!==null;)n|=o.lanes|o.childLanes,r|=o.subtreeFlags&14680064,r|=o.flags&14680064,o.return=e,o=o.sibling;else for(o=e.child;o!==null;)n|=o.lanes|o.childLanes,r|=o.subtreeFlags,r|=o.flags,o.return=e,o=o.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function eF(e,t,n){var r=t.pendingProps;switch(Oh(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Et(t),null;case 1:return Gt(t.type)&&Ws(),Et(t),null;case 3:return r=t.stateNode,wi(),je(Ht),je(Pt),Hh(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),(e===null||e.child===null)&&(Xl(t)?t.flags|=4:e===null||e.memoizedState.isDehydrated&&!(t.flags&256)||(t.flags|=1024,wn!==null&&(Ap(wn),wn=null))),bp(e,t),Et(t),null;case 5:jh(t);var o=Jr(Ya.current);if(n=t.type,e!==null&&t.stateNode!=null)Px(e,t,n,r,o),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!r){if(t.stateNode===null)throw Error(G(166));return Et(t),null}if(e=Jr(Bn.current),Xl(t)){r=t.stateNode,n=t.type;var i=t.memoizedProps;switch(r[Dn]=t,r[Va]=i,e=(t.mode&1)!==0,n){case"dialog":Ie("cancel",r),Ie("close",r);break;case"iframe":case"object":case"embed":Ie("load",r);break;case"video":case"audio":for(o=0;o<\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=a.createElement(n,{is:r.is}):(e=a.createElement(n),n==="select"&&(a=e,r.multiple?a.multiple=!0:r.size&&(a.size=r.size))):e=a.createElementNS(e,n),e[Dn]=t,e[Va]=r,Dx(e,t,!1,!1),t.stateNode=e;e:{switch(a=Kd(n,r),n){case"dialog":Ie("cancel",e),Ie("close",e),o=r;break;case"iframe":case"object":case"embed":Ie("load",e),o=r;break;case"video":case"audio":for(o=0;oCi&&(t.flags|=128,r=!0,Zi(i,!1),t.lanes=4194304)}else{if(!r)if(e=Js(a),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),Zi(i,!0),i.tail===null&&i.tailMode==="hidden"&&!a.alternate&&!Ge)return Et(t),null}else 2*Qe()-i.renderingStartTime>Ci&&n!==1073741824&&(t.flags|=128,r=!0,Zi(i,!1),t.lanes=4194304);i.isBackwards?(a.sibling=t.child,t.child=a):(n=i.last,n!==null?n.sibling=a:t.child=a,i.last=a)}return i.tail!==null?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Qe(),t.sibling=null,n=Ke.current,Ne(Ke,r?n&1|2:n&1),t):(Et(t),null);case 22:case 23:return Zh(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&t.mode&1?Yt&1073741824&&(Et(t),t.subtreeFlags&6&&(t.flags|=8192)):Et(t),null;case 24:return null;case 25:return null}throw Error(G(156,t.tag))}function tF(e,t){switch(Oh(t),t.tag){case 1:return Gt(t.type)&&Ws(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return wi(),je(Ht),je(Pt),Hh(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return jh(t),null;case 13:if(je(Ke),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(G(340));yi()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return je(Ke),null;case 4:return wi(),null;case 10:return Nh(t.type._context),null;case 22:case 23:return Zh(),null;case 24:return null;default:return null}}var Ql=!1,$t=!1,nF=typeof WeakSet=="function"?WeakSet:Set,oe=null;function ni(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){Je(e,t,r)}else n.current=null}function wp(e,t,n){try{n()}catch(r){Je(e,t,r)}}var Gm=!1;function rF(e,t){if(rp=zs,e=Rw(),Ph(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var o=r.anchorOffset,i=r.focusNode;r=r.focusOffset;try{n.nodeType,i.nodeType}catch(F){n=null;break e}var a=0,l=-1,s=-1,u=0,c=0,f=e,p=null;t:for(;;){for(var h;f!==n||o!==0&&f.nodeType!==3||(l=a+o),f!==i||r!==0&&f.nodeType!==3||(s=a+r),f.nodeType===3&&(a+=f.nodeValue.length),(h=f.firstChild)!==null;)p=f,f=h;for(;;){if(f===e)break t;if(p===n&&++u===o&&(l=a),p===i&&++c===r&&(s=a),(h=f.nextSibling)!==null)break;f=p,p=f.parentNode}f=h}n=l===-1||s===-1?null:{start:l,end:s}}else n=null}n=n||{start:0,end:0}}else n=null;for(op={focusedElem:e,selectionRange:n},zs=!1,oe=t;oe!==null;)if(t=oe,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,oe=e;else for(;oe!==null;){t=oe;try{var g=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(g!==null){var y=g.memoizedProps,C=g.memoizedState,m=t.stateNode,v=m.getSnapshotBeforeUpdate(t.elementType===t.type?y:yn(t.type,y),C);m.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var b=t.stateNode.containerInfo;b.nodeType===1?b.textContent="":b.nodeType===9&&b.documentElement&&b.removeChild(b.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(G(163))}}catch(F){Je(t,t.return,F)}if(e=t.sibling,e!==null){e.return=t.return,oe=e;break}oe=t.return}return g=Gm,Gm=!1,g}function ka(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var o=r=r.next;do{if((o.tag&e)===e){var i=o.destroy;o.destroy=void 0,i!==void 0&&wp(t,n,i)}o=o.next}while(o!==r)}}function Uu(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function xp(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function Ox(e){var t=e.alternate;t!==null&&(e.alternate=null,Ox(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[Dn],delete t[Va],delete t[lp],delete t[L3],delete t[z3])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function Bx(e){return e.tag===5||e.tag===3||e.tag===4}function Wm(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||Bx(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function Cp(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=Gs));else if(r!==4&&(e=e.child,e!==null))for(Cp(e,t,n),e=e.sibling;e!==null;)Cp(e,t,n),e=e.sibling}function Sp(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(Sp(e,t,n),e=e.sibling;e!==null;)Sp(e,t,n),e=e.sibling}var mt=null,bn=!1;function or(e,t,n){for(n=n.child;n!==null;)Mx(e,t,n),n=n.sibling}function Mx(e,t,n){if(On&&typeof On.onCommitFiberUnmount=="function")try{On.onCommitFiberUnmount(Nu,n)}catch(l){}switch(n.tag){case 5:$t||ni(n,t);case 6:var r=mt,o=bn;mt=null,or(e,t,n),mt=r,bn=o,mt!==null&&(bn?(e=mt,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):mt.removeChild(n.stateNode));break;case 18:mt!==null&&(bn?(e=mt,n=n.stateNode,e.nodeType===8?Sf(e.parentNode,n):e.nodeType===1&&Sf(e,n),ja(e)):Sf(mt,n.stateNode));break;case 4:r=mt,o=bn,mt=n.stateNode.containerInfo,bn=!0,or(e,t,n),mt=r,bn=o;break;case 0:case 11:case 14:case 15:if(!$t&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){o=r=r.next;do{var i=o,a=i.destroy;i=i.tag,a!==void 0&&(i&2||i&4)&&wp(n,t,a),o=o.next}while(o!==r)}or(e,t,n);break;case 1:if(!$t&&(ni(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(l){Je(n,t,l)}or(e,t,n);break;case 21:or(e,t,n);break;case 22:n.mode&1?($t=(r=$t)||n.memoizedState!==null,or(e,t,n),$t=r):or(e,t,n);break;default:or(e,t,n)}}function Um(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new nF),t.forEach(function(r){var o=dF.bind(null,e,r);n.has(r)||(n.add(r),r.then(o,o))})}}function vn(e,t){var n=t.deletions;if(n!==null)for(var r=0;ro&&(o=a),r&=~i}if(r=o,r=Qe()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*iF(r/1960))-r,10e?16:e,gr===null)var r=!1;else{if(e=gr,gr=null,nu=0,$e&6)throw Error(G(331));var o=$e;for($e|=4,oe=e.current;oe!==null;){var i=oe,a=i.child;if(oe.flags&16){var l=i.deletions;if(l!==null){for(var s=0;sQe()-Jh?Qr(e,0):qh|=n),Wt(e,t)}function Gx(e,t){t===0&&(e.mode&1?(t=Gl,Gl<<=1,!(Gl&130023424)&&(Gl=4194304)):t=1);var n=Bt();e=Yn(e,t),e!==null&&(ul(e,t,n),Wt(e,n))}function fF(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),Gx(e,n)}function dF(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,o=e.memoizedState;o!==null&&(n=o.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(G(314))}r!==null&&r.delete(t),Gx(e,n)}var Wx;Wx=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||Ht.current)jt=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return jt=!1,Z3(e,t,n);jt=!!(e.flags&131072)}else jt=!1,Ge&&t.flags&1048576&&Kw(t,Ks,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;ks(e,t),e=t.pendingProps;var o=vi(t,Pt.current);ci(t,n),o=Wh(null,t,r,e,o,n);var i=Uh();return t.flags|=1,typeof o=="object"&&o!==null&&typeof o.render=="function"&&o.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Gt(r)?(i=!0,Us(t)):i=!1,t.memoizedState=o.state!==null&&o.state!==void 0?o.state:null,Lh(t),o.updater=Gu,t.stateNode=o,o._reactInternals=t,pp(t,r,e,n),t=mp(null,t,r,!0,i,n)):(t.tag=0,Ge&&i&&Th(t),Tt(null,t,o,n),t=t.child),t;case 16:r=t.elementType;e:{switch(ks(e,t),e=t.pendingProps,o=r._init,r=o(r._payload),t.type=r,o=t.tag=hF(r),e=yn(r,e),o){case 0:t=gp(null,t,r,e,n);break e;case 1:t=zm(null,t,r,e,n);break e;case 11:t=Im(null,t,r,e,n);break e;case 14:t=Lm(null,t,r,yn(r.type,e),n);break e}throw Error(G(306,r,""))}return t;case 0:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:yn(r,o),gp(e,t,r,o,n);case 1:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:yn(r,o),zm(e,t,r,o,n);case 3:e:{if(Ax(t),e===null)throw Error(G(387));r=t.pendingProps,i=t.memoizedState,o=i.element,Jw(e,t),qs(t,r,null,n);var a=t.memoizedState;if(r=a.element,i.isDehydrated)if(i={element:r,isDehydrated:!1,cache:a.cache,pendingSuspenseBoundaries:a.pendingSuspenseBoundaries,transitions:a.transitions},t.updateQueue.baseState=i,t.memoizedState=i,t.flags&256){o=xi(Error(G(423)),t),t=jm(e,t,r,n,o);break e}else if(r!==o){o=xi(Error(G(424)),t),t=jm(e,t,r,n,o);break e}else for(Xt=wr(t.stateNode.containerInfo.firstChild),Jt=t,Ge=!0,wn=null,n=tx(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(yi(),r===o){t=Xn(e,t,n);break e}Tt(e,t,r,n)}t=t.child}return t;case 5:return nx(t),e===null&&cp(t),r=t.type,o=t.pendingProps,i=e!==null?e.memoizedProps:null,a=o.children,ip(r,o)?a=null:i!==null&&ip(r,i)&&(t.flags|=32),kx(e,t),Tt(e,t,a,n),t.child;case 6:return e===null&&cp(t),null;case 13:return $x(e,t,n);case 4:return zh(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=bi(t,null,r,n):Tt(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:yn(r,o),Im(e,t,r,o,n);case 7:return Tt(e,t,t.pendingProps,n),t.child;case 8:return Tt(e,t,t.pendingProps.children,n),t.child;case 12:return Tt(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,o=t.pendingProps,i=t.memoizedProps,a=o.value,Ne(Ys,r._currentValue),r._currentValue=a,i!==null)if(En(i.value,a)){if(i.children===o.children&&!Ht.current){t=Xn(e,t,n);break e}}else for(i=t.child,i!==null&&(i.return=t);i!==null;){var l=i.dependencies;if(l!==null){a=i.child;for(var s=l.firstContext;s!==null;){if(s.context===r){if(i.tag===1){s=Un(-1,n&-n),s.tag=2;var u=i.updateQueue;if(u!==null){u=u.shared;var c=u.pending;c===null?s.next=s:(s.next=c.next,c.next=s),u.pending=s}}i.lanes|=n,s=i.alternate,s!==null&&(s.lanes|=n),fp(i.return,n,t),l.lanes|=n;break}s=s.next}}else if(i.tag===10)a=i.type===t.type?null:i.child;else if(i.tag===18){if(a=i.return,a===null)throw Error(G(341));a.lanes|=n,l=a.alternate,l!==null&&(l.lanes|=n),fp(a,n,t),a=i.sibling}else a=i.child;if(a!==null)a.return=i;else for(a=i;a!==null;){if(a===t){a=null;break}if(i=a.sibling,i!==null){i.return=a.return,a=i;break}a=a.return}i=a}Tt(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=t.pendingProps.children,ci(t,n),o=fn(o),r=r(o),t.flags|=1,Tt(e,t,r,n),t.child;case 14:return r=t.type,o=yn(r,t.pendingProps),o=yn(r.type,o),Lm(e,t,r,o,n);case 15:return Ex(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:yn(r,o),ks(e,t),t.tag=1,Gt(r)?(e=!0,Us(t)):e=!1,ci(t,n),Zw(t,r,o),pp(t,r,o,n),mp(null,t,r,!0,e,n);case 19:return _x(e,t,n);case 22:return Fx(e,t,n)}throw Error(G(156,t.tag))};function Ux(e,t){return vw(e,t)}function pF(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function un(e,t,n,r){return new pF(e,t,n,r)}function t0(e){return e=e.prototype,!(!e||!e.isReactComponent)}function hF(e){if(typeof e=="function")return t0(e)?1:0;if(e!=null){if(e=e.$$typeof,e===wh)return 11;if(e===xh)return 14}return 2}function Er(e,t){var n=e.alternate;return n===null?(n=un(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function _s(e,t,n,r,o,i){var a=2;if(r=e,typeof e=="function")t0(e)&&(a=1);else if(typeof e=="string")a=5;else e:switch(e){case Ko:return Zr(n.children,o,i,t);case bh:a=8,o|=8;break;case Nd:return e=un(12,n,t,o|2),e.elementType=Nd,e.lanes=i,e;case Id:return e=un(13,n,t,o),e.elementType=Id,e.lanes=i,e;case Ld:return e=un(19,n,t,o),e.elementType=Ld,e.lanes=i,e;case ew:return Ku(n,o,i,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case Qb:a=10;break e;case Zb:a=9;break e;case wh:a=11;break e;case xh:a=14;break e;case sr:a=16,r=null;break e}throw Error(G(130,e==null?e:typeof e,""))}return t=un(a,n,t,o),t.elementType=e,t.type=r,t.lanes=i,t}function Zr(e,t,n,r){return e=un(7,e,r,t),e.lanes=n,e}function Ku(e,t,n,r){return e=un(22,e,r,t),e.elementType=ew,e.lanes=n,e.stateNode={isHidden:!1},e}function Pf(e,t,n){return e=un(6,e,null,t),e.lanes=n,e}function Tf(e,t,n){return t=un(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function gF(e,t,n,r,o){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=df(0),this.expirationTimes=df(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=df(0),this.identifierPrefix=r,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function n0(e,t,n,r,o,i,a,l,s){return e=new gF(e,t,n,l,s),t===1?(t=1,i===!0&&(t|=8)):t=0,i=un(3,null,null,t),e.current=i,i.stateNode=e,i.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Lh(i),e}function mF(e,t,n){var r=3Jx;/*! * hotkeys-js v3.8.3 * A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies. * @@ -45,10 +45,10 @@ Error generating stack: `+i.message+` * http://jaywcjlove.github.io/hotkeys * * Licensed under the MIT license. - */var Tf=typeof navigator!="undefined"?navigator.userAgent.toLowerCase().indexOf("firefox")>0:!1;function Of(e,t,n){e.addEventListener?e.addEventListener(t,n,!1):e.attachEvent&&e.attachEvent("on".concat(t),function(){n(window.event)})}function Jx(e,t){for(var n=t.slice(0,t.length-1),r=0;r=0;)t[n-1]+=",",t.splice(n,1),n=t.lastIndexOf("");return t}function xF(e,t){for(var n=e.length>=t.length?e:t,r=e.length>=t.length?t:e,o=!0,i=0;i=0&&He.splice(n,1),e.key&&e.key.toLowerCase()==="meta"&&He.splice(0,He.length),(t===93||t===224)&&(t=91),t in vt){vt[t]=!1;for(var r in ao)ao[r]===t&&(xn[r]=!1)}}function AF(e){if(!e)Object.keys(ct).forEach(function(a){return delete ct[a]});else if(Array.isArray(e))e.forEach(function(a){a.key&&Bf(a)});else if(typeof e=="object")e.key&&Bf(e);else if(typeof e=="string"){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r1?Jx(ao,u):[];ct[p]=ct[p].map(function(g){var y=o?g.method===o:!0;return y&&g.scope===r&&xF(g.mods,h)?{}:g})}})};function e1(e,t,n){var r;if(t.scope===n||t.scope==="all"){r=t.mods.length>0;for(var o in vt)Object.prototype.hasOwnProperty.call(vt,o)&&(!vt[o]&&t.mods.indexOf(+o)>-1||vt[o]&&t.mods.indexOf(+o)===-1)&&(r=!1);(t.mods.length===0&&!vt[16]&&!vt[18]&&!vt[17]&&!vt[91]||r||t.shortcut==="*")&&t.method(e,t)===!1&&(e.preventDefault?e.preventDefault():e.returnValue=!1,e.stopPropagation&&e.stopPropagation(),e.cancelBubble&&(e.cancelBubble=!0))}}function t1(e){var t=ct["*"],n=e.keyCode||e.which||e.charCode;if(xn.filter.call(this,e)){if((n===93||n===224)&&(n=91),He.indexOf(n)===-1&&n!==229&&He.push(n),["ctrlKey","altKey","shiftKey","metaKey"].forEach(function(h){var g=Zm[h];e[h]&&He.indexOf(g)===-1?He.push(g):!e[h]&&He.indexOf(g)>-1?He.splice(He.indexOf(g),1):h==="metaKey"&&e[h]&&He.length===3&&(e.ctrlKey||e.shiftKey||e.altKey||(He=He.slice(He.indexOf(g))))}),n in vt){vt[n]=!0;for(var r in ao)ao[r]===n&&(xn[r]=!0);if(!t)return}for(var o in vt)Object.prototype.hasOwnProperty.call(vt,o)&&(vt[o]=e[Zm[o]]);e.getModifierState&&!(e.altKey&&!e.ctrlKey)&&e.getModifierState("AltGraph")&&(He.indexOf(17)===-1&&He.push(17),He.indexOf(18)===-1&&He.push(18),vt[17]=!0,vt[18]=!0);var i=Qa();if(t)for(var a=0;a-1}function xn(e,t,n){He=[];var r=Qx(e),o=[],i="all",a=document,l=0,s=!1,u=!0,c="+";for(n===void 0&&typeof t=="function"&&(n=t),Object.prototype.toString.call(t)==="[object Object]"&&(t.scope&&(i=t.scope),t.element&&(a=t.element),t.keyup&&(s=t.keyup),t.keydown!==void 0&&(u=t.keydown),typeof t.splitKey=="string"&&(c=t.splitKey)),typeof t=="string"&&(i=t);l1&&(o=Jx(ao,e)),e=e[e.length-1],e=e==="*"?"*":Ju(e),e in ct||(ct[e]=[]),ct[e].push({keyup:s,keydown:u,scope:i,mods:o,shortcut:r[l],method:n,key:r[l],splitKey:c});typeof a!="undefined"&&!$F(a)&&window&&(t2.push(a),Of(a,"keydown",function(f){t1(f)}),Of(window,"focus",function(){He=[]}),Of(a,"keyup",function(f){t1(f),kF(f)}))}var Mf={setScope:n2,getScope:Qa,deleteScope:FF,getPressedKeyCodes:CF,isPressed:EF,filter:SF,unbind:AF};for(var Rf in Mf)Object.prototype.hasOwnProperty.call(Mf,Rf)&&(xn[Rf]=Mf[Rf]);if(typeof window!="undefined"){var _F=window.hotkeys;xn.noConflict=function(e){return e&&window.hotkeys===xn&&(window.hotkeys=_F),xn},window.hotkeys=xn}xn.filter=function(){return!0};var r2=function(t,n){var r=t.target,o=r&&r.tagName;return!!(o&&n&&n.includes(o))},DF=function(t){return r2(t,["INPUT","TEXTAREA","SELECT"])};function ri(e,t,n,r){n instanceof Array&&(r=n,n=void 0);var o=n||{},i=o.enableOnTags,a=o.filter,l=o.keyup,s=o.keydown,u=o.filterPreventDefault,c=u===void 0?!0:u,f=o.enabled,p=f===void 0?!0:f,h=o.enableOnContentEditable,g=h===void 0?!1:h,y=w.useRef(null),C=w.useCallback(function(m,v){var b;return a&&!a(m)?!c:DF(m)&&!r2(m,i)||(b=m.target)!=null&&b.isContentEditable&&!g?!0:y.current===null||document.activeElement===y.current?(t(m,v),!0):!1},r?[y,i,a].concat(r):[y,i,a]);return w.useEffect(function(){if(p)return l&&s!==!0&&(n.keydown=!1),xn(e,n||{},C),function(){return xn.unbind(e,C)}},[C,n,e,p]),y}const ts=new Map,Kr={_deps:{}};function PF(e){for(const t in e)Object.defineProperty(Kr,t,{get(){const n=Ce[t];return Kr._deps[t]=n,n}})}function TF(e){const t=Kr._deps;Kr._deps={};const n=e(Kr),r=Kr._deps;return Kr._deps=t,[n,r]}function OF(e){const t={};let n=!1;for(const r in e){const o=Ce[r];e[r]!==o&&(n=!0),t[r]=o}return[t,n]}function Hr(e){const t=e.toString();if(ts.has(t)){const[o,i]=ts.get(t),[a,l]=OF(i);if(!l)return o;const s=e(a,[o,i]);return ts.set(t,[s,a]),s}const[n,r]=TF(e);return ts.set(t,[n,r]),n}function BF(e){const t={};for(const n in e){const r=e[n];Object.defineProperty(t,n,{get(){return r()[0]}})}return PF(e),t}function MF(e){const t={};for(const n in e){const r=e[n],o=()=>r()[0],i=d(o,{});i.toString=o,t[n]=i}return t}const o2=e=>e.map(({dims:t,label:n})=>({label:`${n} (${t.join(" x ")})`,value:t.join(),dims:t})),RF=o2([{dims:[360,640],label:"Phone"},{dims:[768,1024],label:"Tablet Portrait"},{dims:[800,1280],label:"Tablet Large Portrait"},{dims:[1024,768],label:"Tablet Landscape"},{dims:[1280,800],label:"Tablet Large Landscape"},{dims:[1536,864],label:"Laptop Wide"}]),NF=o2([{dims:[360,640],label:"Phone"},{dims:[360,780],label:"Apple iPhone 12 mini"},{dims:[390,844],label:"Apple iPhone 12 Pro"},{dims:[768,1024],label:"Tablet Portrait"},{dims:[800,1280],label:"Tablet Large Portrait"},{dims:[1024,768],label:"Tablet Landscape"},{dims:[1280,800],label:"Tablet Large Landscape"},{dims:[1366,768],label:"Laptop Small"},{dims:[1440,900],label:"Laptop Medium"},{dims:[900,1440],label:"Laptop Medium Portrait"},{dims:[1536,864],label:"Laptop Wide"},{dims:[1920,1080],label:"Full HD"},{dims:[2560,1080],label:"Ultrawide HD"},{dims:[2560,1440],label:"UHD"},{dims:[3440,1440],label:"Ultrawide UHD"},{dims:[3840,2160],label:"4K"}]),Yr=new Map,n1=new Map,Nf={},pa={};function pr(e,t){const n=Nf.hasOwnProperty(e),r=n?Nf[e]:()=>Yr.has(e)?Yr.get(e):(Yr.set(e,t),pa[e]=new Set,n1.set(e,a=>{const l=typeof a=="function"?a(Yr.get(e)):a;Yr.set(e,l);for(const s of pa[e].values())s(l)}),t);n||(Nf[e]=r);const[o,i]=w.useState(r);return w.useInsertionEffect(()=>(pa[e].add(i),()=>{pa[e].delete(i)}),[]),[o,n1.get(e)]}const r1=new Set;function IF(e){return Yr.get(e)}function LF(e,t){r1.has(e)||(t(Yr.get(e)),pa[e].add(t),r1.add(e))}let i2={};function zF(e){i2=e}const jF=()=>{const{fetchThemes:e,uploadTheme:t,deleteTheme:n}=i2,[r,o]=pr("serverThemes",[]),[i,a]=pr("serverThemesLoading",!0),[l,s]=pr("serverThemesDirty",!1);return LF("serverThemesDirty",()=>{tt(Be,null,function*(){const c=yield e();o(V({default:{scopes:{}}},c)),a(!1)})}),[r,{serverThemes:r,serverThemesLoading:i,uploadTheme:(u,c)=>tt(Be,null,function*(){a(!0),yield t(u,{name:u,scopes:c}),s(!l)}),deleteTheme:u=>tt(Be,null,function*(){a(!0),yield n(u),s(!l)})}]};function HF(e){return function(t,{type:n,payload:r}){const o=typeof n=="function"?n.name:n;if(typeof e[o]!="function")throw new Error(`No handler for action ${o}`);return e[o](t,r)}}var GF=a2;function a2(e,t,n){e instanceof RegExp&&(e=o1(e,n)),t instanceof RegExp&&(t=o1(t,n));const r=l2(e,t,n);return r&&{start:r[0],end:r[1],pre:n.slice(0,r[0]),body:n.slice(r[0]+e.length,r[1]),post:n.slice(r[1]+t.length)}}function o1(e,t){const n=t.match(e);return n?n[0]:null}a2.range=l2;function l2(e,t,n){let r,o,i,a,l,s=n.indexOf(e),u=n.indexOf(t,s+1),c=s;if(s>=0&&u>0){if(e===t)return[s,u];for(r=[],i=n.length;c>=0&&!l;)c===s?(r.push(c),s=n.indexOf(e,c+1)):r.length===1?l=[r.pop(),u]:(o=r.pop(),o=0?s:u;r.length&&(l=[i,a])}return l}const WF=po(GF);function Ap(e){let t;try{t=WF("(",")",e)}catch(o){return}if(!t)return;if(/(?:^|[^\w-])var$/.test(t.pre))return{pre:t.pre.slice(0,-3),body:t.body,post:t.post};const n=Ap(t.body);if(n)return{pre:t.pre+"("+n.pre,body:n.body,post:n.post+")"+t.post};const r=Ap(t.post);if(r)return{pre:t.pre+"("+t.body+")"+r.pre,body:r.body,post:r.post}}const l0=/:(active|focus(-(visible|within))?|visited|hover|disabled|:[\w-]+)/g,s2=/:not\([\s,\*]*\)/g;function UF(e){return e===""||e==="*"||e===":root"?"*":`${e}, :where(${e}) *`.replace("\\\\","\\")}let _s;function VF(e,t){if(typeof t.matches!="function")return!1;const n=e.statelessSelector;if(_s.has(n))return _s.get(n);try{const r=t.matches(n);return _s.set(n,r),r}catch(r){return console.log("Failed testing a selector",e),!1}}const If=new WeakMap,u2=({cssVars:e,target:t})=>{if(If.has(t))return If.get(t);_s=new Map;let n;try{n=e.filter(r=>VF(r,t))}catch(r){console.log(t,r),n=[]}return If.set(t,n),n},s0=({href:e})=>!e||e.indexOf(window.location.origin)===0,$a={},KF=e=>e.map(t=>YF(t)),i1=[],YF=e=>tt(Be,null,function*(){if(!i1.includes(e)){if(!$a[e]){const t=e.split("?")[0]+".map";try{let n=yield(yield fetch(t)).json();$a[e]=yield new window.sourceMap.SourceMapConsumer(n)}catch(n){i1.push(e);return}}return $a[e]}}),XF=(e,t,n)=>(r,o)=>{const{text:i,index:a}=o;if(/^\s*--/.test(i))return r;const l=`var(${e}`,[s,...u]=i.split(l);let c=s.length;for(const f of u){const p=a+1;if(!/^[\w-]/.test(f))return r.push(ie(V({},t.originalPositionFor({line:p,column:c})),{generated:{line:p,column:c,sheet:n}})),r;c+=l.length+f.length}return r},_a={},qF=e=>tt(Be,null,function*(){if(!(e in _a)){const t=yield(yield fetch(e)).text();_a[e]=t.split(` -`).reduce((n,r,o)=>(r.includes("var(")&&n.push({text:r,index:o}),n),[])}return _a[e]}),JF=e=>e.map(t=>qF(t)),QF=(e,t,n)=>{if(!e)return[];const r=_a[e];return r?r.reduce(XF(t,n,e),[]):(console.warn("no lines",e,Object.keys(_a)),[])},ZF=(e,t)=>tt(Be,null,function*(){let n;if(s0(t))n=t.cssRules;else try{const r=yield(yield fetch(t.href)).text(),o=document.createElement("style");o.innerText=r,document.head.appendChild(o),n=document.styleSheets[document.styleSheets.length-1].cssRules,document.head.removeChild(o)}catch(r){return yield e}return[...n].reduce((r,o)=>$p(r,o,t),yield e)}),e4=(e,t)=>e.some(({usages:n})=>n.some(r=>r.sheet===t.href)),t4=(e,t)=>tt(Be,null,function*(){const r=t.filter(i=>i.href&&e4(e,i)&&s0(i)).map(i=>[...KF([i.href]),...JF([i.href])]);if(r.length===0)return yield Promise.allSettled([]);const o=r.reduce((i,a)=>[...i,...a],[]);return yield Promise.allSettled(o)});let a1=[];function ou(e){const t=e.replaceAll(l0,"").replace(/:?:(before|after|first\-letter)/,"").trim().replaceAll(/^\s*[\>+~]/g,"").replaceAll(/,\s*[\>+~]/g,",").replaceAll(/\(,/g,"(").replaceAll(/[\>+~]\s*,/g,">*,").replaceAll(/[\>+~]\s*$/g,"~*").replaceAll(/[\>+~]\s*\)/g,"~*)").replaceAll(/\(\s*[\>+~]/g,"(").replaceAll(/,(\s*,)+/g,",").replaceAll(/:(where|is|not)\([\s,]*\)/g,"").replace(/^(\s*,\s*)+/,"").replace(/(\s*,\s*)+$/,"").replaceAll(/\s*,\s*/g,",").replaceAll(/,\s*\)/g,")");return UF(t)}const n4=()=>tt(Be,null,function*(){const e=performance.now(),t=[...document.styleSheets].filter(l=>{var s;return((s=l.ownerNode)==null?void 0:s.id)!==zg}),n=yield t.reduce(ZF,{});a1=Object.keys(pt).filter(l=>document.querySelectorAll(l).length>0),a1.filter(l=>document.querySelector(l)===document.documentElement);const r=Object.entries(n).map(([l,s])=>ie(V({name:l},s),{statelessSelector:[...new Set(s.usages.map(u=>u.statelessSelector))].join()}));yield t4(r,t);const o=r.map(l=>{const{name:s,usages:u}=l,f=[...new Set(u.filter(p=>p.sheet).map(p=>p.sheet))].reduce((p,h)=>{const g=$a[h];if(!g)return p;const y=QF(h,s,g);return p.push(...y),p},[]);return l.usages=l.usages.map((p,h)=>(p.position=f[h],p)),l.positions=f,l}),i=yield Promise.allSettled(o);Object.values($a).forEach(l=>l&&l.destroy());const a=performance.now()-e;return console.info(`Extracted data in ${a}ms`),yield i.filter(r4).map(l=>l.value)}),r4=e=>e.status==="fulfilled",Qu="theme-editor-highlight",Za=e=>!!e&&e.classList.add(Qu),fi=e=>!!e&&e.classList.remove(Qu);function o4(e,t){let n=e,r="",o=/^border\-\w+-/.test(e)?e.replace(/(.*-)*/,""):"",i=!1,a=o!==""&&!["source","slice","outset","repeat"].includes(o);if(o==="radius")return["border-radius",t.style["border-radius"]];const l=i4(e);if(l)return[l,t.style[l]];for(;r===""||typeof r=="undefined";){const s=n.replace(/-\w+$/,"");if(s===n)break;const u=s==="border";n=u&&!i&&a?`border-${o}`:s,i=u||i,r=t.style[n]}return[n,r]}function i4(e){switch(e){case"column-count":case"column-width":return"columns";case"flex-direction":case"flex-wrap":return"flex-flow";case"line-height":return"font";case"row-gap":case"column-gap":return"gap";case"grid-column-end":case"grid-column-start":return"grid-column";case"grid-row-end":case"grid-row-start":return"grid-row";case"align-content":case"justify-content":return"place-content";case"align-items":case"justify-items":return"place-items"}}const pt={":root":{},":where(html)":{}},di={},$p=(e,t,n,r=null,o=null)=>{if(t.type===1){const i=[],a=t.selectorText;if(a===`.${Qu}`)return e;for(let l of t.style){const s=l.startsWith("--"),c=t.style.getPropertyValue(l)==="";let f=t.style.getPropertyValue(l).trim();if(s){pt[a]||(pt[a]={}),(!r||!/prefers\-color\-scheme\: ?dark/.test(r))&&(pt[a][l]=f,di[l]||(di[l]={}),di[l][a]=f);continue}let p,h=!0,g=0;if(c){const[v,b]=o4(l,t);if(i.includes(v)||b===""||b===void 0)continue;i.push(v),f=b,l=v}const y=f,C=t.style.getPropertyPriority(l)==="important";for(;p=Ap(f);){const v=p.body.split(",").map(z=>z.trim()),b=h&&p.pre.trim()===""&&p.post.replace(/\s*\!important$/,"")==="",_=/^\s*\)\s*/.test(p.post)&&/\w+(-\w+)*\(\s*$/.test(p.pre)?p.pre.match(/(\w+(-\w+)*)\(\s*$/)[1]:null;h=!1;const[A,...D]=v,T=D.join(","),O={selector:a,statelessSelector:ou(a),property:l,defaultValue:T,media:r,supports:o,sheet:n.href,isFullProperty:b,fullValue:y,isImportant:C,index:g,cssFunc:_};g++,e.hasOwnProperty(A)||(e[A]={properties:{},usages:[],statelessSelector:null,cssFunc:_}),e[A].usages.push(O),e[A].cssFunc=e[A].cssFunc||_,e[A].properties[l]={isFullProperty:b,fullValue:y,isImportant:C},f=(p.pre||"")+p.body.replace(A,"")+(p.post||"")}const m=(f==null?void 0:f.trim())||"";m!==""&&!m.startsWith(",")&&(y in e||(e[y]={isRawValue:!0,properties:{},usages:[],statelessSelector:null}),e[y].usages.push({selector:a,statelessSelector:ou(a),property:l,defaultValue:y,media:r,supports:o,sheet:n.href,isFullProperty:!0,fullValue:y,isImportant:C,index:g}),e[y].properties[l]={isFullProperty:!0,fullValue:y,isImportant:C})}}return t.type===4&&[...t.cssRules].forEach(i=>$p(e,i,n,t.conditionText,o)),t.type===12&&[...t.cssRules].forEach(i=>$p(e,i,n,r,t.conditionText)),e},a4={scopes:{}},Lt=":root",Me={set:(e,{name:t,value:n,scope:r=Lt})=>{const{scopes:o}=e;if(t==="")return e;const i=mn(o,[]);return i[r]=ie(V({},o[r]||{}),{[t]:n}),ie(V({},e),{scopes:i})},unset:(e,{name:t,scope:n=Lt})=>{const{scopes:r}=e;if(!(r[n]&&t in r[n]))return e;const{[n]:o}=r,l=o,{[t]:i}=l,a=mn(l,[of(t)]);return ie(V({},e),{scopes:ie(V({},r),{[n]:a})})},createAlias(e,t){const{name:n,value:r,generatedName:o}=t;let i;if(o)i=o;else{let u=function(p){return p.hasOwnProperty(i)&&p[i]!==r},c=function(){return Object.values(pt).some(u)||Object.values(e.scopes).some(u)};i=`--${n.replaceAll(" ","-")}`;let f=0;for(;c();)f++,i=`--${n.replaceAll(" ","-")}-${f}`;t.generatedName=i}const a=`var(${i})`,l={};let s=!1;for(const u of Object.keys(pt))for(const[c,f]of Object.entries(pt[u]))f===r&&(l.hasOwnProperty(u)||(l[u]={}),l[u][c]=a);for(const u in e.scopes){l[u]||(l[u]={});const c=e.scopes[u];for(const f in c){const p=c[f]===r;l[u][f]=p?a:c[f]}u===Lt&&(l[u][i]=r,s=!0)}return s||(l[Lt]||(l[Lt]={}),l[Lt][i]=r),ie(V({},e),{scopes:l})},loadTheme:(e,{theme:t={}})=>{const n="scopes"in t;return ie(V({},e),{scopes:n?t.scopes:{[Lt]:t}})}},l4=HF(Me);function s4(){return AS(l4,a4,null,"themeEditor")}function gn(){return vg("themeEditor")}var sn={},dl={},u4=typeof Rl=="object"&&Rl&&Rl.Object===Object&&Rl,c2=u4,c4=c2,f4=typeof self=="object"&&self&&self.Object===Object&&self,d4=c4||f4||Function("return this")(),Nn=d4,p4=Nn,h4=p4.Symbol,pl=h4,l1=pl,f2=Object.prototype,g4=f2.hasOwnProperty,m4=f2.toString,ea=l1?l1.toStringTag:void 0;function v4(e){var t=g4.call(e,ea),n=e[ea];try{e[ea]=void 0;var r=!0}catch(i){}var o=m4.call(e);return r&&(t?e[ea]=n:delete e[ea]),o}var y4=v4,b4=Object.prototype,w4=b4.toString;function x4(e){return w4.call(e)}var C4=x4,s1=pl,S4=y4,E4=C4,F4="[object Null]",k4="[object Undefined]",u1=s1?s1.toStringTag:void 0;function A4(e){return e==null?e===void 0?k4:F4:u1&&u1 in Object(e)?S4(e):E4(e)}var mo=A4,$4=Array.isArray,Fn=$4;function _4(e){return e!=null&&typeof e=="object"}var Qn=_4,D4=mo,P4=Fn,T4=Qn,O4="[object String]";function B4(e){return typeof e=="string"||!P4(e)&&T4(e)&&D4(e)==O4}var M4=B4;function R4(e){return function(t,n,r){for(var o=-1,i=Object(t),a=r(t),l=a.length;l--;){var s=a[e?l:++o];if(n(i[s],s,i)===!1)break}return t}}var N4=R4,I4=N4,L4=I4(),z4=L4;function j4(e,t){for(var n=-1,r=Array(e);++n-1&&e%1==0&&e-1&&e%1==0&&e<=r6}var c0=o6,i6=mo,a6=c0,l6=Qn,s6="[object Arguments]",u6="[object Array]",c6="[object Boolean]",f6="[object Date]",d6="[object Error]",p6="[object Function]",h6="[object Map]",g6="[object Number]",m6="[object Object]",v6="[object RegExp]",y6="[object Set]",b6="[object String]",w6="[object WeakMap]",x6="[object ArrayBuffer]",C6="[object DataView]",S6="[object Float32Array]",E6="[object Float64Array]",F6="[object Int8Array]",k6="[object Int16Array]",A6="[object Int32Array]",$6="[object Uint8Array]",_6="[object Uint8ClampedArray]",D6="[object Uint16Array]",P6="[object Uint32Array]",Le={};Le[S6]=Le[E6]=Le[F6]=Le[k6]=Le[A6]=Le[$6]=Le[_6]=Le[D6]=Le[P6]=!0;Le[s6]=Le[u6]=Le[x6]=Le[c6]=Le[C6]=Le[f6]=Le[d6]=Le[p6]=Le[h6]=Le[g6]=Le[m6]=Le[v6]=Le[y6]=Le[b6]=Le[w6]=!1;function T6(e){return l6(e)&&a6(e.length)&&!!Le[i6(e)]}var O6=T6;function B6(e){return function(t){return e(t)}}var f0=B6,au={exports:{}};au.exports;(function(e,t){var n=c2,r=t&&!t.nodeType&&t,o=r&&!0&&e&&!e.nodeType&&e,i=o&&o.exports===r,a=i&&n.process,l=function(){try{var s=o&&o.require&&o.require("util").types;return s||a&&a.binding&&a.binding("util")}catch(u){}}();e.exports=l})(au,au.exports);var d0=au.exports,M6=O6,R6=f0,f1=d0,d1=f1&&f1.isTypedArray,N6=d1?R6(d1):M6,g2=N6,I6=H4,L6=p2,z6=Fn,j6=u0,H6=h2,G6=g2,W6=Object.prototype,U6=W6.hasOwnProperty;function V6(e,t){var n=z6(e),r=!n&&L6(e),o=!n&&!r&&j6(e),i=!n&&!r&&!o&&G6(e),a=n||r||o||i,l=a?I6(e.length,String):[],s=l.length;for(var u in e)(t||U6.call(e,u))&&!(a&&(u=="length"||o&&(u=="offset"||u=="parent")||i&&(u=="buffer"||u=="byteLength"||u=="byteOffset")||H6(u,s)))&&l.push(u);return l}var m2=V6,K6=Object.prototype;function Y6(e){var t=e&&e.constructor,n=typeof t=="function"&&t.prototype||K6;return e===n}var p0=Y6;function X6(e,t){return function(n){return e(t(n))}}var v2=X6,q6=v2,J6=q6(Object.keys,Object),Q6=J6,Z6=p0,ek=Q6,tk=Object.prototype,nk=tk.hasOwnProperty;function rk(e){if(!Z6(e))return ek(e);var t=[];for(var n in Object(e))nk.call(e,n)&&n!="constructor"&&t.push(n);return t}var ok=rk;function ik(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var Pi=ik,ak=mo,lk=Pi,sk="[object AsyncFunction]",uk="[object Function]",ck="[object GeneratorFunction]",fk="[object Proxy]";function dk(e){if(!lk(e))return!1;var t=ak(e);return t==uk||t==ck||t==sk||t==fk}var y2=dk,pk=y2,hk=c0;function gk(e){return e!=null&&hk(e.length)&&!pk(e)}var Zu=gk,mk=m2,vk=ok,yk=Zu;function bk(e){return yk(e)?mk(e):vk(e)}var hl=bk,wk=z4,xk=hl;function Ck(e,t){return e&&wk(e,t,xk)}var b2=Ck;function Sk(e){return e}var w2=Sk,Ek=w2;function Fk(e){return typeof e=="function"?e:Ek}var kk=Fk,Ak=b2,$k=kk;function _k(e,t){return e&&Ak(e,$k(t))}var h0=_k,Dk=v2,Pk=Dk(Object.getPrototypeOf,Object),g0=Pk,Tk=mo,Ok=g0,Bk=Qn,Mk="[object Object]",Rk=Function.prototype,Nk=Object.prototype,x2=Rk.toString,Ik=Nk.hasOwnProperty,Lk=x2.call(Object);function zk(e){if(!Bk(e)||Tk(e)!=Mk)return!1;var t=Ok(e);if(t===null)return!0;var n=Ik.call(t,"constructor")&&t.constructor;return typeof n=="function"&&n instanceof n&&x2.call(n)==Lk}var jk=zk;function Hk(e,t){for(var n=-1,r=e==null?0:e.length,o=Array(r);++n-1}var o8=r8,i8=ec;function a8(e,t){var n=this.__data__,r=i8(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this}var l8=a8,s8=Wk,u8=Qk,c8=t8,f8=o8,d8=l8;function Ti(e){var t=-1,n=e==null?0:e.length;for(this.clear();++tl))return!1;var u=i.get(e),c=i.get(t);if(u&&c)return u==t&&c==e;var f=-1,p=!0,h=n&EA?new wA:void 0;for(i.set(e,t),i.set(t,e);++f0&&arguments[0]!==void 0?arguments[0]:[],n=[];return(0,hD.default)(t,function(r){Array.isArray(r)?e(r).map(function(o){return n.push(o)}):(0,dD.default)(r)?(0,cD.default)(r,function(o,i){o===!0&&n.push(i),n.push(i+"-"+o)}):(0,sD.default)(r)&&n.push(r)}),n};dl.default=gD;var gl={};function mD(e,t){for(var n=-1,r=e==null?0:e.length;++n1&&arguments[1]!==void 0?arguments[1]:[],r=t.default&&(0,RO.default)(t.default)||{};return n.map(function(o){var i=t[o];return i&&(0,BO.default)(i,function(a,l){r[l]||(r[l]={}),r[l]=NO({},r[l],i[l])}),o}),r};gl.default=IO;var ml={};Object.defineProperty(ml,"__esModule",{value:!0});ml.autoprefix=void 0;var LO=h0,V1=jO(LO),zO=Object.assign||function(e){for(var t=1;t1&&arguments[1]!==void 0?arguments[1]:"span";return function(r){YO(o,r);function o(){var i,a,l,s;KO(this,o);for(var u=arguments.length,c=Array(u),f=0;f1&&arguments[1]!==void 0?arguments[1]:"span";return function(r){eB(o,r);function o(){var i,a,l,s;ZO(this,o);for(var u=arguments.length,c=Array(u),f=0;f1&&arguments[1]!==void 0?arguments[1]:!0;r[a]=l};return t===0&&o("first-child"),t===n-1&&o("last-child"),(t===0||t%2===0)&&o("even"),Math.abs(t%2)===1&&o("odd"),o("nth-child",t),r};k0.default=nB;Object.defineProperty(sn,"__esModule",{value:!0});sn.ReactCSS=sn.loop=sn.handleActive=A0=sn.handleHover=sn.hover=void 0;var rB=dl,oB=Ni(rB),iB=gl,aB=Ni(iB),lB=ml,sB=Ni(lB),uB=vl,V2=Ni(uB),cB=yl,fB=Ni(cB),dB=k0,pB=Ni(dB);function Ni(e){return e&&e.__esModule?e:{default:e}}sn.hover=V2.default;var A0=sn.handleHover=V2.default;sn.handleActive=fB.default;sn.loop=pB.default;var hB=sn.ReactCSS=function(t){for(var n=arguments.length,r=Array(n>1?n-1:0),o=1;ol?p=1:p=Math.round(f*100/l)/100,n.a!==p)return{h:n.h,s:n.s,l:n.l,a:p,source:"rgb"}}else{var h=void 0;if(c<0?h=0:c>a?h=1:h=Math.round(c*100/a)/100,o!==h)return{h:n.h,s:n.s,l:n.l,a:h,source:"rgb"}}return null},Wf={},mB=function(t,n,r,o){if(typeof document=="undefined"&&!o)return null;var i=o?new o:document.createElement("canvas");i.width=r*2,i.height=r*2;var a=i.getContext("2d");return a?(a.fillStyle=t,a.fillRect(0,0,i.width,i.height),a.fillStyle=n,a.fillRect(0,0,r,r),a.translate(r,r),a.fillRect(0,0,r,r),i.toDataURL()):null},vB=function(t,n,r,o){var i=t+"-"+n+"-"+r+(o?"-server":"");if(Wf[i])return Wf[i];var a=mB(t,n,r,o);return Wf[i]=a,a},X1=Object.assign||function(e){for(var t=1;t0:!1;function Bf(e,t,n){e.addEventListener?e.addEventListener(t,n,!1):e.attachEvent&&e.attachEvent("on".concat(t),function(){n(window.event)})}function Qx(e,t){for(var n=t.slice(0,t.length-1),r=0;r=0;)t[n-1]+=",",t.splice(n,1),n=t.lastIndexOf("");return t}function CF(e,t){for(var n=e.length>=t.length?e:t,r=e.length>=t.length?t:e,o=!0,i=0;i=0&&He.splice(n,1),e.key&&e.key.toLowerCase()==="meta"&&He.splice(0,He.length),(t===93||t===224)&&(t=91),t in vt){vt[t]=!1;for(var r in ao)ao[r]===t&&(xn[r]=!1)}}function $F(e){if(!e)Object.keys(ct).forEach(function(a){return delete ct[a]});else if(Array.isArray(e))e.forEach(function(a){a.key&&Mf(a)});else if(typeof e=="object")e.key&&Mf(e);else if(typeof e=="string"){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r1?Qx(ao,u):[];ct[p]=ct[p].map(function(g){var y=o?g.method===o:!0;return y&&g.scope===r&&CF(g.mods,h)?{}:g})}})};function t1(e,t,n){var r;if(t.scope===n||t.scope==="all"){r=t.mods.length>0;for(var o in vt)Object.prototype.hasOwnProperty.call(vt,o)&&(!vt[o]&&t.mods.indexOf(+o)>-1||vt[o]&&t.mods.indexOf(+o)===-1)&&(r=!1);(t.mods.length===0&&!vt[16]&&!vt[18]&&!vt[17]&&!vt[91]||r||t.shortcut==="*")&&t.method(e,t)===!1&&(e.preventDefault?e.preventDefault():e.returnValue=!1,e.stopPropagation&&e.stopPropagation(),e.cancelBubble&&(e.cancelBubble=!0))}}function n1(e){var t=ct["*"],n=e.keyCode||e.which||e.charCode;if(xn.filter.call(this,e)){if((n===93||n===224)&&(n=91),He.indexOf(n)===-1&&n!==229&&He.push(n),["ctrlKey","altKey","shiftKey","metaKey"].forEach(function(h){var g=e1[h];e[h]&&He.indexOf(g)===-1?He.push(g):!e[h]&&He.indexOf(g)>-1?He.splice(He.indexOf(g),1):h==="metaKey"&&e[h]&&He.length===3&&(e.ctrlKey||e.shiftKey||e.altKey||(He=He.slice(He.indexOf(g))))}),n in vt){vt[n]=!0;for(var r in ao)ao[r]===n&&(xn[r]=!0);if(!t)return}for(var o in vt)Object.prototype.hasOwnProperty.call(vt,o)&&(vt[o]=e[e1[o]]);e.getModifierState&&!(e.altKey&&!e.ctrlKey)&&e.getModifierState("AltGraph")&&(He.indexOf(17)===-1&&He.push(17),He.indexOf(18)===-1&&He.push(18),vt[17]=!0,vt[18]=!0);var i=Za();if(t)for(var a=0;a-1}function xn(e,t,n){He=[];var r=Zx(e),o=[],i="all",a=document,l=0,s=!1,u=!0,c="+";for(n===void 0&&typeof t=="function"&&(n=t),Object.prototype.toString.call(t)==="[object Object]"&&(t.scope&&(i=t.scope),t.element&&(a=t.element),t.keyup&&(s=t.keyup),t.keydown!==void 0&&(u=t.keydown),typeof t.splitKey=="string"&&(c=t.splitKey)),typeof t=="string"&&(i=t);l1&&(o=Qx(ao,e)),e=e[e.length-1],e=e==="*"?"*":Qu(e),e in ct||(ct[e]=[]),ct[e].push({keyup:s,keydown:u,scope:i,mods:o,shortcut:r[l],method:n,key:r[l],splitKey:c});typeof a!="undefined"&&!_F(a)&&window&&(n2.push(a),Bf(a,"keydown",function(f){n1(f)}),Bf(window,"focus",function(){He=[]}),Bf(a,"keyup",function(f){n1(f),AF(f)}))}var Rf={setScope:r2,getScope:Za,deleteScope:kF,getPressedKeyCodes:SF,isPressed:FF,filter:EF,unbind:$F};for(var Nf in Rf)Object.prototype.hasOwnProperty.call(Rf,Nf)&&(xn[Nf]=Rf[Nf]);if(typeof window!="undefined"){var DF=window.hotkeys;xn.noConflict=function(e){return e&&window.hotkeys===xn&&(window.hotkeys=DF),xn},window.hotkeys=xn}xn.filter=function(){return!0};var o2=function(t,n){var r=t.target,o=r&&r.tagName;return!!(o&&n&&n.includes(o))},PF=function(t){return o2(t,["INPUT","TEXTAREA","SELECT"])};function oi(e,t,n,r){n instanceof Array&&(r=n,n=void 0);var o=n||{},i=o.enableOnTags,a=o.filter,l=o.keyup,s=o.keydown,u=o.filterPreventDefault,c=u===void 0?!0:u,f=o.enabled,p=f===void 0?!0:f,h=o.enableOnContentEditable,g=h===void 0?!1:h,y=w.useRef(null),C=w.useCallback(function(m,v){var b;return a&&!a(m)?!c:PF(m)&&!o2(m,i)||(b=m.target)!=null&&b.isContentEditable&&!g?!0:y.current===null||document.activeElement===y.current?(t(m,v),!0):!1},r?[y,i,a].concat(r):[y,i,a]);return w.useEffect(function(){if(p)return l&&s!==!0&&(n.keydown=!1),xn(e,n||{},C),function(){return xn.unbind(e,C)}},[C,n,e,p]),y}const ns=new Map,Kr={_deps:{}};function TF(e){for(const t in e)Object.defineProperty(Kr,t,{get(){const n=Ce[t];return Kr._deps[t]=n,n}})}function OF(e){const t=Kr._deps;Kr._deps={};const n=e(Kr),r=Kr._deps;return Kr._deps=t,[n,r]}function BF(e){const t={};let n=!1;for(const r in e){const o=Ce[r];e[r]!==o&&(n=!0),t[r]=o}return[t,n]}function Hr(e){const t=e.toString();if(ns.has(t)){const[o,i]=ns.get(t),[a,l]=BF(i);if(!l)return o;const s=e(a,[o,i]);return ns.set(t,[s,a]),s}const[n,r]=OF(e);return ns.set(t,[n,r]),n}function MF(e){const t={};for(const n in e){const r=e[n];Object.defineProperty(t,n,{get(){return r()[0]}})}return TF(e),t}function RF(e){const t={};for(const n in e){const r=e[n],o=()=>r()[0],i=d(o,{});i.toString=o,t[n]=i}return t}const i2=e=>e.map(({dims:t,label:n})=>({label:`${n} (${t.join(" x ")})`,value:t.join(),dims:t})),NF=i2([{dims:[360,640],label:"Phone"},{dims:[768,1024],label:"Tablet Portrait"},{dims:[800,1280],label:"Tablet Large Portrait"},{dims:[1024,768],label:"Tablet Landscape"},{dims:[1280,800],label:"Tablet Large Landscape"},{dims:[1536,864],label:"Laptop Wide"}]),IF=i2([{dims:[360,640],label:"Phone"},{dims:[360,780],label:"Apple iPhone 12 mini"},{dims:[390,844],label:"Apple iPhone 12 Pro"},{dims:[768,1024],label:"Tablet Portrait"},{dims:[800,1280],label:"Tablet Large Portrait"},{dims:[1024,768],label:"Tablet Landscape"},{dims:[1280,800],label:"Tablet Large Landscape"},{dims:[1366,768],label:"Laptop Small"},{dims:[1440,900],label:"Laptop Medium"},{dims:[900,1440],label:"Laptop Medium Portrait"},{dims:[1536,864],label:"Laptop Wide"},{dims:[1920,1080],label:"Full HD"},{dims:[2560,1080],label:"Ultrawide HD"},{dims:[2560,1440],label:"UHD"},{dims:[3440,1440],label:"Ultrawide UHD"},{dims:[3840,2160],label:"4K"}]),Yr=new Map,r1=new Map,If={},ha={};function pr(e,t){const n=If.hasOwnProperty(e),r=n?If[e]:()=>Yr.has(e)?Yr.get(e):(Yr.set(e,t),ha[e]=new Set,r1.set(e,a=>{const l=typeof a=="function"?a(Yr.get(e)):a;Yr.set(e,l);for(const s of ha[e].values())s(l)}),t);n||(If[e]=r);const[o,i]=w.useState(r);return w.useInsertionEffect(()=>(ha[e].add(i),()=>{ha[e].delete(i)}),[]),[o,r1.get(e)]}const o1=new Set;function LF(e){return Yr.get(e)}function zF(e,t){o1.has(e)||(t(Yr.get(e)),ha[e].add(t),o1.add(e))}let a2={};function jF(e){a2=e}const HF=()=>{const{fetchThemes:e,uploadTheme:t,deleteTheme:n}=a2,[r,o]=pr("serverThemes",[]),[i,a]=pr("serverThemesLoading",!0),[l,s]=pr("serverThemesDirty",!1);return zF("serverThemesDirty",()=>{tt(Be,null,function*(){const c=yield e();o(V({default:{scopes:{}}},c)),a(!1)})}),[r,{serverThemes:r,serverThemesLoading:i,uploadTheme:(u,c)=>tt(Be,null,function*(){a(!0),yield t(u,{name:u,scopes:c}),s(!l)}),deleteTheme:u=>tt(Be,null,function*(){a(!0),yield n(u),s(!l)})}]};function GF(e){return function(t,{type:n,payload:r}){const o=typeof n=="function"?n.name:n;if(typeof e[o]!="function")throw new Error(`No handler for action ${o}`);return e[o](t,r)}}var WF=l2;function l2(e,t,n){e instanceof RegExp&&(e=i1(e,n)),t instanceof RegExp&&(t=i1(t,n));const r=s2(e,t,n);return r&&{start:r[0],end:r[1],pre:n.slice(0,r[0]),body:n.slice(r[0]+e.length,r[1]),post:n.slice(r[1]+t.length)}}function i1(e,t){const n=t.match(e);return n?n[0]:null}l2.range=s2;function s2(e,t,n){let r,o,i,a,l,s=n.indexOf(e),u=n.indexOf(t,s+1),c=s;if(s>=0&&u>0){if(e===t)return[s,u];for(r=[],i=n.length;c>=0&&!l;)c===s?(r.push(c),s=n.indexOf(e,c+1)):r.length===1?l=[r.pop(),u]:(o=r.pop(),o=0?s:u;r.length&&(l=[i,a])}return l}const UF=ho(WF);function $p(e){let t;try{t=UF("(",")",e)}catch(o){return}if(!t)return;if(/(?:^|[^\w-])var$/.test(t.pre))return{pre:t.pre.slice(0,-3),body:t.body,post:t.post};const n=$p(t.body);if(n)return{pre:t.pre+"("+n.pre,body:n.body,post:n.post+")"+t.post};const r=$p(t.post);if(r)return{pre:t.pre+"("+t.body+")"+r.pre,body:r.body,post:r.post}}const s0=/:(active|focus(-(visible|within))?|visited|hover|disabled|:[\w-]+)/g,u2=/:not\([\s,\*]*\)/g;function VF(e){return e===""||e==="*"||e===":root"?"*":`${e}, :where(${e}) *`.replace("\\\\","\\")}let Ds;function KF(e,t){if(typeof t.matches!="function")return!1;const n=e.statelessSelector;if(Ds.has(n))return Ds.get(n);try{const r=t.matches(n);return Ds.set(n,r),r}catch(r){return console.log("Failed testing a selector",e),!1}}const Lf=new WeakMap,c2=({cssVars:e,target:t})=>{if(Lf.has(t))return Lf.get(t);Ds=new Map;let n;try{n=e.filter(r=>KF(r,t))}catch(r){console.log(t,r),n=[]}return Lf.set(t,n),n},u0=({href:e})=>!e||e.indexOf(window.location.origin)===0,_a={},YF=e=>e.map(t=>XF(t)),a1=[],XF=e=>tt(Be,null,function*(){if(!a1.includes(e)){if(!_a[e]){const t=e.split("?")[0]+".map";try{let n=yield(yield fetch(t)).json();_a[e]=yield new window.sourceMap.SourceMapConsumer(n)}catch(n){a1.push(e);return}}return _a[e]}}),qF=(e,t,n)=>(r,o)=>{const{text:i,index:a}=o;if(/^\s*--/.test(i))return r;const l=`var(${e}`,[s,...u]=i.split(l);let c=s.length;for(const f of u){const p=a+1;if(!/^[\w-]/.test(f))return r.push(ie(V({},t.originalPositionFor({line:p,column:c})),{generated:{line:p,column:c,sheet:n}})),r;c+=l.length+f.length}return r},Da={},JF=e=>tt(Be,null,function*(){if(!(e in Da)){const t=yield(yield fetch(e)).text();Da[e]=t.split(` +`).reduce((n,r,o)=>(r.includes("var(")&&n.push({text:r,index:o}),n),[])}return Da[e]}),QF=e=>e.map(t=>JF(t)),ZF=(e,t,n)=>{if(!e)return[];const r=Da[e];return r?r.reduce(qF(t,n,e),[]):(console.warn("no lines",e,Object.keys(Da)),[])},e4=(e,t)=>tt(Be,null,function*(){let n;if(u0(t))n=t.cssRules;else try{const r=yield(yield fetch(t.href)).text(),o=document.createElement("style");o.innerText=r,document.head.appendChild(o),n=document.styleSheets[document.styleSheets.length-1].cssRules,document.head.removeChild(o)}catch(r){return yield e}return[...n].reduce((r,o)=>_p(r,o,t),yield e)}),t4=(e,t)=>e.some(({usages:n})=>n.some(r=>r.sheet===t.href)),n4=(e,t)=>tt(Be,null,function*(){const r=t.filter(i=>i.href&&t4(e,i)&&u0(i)).map(i=>[...YF([i.href]),...QF([i.href])]);if(r.length===0)return yield Promise.allSettled([]);const o=r.reduce((i,a)=>[...i,...a],[]);return yield Promise.allSettled(o)});let l1=[];function iu(e){const t=e.replaceAll(s0,"").replace(/:?:(before|after|first\-letter)/,"").trim().replaceAll(/^\s*[\>+~]/g,"").replaceAll(/,\s*[\>+~]/g,",").replaceAll(/\(,/g,"(").replaceAll(/[\>+~]\s*,/g,">*,").replaceAll(/[\>+~]\s*$/g,"~*").replaceAll(/[\>+~]\s*\)/g,"~*)").replaceAll(/\(\s*[\>+~]/g,"(").replaceAll(/,(\s*,)+/g,",").replaceAll(/:(where|is|not)\([\s,]*\)/g,"").replace(/^(\s*,\s*)+/,"").replace(/(\s*,\s*)+$/,"").replaceAll(/\s*,\s*/g,",").replaceAll(/,\s*\)/g,")");return VF(t)}const r4=()=>tt(Be,null,function*(){const e=performance.now(),t=[...document.styleSheets].filter(l=>{var s;return((s=l.ownerNode)==null?void 0:s.id)!==jg}),n=yield t.reduce(e4,{});l1=Object.keys(pt).filter(l=>document.querySelectorAll(l).length>0),l1.filter(l=>document.querySelector(l)===document.documentElement);const r=Object.entries(n).map(([l,s])=>ie(V({name:l},s),{statelessSelector:[...new Set(s.usages.map(u=>u.statelessSelector))].join()}));yield n4(r,t);const o=r.map(l=>{const{name:s,usages:u}=l,f=[...new Set(u.filter(p=>p.sheet).map(p=>p.sheet))].reduce((p,h)=>{const g=_a[h];if(!g)return p;const y=ZF(h,s,g);return p.push(...y),p},[]);return l.usages=l.usages.map((p,h)=>(p.position=f[h],p)),l.positions=f,l}),i=yield Promise.allSettled(o);Object.values(_a).forEach(l=>l&&l.destroy());const a=performance.now()-e;return console.info(`Extracted data in ${a}ms`),yield i.filter(o4).map(l=>l.value)}),o4=e=>e.status==="fulfilled",Zu="theme-editor-highlight",el=e=>!!e&&e.classList.add(Zu),di=e=>!!e&&e.classList.remove(Zu);function i4(e,t){let n=e,r="",o=/^border\-\w+-/.test(e)?e.replace(/(.*-)*/,""):"",i=!1,a=o!==""&&!["source","slice","outset","repeat"].includes(o);if(o==="radius")return["border-radius",t.style["border-radius"]];const l=a4(e);if(l)return[l,t.style[l]];for(;r===""||typeof r=="undefined";){const s=n.replace(/-\w+$/,"");if(s===n)break;const u=s==="border";n=u&&!i&&a?`border-${o}`:s,i=u||i,r=t.style[n]}return[n,r]}function a4(e){switch(e){case"column-count":case"column-width":return"columns";case"flex-direction":case"flex-wrap":return"flex-flow";case"line-height":return"font";case"row-gap":case"column-gap":return"gap";case"grid-column-end":case"grid-column-start":return"grid-column";case"grid-row-end":case"grid-row-start":return"grid-row";case"align-content":case"justify-content":return"place-content";case"align-items":case"justify-items":return"place-items"}}const pt={":root":{},":where(html)":{}},pi={},_p=(e,t,n,r=null,o=null)=>{if(t.type===1){const i=[],a=t.selectorText;if(a===`.${Zu}`)return e;for(let l of t.style){const s=l.startsWith("--"),c=t.style.getPropertyValue(l)==="";let f=t.style.getPropertyValue(l).trim();if(s){pt[a]||(pt[a]={}),(!r||!/prefers\-color\-scheme\: ?dark/.test(r))&&(pt[a][l]=f,pi[l]||(pi[l]={}),pi[l][a]=f);continue}let p,h=!0,g=0;if(c){const[v,b]=i4(l,t);if(i.includes(v)||b===""||b===void 0)continue;i.push(v),f=b,l=v}const y=f,C=t.style.getPropertyPriority(l)==="important";for(;p=$p(f);){const v=p.body.split(",").map(z=>z.trim()),b=h&&p.pre.trim()===""&&p.post.replace(/\s*\!important$/,"")==="",_=/^\s*\)\s*/.test(p.post)&&/\w+(-\w+)*\(\s*$/.test(p.pre)?p.pre.match(/(\w+(-\w+)*)\(\s*$/)[1]:null;h=!1;const[A,...D]=v,T=D.join(","),O={selector:a,statelessSelector:iu(a),property:l,defaultValue:T,media:r,supports:o,sheet:n.href,isFullProperty:b,fullValue:y,isImportant:C,index:g,cssFunc:_};g++,e.hasOwnProperty(A)||(e[A]={properties:{},usages:[],statelessSelector:null,cssFunc:_}),e[A].usages.push(O),e[A].cssFunc=e[A].cssFunc||_,e[A].properties[l]={isFullProperty:b,fullValue:y,isImportant:C},f=(p.pre||"")+p.body.replace(A,"")+(p.post||"")}const m=(f==null?void 0:f.trim())||"";m!==""&&!m.startsWith(",")&&(y in e||(e[y]={isRawValue:!0,properties:{},usages:[],statelessSelector:null}),e[y].usages.push({selector:a,statelessSelector:iu(a),property:l,defaultValue:y,media:r,supports:o,sheet:n.href,isFullProperty:!0,fullValue:y,isImportant:C,index:g}),e[y].properties[l]={isFullProperty:!0,fullValue:y,isImportant:C})}}return t.type===4&&[...t.cssRules].forEach(i=>_p(e,i,n,t.conditionText,o)),t.type===12&&[...t.cssRules].forEach(i=>_p(e,i,n,r,t.conditionText)),e},l4={scopes:{}},Lt=":root",Me={set:(e,{name:t,value:n,scope:r=Lt})=>{const{scopes:o}=e;if(t==="")return e;const i=mn(o,[]);return i[r]=ie(V({},o[r]||{}),{[t]:n}),ie(V({},e),{scopes:i})},unset:(e,{name:t,scope:n=Lt})=>{const{scopes:r}=e;if(!(r[n]&&t in r[n]))return e;const{[n]:o}=r,l=o,{[t]:i}=l,a=mn(l,[af(t)]);return ie(V({},e),{scopes:ie(V({},r),{[n]:a})})},createAlias(e,t){const{name:n,value:r,generatedName:o}=t;let i;if(o)i=o;else{let u=function(p){return p.hasOwnProperty(i)&&p[i]!==r},c=function(){return Object.values(pt).some(u)||Object.values(e.scopes).some(u)};i=`--${n.replaceAll(" ","-")}`;let f=0;for(;c();)f++,i=`--${n.replaceAll(" ","-")}-${f}`;t.generatedName=i}const a=`var(${i})`,l={};let s=!1;for(const u of Object.keys(pt))for(const[c,f]of Object.entries(pt[u]))f===r&&(l.hasOwnProperty(u)||(l[u]={}),l[u][c]=a);for(const u in e.scopes){l[u]||(l[u]={});const c=e.scopes[u];for(const f in c){const p=c[f]===r;l[u][f]=p?a:c[f]}u===Lt&&(l[u][i]=r,s=!0)}return s||(l[Lt]||(l[Lt]={}),l[Lt][i]=r),ie(V({},e),{scopes:l})},loadTheme:(e,{theme:t={}})=>{const n="scopes"in t;return ie(V({},e),{scopes:n?t.scopes:{[Lt]:t}})}},s4=GF(Me);function u4(){return $S(s4,l4,null,"themeEditor")}function gn(){return yg("themeEditor")}var sn={},pl={},c4=typeof Nl=="object"&&Nl&&Nl.Object===Object&&Nl,f2=c4,f4=f2,d4=typeof self=="object"&&self&&self.Object===Object&&self,p4=f4||d4||Function("return this")(),Nn=p4,h4=Nn,g4=h4.Symbol,hl=g4,s1=hl,d2=Object.prototype,m4=d2.hasOwnProperty,v4=d2.toString,ta=s1?s1.toStringTag:void 0;function y4(e){var t=m4.call(e,ta),n=e[ta];try{e[ta]=void 0;var r=!0}catch(i){}var o=v4.call(e);return r&&(t?e[ta]=n:delete e[ta]),o}var b4=y4,w4=Object.prototype,x4=w4.toString;function C4(e){return x4.call(e)}var S4=C4,u1=hl,E4=b4,F4=S4,k4="[object Null]",A4="[object Undefined]",c1=u1?u1.toStringTag:void 0;function $4(e){return e==null?e===void 0?A4:k4:c1&&c1 in Object(e)?E4(e):F4(e)}var vo=$4,_4=Array.isArray,Fn=_4;function D4(e){return e!=null&&typeof e=="object"}var Qn=D4,P4=vo,T4=Fn,O4=Qn,B4="[object String]";function M4(e){return typeof e=="string"||!T4(e)&&O4(e)&&P4(e)==B4}var R4=M4;function N4(e){return function(t,n,r){for(var o=-1,i=Object(t),a=r(t),l=a.length;l--;){var s=a[e?l:++o];if(n(i[s],s,i)===!1)break}return t}}var I4=N4,L4=I4,z4=L4(),j4=z4;function H4(e,t){for(var n=-1,r=Array(e);++n-1&&e%1==0&&e-1&&e%1==0&&e<=o6}var f0=i6,a6=vo,l6=f0,s6=Qn,u6="[object Arguments]",c6="[object Array]",f6="[object Boolean]",d6="[object Date]",p6="[object Error]",h6="[object Function]",g6="[object Map]",m6="[object Number]",v6="[object Object]",y6="[object RegExp]",b6="[object Set]",w6="[object String]",x6="[object WeakMap]",C6="[object ArrayBuffer]",S6="[object DataView]",E6="[object Float32Array]",F6="[object Float64Array]",k6="[object Int8Array]",A6="[object Int16Array]",$6="[object Int32Array]",_6="[object Uint8Array]",D6="[object Uint8ClampedArray]",P6="[object Uint16Array]",T6="[object Uint32Array]",Le={};Le[E6]=Le[F6]=Le[k6]=Le[A6]=Le[$6]=Le[_6]=Le[D6]=Le[P6]=Le[T6]=!0;Le[u6]=Le[c6]=Le[C6]=Le[f6]=Le[S6]=Le[d6]=Le[p6]=Le[h6]=Le[g6]=Le[m6]=Le[v6]=Le[y6]=Le[b6]=Le[w6]=Le[x6]=!1;function O6(e){return s6(e)&&l6(e.length)&&!!Le[a6(e)]}var B6=O6;function M6(e){return function(t){return e(t)}}var d0=M6,lu={exports:{}};lu.exports;(function(e,t){var n=f2,r=t&&!t.nodeType&&t,o=r&&!0&&e&&!e.nodeType&&e,i=o&&o.exports===r,a=i&&n.process,l=function(){try{var s=o&&o.require&&o.require("util").types;return s||a&&a.binding&&a.binding("util")}catch(u){}}();e.exports=l})(lu,lu.exports);var p0=lu.exports,R6=B6,N6=d0,d1=p0,p1=d1&&d1.isTypedArray,I6=p1?N6(p1):R6,m2=I6,L6=G4,z6=h2,j6=Fn,H6=c0,G6=g2,W6=m2,U6=Object.prototype,V6=U6.hasOwnProperty;function K6(e,t){var n=j6(e),r=!n&&z6(e),o=!n&&!r&&H6(e),i=!n&&!r&&!o&&W6(e),a=n||r||o||i,l=a?L6(e.length,String):[],s=l.length;for(var u in e)(t||V6.call(e,u))&&!(a&&(u=="length"||o&&(u=="offset"||u=="parent")||i&&(u=="buffer"||u=="byteLength"||u=="byteOffset")||G6(u,s)))&&l.push(u);return l}var v2=K6,Y6=Object.prototype;function X6(e){var t=e&&e.constructor,n=typeof t=="function"&&t.prototype||Y6;return e===n}var h0=X6;function q6(e,t){return function(n){return e(t(n))}}var y2=q6,J6=y2,Q6=J6(Object.keys,Object),Z6=Q6,ek=h0,tk=Z6,nk=Object.prototype,rk=nk.hasOwnProperty;function ok(e){if(!ek(e))return tk(e);var t=[];for(var n in Object(e))rk.call(e,n)&&n!="constructor"&&t.push(n);return t}var ik=ok;function ak(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var Ti=ak,lk=vo,sk=Ti,uk="[object AsyncFunction]",ck="[object Function]",fk="[object GeneratorFunction]",dk="[object Proxy]";function pk(e){if(!sk(e))return!1;var t=lk(e);return t==ck||t==fk||t==uk||t==dk}var b2=pk,hk=b2,gk=f0;function mk(e){return e!=null&&gk(e.length)&&!hk(e)}var ec=mk,vk=v2,yk=ik,bk=ec;function wk(e){return bk(e)?vk(e):yk(e)}var gl=wk,xk=j4,Ck=gl;function Sk(e,t){return e&&xk(e,t,Ck)}var w2=Sk;function Ek(e){return e}var x2=Ek,Fk=x2;function kk(e){return typeof e=="function"?e:Fk}var Ak=kk,$k=w2,_k=Ak;function Dk(e,t){return e&&$k(e,_k(t))}var g0=Dk,Pk=y2,Tk=Pk(Object.getPrototypeOf,Object),m0=Tk,Ok=vo,Bk=m0,Mk=Qn,Rk="[object Object]",Nk=Function.prototype,Ik=Object.prototype,C2=Nk.toString,Lk=Ik.hasOwnProperty,zk=C2.call(Object);function jk(e){if(!Mk(e)||Ok(e)!=Rk)return!1;var t=Bk(e);if(t===null)return!0;var n=Lk.call(t,"constructor")&&t.constructor;return typeof n=="function"&&n instanceof n&&C2.call(n)==zk}var Hk=jk;function Gk(e,t){for(var n=-1,r=e==null?0:e.length,o=Array(r);++n-1}var i8=o8,a8=tc;function l8(e,t){var n=this.__data__,r=a8(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this}var s8=l8,u8=Uk,c8=Zk,f8=n8,d8=i8,p8=s8;function Oi(e){var t=-1,n=e==null?0:e.length;for(this.clear();++tl))return!1;var u=i.get(e),c=i.get(t);if(u&&c)return u==t&&c==e;var f=-1,p=!0,h=n&FA?new xA:void 0;for(i.set(e,t),i.set(t,e);++f0&&arguments[0]!==void 0?arguments[0]:[],n=[];return(0,gD.default)(t,function(r){Array.isArray(r)?e(r).map(function(o){return n.push(o)}):(0,pD.default)(r)?(0,fD.default)(r,function(o,i){o===!0&&n.push(i),n.push(i+"-"+o)}):(0,uD.default)(r)&&n.push(r)}),n};pl.default=mD;var ml={};function vD(e,t){for(var n=-1,r=e==null?0:e.length;++n1&&arguments[1]!==void 0?arguments[1]:[],r=t.default&&(0,NO.default)(t.default)||{};return n.map(function(o){var i=t[o];return i&&(0,MO.default)(i,function(a,l){r[l]||(r[l]={}),r[l]=IO({},r[l],i[l])}),o}),r};ml.default=LO;var vl={};Object.defineProperty(vl,"__esModule",{value:!0});vl.autoprefix=void 0;var zO=g0,K1=HO(zO),jO=Object.assign||function(e){for(var t=1;t1&&arguments[1]!==void 0?arguments[1]:"span";return function(r){XO(o,r);function o(){var i,a,l,s;YO(this,o);for(var u=arguments.length,c=Array(u),f=0;f1&&arguments[1]!==void 0?arguments[1]:"span";return function(r){tB(o,r);function o(){var i,a,l,s;eB(this,o);for(var u=arguments.length,c=Array(u),f=0;f1&&arguments[1]!==void 0?arguments[1]:!0;r[a]=l};return t===0&&o("first-child"),t===n-1&&o("last-child"),(t===0||t%2===0)&&o("even"),Math.abs(t%2)===1&&o("odd"),o("nth-child",t),r};A0.default=rB;Object.defineProperty(sn,"__esModule",{value:!0});sn.ReactCSS=sn.loop=sn.handleActive=$0=sn.handleHover=sn.hover=void 0;var oB=pl,iB=Ii(oB),aB=ml,lB=Ii(aB),sB=vl,uB=Ii(sB),cB=yl,K2=Ii(cB),fB=bl,dB=Ii(fB),pB=A0,hB=Ii(pB);function Ii(e){return e&&e.__esModule?e:{default:e}}sn.hover=K2.default;var $0=sn.handleHover=K2.default;sn.handleActive=dB.default;sn.loop=hB.default;var gB=sn.ReactCSS=function(t){for(var n=arguments.length,r=Array(n>1?n-1:0),o=1;ol?p=1:p=Math.round(f*100/l)/100,n.a!==p)return{h:n.h,s:n.s,l:n.l,a:p,source:"rgb"}}else{var h=void 0;if(c<0?h=0:c>a?h=1:h=Math.round(c*100/a)/100,o!==h)return{h:n.h,s:n.s,l:n.l,a:h,source:"rgb"}}return null},Uf={},vB=function(t,n,r,o){if(typeof document=="undefined"&&!o)return null;var i=o?new o:document.createElement("canvas");i.width=r*2,i.height=r*2;var a=i.getContext("2d");return a?(a.fillStyle=t,a.fillRect(0,0,i.width,i.height),a.fillStyle=n,a.fillRect(0,0,r,r),a.translate(r,r),a.fillRect(0,0,r,r),i.toDataURL()):null},yB=function(t,n,r,o){var i=t+"-"+n+"-"+r+(o?"-server":"");if(Uf[i])return Uf[i];var a=vB(t,n,r,o);return Uf[i]=a,a},q1=Object.assign||function(e){for(var t=1;t-1},PB=function(t){return Number(String(t).replace(/%/g,""))},TB=1,ke=function(e){kB(t,e);function t(n){EB(this,t);var r=FB(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return r.handleBlur=function(){r.state.blurValue&&r.setState({value:r.state.blurValue,blurValue:null})},r.handleChange=function(o){r.setUpdatedValue(o.target.value,o)},r.handleKeyDown=function(o){var i=PB(o.target.value);if(!isNaN(i)&&DB(o.keyCode)){var a=r.getArrowOffset(),l=o.keyCode===K2?i+a:i-a;r.setUpdatedValue(l,o)}},r.handleDrag=function(o){if(r.props.dragLabel){var i=Math.round(r.props.value+o.movementX);i>=0&&i<=r.props.dragMax&&r.props.onChange&&r.props.onChange(r.getValueObjectWithLabel(i),o)}},r.handleMouseDown=function(o){r.props.dragLabel&&(o.preventDefault(),r.handleDrag(o),window.addEventListener("mousemove",r.handleDrag),window.addEventListener("mouseup",r.handleMouseUp))},r.handleMouseUp=function(){r.unbindEventListeners()},r.unbindEventListeners=function(){window.removeEventListener("mousemove",r.handleDrag),window.removeEventListener("mouseup",r.handleMouseUp)},r.state={value:String(n.value).toUpperCase(),blurValue:String(n.value).toUpperCase()},r.inputId="rc-editable-input-"+TB++,r}return CB(t,[{key:"componentDidUpdate",value:function(r,o){this.props.value!==this.state.value&&(r.value!==this.props.value||o.value!==this.state.value)&&(this.input===document.activeElement?this.setState({blurValue:String(this.props.value).toUpperCase()}):this.setState({value:String(this.props.value).toUpperCase(),blurValue:!this.state.blurValue&&String(this.props.value).toUpperCase()}))}},{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"getValueObjectWithLabel",value:function(r){return SB({},this.props.label,r)}},{key:"getArrowOffset",value:function(){return this.props.arrowOffset||AB}},{key:"setUpdatedValue",value:function(r,o){var i=this.props.label?this.getValueObjectWithLabel(r):r;this.props.onChange&&this.props.onChange(i,o),this.setState({value:r})}},{key:"render",value:function(){var r=this,o=be({default:{wrap:{position:"relative"}},"user-override":{wrap:this.props.style&&this.props.style.wrap?this.props.style.wrap:{},input:this.props.style&&this.props.style.input?this.props.style.input:{},label:this.props.style&&this.props.style.label?this.props.style.label:{}},"dragLabel-true":{label:{cursor:"ew-resize"}}},{"user-override":!0},this.props);return x.createElement("div",{style:o.wrap},x.createElement("input",{id:this.inputId,style:o.input,ref:function(a){return r.input=a},value:this.state.value,onKeyDown:this.handleKeyDown,onChange:this.handleChange,onBlur:this.handleBlur,placeholder:this.props.placeholder,spellCheck:"false"}),this.props.label&&!this.props.hideLabel?x.createElement("label",{htmlFor:this.inputId,style:o.label,onMouseDown:this.handleMouseDown},this.props.label):null)}}]),t}(w.PureComponent||w.Component),OB=function(t,n,r,o){var i=o.clientWidth,a=o.clientHeight,l=typeof t.pageX=="number"?t.pageX:t.touches[0].pageX,s=typeof t.pageY=="number"?t.pageY:t.touches[0].pageY,u=l-(o.getBoundingClientRect().left+window.pageXOffset),c=s-(o.getBoundingClientRect().top+window.pageYOffset);if(n==="vertical"){var f=void 0;if(c<0)f=359;else if(c>a)f=0;else{var p=-(c*100/a)+100;f=360*p/100}if(r.h!==f)return{h:f,s:r.s,l:r.l,a:r.a,source:"hsl"}}else{var h=void 0;if(u<0)h=0;else if(u>i)h=359;else{var g=u*100/i;h=360*g/100}if(r.h!==h)return{h,s:r.s,l:r.l,a:r.a,source:"hsl"}}return null},BB=function(){function e(t,n){for(var r=0;r-1},TB=function(t){return Number(String(t).replace(/%/g,""))},OB=1,ke=function(e){AB(t,e);function t(n){FB(this,t);var r=kB(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return r.handleBlur=function(){r.state.blurValue&&r.setState({value:r.state.blurValue,blurValue:null})},r.handleChange=function(o){r.setUpdatedValue(o.target.value,o)},r.handleKeyDown=function(o){var i=TB(o.target.value);if(!isNaN(i)&&PB(o.keyCode)){var a=r.getArrowOffset(),l=o.keyCode===Y2?i+a:i-a;r.setUpdatedValue(l,o)}},r.handleDrag=function(o){if(r.props.dragLabel){var i=Math.round(r.props.value+o.movementX);i>=0&&i<=r.props.dragMax&&r.props.onChange&&r.props.onChange(r.getValueObjectWithLabel(i),o)}},r.handleMouseDown=function(o){r.props.dragLabel&&(o.preventDefault(),r.handleDrag(o),window.addEventListener("mousemove",r.handleDrag),window.addEventListener("mouseup",r.handleMouseUp))},r.handleMouseUp=function(){r.unbindEventListeners()},r.unbindEventListeners=function(){window.removeEventListener("mousemove",r.handleDrag),window.removeEventListener("mouseup",r.handleMouseUp)},r.state={value:String(n.value).toUpperCase(),blurValue:String(n.value).toUpperCase()},r.inputId="rc-editable-input-"+OB++,r}return SB(t,[{key:"componentDidUpdate",value:function(r,o){this.props.value!==this.state.value&&(r.value!==this.props.value||o.value!==this.state.value)&&(this.input===document.activeElement?this.setState({blurValue:String(this.props.value).toUpperCase()}):this.setState({value:String(this.props.value).toUpperCase(),blurValue:!this.state.blurValue&&String(this.props.value).toUpperCase()}))}},{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"getValueObjectWithLabel",value:function(r){return EB({},this.props.label,r)}},{key:"getArrowOffset",value:function(){return this.props.arrowOffset||$B}},{key:"setUpdatedValue",value:function(r,o){var i=this.props.label?this.getValueObjectWithLabel(r):r;this.props.onChange&&this.props.onChange(i,o),this.setState({value:r})}},{key:"render",value:function(){var r=this,o=be({default:{wrap:{position:"relative"}},"user-override":{wrap:this.props.style&&this.props.style.wrap?this.props.style.wrap:{},input:this.props.style&&this.props.style.input?this.props.style.input:{},label:this.props.style&&this.props.style.label?this.props.style.label:{}},"dragLabel-true":{label:{cursor:"ew-resize"}}},{"user-override":!0},this.props);return x.createElement("div",{style:o.wrap},x.createElement("input",{id:this.inputId,style:o.input,ref:function(a){return r.input=a},value:this.state.value,onKeyDown:this.handleKeyDown,onChange:this.handleChange,onBlur:this.handleBlur,placeholder:this.props.placeholder,spellCheck:"false"}),this.props.label&&!this.props.hideLabel?x.createElement("label",{htmlFor:this.inputId,style:o.label,onMouseDown:this.handleMouseDown},this.props.label):null)}}]),t}(w.PureComponent||w.Component),BB=function(t,n,r,o){var i=o.clientWidth,a=o.clientHeight,l=typeof t.pageX=="number"?t.pageX:t.touches[0].pageX,s=typeof t.pageY=="number"?t.pageY:t.touches[0].pageY,u=l-(o.getBoundingClientRect().left+window.pageXOffset),c=s-(o.getBoundingClientRect().top+window.pageYOffset);if(n==="vertical"){var f=void 0;if(c<0)f=359;else if(c>a)f=0;else{var p=-(c*100/a)+100;f=360*p/100}if(r.h!==f)return{h:f,s:r.s,l:r.l,a:r.a,source:"hsl"}}else{var h=void 0;if(u<0)h=0;else if(u>i)h=359;else{var g=u*100/i;h=360*g/100}if(r.h!==h)return{h,s:r.s,l:r.l,a:r.a,source:"hsl"}}return null},MB=function(){function e(t,n){for(var r=0;r-1}function YB(e,t){var n=this.__data__,r=sc(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this}function Zn(e){var t=-1,n=e==null?0:e.length;for(this.clear();++t-1&&e%1==0&&e<=tR}function zi(e){return e!=null&&T0(e.length)&&!_0(e)}function nR(e){return Or(e)&&zi(e)}function rR(){return!1}var oC=typeof Be=="object"&&Be&&!Be.nodeType&&Be,ov=oC&&typeof qt=="object"&&qt&&!qt.nodeType&&qt,oR=ov&&ov.exports===oC,iv=oR?kn.Buffer:void 0,iR=iv?iv.isBuffer:void 0,du=iR||rR,aR="[object Object]",lR=Function.prototype,sR=Object.prototype,iC=lR.toString,uR=sR.hasOwnProperty,cR=iC.call(Object);function fR(e){if(!Or(e)||yo(e)!=aR)return!1;var t=nC(e);if(t===null)return!0;var n=uR.call(t,"constructor")&&t.constructor;return typeof n=="function"&&n instanceof n&&iC.call(n)==cR}var dR="[object Arguments]",pR="[object Array]",hR="[object Boolean]",gR="[object Date]",mR="[object Error]",vR="[object Function]",yR="[object Map]",bR="[object Number]",wR="[object Object]",xR="[object RegExp]",CR="[object Set]",SR="[object String]",ER="[object WeakMap]",FR="[object ArrayBuffer]",kR="[object DataView]",AR="[object Float32Array]",$R="[object Float64Array]",_R="[object Int8Array]",DR="[object Int16Array]",PR="[object Int32Array]",TR="[object Uint8Array]",OR="[object Uint8ClampedArray]",BR="[object Uint16Array]",MR="[object Uint32Array]",ze={};ze[AR]=ze[$R]=ze[_R]=ze[DR]=ze[PR]=ze[TR]=ze[OR]=ze[BR]=ze[MR]=!0;ze[dR]=ze[pR]=ze[FR]=ze[hR]=ze[kR]=ze[gR]=ze[mR]=ze[vR]=ze[yR]=ze[bR]=ze[wR]=ze[xR]=ze[CR]=ze[SR]=ze[ER]=!1;function RR(e){return Or(e)&&T0(e.length)&&!!ze[yo(e)]}function NR(e){return function(t){return e(t)}}var aC=typeof Be=="object"&&Be&&!Be.nodeType&&Be,Da=aC&&typeof qt=="object"&&qt&&!qt.nodeType&&qt,IR=Da&&Da.exports===aC,Vf=IR&&J2.process,av=function(){try{var e=Da&&Da.require&&Da.require("util").types;return e||Vf&&Vf.binding&&Vf.binding("util")}catch(t){}}(),lv=av&&av.isTypedArray,O0=lv?NR(lv):RR;function Mp(e,t){if(!(t==="constructor"&&typeof e[t]=="function")&&t!="__proto__")return e[t]}var LR=Object.prototype,zR=LR.hasOwnProperty;function jR(e,t,n){var r=e[t];(!(zR.call(e,t)&&bl(r,n))||n===void 0&&!(t in e))&&D0(e,t,n)}function HR(e,t,n,r){var o=!n;n||(n={});for(var i=-1,a=t.length;++i-1&&e%1==0&&e0){if(++t>=oN)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}var sN=lN(rN);function uN(e,t){return sN(tN(e,t,cc),e+"")}function cN(e,t,n){if(!pn(n))return!1;var r=typeof t;return(r=="number"?zi(n)&&B0(t,n.length):r=="string"&&t in n)?bl(n[t],e):!1}function fN(e){return uN(function(t,n){var r=-1,o=n.length,i=o>1?n[o-1]:void 0,a=o>2?n[2]:void 0;for(i=e.length>3&&typeof i=="function"?(o--,i):void 0,a&&cN(n[0],n[1],a)&&(i=o<3?void 0:i,o=1),t=Object(t);++r=t||D<0||f&&T>=i}function m(){var A=Kf();if(C(A))return v(A);l=setTimeout(m,y(A))}function v(A){return l=void 0,p&&r?h(A):(r=o=void 0,a)}function b(){l!==void 0&&clearTimeout(l),u=0,r=s=o=l=void 0}function F(){return l===void 0?a:v(Kf())}function _(){var A=Kf(),D=C(A);if(r=arguments,o=this,s=A,D){if(l===void 0)return g(s);if(f)return clearTimeout(l),l=setTimeout(m,t),h(s)}return l===void 0&&(l=setTimeout(m,t)),a}return _.cancel=b,_.flush=F,_}var EN="Expected a function";function FN(e,t,n){var r=!0,o=!0;if(typeof e!="function")throw new TypeError(EN);return pn(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),cC(e,t,{leading:r,maxWait:t,trailing:o})}var kN=function(t,n,r){var o=r.getBoundingClientRect(),i=o.width,a=o.height,l=typeof t.pageX=="number"?t.pageX:t.touches[0].pageX,s=typeof t.pageY=="number"?t.pageY:t.touches[0].pageY,u=l-(r.getBoundingClientRect().left+window.pageXOffset),c=s-(r.getBoundingClientRect().top+window.pageYOffset);u<0?u=0:u>i&&(u=i),c<0?c=0:c>a&&(c=a);var f=u/i,p=1-c/a;return{h:n.h,s:f,v:p,a:n.a,source:"hsv"}},AN=function(){function e(t,n){for(var r=0;r-1}function XB(e,t){var n=this.__data__,r=uc(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this}function Zn(e){var t=-1,n=e==null?0:e.length;for(this.clear();++t-1&&e%1==0&&e<=nR}function ji(e){return e!=null&&O0(e.length)&&!D0(e)}function rR(e){return Or(e)&&ji(e)}function oR(){return!1}var iC=typeof Be=="object"&&Be&&!Be.nodeType&&Be,iv=iC&&typeof qt=="object"&&qt&&!qt.nodeType&&qt,iR=iv&&iv.exports===iC,av=iR?kn.Buffer:void 0,aR=av?av.isBuffer:void 0,pu=aR||oR,lR="[object Object]",sR=Function.prototype,uR=Object.prototype,aC=sR.toString,cR=uR.hasOwnProperty,fR=aC.call(Object);function dR(e){if(!Or(e)||bo(e)!=lR)return!1;var t=rC(e);if(t===null)return!0;var n=cR.call(t,"constructor")&&t.constructor;return typeof n=="function"&&n instanceof n&&aC.call(n)==fR}var pR="[object Arguments]",hR="[object Array]",gR="[object Boolean]",mR="[object Date]",vR="[object Error]",yR="[object Function]",bR="[object Map]",wR="[object Number]",xR="[object Object]",CR="[object RegExp]",SR="[object Set]",ER="[object String]",FR="[object WeakMap]",kR="[object ArrayBuffer]",AR="[object DataView]",$R="[object Float32Array]",_R="[object Float64Array]",DR="[object Int8Array]",PR="[object Int16Array]",TR="[object Int32Array]",OR="[object Uint8Array]",BR="[object Uint8ClampedArray]",MR="[object Uint16Array]",RR="[object Uint32Array]",ze={};ze[$R]=ze[_R]=ze[DR]=ze[PR]=ze[TR]=ze[OR]=ze[BR]=ze[MR]=ze[RR]=!0;ze[pR]=ze[hR]=ze[kR]=ze[gR]=ze[AR]=ze[mR]=ze[vR]=ze[yR]=ze[bR]=ze[wR]=ze[xR]=ze[CR]=ze[SR]=ze[ER]=ze[FR]=!1;function NR(e){return Or(e)&&O0(e.length)&&!!ze[bo(e)]}function IR(e){return function(t){return e(t)}}var lC=typeof Be=="object"&&Be&&!Be.nodeType&&Be,Pa=lC&&typeof qt=="object"&&qt&&!qt.nodeType&&qt,LR=Pa&&Pa.exports===lC,Kf=LR&&Q2.process,lv=function(){try{var e=Pa&&Pa.require&&Pa.require("util").types;return e||Kf&&Kf.binding&&Kf.binding("util")}catch(t){}}(),sv=lv&&lv.isTypedArray,B0=sv?IR(sv):NR;function Rp(e,t){if(!(t==="constructor"&&typeof e[t]=="function")&&t!="__proto__")return e[t]}var zR=Object.prototype,jR=zR.hasOwnProperty;function HR(e,t,n){var r=e[t];(!(jR.call(e,t)&&wl(r,n))||n===void 0&&!(t in e))&&P0(e,t,n)}function GR(e,t,n,r){var o=!n;n||(n={});for(var i=-1,a=t.length;++i-1&&e%1==0&&e0){if(++t>=iN)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}var uN=sN(oN);function cN(e,t){return uN(nN(e,t,fc),e+"")}function fN(e,t,n){if(!pn(n))return!1;var r=typeof t;return(r=="number"?ji(n)&&M0(t,n.length):r=="string"&&t in n)?wl(n[t],e):!1}function dN(e){return cN(function(t,n){var r=-1,o=n.length,i=o>1?n[o-1]:void 0,a=o>2?n[2]:void 0;for(i=e.length>3&&typeof i=="function"?(o--,i):void 0,a&&fN(n[0],n[1],a)&&(i=o<3?void 0:i,o=1),t=Object(t);++r=t||D<0||f&&T>=i}function m(){var A=Yf();if(C(A))return v(A);l=setTimeout(m,y(A))}function v(A){return l=void 0,p&&r?h(A):(r=o=void 0,a)}function b(){l!==void 0&&clearTimeout(l),u=0,r=s=o=l=void 0}function F(){return l===void 0?a:v(Yf())}function _(){var A=Yf(),D=C(A);if(r=arguments,o=this,s=A,D){if(l===void 0)return g(s);if(f)return clearTimeout(l),l=setTimeout(m,t),h(s)}return l===void 0&&(l=setTimeout(m,t)),a}return _.cancel=b,_.flush=F,_}var FN="Expected a function";function kN(e,t,n){var r=!0,o=!0;if(typeof e!="function")throw new TypeError(FN);return pn(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),fC(e,t,{leading:r,maxWait:t,trailing:o})}var AN=function(t,n,r){var o=r.getBoundingClientRect(),i=o.width,a=o.height,l=typeof t.pageX=="number"?t.pageX:t.touches[0].pageX,s=typeof t.pageY=="number"?t.pageY:t.touches[0].pageY,u=l-(r.getBoundingClientRect().left+window.pageXOffset),c=s-(r.getBoundingClientRect().top+window.pageYOffset);u<0?u=0:u>i&&(u=i),c<0?c=0:c>a&&(c=a);var f=u/i,p=1-c/a;return{h:n.h,s:f,v:p,a:n.a,source:"hsv"}},$N=function(){function e(t,n){for(var r=0;r=0,I=!$&&R&&(S==="hex"||S==="hex6"||S==="hex3"||S==="hex4"||S==="hex8"||S==="name");return I?S==="name"&&this._a===0?this.toName():this.toRgbString():(S==="rgb"&&(E=this.toRgbString()),S==="prgb"&&(E=this.toPercentageRgbString()),(S==="hex"||S==="hex6")&&(E=this.toHexString()),S==="hex3"&&(E=this.toHexString(!0)),S==="hex4"&&(E=this.toHex8String(!0)),S==="hex8"&&(E=this.toHex8String()),S==="name"&&(E=this.toName()),S==="hsl"&&(E=this.toHslString()),S==="hsv"&&(E=this.toHsvString()),E||this.toHexString())},clone:function(){return u(this.toString())},_applyModification:function(S,$){var E=S.apply(null,[this].concat([].slice.call($)));return this._r=E._r,this._g=E._g,this._b=E._b,this.setAlpha(E._a),this},lighten:function(){return this._applyModification(A,arguments)},brighten:function(){return this._applyModification(D,arguments)},darken:function(){return this._applyModification(T,arguments)},desaturate:function(){return this._applyModification(b,arguments)},saturate:function(){return this._applyModification(F,arguments)},greyscale:function(){return this._applyModification(_,arguments)},spin:function(){return this._applyModification(O,arguments)},_applyCombination:function(S,$){return S.apply(null,[this].concat([].slice.call($)))},analogous:function(){return this._applyCombination(de,arguments)},complement:function(){return this._applyCombination(z,arguments)},monochromatic:function(){return this._applyCombination(me,arguments)},splitcomplement:function(){return this._applyCombination(W,arguments)},triad:function(){return this._applyCombination(Y,arguments)},tetrad:function(){return this._applyCombination(B,arguments)}},u.fromRatio=function(S,$){if(typeof S=="object"){var E={};for(var R in S)S.hasOwnProperty(R)&&(R==="a"?E[R]=S[R]:E[R]=P(S[R]));S=E}return u(S,$)};function c(S){var $={r:0,g:0,b:0},E=1,R=null,I=null,H=null,fe=!1,ye=!1;return typeof S=="string"&&(S=pe(S)),typeof S=="object"&&(ue(S.r)&&ue(S.g)&&ue(S.b)?($=f(S.r,S.g,S.b),fe=!0,ye=String(S.r).substr(-1)==="%"?"prgb":"rgb"):ue(S.h)&&ue(S.s)&&ue(S.v)?(R=P(S.s),I=P(S.v),$=y(S.h,R,I),fe=!0,ye="hsv"):ue(S.h)&&ue(S.s)&&ue(S.l)&&(R=P(S.s),H=P(S.l),$=h(S.h,R,H),fe=!0,ye="hsl"),S.hasOwnProperty("a")&&(E=S.a)),E=te(E),{ok:fe,format:S.format||ye,r:a(255,l($.r,0)),g:a(255,l($.g,0)),b:a(255,l($.b,0)),a:E}}function f(S,$,E){return{r:j(S,255)*255,g:j($,255)*255,b:j(E,255)*255}}function p(S,$,E){S=j(S,255),$=j($,255),E=j(E,255);var R=l(S,$,E),I=a(S,$,E),H,fe,ye=(R+I)/2;if(R==I)H=fe=0;else{var _e=R-I;switch(fe=ye>.5?_e/(2-R-I):_e/(R+I),R){case S:H=($-E)/_e+($1&&(re-=1),re<1/6?he+(Ae-he)*6*re:re<1/2?Ae:re<2/3?he+(Ae-he)*(2/3-re)*6:he}if($===0)R=I=H=E;else{var ye=E<.5?E*(1+$):E+$-E*$,_e=2*E-ye;R=fe(_e,ye,S+1/3),I=fe(_e,ye,S),H=fe(_e,ye,S-1/3)}return{r:R*255,g:I*255,b:H*255}}function g(S,$,E){S=j(S,255),$=j($,255),E=j(E,255);var R=l(S,$,E),I=a(S,$,E),H,fe,ye=R,_e=R-I;if(fe=R===0?0:_e/R,R==I)H=0;else{switch(R){case S:H=($-E)/_e+($>1)+720)%360;--$;)R.h=(R.h+I)%360,H.push(u(R));return H}function me(S,$){$=$||6;for(var E=u(S).toHsv(),R=E.h,I=E.s,H=E.v,fe=[],ye=1/$;$--;)fe.push(u({h:R,s:I,v:H})),H=(H+ye)%1;return fe}u.mix=function(S,$,E){E=E===0?0:E||50;var R=u(S).toRgb(),I=u($).toRgb(),H=E/100,fe={r:(I.r-R.r)*H+R.r,g:(I.g-R.g)*H+R.g,b:(I.b-R.b)*H+R.b,a:(I.a-R.a)*H+R.a};return u(fe)},u.readability=function(S,$){var E=u(S),R=u($);return(t.max(E.getLuminance(),R.getLuminance())+.05)/(t.min(E.getLuminance(),R.getLuminance())+.05)},u.isReadable=function(S,$,E){var R=u.readability(S,$),I,H;switch(H=!1,I=ce(E),I.level+I.size){case"AAsmall":case"AAAlarge":H=R>=4.5;break;case"AAlarge":H=R>=3;break;case"AAAsmall":H=R>=7;break}return H},u.mostReadable=function(S,$,E){var R=null,I=0,H,fe,ye,_e;E=E||{},fe=E.includeFallbackColors,ye=E.level,_e=E.size;for(var he=0;he<$.length;he++)H=u.readability(S,$[he]),H>I&&(I=H,R=u($[he]));return u.isReadable(S,R,{level:ye,size:_e})||!fe?R:(E.includeFallbackColors=!1,u.mostReadable(S,["#fff","#000"],E))};var ae=u.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},se=u.hexNames=L(ae);function L(S){var $={};for(var E in S)S.hasOwnProperty(E)&&($[S[E]]=E);return $}function te(S){return S=parseFloat(S),(isNaN(S)||S<0||S>1)&&(S=1),S}function j(S,$){K(S)&&(S="100%");var E=Q(S);return S=a($,l(0,parseFloat(S))),E&&(S=parseInt(S*$,10)/100),t.abs(S-$)<1e-6?1:S%$/parseFloat($)}function le(S){return a(1,l(0,S))}function N(S){return parseInt(S,16)}function K(S){return typeof S=="string"&&S.indexOf(".")!=-1&&parseFloat(S)===1}function Q(S){return typeof S=="string"&&S.indexOf("%")!=-1}function ne(S){return S.length==1?"0"+S:""+S}function P(S){return S<=1&&(S=S*100+"%"),S}function X(S){return t.round(parseFloat(S)*255).toString(16)}function M(S){return N(S)/255}var ve=function(){var S="[-\\+]?\\d+%?",$="[-\\+]?\\d*\\.\\d+%?",E="(?:"+$+")|(?:"+S+")",R="[\\s|\\(]+("+E+")[,|\\s]+("+E+")[,|\\s]+("+E+")\\s*\\)?",I="[\\s|\\(]+("+E+")[,|\\s]+("+E+")[,|\\s]+("+E+")[,|\\s]+("+E+")\\s*\\)?";return{CSS_UNIT:new RegExp(E),rgb:new RegExp("rgb"+R),rgba:new RegExp("rgba"+I),hsl:new RegExp("hsl"+R),hsla:new RegExp("hsla"+I),hsv:new RegExp("hsv"+R),hsva:new RegExp("hsva"+I),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/}}();function ue(S){return!!ve.CSS_UNIT.exec(S)}function pe(S){S=S.replace(n,"").replace(r,"").toLowerCase();var $=!1;if(ae[S])S=ae[S],$=!0;else if(S=="transparent")return{r:0,g:0,b:0,a:0,format:"name"};var E;return(E=ve.rgb.exec(S))?{r:E[1],g:E[2],b:E[3]}:(E=ve.rgba.exec(S))?{r:E[1],g:E[2],b:E[3],a:E[4]}:(E=ve.hsl.exec(S))?{h:E[1],s:E[2],l:E[3]}:(E=ve.hsla.exec(S))?{h:E[1],s:E[2],l:E[3],a:E[4]}:(E=ve.hsv.exec(S))?{h:E[1],s:E[2],v:E[3]}:(E=ve.hsva.exec(S))?{h:E[1],s:E[2],v:E[3],a:E[4]}:(E=ve.hex8.exec(S))?{r:N(E[1]),g:N(E[2]),b:N(E[3]),a:M(E[4]),format:$?"name":"hex8"}:(E=ve.hex6.exec(S))?{r:N(E[1]),g:N(E[2]),b:N(E[3]),format:$?"name":"hex"}:(E=ve.hex4.exec(S))?{r:N(E[1]+""+E[1]),g:N(E[2]+""+E[2]),b:N(E[3]+""+E[3]),a:M(E[4]+""+E[4]),format:$?"name":"hex8"}:(E=ve.hex3.exec(S))?{r:N(E[1]+""+E[1]),g:N(E[2]+""+E[2]),b:N(E[3]+""+E[3]),format:$?"name":"hex"}:!1}function ce(S){var $,E;return S=S||{level:"AA",size:"small"},$=(S.level||"AA").toUpperCase(),E=(S.size||"small").toLowerCase(),$!=="AA"&&$!=="AAA"&&($="AA"),E!=="small"&&E!=="large"&&(E="small"),{level:$,size:E}}e.exports?e.exports=u:window.tinycolor=u})(Math)})(dC);var zN=dC.exports;const Br=po(zN);var fv=function(t){var n=["r","g","b","a","h","s","l","v"],r=0,o=0;return LN(n,function(i){if(t[i]&&(r+=1,isNaN(t[i])||(o+=1),i==="s"||i==="l")){var a=/^\d+%$/;a.test(t[i])&&(o+=1)}}),r===o?t:!1},ha=function(t,n){var r=t.hex?Br(t.hex):Br(t),o=r.toHsl(),i=r.toHsv(),a=r.toRgb(),l=r.toHex();o.s===0&&(o.h=n||0,i.h=n||0);var s=l==="000000"&&a.a===0;return{hsl:o,hex:s?"transparent":"#"+l,rgb:a,hsv:i,oldHue:t.h||n||o.h,source:t.source}},jr=function(t){if(t==="transparent")return!0;var n=String(t).charAt(0)==="#"?1:0;return t.length!==4+n&&t.length<7+n&&Br(t).isValid()},R0=function(t){if(!t)return"#fff";var n=ha(t);if(n.hex==="transparent")return"rgba(0,0,0,0.4)";var r=(n.rgb.r*299+n.rgb.g*587+n.rgb.b*114)/1e3;return r>=128?"#000":"#fff"},Yf=function(t,n){var r=t.replace("°","");return Br(n+" ("+r+")")._ok},na=Object.assign||function(e){for(var t=1;t1&&arguments[1]!==void 0?arguments[1]:"span";return function(r){YN(o,r);function o(){var i,a,l,s;KN(this,o);for(var u=arguments.length,c=Array(u),f=0;fl))return!1;var u=i.get(e),c=i.get(t);if(u&&c)return u==t&&c==e;var f=-1,p=!0,h=n&aI?new pu:void 0;for(i.set(e,t),i.set(t,e);++f=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}var os=24,CL=CC.default=function(e){var t=e.fill,n=t===void 0?"currentColor":t,r=e.width,o=r===void 0?os:r,i=e.height,a=i===void 0?os:i,l=e.style,s=l===void 0?{}:l,u=xL(e,["fill","width","height","style"]);return _v.default.createElement("svg",$v({viewBox:"0 0 "+os+" "+os,style:$v({fill:n,width:o,height:a},s)},u),_v.default.createElement("path",{d:"M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z"}))},SL=function(){function e(t,n){for(var r=0;r1&&(o.a=1),r.props.onChange({h:r.props.hsl.h,s:r.props.hsl.s,l:r.props.hsl.l,a:Math.round(o.a*100)/100,source:"rgb"},i)):(o.h||o.s||o.l)&&(typeof o.s=="string"&&o.s.includes("%")&&(o.s=o.s.replace("%","")),typeof o.l=="string"&&o.l.includes("%")&&(o.l=o.l.replace("%","")),o.s==1?o.s=.01:o.l==1&&(o.l=.01),r.props.onChange({h:o.h||r.props.hsl.h,s:Number(Av(o.s)?r.props.hsl.s:o.s),l:Number(Av(o.l)?r.props.hsl.l:o.l),source:"hsl"},i))},r.showHighlight=function(o){o.currentTarget.style.background="#eee"},r.hideHighlight=function(o){o.currentTarget.style.background="transparent"},n.hsl.a!==1&&n.view==="hex"?r.state={view:"rgb"}:r.state={view:n.view},r}return SL(t,[{key:"render",value:function(){var r=this,o=be({default:{wrap:{paddingTop:"16px",display:"flex"},fields:{flex:"1",display:"flex",marginLeft:"-6px"},field:{paddingLeft:"6px",width:"100%"},alpha:{paddingLeft:"6px",width:"100%"},toggle:{width:"32px",textAlign:"right",position:"relative"},icon:{marginRight:"-4px",marginTop:"12px",cursor:"pointer",position:"relative"},iconHighlight:{position:"absolute",width:"24px",height:"28px",background:"#eee",borderRadius:"4px",top:"10px",left:"12px",display:"none"},input:{fontSize:"11px",color:"#333",width:"100%",borderRadius:"2px",border:"none",boxShadow:"inset 0 0 0 1px #dadada",height:"21px",textAlign:"center"},label:{textTransform:"uppercase",fontSize:"11px",lineHeight:"11px",color:"#969696",textAlign:"center",display:"block",marginTop:"12px"},svg:{fill:"#333",width:"24px",height:"24px",border:"1px transparent solid",borderRadius:"5px"}},disableAlpha:{alpha:{display:"none"}}},this.props,this.state),i=void 0;return this.state.view==="hex"?i=x.createElement("div",{style:o.fields,className:"flexbox-fix"},x.createElement("div",{style:o.field},x.createElement(ke,{style:{input:o.input,label:o.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):this.state.view==="rgb"?i=x.createElement("div",{style:o.fields,className:"flexbox-fix"},x.createElement("div",{style:o.field},x.createElement(ke,{style:{input:o.input,label:o.label},label:"r",value:this.props.rgb.r,onChange:this.handleChange})),x.createElement("div",{style:o.field},x.createElement(ke,{style:{input:o.input,label:o.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),x.createElement("div",{style:o.field},x.createElement(ke,{style:{input:o.input,label:o.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),x.createElement("div",{style:o.alpha},x.createElement(ke,{style:{input:o.input,label:o.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):this.state.view==="hsl"&&(i=x.createElement("div",{style:o.fields,className:"flexbox-fix"},x.createElement("div",{style:o.field},x.createElement(ke,{style:{input:o.input,label:o.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),x.createElement("div",{style:o.field},x.createElement(ke,{style:{input:o.input,label:o.label},label:"s",value:Math.round(this.props.hsl.s*100)+"%",onChange:this.handleChange})),x.createElement("div",{style:o.field},x.createElement(ke,{style:{input:o.input,label:o.label},label:"l",value:Math.round(this.props.hsl.l*100)+"%",onChange:this.handleChange})),x.createElement("div",{style:o.alpha},x.createElement(ke,{style:{input:o.input,label:o.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),x.createElement("div",{style:o.wrap,className:"flexbox-fix"},i,x.createElement("div",{style:o.toggle},x.createElement("div",{style:o.icon,onClick:this.toggleViews,ref:function(l){return r.icon=l}},x.createElement(CL,{style:o.svg,onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight}))))}}],[{key:"getDerivedStateFromProps",value:function(r,o){return r.hsl.a!==1&&o.view==="hex"?{view:"rgb"}:null}}]),t}(x.Component);SC.defaultProps={view:"hex"};var Dv=function(){var t=be({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",transform:"translate(-6px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return x.createElement("div",{style:t.picker})},AL=function(){var t=be({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}}});return x.createElement("div",{style:t.picker})},H0=function(t){var n=t.width,r=t.onChange,o=t.disableAlpha,i=t.rgb,a=t.hsl,l=t.hsv,s=t.hex,u=t.renderers,c=t.styles,f=c===void 0?{}:c,p=t.className,h=p===void 0?"":p,g=t.defaultView,y=be(Vt({default:{picker:{width:n,background:"#fff",borderRadius:"2px",boxShadow:"0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3)",boxSizing:"initial",fontFamily:"Menlo"},saturation:{width:"100%",paddingBottom:"55%",position:"relative",borderRadius:"2px 2px 0 0",overflow:"hidden"},Saturation:{radius:"2px 2px 0 0"},body:{padding:"16px 16px 12px"},controls:{display:"flex"},color:{width:"32px"},swatch:{marginTop:"6px",width:"16px",height:"16px",borderRadius:"8px",position:"relative",overflow:"hidden"},active:{absolute:"0px 0px 0px 0px",borderRadius:"8px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.1)",background:"rgba("+i.r+", "+i.g+", "+i.b+", "+i.a+")",zIndex:"2"},toggles:{flex:"1"},hue:{height:"10px",position:"relative",marginBottom:"8px"},Hue:{radius:"2px"},alpha:{height:"10px",position:"relative"},Alpha:{radius:"2px"}},disableAlpha:{color:{width:"22px"},alpha:{display:"none"},hue:{marginBottom:"0px"},swatch:{width:"10px",height:"10px",marginTop:"0px"}}},f),{disableAlpha:o});return x.createElement("div",{style:y.picker,className:"chrome-picker "+h},x.createElement("div",{style:y.saturation},x.createElement(dc,{style:y.Saturation,hsl:a,hsv:l,pointer:AL,onChange:r})),x.createElement("div",{style:y.body},x.createElement("div",{style:y.controls,className:"flexbox-fix"},x.createElement("div",{style:y.color},x.createElement("div",{style:y.swatch},x.createElement("div",{style:y.active}),x.createElement(Ii,{renderers:u}))),x.createElement("div",{style:y.toggles},x.createElement("div",{style:y.hue},x.createElement(Li,{style:y.Hue,hsl:a,pointer:Dv,onChange:r})),x.createElement("div",{style:y.alpha},x.createElement($0,{style:y.Alpha,rgb:i,hsl:a,pointer:Dv,renderers:u,onChange:r})))),x.createElement(SC,{rgb:i,hsl:a,hex:s,view:g,onChange:r,disableAlpha:o})))};H0.propTypes={width:J.oneOfType([J.string,J.number]),disableAlpha:J.bool,styles:J.object,defaultView:J.oneOf(["hex","rgb","hsl"])};H0.defaultProps={width:225,disableAlpha:!1,styles:{}};const $L=Kt(H0);var _L=function(t){var n=t.color,r=t.onClick,o=r===void 0?function(){}:r,i=t.onSwatchHover,a=t.active,l=be({default:{color:{background:n,width:"15px",height:"15px",float:"left",marginRight:"5px",marginBottom:"5px",position:"relative",cursor:"pointer"},dot:{absolute:"5px 5px 5px 5px",background:R0(n),borderRadius:"50%",opacity:"0"}},active:{dot:{opacity:"1"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #ddd"},dot:{background:"#000"}},transparent:{dot:{background:"#000"}}},{active:a,"color-#FFFFFF":n==="#FFFFFF",transparent:n==="transparent"});return x.createElement(xo,{style:l.color,color:n,onClick:o,onHover:i,focusStyle:{boxShadow:"0 0 4px "+n}},x.createElement("div",{style:l.dot}))},DL=function(t){var n=t.hex,r=t.rgb,o=t.onChange,i=be({default:{fields:{display:"flex",paddingBottom:"6px",paddingRight:"5px",position:"relative"},active:{position:"absolute",top:"6px",left:"5px",height:"9px",width:"9px",background:n},HEXwrap:{flex:"6",position:"relative"},HEXinput:{width:"80%",padding:"0px",paddingLeft:"20%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},HEXlabel:{display:"none"},RGBwrap:{flex:"3",position:"relative"},RGBinput:{width:"70%",padding:"0px",paddingLeft:"30%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},RGBlabel:{position:"absolute",top:"3px",left:"0px",lineHeight:"16px",textTransform:"uppercase",fontSize:"12px",color:"#999"}}}),a=function(s,u){s.r||s.g||s.b?o({r:s.r||r.r,g:s.g||r.g,b:s.b||r.b,source:"rgb"},u):o({hex:s.hex,source:"hex"},u)};return x.createElement("div",{style:i.fields,className:"flexbox-fix"},x.createElement("div",{style:i.active}),x.createElement(ke,{style:{wrap:i.HEXwrap,input:i.HEXinput,label:i.HEXlabel},label:"hex",value:n,onChange:a}),x.createElement(ke,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"r",value:r.r,onChange:a}),x.createElement(ke,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"g",value:r.g,onChange:a}),x.createElement(ke,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"b",value:r.b,onChange:a}))},G0=function(t){var n=t.onChange,r=t.onSwatchHover,o=t.colors,i=t.hex,a=t.rgb,l=t.styles,s=l===void 0?{}:l,u=t.className,c=u===void 0?"":u,f=be(Vt({default:{Compact:{background:"#f6f6f6",radius:"4px"},compact:{paddingTop:"5px",paddingLeft:"5px",boxSizing:"initial",width:"240px"},clear:{clear:"both"}}},s)),p=function(g,y){g.hex?jr(g.hex)&&n({hex:g.hex,source:"hex"},y):n(g,y)};return x.createElement(wl,{style:f.Compact,styles:s},x.createElement("div",{style:f.compact,className:"compact-picker "+c},x.createElement("div",null,Co(o,function(h){return x.createElement(_L,{key:h,color:h,active:h.toLowerCase()===i,onClick:p,onSwatchHover:r})}),x.createElement("div",{style:f.clear})),x.createElement(DL,{hex:i,rgb:a,onChange:p})))};G0.propTypes={colors:J.arrayOf(J.string),styles:J.object};G0.defaultProps={colors:["#4D4D4D","#999999","#FFFFFF","#F44E3B","#FE9200","#FCDC00","#DBDF00","#A4DD00","#68CCCA","#73D8FF","#AEA1FF","#FDA1FF","#333333","#808080","#cccccc","#D33115","#E27300","#FCC400","#B0BC00","#68BC00","#16A5A5","#009CE0","#7B64FF","#FA28FF","#000000","#666666","#B3B3B3","#9F0500","#C45100","#FB9E00","#808900","#194D33","#0C797D","#0062B1","#653294","#AB149E"],styles:{}};Kt(G0);var PL=function(t){var n=t.hover,r=t.color,o=t.onClick,i=t.onSwatchHover,a={position:"relative",zIndex:"2",outline:"2px solid #fff",boxShadow:"0 0 5px 2px rgba(0,0,0,0.25)"},l=be({default:{swatch:{width:"25px",height:"25px",fontSize:"0"}},hover:{swatch:a}},{hover:n});return x.createElement("div",{style:l.swatch},x.createElement(xo,{color:r,onClick:o,onHover:i,focusStyle:a}))};const TL=A0(PL);var W0=function(t){var n=t.width,r=t.colors,o=t.onChange,i=t.onSwatchHover,a=t.triangle,l=t.styles,s=l===void 0?{}:l,u=t.className,c=u===void 0?"":u,f=be(Vt({default:{card:{width:n,background:"#fff",border:"1px solid rgba(0,0,0,0.2)",boxShadow:"0 3px 12px rgba(0,0,0,0.15)",borderRadius:"4px",position:"relative",padding:"5px",display:"flex",flexWrap:"wrap"},triangle:{position:"absolute",border:"7px solid transparent",borderBottomColor:"#fff"},triangleShadow:{position:"absolute",border:"8px solid transparent",borderBottomColor:"rgba(0,0,0,0.15)"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-14px",left:"10px"},triangleShadow:{top:"-16px",left:"9px"}},"top-right-triangle":{triangle:{top:"-14px",right:"10px"},triangleShadow:{top:"-16px",right:"9px"}},"bottom-left-triangle":{triangle:{top:"35px",left:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",left:"9px",transform:"rotate(180deg)"}},"bottom-right-triangle":{triangle:{top:"35px",right:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",right:"9px",transform:"rotate(180deg)"}}},s),{"hide-triangle":a==="hide","top-left-triangle":a==="top-left","top-right-triangle":a==="top-right","bottom-left-triangle":a==="bottom-left","bottom-right-triangle":a==="bottom-right"}),p=function(g,y){return o({hex:g,source:"hex"},y)};return x.createElement("div",{style:f.card,className:"github-picker "+c},x.createElement("div",{style:f.triangleShadow}),x.createElement("div",{style:f.triangle}),Co(r,function(h){return x.createElement(TL,{color:h,key:h,onClick:p,onSwatchHover:i})}))};W0.propTypes={width:J.oneOfType([J.string,J.number]),colors:J.arrayOf(J.string),triangle:J.oneOf(["hide","top-left","top-right","bottom-left","bottom-right"]),styles:J.object};W0.defaultProps={width:200,colors:["#B80000","#DB3E00","#FCCB00","#008B02","#006B76","#1273DE","#004DCF","#5300EB","#EB9694","#FAD0C3","#FEF3BD","#C1E1C5","#BEDADC","#C4DEF6","#BED3F3","#D4C4FB"],triangle:"top-left",styles:{}};Kt(W0);var OL=function(t){var n=t.direction,r=be({default:{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}},vertical:{picker:{transform:"translate(-3px, -9px)"}}},{vertical:n==="vertical"});return x.createElement("div",{style:r.picker})},BL=Object.assign||function(e){for(var t=1;t.5});return x.createElement("div",{style:r.picker})},IL=function(){var t=be({default:{triangle:{width:0,height:0,borderStyle:"solid",borderWidth:"4px 0 4px 6px",borderColor:"transparent transparent transparent #fff",position:"absolute",top:"1px",left:"1px"},triangleBorder:{width:0,height:0,borderStyle:"solid",borderWidth:"5px 0 5px 8px",borderColor:"transparent transparent transparent #555"},left:{Extend:"triangleBorder",transform:"translate(-13px, -4px)"},leftInside:{Extend:"triangle",transform:"translate(-8px, -5px)"},right:{Extend:"triangleBorder",transform:"translate(20px, -14px) rotate(180deg)"},rightInside:{Extend:"triangle",transform:"translate(-8px, -5px)"}}});return x.createElement("div",{style:t.pointer},x.createElement("div",{style:t.left},x.createElement("div",{style:t.leftInside})),x.createElement("div",{style:t.right},x.createElement("div",{style:t.rightInside})))},Pv=function(t){var n=t.onClick,r=t.label,o=t.children,i=t.active,a=be({default:{button:{backgroundImage:"linear-gradient(-180deg, #FFFFFF 0%, #E6E6E6 100%)",border:"1px solid #878787",borderRadius:"2px",height:"20px",boxShadow:"0 1px 0 0 #EAEAEA",fontSize:"14px",color:"#000",lineHeight:"20px",textAlign:"center",marginBottom:"10px",cursor:"pointer"}},active:{button:{boxShadow:"0 0 0 1px #878787"}}},{active:i});return x.createElement("div",{style:a.button,onClick:n},r||o)},LL=function(t){var n=t.rgb,r=t.currentColor,o=be({default:{swatches:{border:"1px solid #B3B3B3",borderBottom:"1px solid #F0F0F0",marginBottom:"2px",marginTop:"1px"},new:{height:"34px",background:"rgb("+n.r+","+n.g+", "+n.b+")",boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000"},current:{height:"34px",background:r,boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000"},label:{fontSize:"14px",color:"#000",textAlign:"center"}}});return x.createElement("div",null,x.createElement("div",{style:o.label},"new"),x.createElement("div",{style:o.swatches},x.createElement("div",{style:o.new}),x.createElement("div",{style:o.current})),x.createElement("div",{style:o.label},"current"))},zL=function(){function e(t,n){for(var r=0;r100&&(c.a=100),c.a/=100,n({h:o.h,s:o.s,l:o.l,a:c.a,source:"rgb"},f))};return x.createElement("div",{style:l.fields,className:"flexbox-fix"},x.createElement("div",{style:l.double},x.createElement(ke,{style:{input:l.input,label:l.label},label:"hex",value:i.replace("#",""),onChange:s})),x.createElement("div",{style:l.single},x.createElement(ke,{style:{input:l.input,label:l.label},label:"r",value:r.r,onChange:s,dragLabel:"true",dragMax:"255"})),x.createElement("div",{style:l.single},x.createElement(ke,{style:{input:l.input,label:l.label},label:"g",value:r.g,onChange:s,dragLabel:"true",dragMax:"255"})),x.createElement("div",{style:l.single},x.createElement(ke,{style:{input:l.input,label:l.label},label:"b",value:r.b,onChange:s,dragLabel:"true",dragMax:"255"})),x.createElement("div",{style:l.alpha},x.createElement(ke,{style:{input:l.input,label:l.label},label:"a",value:Math.round(r.a*100),onChange:s,dragLabel:"true",dragMax:"100"})))},UL=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}var is=24,ez=FC.default=function(e){var t=e.fill,n=t===void 0?"currentColor":t,r=e.width,o=r===void 0?is:r,i=e.height,a=i===void 0?is:i,l=e.style,s=l===void 0?{}:l,u=ZL(e,["fill","width","height","style"]);return Ov.default.createElement("svg",Tv({viewBox:"0 0 "+is+" "+is,style:Tv({fill:n,width:o,height:a},s)},u),Ov.default.createElement("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}))},tz=function(t){var n=t.color,r=t.onClick,o=r===void 0?function(){}:r,i=t.onSwatchHover,a=t.first,l=t.last,s=t.active,u=be({default:{color:{width:"40px",height:"24px",cursor:"pointer",background:n,marginBottom:"1px"},check:{color:R0(n),marginLeft:"8px",display:"none"}},first:{color:{overflow:"hidden",borderRadius:"2px 2px 0 0"}},last:{color:{overflow:"hidden",borderRadius:"0 0 2px 2px"}},active:{check:{display:"block"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #ddd"},check:{color:"#333"}},transparent:{check:{color:"#333"}}},{first:a,last:l,active:s,"color-#FFFFFF":n==="#FFFFFF",transparent:n==="transparent"});return x.createElement(xo,{color:n,style:u.color,onClick:o,onHover:i,focusStyle:{boxShadow:"0 0 4px "+n}},x.createElement("div",{style:u.check},x.createElement(ez,null)))},nz=function(t){var n=t.onClick,r=t.onSwatchHover,o=t.group,i=t.active,a=be({default:{group:{paddingBottom:"10px",width:"40px",float:"left",marginRight:"10px"}}});return x.createElement("div",{style:a.group},Co(o,function(l,s){return x.createElement(tz,{key:l,color:l,active:l.toLowerCase()===i,first:s===0,last:s===o.length-1,onClick:n,onSwatchHover:r})}))},X0=function(t){var n=t.width,r=t.height,o=t.onChange,i=t.onSwatchHover,a=t.colors,l=t.hex,s=t.styles,u=s===void 0?{}:s,c=t.className,f=c===void 0?"":c,p=be(Vt({default:{picker:{width:n,height:r},overflow:{height:r,overflowY:"scroll"},body:{padding:"16px 0 6px 16px"},clear:{clear:"both"}}},u)),h=function(y,C){return o({hex:y,source:"hex"},C)};return x.createElement("div",{style:p.picker,className:"swatches-picker "+f},x.createElement(wl,null,x.createElement("div",{style:p.overflow},x.createElement("div",{style:p.body},Co(a,function(g){return x.createElement(nz,{key:g.toString(),group:g,active:l,onClick:h,onSwatchHover:i})}),x.createElement("div",{style:p.clear})))))};X0.propTypes={width:J.oneOfType([J.string,J.number]),height:J.oneOfType([J.string,J.number]),colors:J.arrayOf(J.arrayOf(J.string)),styles:J.object};X0.defaultProps={width:320,height:240,colors:[[$o[900],$o[700],$o[500],$o[300],$o[100]],[_o[900],_o[700],_o[500],_o[300],_o[100]],[Do[900],Do[700],Do[500],Do[300],Do[100]],[Po[900],Po[700],Po[500],Po[300],Po[100]],[To[900],To[700],To[500],To[300],To[100]],[Oo[900],Oo[700],Oo[500],Oo[300],Oo[100]],[Bo[900],Bo[700],Bo[500],Bo[300],Bo[100]],[Mo[900],Mo[700],Mo[500],Mo[300],Mo[100]],[Ro[900],Ro[700],Ro[500],Ro[300],Ro[100]],["#194D33",ga[700],ga[500],ga[300],ga[100]],[No[900],No[700],No[500],No[300],No[100]],[Io[900],Io[700],Io[500],Io[300],Io[100]],[Lo[900],Lo[700],Lo[500],Lo[300],Lo[100]],[zo[900],zo[700],zo[500],zo[300],zo[100]],[jo[900],jo[700],jo[500],jo[300],jo[100]],[Ho[900],Ho[700],Ho[500],Ho[300],Ho[100]],[Go[900],Go[700],Go[500],Go[300],Go[100]],[Wo[900],Wo[700],Wo[500],Wo[300],Wo[100]],["#000000","#525252","#969696","#D9D9D9","#FFFFFF"]],styles:{}};Kt(X0);var q0=function(t){var n=t.onChange,r=t.onSwatchHover,o=t.hex,i=t.colors,a=t.width,l=t.triangle,s=t.styles,u=s===void 0?{}:s,c=t.className,f=c===void 0?"":c,p=be(Vt({default:{card:{width:a,background:"#fff",border:"0 solid rgba(0,0,0,0.25)",boxShadow:"0 1px 4px rgba(0,0,0,0.25)",borderRadius:"4px",position:"relative"},body:{padding:"15px 9px 9px 15px"},label:{fontSize:"18px",color:"#fff"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 9px 10px 9px",borderColor:"transparent transparent #fff transparent",position:"absolute"},triangleShadow:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 9px 10px 9px",borderColor:"transparent transparent rgba(0,0,0,.1) transparent",position:"absolute"},hash:{background:"#F0F0F0",height:"30px",width:"30px",borderRadius:"4px 0 0 4px",float:"left",color:"#98A1A4",display:"flex",alignItems:"center",justifyContent:"center"},input:{width:"100px",fontSize:"14px",color:"#666",border:"0px",outline:"none",height:"28px",boxShadow:"inset 0 0 0 1px #F0F0F0",boxSizing:"content-box",borderRadius:"0 4px 4px 0",float:"left",paddingLeft:"8px"},swatch:{width:"30px",height:"30px",float:"left",borderRadius:"4px",margin:"0 6px 6px 0"},clear:{clear:"both"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-10px",left:"12px"},triangleShadow:{top:"-11px",left:"12px"}},"top-right-triangle":{triangle:{top:"-10px",right:"12px"},triangleShadow:{top:"-11px",right:"12px"}}},u),{"hide-triangle":l==="hide","top-left-triangle":l==="top-left","top-right-triangle":l==="top-right"}),h=function(y,C){jr(y)&&n({hex:y,source:"hex"},C)};return x.createElement("div",{style:p.card,className:"twitter-picker "+f},x.createElement("div",{style:p.triangleShadow}),x.createElement("div",{style:p.triangle}),x.createElement("div",{style:p.body},Co(i,function(g,y){return x.createElement(xo,{key:y,color:g,hex:g,style:p.swatch,onClick:h,onHover:r,focusStyle:{boxShadow:"0 0 4px "+g}})}),x.createElement("div",{style:p.hash},"#"),x.createElement(ke,{label:null,style:{input:p.input},value:o.replace("#",""),onChange:h}),x.createElement("div",{style:p.clear})))};q0.propTypes={width:J.oneOfType([J.string,J.number]),triangle:J.oneOf(["hide","top-left","top-right"]),colors:J.arrayOf(J.string),styles:J.object};q0.defaultProps={width:276,colors:["#FF6900","#FCB900","#7BDCB5","#00D084","#8ED1FC","#0693E3","#ABB8C3","#EB144C","#F78DA7","#9900EF"],triangle:"top-left",styles:{}};Kt(q0);var J0=function(t){var n=be({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",border:"2px #fff solid",transform:"translate(-12px, -13px)",background:"hsl("+Math.round(t.hsl.h)+", "+Math.round(t.hsl.s*100)+"%, "+Math.round(t.hsl.l*100)+"%)"}}});return x.createElement("div",{style:n.picker})};J0.propTypes={hsl:J.shape({h:J.number,s:J.number,l:J.number,a:J.number})};J0.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};var Q0=function(t){var n=be({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",transform:"translate(-10px, -7px)",background:"hsl("+Math.round(t.hsl.h)+", 100%, 50%)",border:"2px white solid"}}});return x.createElement("div",{style:n.picker})};Q0.propTypes={hsl:J.shape({h:J.number,s:J.number,l:J.number,a:J.number})};Q0.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};var rz=function(t){var n=t.onChange,r=t.rgb,o=t.hsl,i=t.hex,a=t.hsv,l=function(h,g){if(h.hex)jr(h.hex)&&n({hex:h.hex,source:"hex"},g);else if(h.rgb){var y=h.rgb.split(",");Yf(h.rgb,"rgb")&&n({r:y[0],g:y[1],b:y[2],a:1,source:"rgb"},g)}else if(h.hsv){var C=h.hsv.split(",");Yf(h.hsv,"hsv")&&(C[2]=C[2].replace("%",""),C[1]=C[1].replace("%",""),C[0]=C[0].replace("°",""),C[1]==1?C[1]=.01:C[2]==1&&(C[2]=.01),n({h:Number(C[0]),s:Number(C[1]),v:Number(C[2]),source:"hsv"},g))}else if(h.hsl){var m=h.hsl.split(",");Yf(h.hsl,"hsl")&&(m[2]=m[2].replace("%",""),m[1]=m[1].replace("%",""),m[0]=m[0].replace("°",""),f[1]==1?f[1]=.01:f[2]==1&&(f[2]=.01),n({h:Number(m[0]),s:Number(m[1]),v:Number(m[2]),source:"hsl"},g))}},s=be({default:{wrap:{display:"flex",height:"100px",marginTop:"4px"},fields:{width:"100%"},column:{paddingTop:"10px",display:"flex",justifyContent:"space-between"},double:{padding:"0px 4.4px",boxSizing:"border-box"},input:{width:"100%",height:"38px",boxSizing:"border-box",padding:"4px 10% 3px",textAlign:"center",border:"1px solid #dadce0",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",fontFamily:"Roboto,Arial,sans-serif"},input2:{height:"38px",width:"100%",border:"1px solid #dadce0",boxSizing:"border-box",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",paddingLeft:"10px",fontFamily:"Roboto,Arial,sans-serif"},label:{textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"35px",top:"-6px",left:"0",right:"0",marginLeft:"auto",marginRight:"auto",fontFamily:"Roboto,Arial,sans-serif"},label2:{left:"10px",textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"32px",top:"-6px",fontFamily:"Roboto,Arial,sans-serif"},single:{flexGrow:"1",margin:"0px 4.4px"}}}),u=r.r+", "+r.g+", "+r.b,c=Math.round(o.h)+"°, "+Math.round(o.s*100)+"%, "+Math.round(o.l*100)+"%",f=Math.round(a.h)+"°, "+Math.round(a.s*100)+"%, "+Math.round(a.v*100)+"%";return x.createElement("div",{style:s.wrap,className:"flexbox-fix"},x.createElement("div",{style:s.fields},x.createElement("div",{style:s.double},x.createElement(ke,{style:{input:s.input,label:s.label},label:"hex",value:i,onChange:l})),x.createElement("div",{style:s.column},x.createElement("div",{style:s.single},x.createElement(ke,{style:{input:s.input2,label:s.label2},label:"rgb",value:u,onChange:l})),x.createElement("div",{style:s.single},x.createElement(ke,{style:{input:s.input2,label:s.label2},label:"hsv",value:f,onChange:l})),x.createElement("div",{style:s.single},x.createElement(ke,{style:{input:s.input2,label:s.label2},label:"hsl",value:c,onChange:l})))))},Z0=function(t){var n=t.width,r=t.onChange,o=t.rgb,i=t.hsl,a=t.hsv,l=t.hex,s=t.header,u=t.styles,c=u===void 0?{}:u,f=t.className,p=f===void 0?"":f,h=be(Vt({default:{picker:{width:n,background:"#fff",border:"1px solid #dfe1e5",boxSizing:"initial",display:"flex",flexWrap:"wrap",borderRadius:"8px 8px 0px 0px"},head:{height:"57px",width:"100%",paddingTop:"16px",paddingBottom:"16px",paddingLeft:"16px",fontSize:"20px",boxSizing:"border-box",fontFamily:"Roboto-Regular,HelveticaNeue,Arial,sans-serif"},saturation:{width:"70%",padding:"0px",position:"relative",overflow:"hidden"},swatch:{width:"30%",height:"228px",padding:"0px",background:"rgba("+o.r+", "+o.g+", "+o.b+", 1)",position:"relative",overflow:"hidden"},body:{margin:"auto",width:"95%"},controls:{display:"flex",boxSizing:"border-box",height:"52px",paddingTop:"22px"},color:{width:"32px"},hue:{height:"8px",position:"relative",margin:"0px 16px 0px 16px",width:"100%"},Hue:{radius:"2px"}}},c));return x.createElement("div",{style:h.picker,className:"google-picker "+p},x.createElement("div",{style:h.head},s),x.createElement("div",{style:h.swatch}),x.createElement("div",{style:h.saturation},x.createElement(dc,{hsl:i,hsv:a,pointer:J0,onChange:r})),x.createElement("div",{style:h.body},x.createElement("div",{style:h.controls,className:"flexbox-fix"},x.createElement("div",{style:h.hue},x.createElement(Li,{style:h.Hue,hsl:i,radius:"4px",pointer:Q0,onChange:r}))),x.createElement(rz,{rgb:o,hsl:i,hex:l,hsv:a,onChange:r})))};Z0.propTypes={width:J.oneOfType([J.string,J.number]),styles:J.object,header:J.string};Z0.defaultProps={width:652,styles:{},header:"Color picker"};const oz=Kt(Z0);function Bv(e){const{onChange:t,value:n,allowGradients:r}=e,{colorUsages:o}=Ce;return o.map(({color:i,usages:a,isGradient:l})=>!r&&l?null:k("span",{onClick:()=>{t(i,!0)},title:`${i} + `),x.createElement("div",{style:c.white,className:"saturation-white"},x.createElement("div",{style:c.black,className:"saturation-black"}),x.createElement("div",{style:c.pointer},this.props.pointer?x.createElement(this.props.pointer,this.props):x.createElement("div",{style:c.circle}))))}}]),t}(w.PureComponent||w.Component);function TN(e,t){for(var n=-1,r=e==null?0:e.length;++n=0,I=!$&&R&&(S==="hex"||S==="hex6"||S==="hex3"||S==="hex4"||S==="hex8"||S==="name");return I?S==="name"&&this._a===0?this.toName():this.toRgbString():(S==="rgb"&&(E=this.toRgbString()),S==="prgb"&&(E=this.toPercentageRgbString()),(S==="hex"||S==="hex6")&&(E=this.toHexString()),S==="hex3"&&(E=this.toHexString(!0)),S==="hex4"&&(E=this.toHex8String(!0)),S==="hex8"&&(E=this.toHex8String()),S==="name"&&(E=this.toName()),S==="hsl"&&(E=this.toHslString()),S==="hsv"&&(E=this.toHsvString()),E||this.toHexString())},clone:function(){return u(this.toString())},_applyModification:function(S,$){var E=S.apply(null,[this].concat([].slice.call($)));return this._r=E._r,this._g=E._g,this._b=E._b,this.setAlpha(E._a),this},lighten:function(){return this._applyModification(A,arguments)},brighten:function(){return this._applyModification(D,arguments)},darken:function(){return this._applyModification(T,arguments)},desaturate:function(){return this._applyModification(b,arguments)},saturate:function(){return this._applyModification(F,arguments)},greyscale:function(){return this._applyModification(_,arguments)},spin:function(){return this._applyModification(O,arguments)},_applyCombination:function(S,$){return S.apply(null,[this].concat([].slice.call($)))},analogous:function(){return this._applyCombination(de,arguments)},complement:function(){return this._applyCombination(z,arguments)},monochromatic:function(){return this._applyCombination(me,arguments)},splitcomplement:function(){return this._applyCombination(W,arguments)},triad:function(){return this._applyCombination(Y,arguments)},tetrad:function(){return this._applyCombination(B,arguments)}},u.fromRatio=function(S,$){if(typeof S=="object"){var E={};for(var R in S)S.hasOwnProperty(R)&&(R==="a"?E[R]=S[R]:E[R]=P(S[R]));S=E}return u(S,$)};function c(S){var $={r:0,g:0,b:0},E=1,R=null,I=null,H=null,fe=!1,ye=!1;return typeof S=="string"&&(S=pe(S)),typeof S=="object"&&(ue(S.r)&&ue(S.g)&&ue(S.b)?($=f(S.r,S.g,S.b),fe=!0,ye=String(S.r).substr(-1)==="%"?"prgb":"rgb"):ue(S.h)&&ue(S.s)&&ue(S.v)?(R=P(S.s),I=P(S.v),$=y(S.h,R,I),fe=!0,ye="hsv"):ue(S.h)&&ue(S.s)&&ue(S.l)&&(R=P(S.s),H=P(S.l),$=h(S.h,R,H),fe=!0,ye="hsl"),S.hasOwnProperty("a")&&(E=S.a)),E=te(E),{ok:fe,format:S.format||ye,r:a(255,l($.r,0)),g:a(255,l($.g,0)),b:a(255,l($.b,0)),a:E}}function f(S,$,E){return{r:j(S,255)*255,g:j($,255)*255,b:j(E,255)*255}}function p(S,$,E){S=j(S,255),$=j($,255),E=j(E,255);var R=l(S,$,E),I=a(S,$,E),H,fe,ye=(R+I)/2;if(R==I)H=fe=0;else{var _e=R-I;switch(fe=ye>.5?_e/(2-R-I):_e/(R+I),R){case S:H=($-E)/_e+($1&&(re-=1),re<1/6?he+(Ae-he)*6*re:re<1/2?Ae:re<2/3?he+(Ae-he)*(2/3-re)*6:he}if($===0)R=I=H=E;else{var ye=E<.5?E*(1+$):E+$-E*$,_e=2*E-ye;R=fe(_e,ye,S+1/3),I=fe(_e,ye,S),H=fe(_e,ye,S-1/3)}return{r:R*255,g:I*255,b:H*255}}function g(S,$,E){S=j(S,255),$=j($,255),E=j(E,255);var R=l(S,$,E),I=a(S,$,E),H,fe,ye=R,_e=R-I;if(fe=R===0?0:_e/R,R==I)H=0;else{switch(R){case S:H=($-E)/_e+($>1)+720)%360;--$;)R.h=(R.h+I)%360,H.push(u(R));return H}function me(S,$){$=$||6;for(var E=u(S).toHsv(),R=E.h,I=E.s,H=E.v,fe=[],ye=1/$;$--;)fe.push(u({h:R,s:I,v:H})),H=(H+ye)%1;return fe}u.mix=function(S,$,E){E=E===0?0:E||50;var R=u(S).toRgb(),I=u($).toRgb(),H=E/100,fe={r:(I.r-R.r)*H+R.r,g:(I.g-R.g)*H+R.g,b:(I.b-R.b)*H+R.b,a:(I.a-R.a)*H+R.a};return u(fe)},u.readability=function(S,$){var E=u(S),R=u($);return(t.max(E.getLuminance(),R.getLuminance())+.05)/(t.min(E.getLuminance(),R.getLuminance())+.05)},u.isReadable=function(S,$,E){var R=u.readability(S,$),I,H;switch(H=!1,I=ce(E),I.level+I.size){case"AAsmall":case"AAAlarge":H=R>=4.5;break;case"AAlarge":H=R>=3;break;case"AAAsmall":H=R>=7;break}return H},u.mostReadable=function(S,$,E){var R=null,I=0,H,fe,ye,_e;E=E||{},fe=E.includeFallbackColors,ye=E.level,_e=E.size;for(var he=0;he<$.length;he++)H=u.readability(S,$[he]),H>I&&(I=H,R=u($[he]));return u.isReadable(S,R,{level:ye,size:_e})||!fe?R:(E.includeFallbackColors=!1,u.mostReadable(S,["#fff","#000"],E))};var ae=u.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},se=u.hexNames=L(ae);function L(S){var $={};for(var E in S)S.hasOwnProperty(E)&&($[S[E]]=E);return $}function te(S){return S=parseFloat(S),(isNaN(S)||S<0||S>1)&&(S=1),S}function j(S,$){K(S)&&(S="100%");var E=Q(S);return S=a($,l(0,parseFloat(S))),E&&(S=parseInt(S*$,10)/100),t.abs(S-$)<1e-6?1:S%$/parseFloat($)}function le(S){return a(1,l(0,S))}function N(S){return parseInt(S,16)}function K(S){return typeof S=="string"&&S.indexOf(".")!=-1&&parseFloat(S)===1}function Q(S){return typeof S=="string"&&S.indexOf("%")!=-1}function ne(S){return S.length==1?"0"+S:""+S}function P(S){return S<=1&&(S=S*100+"%"),S}function X(S){return t.round(parseFloat(S)*255).toString(16)}function M(S){return N(S)/255}var ve=function(){var S="[-\\+]?\\d+%?",$="[-\\+]?\\d*\\.\\d+%?",E="(?:"+$+")|(?:"+S+")",R="[\\s|\\(]+("+E+")[,|\\s]+("+E+")[,|\\s]+("+E+")\\s*\\)?",I="[\\s|\\(]+("+E+")[,|\\s]+("+E+")[,|\\s]+("+E+")[,|\\s]+("+E+")\\s*\\)?";return{CSS_UNIT:new RegExp(E),rgb:new RegExp("rgb"+R),rgba:new RegExp("rgba"+I),hsl:new RegExp("hsl"+R),hsla:new RegExp("hsla"+I),hsv:new RegExp("hsv"+R),hsva:new RegExp("hsva"+I),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/}}();function ue(S){return!!ve.CSS_UNIT.exec(S)}function pe(S){S=S.replace(n,"").replace(r,"").toLowerCase();var $=!1;if(ae[S])S=ae[S],$=!0;else if(S=="transparent")return{r:0,g:0,b:0,a:0,format:"name"};var E;return(E=ve.rgb.exec(S))?{r:E[1],g:E[2],b:E[3]}:(E=ve.rgba.exec(S))?{r:E[1],g:E[2],b:E[3],a:E[4]}:(E=ve.hsl.exec(S))?{h:E[1],s:E[2],l:E[3]}:(E=ve.hsla.exec(S))?{h:E[1],s:E[2],l:E[3],a:E[4]}:(E=ve.hsv.exec(S))?{h:E[1],s:E[2],v:E[3]}:(E=ve.hsva.exec(S))?{h:E[1],s:E[2],v:E[3],a:E[4]}:(E=ve.hex8.exec(S))?{r:N(E[1]),g:N(E[2]),b:N(E[3]),a:M(E[4]),format:$?"name":"hex8"}:(E=ve.hex6.exec(S))?{r:N(E[1]),g:N(E[2]),b:N(E[3]),format:$?"name":"hex"}:(E=ve.hex4.exec(S))?{r:N(E[1]+""+E[1]),g:N(E[2]+""+E[2]),b:N(E[3]+""+E[3]),a:M(E[4]+""+E[4]),format:$?"name":"hex8"}:(E=ve.hex3.exec(S))?{r:N(E[1]+""+E[1]),g:N(E[2]+""+E[2]),b:N(E[3]+""+E[3]),format:$?"name":"hex"}:!1}function ce(S){var $,E;return S=S||{level:"AA",size:"small"},$=(S.level||"AA").toUpperCase(),E=(S.size||"small").toLowerCase(),$!=="AA"&&$!=="AAA"&&($="AA"),E!=="small"&&E!=="large"&&(E="small"),{level:$,size:E}}e.exports?e.exports=u:window.tinycolor=u})(Math)})(pC);var jN=pC.exports;const Br=ho(jN);var dv=function(t){var n=["r","g","b","a","h","s","l","v"],r=0,o=0;return zN(n,function(i){if(t[i]&&(r+=1,isNaN(t[i])||(o+=1),i==="s"||i==="l")){var a=/^\d+%$/;a.test(t[i])&&(o+=1)}}),r===o?t:!1},ga=function(t,n){var r=t.hex?Br(t.hex):Br(t),o=r.toHsl(),i=r.toHsv(),a=r.toRgb(),l=r.toHex();o.s===0&&(o.h=n||0,i.h=n||0);var s=l==="000000"&&a.a===0;return{hsl:o,hex:s?"transparent":"#"+l,rgb:a,hsv:i,oldHue:t.h||n||o.h,source:t.source}},jr=function(t){if(t==="transparent")return!0;var n=String(t).charAt(0)==="#"?1:0;return t.length!==4+n&&t.length<7+n&&Br(t).isValid()},N0=function(t){if(!t)return"#fff";var n=ga(t);if(n.hex==="transparent")return"rgba(0,0,0,0.4)";var r=(n.rgb.r*299+n.rgb.g*587+n.rgb.b*114)/1e3;return r>=128?"#000":"#fff"},Xf=function(t,n){var r=t.replace("°","");return Br(n+" ("+r+")")._ok},ra=Object.assign||function(e){for(var t=1;t1&&arguments[1]!==void 0?arguments[1]:"span";return function(r){XN(o,r);function o(){var i,a,l,s;YN(this,o);for(var u=arguments.length,c=Array(u),f=0;fl))return!1;var u=i.get(e),c=i.get(t);if(u&&c)return u==t&&c==e;var f=-1,p=!0,h=n&lI?new hu:void 0;for(i.set(e,t),i.set(t,e);++f=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}var is=24,SL=SC.default=function(e){var t=e.fill,n=t===void 0?"currentColor":t,r=e.width,o=r===void 0?is:r,i=e.height,a=i===void 0?is:i,l=e.style,s=l===void 0?{}:l,u=CL(e,["fill","width","height","style"]);return Dv.default.createElement("svg",_v({viewBox:"0 0 "+is+" "+is,style:_v({fill:n,width:o,height:a},s)},u),Dv.default.createElement("path",{d:"M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z"}))},EL=function(){function e(t,n){for(var r=0;r1&&(o.a=1),r.props.onChange({h:r.props.hsl.h,s:r.props.hsl.s,l:r.props.hsl.l,a:Math.round(o.a*100)/100,source:"rgb"},i)):(o.h||o.s||o.l)&&(typeof o.s=="string"&&o.s.includes("%")&&(o.s=o.s.replace("%","")),typeof o.l=="string"&&o.l.includes("%")&&(o.l=o.l.replace("%","")),o.s==1?o.s=.01:o.l==1&&(o.l=.01),r.props.onChange({h:o.h||r.props.hsl.h,s:Number($v(o.s)?r.props.hsl.s:o.s),l:Number($v(o.l)?r.props.hsl.l:o.l),source:"hsl"},i))},r.showHighlight=function(o){o.currentTarget.style.background="#eee"},r.hideHighlight=function(o){o.currentTarget.style.background="transparent"},n.hsl.a!==1&&n.view==="hex"?r.state={view:"rgb"}:r.state={view:n.view},r}return EL(t,[{key:"render",value:function(){var r=this,o=be({default:{wrap:{paddingTop:"16px",display:"flex"},fields:{flex:"1",display:"flex",marginLeft:"-6px"},field:{paddingLeft:"6px",width:"100%"},alpha:{paddingLeft:"6px",width:"100%"},toggle:{width:"32px",textAlign:"right",position:"relative"},icon:{marginRight:"-4px",marginTop:"12px",cursor:"pointer",position:"relative"},iconHighlight:{position:"absolute",width:"24px",height:"28px",background:"#eee",borderRadius:"4px",top:"10px",left:"12px",display:"none"},input:{fontSize:"11px",color:"#333",width:"100%",borderRadius:"2px",border:"none",boxShadow:"inset 0 0 0 1px #dadada",height:"21px",textAlign:"center"},label:{textTransform:"uppercase",fontSize:"11px",lineHeight:"11px",color:"#969696",textAlign:"center",display:"block",marginTop:"12px"},svg:{fill:"#333",width:"24px",height:"24px",border:"1px transparent solid",borderRadius:"5px"}},disableAlpha:{alpha:{display:"none"}}},this.props,this.state),i=void 0;return this.state.view==="hex"?i=x.createElement("div",{style:o.fields,className:"flexbox-fix"},x.createElement("div",{style:o.field},x.createElement(ke,{style:{input:o.input,label:o.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):this.state.view==="rgb"?i=x.createElement("div",{style:o.fields,className:"flexbox-fix"},x.createElement("div",{style:o.field},x.createElement(ke,{style:{input:o.input,label:o.label},label:"r",value:this.props.rgb.r,onChange:this.handleChange})),x.createElement("div",{style:o.field},x.createElement(ke,{style:{input:o.input,label:o.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),x.createElement("div",{style:o.field},x.createElement(ke,{style:{input:o.input,label:o.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),x.createElement("div",{style:o.alpha},x.createElement(ke,{style:{input:o.input,label:o.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):this.state.view==="hsl"&&(i=x.createElement("div",{style:o.fields,className:"flexbox-fix"},x.createElement("div",{style:o.field},x.createElement(ke,{style:{input:o.input,label:o.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),x.createElement("div",{style:o.field},x.createElement(ke,{style:{input:o.input,label:o.label},label:"s",value:Math.round(this.props.hsl.s*100)+"%",onChange:this.handleChange})),x.createElement("div",{style:o.field},x.createElement(ke,{style:{input:o.input,label:o.label},label:"l",value:Math.round(this.props.hsl.l*100)+"%",onChange:this.handleChange})),x.createElement("div",{style:o.alpha},x.createElement(ke,{style:{input:o.input,label:o.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),x.createElement("div",{style:o.wrap,className:"flexbox-fix"},i,x.createElement("div",{style:o.toggle},x.createElement("div",{style:o.icon,onClick:this.toggleViews,ref:function(l){return r.icon=l}},x.createElement(SL,{style:o.svg,onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight}))))}}],[{key:"getDerivedStateFromProps",value:function(r,o){return r.hsl.a!==1&&o.view==="hex"?{view:"rgb"}:null}}]),t}(x.Component);EC.defaultProps={view:"hex"};var Pv=function(){var t=be({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",transform:"translate(-6px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return x.createElement("div",{style:t.picker})},$L=function(){var t=be({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}}});return x.createElement("div",{style:t.picker})},G0=function(t){var n=t.width,r=t.onChange,o=t.disableAlpha,i=t.rgb,a=t.hsl,l=t.hsv,s=t.hex,u=t.renderers,c=t.styles,f=c===void 0?{}:c,p=t.className,h=p===void 0?"":p,g=t.defaultView,y=be(Vt({default:{picker:{width:n,background:"#fff",borderRadius:"2px",boxShadow:"0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3)",boxSizing:"initial",fontFamily:"Menlo"},saturation:{width:"100%",paddingBottom:"55%",position:"relative",borderRadius:"2px 2px 0 0",overflow:"hidden"},Saturation:{radius:"2px 2px 0 0"},body:{padding:"16px 16px 12px"},controls:{display:"flex"},color:{width:"32px"},swatch:{marginTop:"6px",width:"16px",height:"16px",borderRadius:"8px",position:"relative",overflow:"hidden"},active:{absolute:"0px 0px 0px 0px",borderRadius:"8px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.1)",background:"rgba("+i.r+", "+i.g+", "+i.b+", "+i.a+")",zIndex:"2"},toggles:{flex:"1"},hue:{height:"10px",position:"relative",marginBottom:"8px"},Hue:{radius:"2px"},alpha:{height:"10px",position:"relative"},Alpha:{radius:"2px"}},disableAlpha:{color:{width:"22px"},alpha:{display:"none"},hue:{marginBottom:"0px"},swatch:{width:"10px",height:"10px",marginTop:"0px"}}},f),{disableAlpha:o});return x.createElement("div",{style:y.picker,className:"chrome-picker "+h},x.createElement("div",{style:y.saturation},x.createElement(pc,{style:y.Saturation,hsl:a,hsv:l,pointer:$L,onChange:r})),x.createElement("div",{style:y.body},x.createElement("div",{style:y.controls,className:"flexbox-fix"},x.createElement("div",{style:y.color},x.createElement("div",{style:y.swatch},x.createElement("div",{style:y.active}),x.createElement(Li,{renderers:u}))),x.createElement("div",{style:y.toggles},x.createElement("div",{style:y.hue},x.createElement(zi,{style:y.Hue,hsl:a,pointer:Pv,onChange:r})),x.createElement("div",{style:y.alpha},x.createElement(_0,{style:y.Alpha,rgb:i,hsl:a,pointer:Pv,renderers:u,onChange:r})))),x.createElement(EC,{rgb:i,hsl:a,hex:s,view:g,onChange:r,disableAlpha:o})))};G0.propTypes={width:J.oneOfType([J.string,J.number]),disableAlpha:J.bool,styles:J.object,defaultView:J.oneOf(["hex","rgb","hsl"])};G0.defaultProps={width:225,disableAlpha:!1,styles:{}};const _L=Kt(G0);var DL=function(t){var n=t.color,r=t.onClick,o=r===void 0?function(){}:r,i=t.onSwatchHover,a=t.active,l=be({default:{color:{background:n,width:"15px",height:"15px",float:"left",marginRight:"5px",marginBottom:"5px",position:"relative",cursor:"pointer"},dot:{absolute:"5px 5px 5px 5px",background:N0(n),borderRadius:"50%",opacity:"0"}},active:{dot:{opacity:"1"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #ddd"},dot:{background:"#000"}},transparent:{dot:{background:"#000"}}},{active:a,"color-#FFFFFF":n==="#FFFFFF",transparent:n==="transparent"});return x.createElement(Co,{style:l.color,color:n,onClick:o,onHover:i,focusStyle:{boxShadow:"0 0 4px "+n}},x.createElement("div",{style:l.dot}))},PL=function(t){var n=t.hex,r=t.rgb,o=t.onChange,i=be({default:{fields:{display:"flex",paddingBottom:"6px",paddingRight:"5px",position:"relative"},active:{position:"absolute",top:"6px",left:"5px",height:"9px",width:"9px",background:n},HEXwrap:{flex:"6",position:"relative"},HEXinput:{width:"80%",padding:"0px",paddingLeft:"20%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},HEXlabel:{display:"none"},RGBwrap:{flex:"3",position:"relative"},RGBinput:{width:"70%",padding:"0px",paddingLeft:"30%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},RGBlabel:{position:"absolute",top:"3px",left:"0px",lineHeight:"16px",textTransform:"uppercase",fontSize:"12px",color:"#999"}}}),a=function(s,u){s.r||s.g||s.b?o({r:s.r||r.r,g:s.g||r.g,b:s.b||r.b,source:"rgb"},u):o({hex:s.hex,source:"hex"},u)};return x.createElement("div",{style:i.fields,className:"flexbox-fix"},x.createElement("div",{style:i.active}),x.createElement(ke,{style:{wrap:i.HEXwrap,input:i.HEXinput,label:i.HEXlabel},label:"hex",value:n,onChange:a}),x.createElement(ke,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"r",value:r.r,onChange:a}),x.createElement(ke,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"g",value:r.g,onChange:a}),x.createElement(ke,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"b",value:r.b,onChange:a}))},W0=function(t){var n=t.onChange,r=t.onSwatchHover,o=t.colors,i=t.hex,a=t.rgb,l=t.styles,s=l===void 0?{}:l,u=t.className,c=u===void 0?"":u,f=be(Vt({default:{Compact:{background:"#f6f6f6",radius:"4px"},compact:{paddingTop:"5px",paddingLeft:"5px",boxSizing:"initial",width:"240px"},clear:{clear:"both"}}},s)),p=function(g,y){g.hex?jr(g.hex)&&n({hex:g.hex,source:"hex"},y):n(g,y)};return x.createElement(xl,{style:f.Compact,styles:s},x.createElement("div",{style:f.compact,className:"compact-picker "+c},x.createElement("div",null,So(o,function(h){return x.createElement(DL,{key:h,color:h,active:h.toLowerCase()===i,onClick:p,onSwatchHover:r})}),x.createElement("div",{style:f.clear})),x.createElement(PL,{hex:i,rgb:a,onChange:p})))};W0.propTypes={colors:J.arrayOf(J.string),styles:J.object};W0.defaultProps={colors:["#4D4D4D","#999999","#FFFFFF","#F44E3B","#FE9200","#FCDC00","#DBDF00","#A4DD00","#68CCCA","#73D8FF","#AEA1FF","#FDA1FF","#333333","#808080","#cccccc","#D33115","#E27300","#FCC400","#B0BC00","#68BC00","#16A5A5","#009CE0","#7B64FF","#FA28FF","#000000","#666666","#B3B3B3","#9F0500","#C45100","#FB9E00","#808900","#194D33","#0C797D","#0062B1","#653294","#AB149E"],styles:{}};Kt(W0);var TL=function(t){var n=t.hover,r=t.color,o=t.onClick,i=t.onSwatchHover,a={position:"relative",zIndex:"2",outline:"2px solid #fff",boxShadow:"0 0 5px 2px rgba(0,0,0,0.25)"},l=be({default:{swatch:{width:"25px",height:"25px",fontSize:"0"}},hover:{swatch:a}},{hover:n});return x.createElement("div",{style:l.swatch},x.createElement(Co,{color:r,onClick:o,onHover:i,focusStyle:a}))};const OL=$0(TL);var U0=function(t){var n=t.width,r=t.colors,o=t.onChange,i=t.onSwatchHover,a=t.triangle,l=t.styles,s=l===void 0?{}:l,u=t.className,c=u===void 0?"":u,f=be(Vt({default:{card:{width:n,background:"#fff",border:"1px solid rgba(0,0,0,0.2)",boxShadow:"0 3px 12px rgba(0,0,0,0.15)",borderRadius:"4px",position:"relative",padding:"5px",display:"flex",flexWrap:"wrap"},triangle:{position:"absolute",border:"7px solid transparent",borderBottomColor:"#fff"},triangleShadow:{position:"absolute",border:"8px solid transparent",borderBottomColor:"rgba(0,0,0,0.15)"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-14px",left:"10px"},triangleShadow:{top:"-16px",left:"9px"}},"top-right-triangle":{triangle:{top:"-14px",right:"10px"},triangleShadow:{top:"-16px",right:"9px"}},"bottom-left-triangle":{triangle:{top:"35px",left:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",left:"9px",transform:"rotate(180deg)"}},"bottom-right-triangle":{triangle:{top:"35px",right:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",right:"9px",transform:"rotate(180deg)"}}},s),{"hide-triangle":a==="hide","top-left-triangle":a==="top-left","top-right-triangle":a==="top-right","bottom-left-triangle":a==="bottom-left","bottom-right-triangle":a==="bottom-right"}),p=function(g,y){return o({hex:g,source:"hex"},y)};return x.createElement("div",{style:f.card,className:"github-picker "+c},x.createElement("div",{style:f.triangleShadow}),x.createElement("div",{style:f.triangle}),So(r,function(h){return x.createElement(OL,{color:h,key:h,onClick:p,onSwatchHover:i})}))};U0.propTypes={width:J.oneOfType([J.string,J.number]),colors:J.arrayOf(J.string),triangle:J.oneOf(["hide","top-left","top-right","bottom-left","bottom-right"]),styles:J.object};U0.defaultProps={width:200,colors:["#B80000","#DB3E00","#FCCB00","#008B02","#006B76","#1273DE","#004DCF","#5300EB","#EB9694","#FAD0C3","#FEF3BD","#C1E1C5","#BEDADC","#C4DEF6","#BED3F3","#D4C4FB"],triangle:"top-left",styles:{}};Kt(U0);var BL=function(t){var n=t.direction,r=be({default:{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}},vertical:{picker:{transform:"translate(-3px, -9px)"}}},{vertical:n==="vertical"});return x.createElement("div",{style:r.picker})},ML=Object.assign||function(e){for(var t=1;t.5});return x.createElement("div",{style:r.picker})},LL=function(){var t=be({default:{triangle:{width:0,height:0,borderStyle:"solid",borderWidth:"4px 0 4px 6px",borderColor:"transparent transparent transparent #fff",position:"absolute",top:"1px",left:"1px"},triangleBorder:{width:0,height:0,borderStyle:"solid",borderWidth:"5px 0 5px 8px",borderColor:"transparent transparent transparent #555"},left:{Extend:"triangleBorder",transform:"translate(-13px, -4px)"},leftInside:{Extend:"triangle",transform:"translate(-8px, -5px)"},right:{Extend:"triangleBorder",transform:"translate(20px, -14px) rotate(180deg)"},rightInside:{Extend:"triangle",transform:"translate(-8px, -5px)"}}});return x.createElement("div",{style:t.pointer},x.createElement("div",{style:t.left},x.createElement("div",{style:t.leftInside})),x.createElement("div",{style:t.right},x.createElement("div",{style:t.rightInside})))},Tv=function(t){var n=t.onClick,r=t.label,o=t.children,i=t.active,a=be({default:{button:{backgroundImage:"linear-gradient(-180deg, #FFFFFF 0%, #E6E6E6 100%)",border:"1px solid #878787",borderRadius:"2px",height:"20px",boxShadow:"0 1px 0 0 #EAEAEA",fontSize:"14px",color:"#000",lineHeight:"20px",textAlign:"center",marginBottom:"10px",cursor:"pointer"}},active:{button:{boxShadow:"0 0 0 1px #878787"}}},{active:i});return x.createElement("div",{style:a.button,onClick:n},r||o)},zL=function(t){var n=t.rgb,r=t.currentColor,o=be({default:{swatches:{border:"1px solid #B3B3B3",borderBottom:"1px solid #F0F0F0",marginBottom:"2px",marginTop:"1px"},new:{height:"34px",background:"rgb("+n.r+","+n.g+", "+n.b+")",boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000"},current:{height:"34px",background:r,boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000"},label:{fontSize:"14px",color:"#000",textAlign:"center"}}});return x.createElement("div",null,x.createElement("div",{style:o.label},"new"),x.createElement("div",{style:o.swatches},x.createElement("div",{style:o.new}),x.createElement("div",{style:o.current})),x.createElement("div",{style:o.label},"current"))},jL=function(){function e(t,n){for(var r=0;r100&&(c.a=100),c.a/=100,n({h:o.h,s:o.s,l:o.l,a:c.a,source:"rgb"},f))};return x.createElement("div",{style:l.fields,className:"flexbox-fix"},x.createElement("div",{style:l.double},x.createElement(ke,{style:{input:l.input,label:l.label},label:"hex",value:i.replace("#",""),onChange:s})),x.createElement("div",{style:l.single},x.createElement(ke,{style:{input:l.input,label:l.label},label:"r",value:r.r,onChange:s,dragLabel:"true",dragMax:"255"})),x.createElement("div",{style:l.single},x.createElement(ke,{style:{input:l.input,label:l.label},label:"g",value:r.g,onChange:s,dragLabel:"true",dragMax:"255"})),x.createElement("div",{style:l.single},x.createElement(ke,{style:{input:l.input,label:l.label},label:"b",value:r.b,onChange:s,dragLabel:"true",dragMax:"255"})),x.createElement("div",{style:l.alpha},x.createElement(ke,{style:{input:l.input,label:l.label},label:"a",value:Math.round(r.a*100),onChange:s,dragLabel:"true",dragMax:"100"})))},VL=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}var as=24,tz=kC.default=function(e){var t=e.fill,n=t===void 0?"currentColor":t,r=e.width,o=r===void 0?as:r,i=e.height,a=i===void 0?as:i,l=e.style,s=l===void 0?{}:l,u=ez(e,["fill","width","height","style"]);return Bv.default.createElement("svg",Ov({viewBox:"0 0 "+as+" "+as,style:Ov({fill:n,width:o,height:a},s)},u),Bv.default.createElement("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}))},nz=function(t){var n=t.color,r=t.onClick,o=r===void 0?function(){}:r,i=t.onSwatchHover,a=t.first,l=t.last,s=t.active,u=be({default:{color:{width:"40px",height:"24px",cursor:"pointer",background:n,marginBottom:"1px"},check:{color:N0(n),marginLeft:"8px",display:"none"}},first:{color:{overflow:"hidden",borderRadius:"2px 2px 0 0"}},last:{color:{overflow:"hidden",borderRadius:"0 0 2px 2px"}},active:{check:{display:"block"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #ddd"},check:{color:"#333"}},transparent:{check:{color:"#333"}}},{first:a,last:l,active:s,"color-#FFFFFF":n==="#FFFFFF",transparent:n==="transparent"});return x.createElement(Co,{color:n,style:u.color,onClick:o,onHover:i,focusStyle:{boxShadow:"0 0 4px "+n}},x.createElement("div",{style:u.check},x.createElement(tz,null)))},rz=function(t){var n=t.onClick,r=t.onSwatchHover,o=t.group,i=t.active,a=be({default:{group:{paddingBottom:"10px",width:"40px",float:"left",marginRight:"10px"}}});return x.createElement("div",{style:a.group},So(o,function(l,s){return x.createElement(nz,{key:l,color:l,active:l.toLowerCase()===i,first:s===0,last:s===o.length-1,onClick:n,onSwatchHover:r})}))},q0=function(t){var n=t.width,r=t.height,o=t.onChange,i=t.onSwatchHover,a=t.colors,l=t.hex,s=t.styles,u=s===void 0?{}:s,c=t.className,f=c===void 0?"":c,p=be(Vt({default:{picker:{width:n,height:r},overflow:{height:r,overflowY:"scroll"},body:{padding:"16px 0 6px 16px"},clear:{clear:"both"}}},u)),h=function(y,C){return o({hex:y,source:"hex"},C)};return x.createElement("div",{style:p.picker,className:"swatches-picker "+f},x.createElement(xl,null,x.createElement("div",{style:p.overflow},x.createElement("div",{style:p.body},So(a,function(g){return x.createElement(rz,{key:g.toString(),group:g,active:l,onClick:h,onSwatchHover:i})}),x.createElement("div",{style:p.clear})))))};q0.propTypes={width:J.oneOfType([J.string,J.number]),height:J.oneOfType([J.string,J.number]),colors:J.arrayOf(J.arrayOf(J.string)),styles:J.object};q0.defaultProps={width:320,height:240,colors:[[_o[900],_o[700],_o[500],_o[300],_o[100]],[Do[900],Do[700],Do[500],Do[300],Do[100]],[Po[900],Po[700],Po[500],Po[300],Po[100]],[To[900],To[700],To[500],To[300],To[100]],[Oo[900],Oo[700],Oo[500],Oo[300],Oo[100]],[Bo[900],Bo[700],Bo[500],Bo[300],Bo[100]],[Mo[900],Mo[700],Mo[500],Mo[300],Mo[100]],[Ro[900],Ro[700],Ro[500],Ro[300],Ro[100]],[No[900],No[700],No[500],No[300],No[100]],["#194D33",ma[700],ma[500],ma[300],ma[100]],[Io[900],Io[700],Io[500],Io[300],Io[100]],[Lo[900],Lo[700],Lo[500],Lo[300],Lo[100]],[zo[900],zo[700],zo[500],zo[300],zo[100]],[jo[900],jo[700],jo[500],jo[300],jo[100]],[Ho[900],Ho[700],Ho[500],Ho[300],Ho[100]],[Go[900],Go[700],Go[500],Go[300],Go[100]],[Wo[900],Wo[700],Wo[500],Wo[300],Wo[100]],[Uo[900],Uo[700],Uo[500],Uo[300],Uo[100]],["#000000","#525252","#969696","#D9D9D9","#FFFFFF"]],styles:{}};Kt(q0);var J0=function(t){var n=t.onChange,r=t.onSwatchHover,o=t.hex,i=t.colors,a=t.width,l=t.triangle,s=t.styles,u=s===void 0?{}:s,c=t.className,f=c===void 0?"":c,p=be(Vt({default:{card:{width:a,background:"#fff",border:"0 solid rgba(0,0,0,0.25)",boxShadow:"0 1px 4px rgba(0,0,0,0.25)",borderRadius:"4px",position:"relative"},body:{padding:"15px 9px 9px 15px"},label:{fontSize:"18px",color:"#fff"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 9px 10px 9px",borderColor:"transparent transparent #fff transparent",position:"absolute"},triangleShadow:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 9px 10px 9px",borderColor:"transparent transparent rgba(0,0,0,.1) transparent",position:"absolute"},hash:{background:"#F0F0F0",height:"30px",width:"30px",borderRadius:"4px 0 0 4px",float:"left",color:"#98A1A4",display:"flex",alignItems:"center",justifyContent:"center"},input:{width:"100px",fontSize:"14px",color:"#666",border:"0px",outline:"none",height:"28px",boxShadow:"inset 0 0 0 1px #F0F0F0",boxSizing:"content-box",borderRadius:"0 4px 4px 0",float:"left",paddingLeft:"8px"},swatch:{width:"30px",height:"30px",float:"left",borderRadius:"4px",margin:"0 6px 6px 0"},clear:{clear:"both"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-10px",left:"12px"},triangleShadow:{top:"-11px",left:"12px"}},"top-right-triangle":{triangle:{top:"-10px",right:"12px"},triangleShadow:{top:"-11px",right:"12px"}}},u),{"hide-triangle":l==="hide","top-left-triangle":l==="top-left","top-right-triangle":l==="top-right"}),h=function(y,C){jr(y)&&n({hex:y,source:"hex"},C)};return x.createElement("div",{style:p.card,className:"twitter-picker "+f},x.createElement("div",{style:p.triangleShadow}),x.createElement("div",{style:p.triangle}),x.createElement("div",{style:p.body},So(i,function(g,y){return x.createElement(Co,{key:y,color:g,hex:g,style:p.swatch,onClick:h,onHover:r,focusStyle:{boxShadow:"0 0 4px "+g}})}),x.createElement("div",{style:p.hash},"#"),x.createElement(ke,{label:null,style:{input:p.input},value:o.replace("#",""),onChange:h}),x.createElement("div",{style:p.clear})))};J0.propTypes={width:J.oneOfType([J.string,J.number]),triangle:J.oneOf(["hide","top-left","top-right"]),colors:J.arrayOf(J.string),styles:J.object};J0.defaultProps={width:276,colors:["#FF6900","#FCB900","#7BDCB5","#00D084","#8ED1FC","#0693E3","#ABB8C3","#EB144C","#F78DA7","#9900EF"],triangle:"top-left",styles:{}};Kt(J0);var Q0=function(t){var n=be({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",border:"2px #fff solid",transform:"translate(-12px, -13px)",background:"hsl("+Math.round(t.hsl.h)+", "+Math.round(t.hsl.s*100)+"%, "+Math.round(t.hsl.l*100)+"%)"}}});return x.createElement("div",{style:n.picker})};Q0.propTypes={hsl:J.shape({h:J.number,s:J.number,l:J.number,a:J.number})};Q0.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};var Z0=function(t){var n=be({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",transform:"translate(-10px, -7px)",background:"hsl("+Math.round(t.hsl.h)+", 100%, 50%)",border:"2px white solid"}}});return x.createElement("div",{style:n.picker})};Z0.propTypes={hsl:J.shape({h:J.number,s:J.number,l:J.number,a:J.number})};Z0.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};var oz=function(t){var n=t.onChange,r=t.rgb,o=t.hsl,i=t.hex,a=t.hsv,l=function(h,g){if(h.hex)jr(h.hex)&&n({hex:h.hex,source:"hex"},g);else if(h.rgb){var y=h.rgb.split(",");Xf(h.rgb,"rgb")&&n({r:y[0],g:y[1],b:y[2],a:1,source:"rgb"},g)}else if(h.hsv){var C=h.hsv.split(",");Xf(h.hsv,"hsv")&&(C[2]=C[2].replace("%",""),C[1]=C[1].replace("%",""),C[0]=C[0].replace("°",""),C[1]==1?C[1]=.01:C[2]==1&&(C[2]=.01),n({h:Number(C[0]),s:Number(C[1]),v:Number(C[2]),source:"hsv"},g))}else if(h.hsl){var m=h.hsl.split(",");Xf(h.hsl,"hsl")&&(m[2]=m[2].replace("%",""),m[1]=m[1].replace("%",""),m[0]=m[0].replace("°",""),f[1]==1?f[1]=.01:f[2]==1&&(f[2]=.01),n({h:Number(m[0]),s:Number(m[1]),v:Number(m[2]),source:"hsl"},g))}},s=be({default:{wrap:{display:"flex",height:"100px",marginTop:"4px"},fields:{width:"100%"},column:{paddingTop:"10px",display:"flex",justifyContent:"space-between"},double:{padding:"0px 4.4px",boxSizing:"border-box"},input:{width:"100%",height:"38px",boxSizing:"border-box",padding:"4px 10% 3px",textAlign:"center",border:"1px solid #dadce0",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",fontFamily:"Roboto,Arial,sans-serif"},input2:{height:"38px",width:"100%",border:"1px solid #dadce0",boxSizing:"border-box",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",paddingLeft:"10px",fontFamily:"Roboto,Arial,sans-serif"},label:{textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"35px",top:"-6px",left:"0",right:"0",marginLeft:"auto",marginRight:"auto",fontFamily:"Roboto,Arial,sans-serif"},label2:{left:"10px",textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"32px",top:"-6px",fontFamily:"Roboto,Arial,sans-serif"},single:{flexGrow:"1",margin:"0px 4.4px"}}}),u=r.r+", "+r.g+", "+r.b,c=Math.round(o.h)+"°, "+Math.round(o.s*100)+"%, "+Math.round(o.l*100)+"%",f=Math.round(a.h)+"°, "+Math.round(a.s*100)+"%, "+Math.round(a.v*100)+"%";return x.createElement("div",{style:s.wrap,className:"flexbox-fix"},x.createElement("div",{style:s.fields},x.createElement("div",{style:s.double},x.createElement(ke,{style:{input:s.input,label:s.label},label:"hex",value:i,onChange:l})),x.createElement("div",{style:s.column},x.createElement("div",{style:s.single},x.createElement(ke,{style:{input:s.input2,label:s.label2},label:"rgb",value:u,onChange:l})),x.createElement("div",{style:s.single},x.createElement(ke,{style:{input:s.input2,label:s.label2},label:"hsv",value:f,onChange:l})),x.createElement("div",{style:s.single},x.createElement(ke,{style:{input:s.input2,label:s.label2},label:"hsl",value:c,onChange:l})))))},eg=function(t){var n=t.width,r=t.onChange,o=t.rgb,i=t.hsl,a=t.hsv,l=t.hex,s=t.header,u=t.styles,c=u===void 0?{}:u,f=t.className,p=f===void 0?"":f,h=be(Vt({default:{picker:{width:n,background:"#fff",border:"1px solid #dfe1e5",boxSizing:"initial",display:"flex",flexWrap:"wrap",borderRadius:"8px 8px 0px 0px"},head:{height:"57px",width:"100%",paddingTop:"16px",paddingBottom:"16px",paddingLeft:"16px",fontSize:"20px",boxSizing:"border-box",fontFamily:"Roboto-Regular,HelveticaNeue,Arial,sans-serif"},saturation:{width:"70%",padding:"0px",position:"relative",overflow:"hidden"},swatch:{width:"30%",height:"228px",padding:"0px",background:"rgba("+o.r+", "+o.g+", "+o.b+", 1)",position:"relative",overflow:"hidden"},body:{margin:"auto",width:"95%"},controls:{display:"flex",boxSizing:"border-box",height:"52px",paddingTop:"22px"},color:{width:"32px"},hue:{height:"8px",position:"relative",margin:"0px 16px 0px 16px",width:"100%"},Hue:{radius:"2px"}}},c));return x.createElement("div",{style:h.picker,className:"google-picker "+p},x.createElement("div",{style:h.head},s),x.createElement("div",{style:h.swatch}),x.createElement("div",{style:h.saturation},x.createElement(pc,{hsl:i,hsv:a,pointer:Q0,onChange:r})),x.createElement("div",{style:h.body},x.createElement("div",{style:h.controls,className:"flexbox-fix"},x.createElement("div",{style:h.hue},x.createElement(zi,{style:h.Hue,hsl:i,radius:"4px",pointer:Z0,onChange:r}))),x.createElement(oz,{rgb:o,hsl:i,hex:l,hsv:a,onChange:r})))};eg.propTypes={width:J.oneOfType([J.string,J.number]),styles:J.object,header:J.string};eg.defaultProps={width:652,styles:{},header:"Color picker"};const iz=Kt(eg);function Mv(e){const{onChange:t,value:n,allowGradients:r}=e,{colorUsages:o}=Ce;return o.map(({color:i,usages:a,isGradient:l})=>!r&&l?null:k("span",{onClick:()=>{t(i,!0)},title:`${i} Used for: `+a.join(` -`),style:{width:Ei,height:Ei,border:i===n?"3px solid yellow":"1px solid black",marginRight:"5px",marginBottom:"2px",borderRadius:"5px",background:i,display:"inline-block",marginTop:"2px",cursor:"pointer",boxSizing:"border-box"},children:[d("span",{style:{fontSize:"10px",backgroundColor:"white"},children:a.length},`${i}---usages`),/^var\(/.test(i)&&"var"]},i))}function iz(e,t,n,r){const o=r.leading!==!1;if(e.current.latest=n,e.current.running)return;const i=(a=!1)=>{e.current.running=e.current.latest!==null,e.current.running&&((!a||o)&&(t(e.current.latest),e.current.latest=null),setTimeout(i,r.ms))};i(!0)}const az=e=>{const t=w.useRef({});return w.useMemo(()=>(n,r)=>iz(t,n,r,e),[])},lz=90;function sz(e){if(e.keyCode==lz&&e.ctrlKey)return e.preventDefault(),!1}function Ve(a){var l=a,{label:e,value:t,className:n,onChange:r,inputRef:o}=l,i=mn(l,["label","value","className","onChange","inputRef"]);return d("input",V({type:"text",ref:o,value:t,onChange:u=>r(u.target.value),onKeyDown:sz,className:"components-text-control__input",autoCapitalize:"off"},i))}var uz=function(t){if(cz(),t=t.toUpperCase(),t.length<3||t.length>7)return{exactMatch:!1,closestColor:"#000000",colorName:"Invalid Color: "+t};t.length%3==0&&(t="#"+t),t.length==4&&(t="#"+t.substr(1,1)+t.substr(1,1)+t.substr(2,1)+t.substr(2,1)+t.substr(3,1)+t.substr(3,1));for(var n=AC(t),r=n[0],o=n[1],i=n[2],a=kC(t),l=a[0],s=a[1],u=a[2],c=0,f=0,p=0,h=-1,g=-1,y=0;yp)&&(g=p,h=y)}return{exactMatch:!1,colorName:Ft[h][1],closestColor:`#${Ft[h][0]}`}};const cz=function(){for(var e=0;e0&&l<1&&(a=o/(l<.5?2*l:2-2*l)),i=0,o>0&&(r==s&&r!=u&&(i+=(u-c)/o),r==u&&r!=c&&(i+=2+(c-s)/o),r==c&&r!=s&&(i+=4+(s-u)/o),i/=6),[parseInt(i*255),parseInt(a*255),parseInt(l*255)]}function AC(e){return[parseInt("0x"+e.substring(1,3)),parseInt("0x"+e.substring(3,5)),parseInt("0x"+e.substring(5,7))]}let Ft=[["000000","Black"],["000080","Navy Blue"],["0000C8","Dark Blue"],["0000FF","Blue"],["000741","Stratos"],["001B1C","Swamp"],["002387","Resolution Blue"],["002900","Deep Fir"],["002E20","Burnham"],["002FA7","International Klein Blue"],["003153","Prussian Blue"],["003366","Midnight Blue"],["003399","Smalt"],["003532","Deep Teal"],["003E40","Cyprus"],["004620","Kaitoke Green"],["0047AB","Cobalt"],["004816","Crusoe"],["004950","Sherpa Blue"],["0056A7","Endeavour"],["00581A","Camarone"],["0066CC","Science Blue"],["0066FF","Blue Ribbon"],["00755E","Tropical Rain Forest"],["0076A3","Allports"],["007BA7","Deep Cerulean"],["007EC7","Lochmara"],["007FFF","Azure Radiance"],["008080","Teal"],["0095B6","Bondi Blue"],["009DC4","Pacific Blue"],["00A693","Persian Green"],["00A86B","Jade"],["00CC99","Caribbean Green"],["00CCCC","Robin's Egg Blue"],["00FF00","Green"],["00FF7F","Spring Green"],["00FFFF","Cyan / Aqua"],["010D1A","Blue Charcoal"],["011635","Midnight"],["011D13","Holly"],["012731","Daintree"],["01361C","Cardin Green"],["01371A","County Green"],["013E62","Astronaut Blue"],["013F6A","Regal Blue"],["014B43","Aqua Deep"],["015E85","Orient"],["016162","Blue Stone"],["016D39","Fun Green"],["01796F","Pine Green"],["017987","Blue Lagoon"],["01826B","Deep Sea"],["01A368","Green Haze"],["022D15","English Holly"],["02402C","Sherwood Green"],["02478E","Congress Blue"],["024E46","Evening Sea"],["026395","Bahama Blue"],["02866F","Observatory"],["02A4D3","Cerulean"],["03163C","Tangaroa"],["032B52","Green Vogue"],["036A6E","Mosque"],["041004","Midnight Moss"],["041322","Black Pearl"],["042E4C","Blue Whale"],["044022","Zuccini"],["044259","Teal Blue"],["051040","Deep Cove"],["051657","Gulf Blue"],["055989","Venice Blue"],["056F57","Watercourse"],["062A78","Catalina Blue"],["063537","Tiber"],["069B81","Gossamer"],["06A189","Niagara"],["073A50","Tarawera"],["080110","Jaguar"],["081910","Black Bean"],["082567","Deep Sapphire"],["088370","Elf Green"],["08E8DE","Bright Turquoise"],["092256","Downriver"],["09230F","Palm Green"],["09255D","Madison"],["093624","Bottle Green"],["095859","Deep Sea Green"],["097F4B","Salem"],["0A001C","Black Russian"],["0A480D","Dark Fern"],["0A6906","Japanese Laurel"],["0A6F75","Atoll"],["0B0B0B","Cod Gray"],["0B0F08","Marshland"],["0B1107","Gordons Green"],["0B1304","Black Forest"],["0B6207","San Felix"],["0BDA51","Malachite"],["0C0B1D","Ebony"],["0C0D0F","Woodsmoke"],["0C1911","Racing Green"],["0C7A79","Surfie Green"],["0C8990","Blue Chill"],["0D0332","Black Rock"],["0D1117","Bunker"],["0D1C19","Aztec"],["0D2E1C","Bush"],["0E0E18","Cinder"],["0E2A30","Firefly"],["0F2D9E","Torea Bay"],["10121D","Vulcan"],["101405","Green Waterloo"],["105852","Eden"],["110C6C","Arapawa"],["120A8F","Ultramarine"],["123447","Elephant"],["126B40","Jewel"],["130000","Diesel"],["130A06","Asphalt"],["13264D","Blue Zodiac"],["134F19","Parsley"],["140600","Nero"],["1450AA","Tory Blue"],["151F4C","Bunting"],["1560BD","Denim"],["15736B","Genoa"],["161928","Mirage"],["161D10","Hunter Green"],["162A40","Big Stone"],["163222","Celtic"],["16322C","Timber Green"],["163531","Gable Green"],["171F04","Pine Tree"],["175579","Chathams Blue"],["182D09","Deep Forest Green"],["18587A","Blumine"],["19330E","Palm Leaf"],["193751","Nile Blue"],["1959A8","Fun Blue"],["1A1A68","Lucky Point"],["1AB385","Mountain Meadow"],["1B0245","Tolopea"],["1B1035","Haiti"],["1B127B","Deep Koamaru"],["1B1404","Acadia"],["1B2F11","Seaweed"],["1B3162","Biscay"],["1B659D","Matisse"],["1C1208","Crowshead"],["1C1E13","Rangoon Green"],["1C39BB","Persian Blue"],["1C402E","Everglade"],["1C7C7D","Elm"],["1D6142","Green Pea"],["1E0F04","Creole"],["1E1609","Karaka"],["1E1708","El Paso"],["1E385B","Cello"],["1E433C","Te Papa Green"],["1E90FF","Dodger Blue"],["1E9AB0","Eastern Blue"],["1F120F","Night Rider"],["1FC2C2","Java"],["20208D","Jacksons Purple"],["202E54","Cloud Burst"],["204852","Blue Dianne"],["211A0E","Eternity"],["220878","Deep Blue"],["228B22","Forest Green"],["233418","Mallard"],["240A40","Violet"],["240C02","Kilamanjaro"],["242A1D","Log Cabin"],["242E16","Black Olive"],["24500F","Green House"],["251607","Graphite"],["251706","Cannon Black"],["251F4F","Port Gore"],["25272C","Shark"],["25311C","Green Kelp"],["2596D1","Curious Blue"],["260368","Paua"],["26056A","Paris M"],["261105","Wood Bark"],["261414","Gondola"],["262335","Steel Gray"],["26283B","Ebony Clay"],["273A81","Bay of Many"],["27504B","Plantation"],["278A5B","Eucalyptus"],["281E15","Oil"],["283A77","Astronaut"],["286ACD","Mariner"],["290C5E","Violent Violet"],["292130","Bastille"],["292319","Zeus"],["292937","Charade"],["297B9A","Jelly Bean"],["29AB87","Jungle Green"],["2A0359","Cherry Pie"],["2A140E","Coffee Bean"],["2A2630","Baltic Sea"],["2A380B","Turtle Green"],["2A52BE","Cerulean Blue"],["2B0202","Sepia Black"],["2B194F","Valhalla"],["2B3228","Heavy Metal"],["2C0E8C","Blue Gem"],["2C1632","Revolver"],["2C2133","Bleached Cedar"],["2C8C84","Lochinvar"],["2D2510","Mikado"],["2D383A","Outer Space"],["2D569B","St Tropaz"],["2E0329","Jacaranda"],["2E1905","Jacko Bean"],["2E3222","Rangitoto"],["2E3F62","Rhino"],["2E8B57","Sea Green"],["2EBFD4","Scooter"],["2F270E","Onion"],["2F3CB3","Governor Bay"],["2F519E","Sapphire"],["2F5A57","Spectra"],["2F6168","Casal"],["300529","Melanzane"],["301F1E","Cocoa Brown"],["302A0F","Woodrush"],["304B6A","San Juan"],["30D5C8","Turquoise"],["311C17","Eclipse"],["314459","Pickled Bluewood"],["315BA1","Azure"],["31728D","Calypso"],["317D82","Paradiso"],["32127A","Persian Indigo"],["32293A","Blackcurrant"],["323232","Mine Shaft"],["325D52","Stromboli"],["327C14","Bilbao"],["327DA0","Astral"],["33036B","Christalle"],["33292F","Thunder"],["33CC99","Shamrock"],["341515","Tamarind"],["350036","Mardi Gras"],["350E42","Valentino"],["350E57","Jagger"],["353542","Tuna"],["354E8C","Chambray"],["363050","Martinique"],["363534","Tuatara"],["363C0D","Waiouru"],["36747D","Ming"],["368716","La Palma"],["370202","Chocolate"],["371D09","Clinker"],["37290E","Brown Tumbleweed"],["373021","Birch"],["377475","Oracle"],["380474","Blue Diamond"],["381A51","Grape"],["383533","Dune"],["384555","Oxford Blue"],["384910","Clover"],["394851","Limed Spruce"],["396413","Dell"],["3A0020","Toledo"],["3A2010","Sambuca"],["3A2A6A","Jacarta"],["3A686C","William"],["3A6A47","Killarney"],["3AB09E","Keppel"],["3B000B","Temptress"],["3B0910","Aubergine"],["3B1F1F","Jon"],["3B2820","Treehouse"],["3B7A57","Amazon"],["3B91B4","Boston Blue"],["3C0878","Windsor"],["3C1206","Rebel"],["3C1F76","Meteorite"],["3C2005","Dark Ebony"],["3C3910","Camouflage"],["3C4151","Bright Gray"],["3C4443","Cape Cod"],["3C493A","Lunar Green"],["3D0C02","Bean "],["3D2B1F","Bistre"],["3D7D52","Goblin"],["3E0480","Kingfisher Daisy"],["3E1C14","Cedar"],["3E2B23","English Walnut"],["3E2C1C","Black Marlin"],["3E3A44","Ship Gray"],["3EABBF","Pelorous"],["3F2109","Bronze"],["3F2500","Cola"],["3F3002","Madras"],["3F307F","Minsk"],["3F4C3A","Cabbage Pont"],["3F583B","Tom Thumb"],["3F5D53","Mineral Green"],["3FC1AA","Puerto Rico"],["3FFF00","Harlequin"],["401801","Brown Pod"],["40291D","Cork"],["403B38","Masala"],["403D19","Thatch Green"],["405169","Fiord"],["40826D","Viridian"],["40A860","Chateau Green"],["410056","Ripe Plum"],["411F10","Paco"],["412010","Deep Oak"],["413C37","Merlin"],["414257","Gun Powder"],["414C7D","East Bay"],["4169E1","Royal Blue"],["41AA78","Ocean Green"],["420303","Burnt Maroon"],["423921","Lisbon Brown"],["427977","Faded Jade"],["431560","Scarlet Gum"],["433120","Iroko"],["433E37","Armadillo"],["434C59","River Bed"],["436A0D","Green Leaf"],["44012D","Barossa"],["441D00","Morocco Brown"],["444954","Mako"],["454936","Kelp"],["456CAC","San Marino"],["45B1E8","Picton Blue"],["460B41","Loulou"],["462425","Crater Brown"],["465945","Gray Asparagus"],["4682B4","Steel Blue"],["480404","Rustic Red"],["480607","Bulgarian Rose"],["480656","Clairvoyant"],["481C1C","Cocoa Bean"],["483131","Woody Brown"],["483C32","Taupe"],["49170C","Van Cleef"],["492615","Brown Derby"],["49371B","Metallic Bronze"],["495400","Verdun Green"],["496679","Blue Bayoux"],["497183","Bismark"],["4A2A04","Bracken"],["4A3004","Deep Bronze"],["4A3C30","Mondo"],["4A4244","Tundora"],["4A444B","Gravel"],["4A4E5A","Trout"],["4B0082","Pigment Indigo"],["4B5D52","Nandor"],["4C3024","Saddle"],["4C4F56","Abbey"],["4D0135","Blackberry"],["4D0A18","Cab Sav"],["4D1E01","Indian Tan"],["4D282D","Cowboy"],["4D282E","Livid Brown"],["4D3833","Rock"],["4D3D14","Punga"],["4D400F","Bronzetone"],["4D5328","Woodland"],["4E0606","Mahogany"],["4E2A5A","Bossanova"],["4E3B41","Matterhorn"],["4E420C","Bronze Olive"],["4E4562","Mulled Wine"],["4E6649","Axolotl"],["4E7F9E","Wedgewood"],["4EABD1","Shakespeare"],["4F1C70","Honey Flower"],["4F2398","Daisy Bush"],["4F69C6","Indigo"],["4F7942","Fern Green"],["4F9D5D","Fruit Salad"],["4FA83D","Apple"],["504351","Mortar"],["507096","Kashmir Blue"],["507672","Cutty Sark"],["50C878","Emerald"],["514649","Emperor"],["516E3D","Chalet Green"],["517C66","Como"],["51808F","Smalt Blue"],["52001F","Castro"],["520C17","Maroon Oak"],["523C94","Gigas"],["533455","Voodoo"],["534491","Victoria"],["53824B","Hippie Green"],["541012","Heath"],["544333","Judge Gray"],["54534D","Fuscous Gray"],["549019","Vida Loca"],["55280C","Cioccolato"],["555B10","Saratoga"],["556D56","Finlandia"],["5590D9","Havelock Blue"],["56B4BE","Fountain Blue"],["578363","Spring Leaves"],["583401","Saddle Brown"],["585562","Scarpa Flow"],["587156","Cactus"],["589AAF","Hippie Blue"],["591D35","Wine Berry"],["592804","Brown Bramble"],["593737","Congo Brown"],["594433","Millbrook"],["5A6E9C","Waikawa Gray"],["5A87A0","Horizon"],["5B3013","Jambalaya"],["5C0120","Bordeaux"],["5C0536","Mulberry Wood"],["5C2E01","Carnaby Tan"],["5C5D75","Comet"],["5D1E0F","Redwood"],["5D4C51","Don Juan"],["5D5C58","Chicago"],["5D5E37","Verdigris"],["5D7747","Dingley"],["5DA19F","Breaker Bay"],["5E483E","Kabul"],["5E5D3B","Hemlock"],["5F3D26","Irish Coffee"],["5F5F6E","Mid Gray"],["5F6672","Shuttle Gray"],["5FA777","Aqua Forest"],["5FB3AC","Tradewind"],["604913","Horses Neck"],["605B73","Smoky"],["606E68","Corduroy"],["6093D1","Danube"],["612718","Espresso"],["614051","Eggplant"],["615D30","Costa Del Sol"],["61845F","Glade Green"],["622F30","Buccaneer"],["623F2D","Quincy"],["624E9A","Butterfly Bush"],["625119","West Coast"],["626649","Finch"],["639A8F","Patina"],["63B76C","Fern"],["6456B7","Blue Violet"],["646077","Dolphin"],["646463","Storm Dust"],["646A54","Siam"],["646E75","Nevada"],["6495ED","Cornflower Blue"],["64CCDB","Viking"],["65000B","Rosewood"],["651A14","Cherrywood"],["652DC1","Purple Heart"],["657220","Fern Frond"],["65745D","Willow Grove"],["65869F","Hoki"],["660045","Pompadour"],["660099","Purple"],["66023C","Tyrian Purple"],["661010","Dark Tan"],["66B58F","Silver Tree"],["66FF00","Bright Green"],["66FF66","Screamin' Green"],["67032D","Black Rose"],["675FA6","Scampi"],["676662","Ironside Gray"],["678975","Viridian Green"],["67A712","Christi"],["683600","Nutmeg Wood Finish"],["685558","Zambezi"],["685E6E","Salt Box"],["692545","Tawny Port"],["692D54","Finn"],["695F62","Scorpion"],["697E9A","Lynch"],["6A442E","Spice"],["6A5D1B","Himalaya"],["6A6051","Soya Bean"],["6B2A14","Hairy Heath"],["6B3FA0","Royal Purple"],["6B4E31","Shingle Fawn"],["6B5755","Dorado"],["6B8BA2","Bermuda Gray"],["6B8E23","Olive Drab"],["6C3082","Eminence"],["6CDAE7","Turquoise Blue"],["6D0101","Lonestar"],["6D5E54","Pine Cone"],["6D6C6C","Dove Gray"],["6D9292","Juniper"],["6D92A1","Gothic"],["6E0902","Red Oxide"],["6E1D14","Moccaccino"],["6E4826","Pickled Bean"],["6E4B26","Dallas"],["6E6D57","Kokoda"],["6E7783","Pale Sky"],["6F440C","Cafe Royale"],["6F6A61","Flint"],["6F8E63","Highland"],["6F9D02","Limeade"],["6FD0C5","Downy"],["701C1C","Persian Plum"],["704214","Sepia"],["704A07","Antique Bronze"],["704F50","Ferra"],["706555","Coffee"],["708090","Slate Gray"],["711A00","Cedar Wood Finish"],["71291D","Metallic Copper"],["714693","Affair"],["714AB2","Studio"],["715D47","Tobacco Brown"],["716338","Yellow Metal"],["716B56","Peat"],["716E10","Olivetone"],["717486","Storm Gray"],["718080","Sirocco"],["71D9E2","Aquamarine Blue"],["72010F","Venetian Red"],["724A2F","Old Copper"],["726D4E","Go Ben"],["727B89","Raven"],["731E8F","Seance"],["734A12","Raw Umber"],["736C9F","Kimberly"],["736D58","Crocodile"],["737829","Crete"],["738678","Xanadu"],["74640D","Spicy Mustard"],["747D63","Limed Ash"],["747D83","Rolling Stone"],["748881","Blue Smoke"],["749378","Laurel"],["74C365","Mantis"],["755A57","Russett"],["7563A8","Deluge"],["76395D","Cosmic"],["7666C6","Blue Marguerite"],["76BD17","Lima"],["76D7EA","Sky Blue"],["770F05","Dark Burgundy"],["771F1F","Crown of Thorns"],["773F1A","Walnut"],["776F61","Pablo"],["778120","Pacifika"],["779E86","Oxley"],["77DD77","Pastel Green"],["780109","Japanese Maple"],["782D19","Mocha"],["782F16","Peanut"],["78866B","Camouflage Green"],["788A25","Wasabi"],["788BBA","Ship Cove"],["78A39C","Sea Nymph"],["795D4C","Roman Coffee"],["796878","Old Lavender"],["796989","Rum"],["796A78","Fedora"],["796D62","Sandstone"],["79DEEC","Spray"],["7A013A","Siren"],["7A58C1","Fuchsia Blue"],["7A7A7A","Boulder"],["7A89B8","Wild Blue Yonder"],["7AC488","De York"],["7B3801","Red Beech"],["7B3F00","Cinnamon"],["7B6608","Yukon Gold"],["7B7874","Tapa"],["7B7C94","Waterloo "],["7B8265","Flax Smoke"],["7B9F80","Amulet"],["7BA05B","Asparagus"],["7C1C05","Kenyan Copper"],["7C7631","Pesto"],["7C778A","Topaz"],["7C7B7A","Concord"],["7C7B82","Jumbo"],["7C881A","Trendy Green"],["7CA1A6","Gumbo"],["7CB0A1","Acapulco"],["7CB7BB","Neptune"],["7D2C14","Pueblo"],["7DA98D","Bay Leaf"],["7DC8F7","Malibu"],["7DD8C6","Bermuda"],["7E3A15","Copper Canyon"],["7F1734","Claret"],["7F3A02","Peru Tan"],["7F626D","Falcon"],["7F7589","Mobster"],["7F76D3","Moody Blue"],["7FFF00","Chartreuse"],["7FFFD4","Aquamarine"],["800000","Maroon"],["800B47","Rose Bud Cherry"],["801818","Falu Red"],["80341F","Red Robin"],["803790","Vivid Violet"],["80461B","Russet"],["807E79","Friar Gray"],["808000","Olive"],["808080","Gray"],["80B3AE","Gulf Stream"],["80B3C4","Glacier"],["80CCEA","Seagull"],["81422C","Nutmeg"],["816E71","Spicy Pink"],["817377","Empress"],["819885","Spanish Green"],["826F65","Sand Dune"],["828685","Gunsmoke"],["828F72","Battleship Gray"],["831923","Merlot"],["837050","Shadow"],["83AA5D","Chelsea Cucumber"],["83D0C6","Monte Carlo"],["843179","Plum"],["84A0A0","Granny Smith"],["8581D9","Chetwode Blue"],["858470","Bandicoot"],["859FAF","Bali Hai"],["85C4CC","Half Baked"],["860111","Red Devil"],["863C3C","Lotus"],["86483C","Ironstone"],["864D1E","Bull Shot"],["86560A","Rusty Nail"],["868974","Bitter"],["86949F","Regent Gray"],["871550","Disco"],["87756E","Americano"],["877C7B","Hurricane"],["878D91","Oslo Gray"],["87AB39","Sushi"],["885342","Spicy Mix"],["886221","Kumera"],["888387","Suva Gray"],["888D65","Avocado"],["893456","Camelot"],["893843","Solid Pink"],["894367","Cannon Pink"],["897D6D","Makara"],["8A3324","Burnt Umber"],["8A73D6","True V"],["8A8360","Clay Creek"],["8A8389","Monsoon"],["8A8F8A","Stack"],["8AB9F1","Jordy Blue"],["8B00FF","Electric Violet"],["8B0723","Monarch"],["8B6B0B","Corn Harvest"],["8B8470","Olive Haze"],["8B847E","Schooner"],["8B8680","Natural Gray"],["8B9C90","Mantle"],["8B9FEE","Portage"],["8BA690","Envy"],["8BA9A5","Cascade"],["8BE6D8","Riptide"],["8C055E","Cardinal Pink"],["8C472F","Mule Fawn"],["8C5738","Potters Clay"],["8C6495","Trendy Pink"],["8D0226","Paprika"],["8D3D38","Sanguine Brown"],["8D3F3F","Tosca"],["8D7662","Cement"],["8D8974","Granite Green"],["8D90A1","Manatee"],["8DA8CC","Polo Blue"],["8E0000","Red Berry"],["8E4D1E","Rope"],["8E6F70","Opium"],["8E775E","Domino"],["8E8190","Mamba"],["8EABC1","Nepal"],["8F021C","Pohutukawa"],["8F3E33","El Salva"],["8F4B0E","Korma"],["8F8176","Squirrel"],["8FD6B4","Vista Blue"],["900020","Burgundy"],["901E1E","Old Brick"],["907874","Hemp"],["907B71","Almond Frost"],["908D39","Sycamore"],["92000A","Sangria"],["924321","Cumin"],["926F5B","Beaver"],["928573","Stonewall"],["928590","Venus"],["9370DB","Medium Purple"],["93CCEA","Cornflower"],["93DFB8","Algae Green"],["944747","Copper Rust"],["948771","Arrowtown"],["950015","Scarlett"],["956387","Strikemaster"],["959396","Mountain Mist"],["960018","Carmine"],["964B00","Brown"],["967059","Leather"],["9678B6","Purple Mountain's Majesty"],["967BB6","Lavender Purple"],["96A8A1","Pewter"],["96BBAB","Summer Green"],["97605D","Au Chico"],["9771B5","Wisteria"],["97CD2D","Atlantis"],["983D61","Vin Rouge"],["9874D3","Lilac Bush"],["98777B","Bazaar"],["98811B","Hacienda"],["988D77","Pale Oyster"],["98FF98","Mint Green"],["990066","Fresh Eggplant"],["991199","Violet Eggplant"],["991613","Tamarillo"],["991B07","Totem Pole"],["996666","Copper Rose"],["9966CC","Amethyst"],["997A8D","Mountbatten Pink"],["9999CC","Blue Bell"],["9A3820","Prairie Sand"],["9A6E61","Toast"],["9A9577","Gurkha"],["9AB973","Olivine"],["9AC2B8","Shadow Green"],["9B4703","Oregon"],["9B9E8F","Lemon Grass"],["9C3336","Stiletto"],["9D5616","Hawaiian Tan"],["9DACB7","Gull Gray"],["9DC209","Pistachio"],["9DE093","Granny Smith Apple"],["9DE5FF","Anakiwa"],["9E5302","Chelsea Gem"],["9E5B40","Sepia Skin"],["9EA587","Sage"],["9EA91F","Citron"],["9EB1CD","Rock Blue"],["9EDEE0","Morning Glory"],["9F381D","Cognac"],["9F821C","Reef Gold"],["9F9F9C","Star Dust"],["9FA0B1","Santas Gray"],["9FD7D3","Sinbad"],["9FDD8C","Feijoa"],["A02712","Tabasco"],["A1750D","Buttered Rum"],["A1ADB5","Hit Gray"],["A1C50A","Citrus"],["A1DAD7","Aqua Island"],["A1E9DE","Water Leaf"],["A2006D","Flirt"],["A23B6C","Rouge"],["A26645","Cape Palliser"],["A2AAB3","Gray Chateau"],["A2AEAB","Edward"],["A3807B","Pharlap"],["A397B4","Amethyst Smoke"],["A3E3ED","Blizzard Blue"],["A4A49D","Delta"],["A4A6D3","Wistful"],["A4AF6E","Green Smoke"],["A50B5E","Jazzberry Jam"],["A59B91","Zorba"],["A5CB0C","Bahia"],["A62F20","Roof Terracotta"],["A65529","Paarl"],["A68B5B","Barley Corn"],["A69279","Donkey Brown"],["A6A29A","Dawn"],["A72525","Mexican Red"],["A7882C","Luxor Gold"],["A85307","Rich Gold"],["A86515","Reno Sand"],["A86B6B","Coral Tree"],["A8989B","Dusty Gray"],["A899E6","Dull Lavender"],["A8A589","Tallow"],["A8AE9C","Bud"],["A8AF8E","Locust"],["A8BD9F","Norway"],["A8E3BD","Chinook"],["A9A491","Gray Olive"],["A9ACB6","Aluminium"],["A9B2C3","Cadet Blue"],["A9B497","Schist"],["A9BDBF","Tower Gray"],["A9BEF2","Perano"],["A9C6C2","Opal"],["AA375A","Night Shadz"],["AA4203","Fire"],["AA8B5B","Muesli"],["AA8D6F","Sandal"],["AAA5A9","Shady Lady"],["AAA9CD","Logan"],["AAABB7","Spun Pearl"],["AAD6E6","Regent St Blue"],["AAF0D1","Magic Mint"],["AB0563","Lipstick"],["AB3472","Royal Heath"],["AB917A","Sandrift"],["ABA0D9","Cold Purple"],["ABA196","Bronco"],["AC8A56","Limed Oak"],["AC91CE","East Side"],["AC9E22","Lemon Ginger"],["ACA494","Napa"],["ACA586","Hillary"],["ACA59F","Cloudy"],["ACACAC","Silver Chalice"],["ACB78E","Swamp Green"],["ACCBB1","Spring Rain"],["ACDD4D","Conifer"],["ACE1AF","Celadon"],["AD781B","Mandalay"],["ADBED1","Casper"],["ADDFAD","Moss Green"],["ADE6C4","Padua"],["ADFF2F","Green Yellow"],["AE4560","Hippie Pink"],["AE6020","Desert"],["AE809E","Bouquet"],["AF4035","Medium Carmine"],["AF4D43","Apple Blossom"],["AF593E","Brown Rust"],["AF8751","Driftwood"],["AF8F2C","Alpine"],["AF9F1C","Lucky"],["AFA09E","Martini"],["AFB1B8","Bombay"],["AFBDD9","Pigeon Post"],["B04C6A","Cadillac"],["B05D54","Matrix"],["B05E81","Tapestry"],["B06608","Mai Tai"],["B09A95","Del Rio"],["B0E0E6","Powder Blue"],["B0E313","Inch Worm"],["B10000","Bright Red"],["B14A0B","Vesuvius"],["B1610B","Pumpkin Skin"],["B16D52","Santa Fe"],["B19461","Teak"],["B1E2C1","Fringy Flower"],["B1F4E7","Ice Cold"],["B20931","Shiraz"],["B2A1EA","Biloba Flower"],["B32D29","Tall Poppy"],["B35213","Fiery Orange"],["B38007","Hot Toddy"],["B3AF95","Taupe Gray"],["B3C110","La Rioja"],["B43332","Well Read"],["B44668","Blush"],["B4CFD3","Jungle Mist"],["B57281","Turkish Rose"],["B57EDC","Lavender"],["B5A27F","Mongoose"],["B5B35C","Olive Green"],["B5D2CE","Jet Stream"],["B5ECDF","Cruise"],["B6316C","Hibiscus"],["B69D98","Thatch"],["B6B095","Heathered Gray"],["B6BAA4","Eagle"],["B6D1EA","Spindle"],["B6D3BF","Gum Leaf"],["B7410E","Rust"],["B78E5C","Muddy Waters"],["B7A214","Sahara"],["B7A458","Husk"],["B7B1B1","Nobel"],["B7C3D0","Heather"],["B7F0BE","Madang"],["B81104","Milano Red"],["B87333","Copper"],["B8B56A","Gimblet"],["B8C1B1","Green Spring"],["B8C25D","Celery"],["B8E0F9","Sail"],["B94E48","Chestnut"],["B95140","Crail"],["B98D28","Marigold"],["B9C46A","Wild Willow"],["B9C8AC","Rainee"],["BA0101","Guardsman Red"],["BA450C","Rock Spray"],["BA6F1E","Bourbon"],["BA7F03","Pirate Gold"],["BAB1A2","Nomad"],["BAC7C9","Submarine"],["BAEEF9","Charlotte"],["BB3385","Medium Red Violet"],["BB8983","Brandy Rose"],["BBD009","Rio Grande"],["BBD7C1","Surf"],["BCC9C2","Powder Ash"],["BD5E2E","Tuscany"],["BD978E","Quicksand"],["BDB1A8","Silk"],["BDB2A1","Malta"],["BDB3C7","Chatelle"],["BDBBD7","Lavender Gray"],["BDBDC6","French Gray"],["BDC8B3","Clay Ash"],["BDC9CE","Loblolly"],["BDEDFD","French Pass"],["BEA6C3","London Hue"],["BEB5B7","Pink Swan"],["BEDE0D","Fuego"],["BF5500","Rose of Sharon"],["BFB8B0","Tide"],["BFBED8","Blue Haze"],["BFC1C2","Silver Sand"],["BFC921","Key Lime Pie"],["BFDBE2","Ziggurat"],["BFFF00","Lime"],["C02B18","Thunderbird"],["C04737","Mojo"],["C08081","Old Rose"],["C0C0C0","Silver"],["C0D3B9","Pale Leaf"],["C0D8B6","Pixie Green"],["C1440E","Tia Maria"],["C154C1","Fuchsia Pink"],["C1A004","Buddha Gold"],["C1B7A4","Bison Hide"],["C1BAB0","Tea"],["C1BECD","Gray Suit"],["C1D7B0","Sprout"],["C1F07C","Sulu"],["C26B03","Indochine"],["C2955D","Twine"],["C2BDB6","Cotton Seed"],["C2CAC4","Pumice"],["C2E8E5","Jagged Ice"],["C32148","Maroon Flush"],["C3B091","Indian Khaki"],["C3BFC1","Pale Slate"],["C3C3BD","Gray Nickel"],["C3CDE6","Periwinkle Gray"],["C3D1D1","Tiara"],["C3DDF9","Tropical Blue"],["C41E3A","Cardinal"],["C45655","Fuzzy Wuzzy Brown"],["C45719","Orange Roughy"],["C4C4BC","Mist Gray"],["C4D0B0","Coriander"],["C4F4EB","Mint Tulip"],["C54B8C","Mulberry"],["C59922","Nugget"],["C5994B","Tussock"],["C5DBCA","Sea Mist"],["C5E17A","Yellow Green"],["C62D42","Brick Red"],["C6726B","Contessa"],["C69191","Oriental Pink"],["C6A84B","Roti"],["C6C3B5","Ash"],["C6C8BD","Kangaroo"],["C6E610","Las Palmas"],["C7031E","Monza"],["C71585","Red Violet"],["C7BCA2","Coral Reef"],["C7C1FF","Melrose"],["C7C4BF","Cloud"],["C7C9D5","Ghost"],["C7CD90","Pine Glade"],["C7DDE5","Botticelli"],["C88A65","Antique Brass"],["C8A2C8","Lilac"],["C8A528","Hokey Pokey"],["C8AABF","Lily"],["C8B568","Laser"],["C8E3D7","Edgewater"],["C96323","Piper"],["C99415","Pizza"],["C9A0DC","Light Wisteria"],["C9B29B","Rodeo Dust"],["C9B35B","Sundance"],["C9B93B","Earls Green"],["C9C0BB","Silver Rust"],["C9D9D2","Conch"],["C9FFA2","Reef"],["C9FFE5","Aero Blue"],["CA3435","Flush Mahogany"],["CABB48","Turmeric"],["CADCD4","Paris White"],["CAE00D","Bitter Lemon"],["CAE6DA","Skeptic"],["CB8FA9","Viola"],["CBCAB6","Foggy Gray"],["CBD3B0","Green Mist"],["CBDBD6","Nebula"],["CC3333","Persian Red"],["CC5500","Burnt Orange"],["CC7722","Ochre"],["CC8899","Puce"],["CCCAA8","Thistle Green"],["CCCCFF","Periwinkle"],["CCFF00","Electric Lime"],["CD5700","Tenn"],["CD5C5C","Chestnut Rose"],["CD8429","Brandy Punch"],["CDF4FF","Onahau"],["CEB98F","Sorrell Brown"],["CEBABA","Cold Turkey"],["CEC291","Yuma"],["CEC7A7","Chino"],["CFA39D","Eunry"],["CFB53B","Old Gold"],["CFDCCF","Tasman"],["CFE5D2","Surf Crest"],["CFF9F3","Humming Bird"],["CFFAF4","Scandal"],["D05F04","Red Stage"],["D06DA1","Hopbush"],["D07D12","Meteor"],["D0BEF8","Perfume"],["D0C0E5","Prelude"],["D0F0C0","Tea Green"],["D18F1B","Geebung"],["D1BEA8","Vanilla"],["D1C6B4","Soft Amber"],["D1D2CA","Celeste"],["D1D2DD","Mischka"],["D1E231","Pear"],["D2691E","Hot Cinnamon"],["D27D46","Raw Sienna"],["D29EAA","Careys Pink"],["D2B48C","Tan"],["D2DA97","Deco"],["D2F6DE","Blue Romance"],["D2F8B0","Gossip"],["D3CBBA","Sisal"],["D3CDC5","Swirl"],["D47494","Charm"],["D4B6AF","Clam Shell"],["D4BF8D","Straw"],["D4C4A8","Akaroa"],["D4CD16","Bird Flower"],["D4D7D9","Iron"],["D4DFE2","Geyser"],["D4E2FC","Hawkes Blue"],["D54600","Grenadier"],["D591A4","Can Can"],["D59A6F","Whiskey"],["D5D195","Winter Hazel"],["D5F6E3","Granny Apple"],["D69188","My Pink"],["D6C562","Tacha"],["D6CEF6","Moon Raker"],["D6D6D1","Quill Gray"],["D6FFDB","Snowy Mint"],["D7837F","New York Pink"],["D7C498","Pavlova"],["D7D0FF","Fog"],["D84437","Valencia"],["D87C63","Japonica"],["D8BFD8","Thistle"],["D8C2D5","Maverick"],["D8FCFA","Foam"],["D94972","Cabaret"],["D99376","Burning Sand"],["D9B99B","Cameo"],["D9D6CF","Timberwolf"],["D9DCC1","Tana"],["D9E4F5","Link Water"],["D9F7FF","Mabel"],["DA3287","Cerise"],["DA5B38","Flame Pea"],["DA6304","Bamboo"],["DA6A41","Red Damask"],["DA70D6","Orchid"],["DA8A67","Copperfield"],["DAA520","Golden Grass"],["DAECD6","Zanah"],["DAF4F0","Iceberg"],["DAFAFF","Oyster Bay"],["DB5079","Cranberry"],["DB9690","Petite Orchid"],["DB995E","Di Serria"],["DBDBDB","Alto"],["DBFFF8","Frosted Mint"],["DC143C","Crimson"],["DC4333","Punch"],["DCB20C","Galliano"],["DCB4BC","Blossom"],["DCD747","Wattle"],["DCD9D2","Westar"],["DCDDCC","Moon Mist"],["DCEDB4","Caper"],["DCF0EA","Swans Down"],["DDD6D5","Swiss Coffee"],["DDF9F1","White Ice"],["DE3163","Cerise Red"],["DE6360","Roman"],["DEA681","Tumbleweed"],["DEBA13","Gold Tips"],["DEC196","Brandy"],["DECBC6","Wafer"],["DED4A4","Sapling"],["DED717","Barberry"],["DEE5C0","Beryl Green"],["DEF5FF","Pattens Blue"],["DF73FF","Heliotrope"],["DFBE6F","Apache"],["DFCD6F","Chenin"],["DFCFDB","Lola"],["DFECDA","Willow Brook"],["DFFF00","Chartreuse Yellow"],["E0B0FF","Mauve"],["E0B646","Anzac"],["E0B974","Harvest Gold"],["E0C095","Calico"],["E0FFFF","Baby Blue"],["E16865","Sunglo"],["E1BC64","Equator"],["E1C0C8","Pink Flare"],["E1E6D6","Periglacial Blue"],["E1EAD4","Kidnapper"],["E1F6E8","Tara"],["E25465","Mandy"],["E2725B","Terracotta"],["E28913","Golden Bell"],["E292C0","Shocking"],["E29418","Dixie"],["E29CD2","Light Orchid"],["E2D8ED","Snuff"],["E2EBED","Mystic"],["E2F3EC","Apple Green"],["E30B5C","Razzmatazz"],["E32636","Alizarin Crimson"],["E34234","Cinnabar"],["E3BEBE","Cavern Pink"],["E3F5E1","Peppermint"],["E3F988","Mindaro"],["E47698","Deep Blush"],["E49B0F","Gamboge"],["E4C2D5","Melanie"],["E4CFDE","Twilight"],["E4D1C0","Bone"],["E4D422","Sunflower"],["E4D5B7","Grain Brown"],["E4D69B","Zombie"],["E4F6E7","Frostee"],["E4FFD1","Snow Flurry"],["E52B50","Amaranth"],["E5841B","Zest"],["E5CCC9","Dust Storm"],["E5D7BD","Stark White"],["E5D8AF","Hampton"],["E5E0E1","Bon Jour"],["E5E5E5","Mercury"],["E5F9F6","Polar"],["E64E03","Trinidad"],["E6BE8A","Gold Sand"],["E6BEA5","Cashmere"],["E6D7B9","Double Spanish White"],["E6E4D4","Satin Linen"],["E6F2EA","Harp"],["E6F8F3","Off Green"],["E6FFE9","Hint of Green"],["E6FFFF","Tranquil"],["E77200","Mango Tango"],["E7730A","Christine"],["E79F8C","Tonys Pink"],["E79FC4","Kobi"],["E7BCB4","Rose Fog"],["E7BF05","Corn"],["E7CD8C","Putty"],["E7ECE6","Gray Nurse"],["E7F8FF","Lily White"],["E7FEFF","Bubbles"],["E89928","Fire Bush"],["E8B9B3","Shilo"],["E8E0D5","Pearl Bush"],["E8EBE0","Green White"],["E8F1D4","Chrome White"],["E8F2EB","Gin"],["E8F5F2","Aqua Squeeze"],["E96E00","Clementine"],["E97451","Burnt Sienna"],["E97C07","Tahiti Gold"],["E9CECD","Oyster Pink"],["E9D75A","Confetti"],["E9E3E3","Ebb"],["E9F8ED","Ottoman"],["E9FFFD","Clear Day"],["EA88A8","Carissma"],["EAAE69","Porsche"],["EAB33B","Tulip Tree"],["EAC674","Rob Roy"],["EADAB8","Raffia"],["EAE8D4","White Rock"],["EAF6EE","Panache"],["EAF6FF","Solitude"],["EAF9F5","Aqua Spring"],["EAFFFE","Dew"],["EB9373","Apricot"],["EBC2AF","Zinnwaldite"],["ECA927","Fuel Yellow"],["ECC54E","Ronchi"],["ECC7EE","French Lilac"],["ECCDB9","Just Right"],["ECE090","Wild Rice"],["ECEBBD","Fall Green"],["ECEBCE","Aths Special"],["ECF245","Starship"],["ED0A3F","Red Ribbon"],["ED7A1C","Tango"],["ED9121","Carrot Orange"],["ED989E","Sea Pink"],["EDB381","Tacao"],["EDC9AF","Desert Sand"],["EDCDAB","Pancho"],["EDDCB1","Chamois"],["EDEA99","Primrose"],["EDF5DD","Frost"],["EDF5F5","Aqua Haze"],["EDF6FF","Zumthor"],["EDF9F1","Narvik"],["EDFC84","Honeysuckle"],["EE82EE","Lavender Magenta"],["EEC1BE","Beauty Bush"],["EED794","Chalky"],["EED9C4","Almond"],["EEDC82","Flax"],["EEDEDA","Bizarre"],["EEE3AD","Double Colonial White"],["EEEEE8","Cararra"],["EEEF78","Manz"],["EEF0C8","Tahuna Sands"],["EEF0F3","Athens Gray"],["EEF3C3","Tusk"],["EEF4DE","Loafer"],["EEF6F7","Catskill White"],["EEFDFF","Twilight Blue"],["EEFF9A","Jonquil"],["EEFFE2","Rice Flower"],["EF863F","Jaffa"],["EFEFEF","Gallery"],["EFF2F3","Porcelain"],["F091A9","Mauvelous"],["F0D52D","Golden Dream"],["F0DB7D","Golden Sand"],["F0DC82","Buff"],["F0E2EC","Prim"],["F0E68C","Khaki"],["F0EEFD","Selago"],["F0EEFF","Titan White"],["F0F8FF","Alice Blue"],["F0FCEA","Feta"],["F18200","Gold Drop"],["F19BAB","Wewak"],["F1E788","Sahara Sand"],["F1E9D2","Parchment"],["F1E9FF","Blue Chalk"],["F1EEC1","Mint Julep"],["F1F1F1","Seashell"],["F1F7F2","Saltpan"],["F1FFAD","Tidal"],["F1FFC8","Chiffon"],["F2552A","Flamingo"],["F28500","Tangerine"],["F2C3B2","Mandys Pink"],["F2F2F2","Concrete"],["F2FAFA","Black Squeeze"],["F34723","Pomegranate"],["F3AD16","Buttercup"],["F3D69D","New Orleans"],["F3D9DF","Vanilla Ice"],["F3E7BB","Sidecar"],["F3E9E5","Dawn Pink"],["F3EDCF","Wheatfield"],["F3FB62","Canary"],["F3FBD4","Orinoco"],["F3FFD8","Carla"],["F400A1","Hollywood Cerise"],["F4A460","Sandy brown"],["F4C430","Saffron"],["F4D81C","Ripe Lemon"],["F4EBD3","Janna"],["F4F2EE","Pampas"],["F4F4F4","Wild Sand"],["F4F8FF","Zircon"],["F57584","Froly"],["F5C85C","Cream Can"],["F5C999","Manhattan"],["F5D5A0","Maize"],["F5DEB3","Wheat"],["F5E7A2","Sandwisp"],["F5E7E2","Pot Pourri"],["F5E9D3","Albescent White"],["F5EDEF","Soft Peach"],["F5F3E5","Ecru White"],["F5F5DC","Beige"],["F5FB3D","Golden Fizz"],["F5FFBE","Australian Mint"],["F64A8A","French Rose"],["F653A6","Brilliant Rose"],["F6A4C9","Illusion"],["F6F0E6","Merino"],["F6F7F7","Black Haze"],["F6FFDC","Spring Sun"],["F7468A","Violet Red"],["F77703","Chilean Fire"],["F77FBE","Persian Pink"],["F7B668","Rajah"],["F7C8DA","Azalea"],["F7DBE6","We Peep"],["F7F2E1","Quarter Spanish White"],["F7F5FA","Whisper"],["F7FAF7","Snow Drift"],["F8B853","Casablanca"],["F8C3DF","Chantilly"],["F8D9E9","Cherub"],["F8DB9D","Marzipan"],["F8DD5C","Energy Yellow"],["F8E4BF","Givry"],["F8F0E8","White Linen"],["F8F4FF","Magnolia"],["F8F6F1","Spring Wood"],["F8F7DC","Coconut Cream"],["F8F7FC","White Lilac"],["F8F8F7","Desert Storm"],["F8F99C","Texas"],["F8FACD","Corn Field"],["F8FDD3","Mimosa"],["F95A61","Carnation"],["F9BF58","Saffron Mango"],["F9E0ED","Carousel Pink"],["F9E4BC","Dairy Cream"],["F9E663","Portica"],["F9EAF3","Amour"],["F9F8E4","Rum Swizzle"],["F9FF8B","Dolly"],["F9FFF6","Sugar Cane"],["FA7814","Ecstasy"],["FA9D5A","Tan Hide"],["FAD3A2","Corvette"],["FADFAD","Peach Yellow"],["FAE600","Turbo"],["FAEAB9","Astra"],["FAECCC","Champagne"],["FAF0E6","Linen"],["FAF3F0","Fantasy"],["FAF7D6","Citrine White"],["FAFAFA","Alabaster"],["FAFDE4","Hint of Yellow"],["FAFFA4","Milan"],["FB607F","Brink Pink"],["FB8989","Geraldine"],["FBA0E3","Lavender Rose"],["FBA129","Sea Buckthorn"],["FBAC13","Sun"],["FBAED2","Lavender Pink"],["FBB2A3","Rose Bud"],["FBBEDA","Cupid"],["FBCCE7","Classic Rose"],["FBCEB1","Apricot Peach"],["FBE7B2","Banana Mania"],["FBE870","Marigold Yellow"],["FBE96C","Festival"],["FBEA8C","Sweet Corn"],["FBEC5D","Candy Corn"],["FBF9F9","Hint of Red"],["FBFFBA","Shalimar"],["FC0FC0","Shocking Pink"],["FC80A5","Tickle Me Pink"],["FC9C1D","Tree Poppy"],["FCC01E","Lightning Yellow"],["FCD667","Goldenrod"],["FCD917","Candlelight"],["FCDA98","Cherokee"],["FCF4D0","Double Pearl Lusta"],["FCF4DC","Pearl Lusta"],["FCF8F7","Vista White"],["FCFBF3","Bianca"],["FCFEDA","Moon Glow"],["FCFFE7","China Ivory"],["FCFFF9","Ceramic"],["FD0E35","Torch Red"],["FD5B78","Wild Watermelon"],["FD7B33","Crusta"],["FD7C07","Sorbus"],["FD9FA2","Sweet Pink"],["FDD5B1","Light Apricot"],["FDD7E4","Pig Pink"],["FDE1DC","Cinderella"],["FDE295","Golden Glow"],["FDE910","Lemon"],["FDF5E6","Old Lace"],["FDF6D3","Half Colonial White"],["FDF7AD","Drover"],["FDFEB8","Pale Prim"],["FDFFD5","Cumulus"],["FE28A2","Persian Rose"],["FE4C40","Sunset Orange"],["FE6F5E","Bittersweet"],["FE9D04","California"],["FEA904","Yellow Sea"],["FEBAAD","Melon"],["FED33C","Bright Sun"],["FED85D","Dandelion"],["FEDB8D","Salomie"],["FEE5AC","Cape Honey"],["FEEBF3","Remy"],["FEEFCE","Oasis"],["FEF0EC","Bridesmaid"],["FEF2C7","Beeswax"],["FEF3D8","Bleach White"],["FEF4CC","Pipi"],["FEF4DB","Half Spanish White"],["FEF4F8","Wisp Pink"],["FEF5F1","Provincial Pink"],["FEF7DE","Half Dutch White"],["FEF8E2","Solitaire"],["FEF8FF","White Pointer"],["FEF9E3","Off Yellow"],["FEFCED","Orange White"],["FF0000","Red"],["FF007F","Rose"],["FF00CC","Purple Pizzazz"],["FF00FF","Magenta / Fuchsia"],["FF2400","Scarlet"],["FF3399","Wild Strawberry"],["FF33CC","Razzle Dazzle Rose"],["FF355E","Radical Red"],["FF3F34","Red Orange"],["FF4040","Coral Red"],["FF4D00","Vermilion"],["FF4F00","International Orange"],["FF6037","Outrageous Orange"],["FF6600","Blaze Orange"],["FF66FF","Pink Flamingo"],["FF681F","Orange"],["FF69B4","Hot Pink"],["FF6B53","Persimmon"],["FF6FFF","Blush Pink"],["FF7034","Burning Orange"],["FF7518","Pumpkin"],["FF7D07","Flamenco"],["FF7F00","Flush Orange"],["FF7F50","Coral"],["FF8C69","Salmon"],["FF9000","Pizazz"],["FF910F","West Side"],["FF91A4","Pink Salmon"],["FF9933","Neon Carrot"],["FF9966","Atomic Tangerine"],["FF9980","Vivid Tangerine"],["FF9E2C","Sunshade"],["FFA000","Orange Peel"],["FFA194","Mona Lisa"],["FFA500","Web Orange"],["FFA6C9","Carnation Pink"],["FFAB81","Hit Pink"],["FFAE42","Yellow Orange"],["FFB0AC","Cornflower Lilac"],["FFB1B3","Sundown"],["FFB31F","My Sin"],["FFB555","Texas Rose"],["FFB7D5","Cotton Candy"],["FFB97B","Macaroni and Cheese"],["FFBA00","Selective Yellow"],["FFBD5F","Koromiko"],["FFBF00","Amber"],["FFC0A8","Wax Flower"],["FFC0CB","Pink"],["FFC3C0","Your Pink"],["FFC901","Supernova"],["FFCBA4","Flesh"],["FFCC33","Sunglow"],["FFCC5C","Golden Tainoi"],["FFCC99","Peach Orange"],["FFCD8C","Chardonnay"],["FFD1DC","Pastel Pink"],["FFD2B7","Romantic"],["FFD38C","Grandis"],["FFD700","Gold"],["FFD800","School bus Yellow"],["FFD8D9","Cosmos"],["FFDB58","Mustard"],["FFDCD6","Peach Schnapps"],["FFDDAF","Caramel"],["FFDDCD","Tuft Bush"],["FFDDCF","Watusi"],["FFDDF4","Pink Lace"],["FFDEAD","Navajo White"],["FFDEB3","Frangipani"],["FFE1DF","Pippin"],["FFE1F2","Pale Rose"],["FFE2C5","Negroni"],["FFE5A0","Cream Brulee"],["FFE5B4","Peach"],["FFE6C7","Tequila"],["FFE772","Kournikova"],["FFEAC8","Sandy Beach"],["FFEAD4","Karry"],["FFEC13","Broom"],["FFEDBC","Colonial White"],["FFEED8","Derby"],["FFEFA1","Vis Vis"],["FFEFC1","Egg White"],["FFEFD5","Papaya Whip"],["FFEFEC","Fair Pink"],["FFF0DB","Peach Cream"],["FFF0F5","Lavender blush"],["FFF14F","Gorse"],["FFF1B5","Buttermilk"],["FFF1D8","Pink Lady"],["FFF1EE","Forget Me Not"],["FFF1F9","Tutu"],["FFF39D","Picasso"],["FFF3F1","Chardon"],["FFF46E","Paris Daisy"],["FFF4CE","Barley White"],["FFF4DD","Egg Sour"],["FFF4E0","Sazerac"],["FFF4E8","Serenade"],["FFF4F3","Chablis"],["FFF5EE","Seashell Peach"],["FFF5F3","Sauvignon"],["FFF6D4","Milk Punch"],["FFF6DF","Varden"],["FFF6F5","Rose White"],["FFF8D1","Baja White"],["FFF9E2","Gin Fizz"],["FFF9E6","Early Dawn"],["FFFACD","Lemon Chiffon"],["FFFAF4","Bridal Heath"],["FFFBDC","Scotch Mist"],["FFFBF9","Soapstone"],["FFFC99","Witch Haze"],["FFFCEA","Buttery White"],["FFFCEE","Island Spice"],["FFFDD0","Cream"],["FFFDE6","Chilean Heath"],["FFFDE8","Travertine"],["FFFDF3","Orchid White"],["FFFDF4","Quarter Pearl Lusta"],["FFFEE1","Half and Half"],["FFFEEC","Apricot White"],["FFFEF0","Rice Cake"],["FFFEF6","Black White"],["FFFEFD","Romance"],["FFFF00","Yellow"],["FFFF66","Laser Lemon"],["FFFF99","Pale Canary"],["FFFFB4","Portafino"],["FFFFF0","Ivory"],["FFFFFF","White"]];const fz=po(uz),$C=(e,t)=>{if(typeof e=="number"){if(t===3)return{mode:"rgb",r:(e>>8&15|e>>4&240)/255,g:(e>>4&15|e&240)/255,b:(e&15|e<<4&240)/255};if(t===4)return{mode:"rgb",r:(e>>12&15|e>>8&240)/255,g:(e>>8&15|e>>4&240)/255,b:(e>>4&15|e&240)/255,alpha:(e&15|e<<4&240)/255};if(t===6)return{mode:"rgb",r:(e>>16&255)/255,g:(e>>8&255)/255,b:(e&255)/255};if(t===8)return{mode:"rgb",r:(e>>24&255)/255,g:(e>>16&255)/255,b:(e>>8&255)/255,alpha:(e&255)/255}}},dz={aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rebeccapurple:6697881,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074},pz=e=>$C(dz[e.toLowerCase()],6),hz=/^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i,gz=e=>{let t;return(t=e.match(hz))?$C(parseInt(t[1],16),t[1].length):void 0},Fr="([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)",Pa=`${Fr}%`,eg=`(?:${Fr}%|${Fr})`,mz=`(?:${Fr}(deg|grad|rad|turn)|${Fr})`,Ci="\\s*,\\s*",vz=new RegExp(`^rgba?\\(\\s*${Fr}${Ci}${Fr}${Ci}${Fr}\\s*(?:,\\s*${eg}\\s*)?\\)$`),yz=new RegExp(`^rgba?\\(\\s*${Pa}${Ci}${Pa}${Ci}${Pa}\\s*(?:,\\s*${eg}\\s*)?\\)$`),bz=e=>{let t={mode:"rgb"},n;if(n=e.match(vz))n[1]!==void 0&&(t.r=n[1]/255),n[2]!==void 0&&(t.g=n[2]/255),n[3]!==void 0&&(t.b=n[3]/255);else if(n=e.match(yz))n[1]!==void 0&&(t.r=n[1]/100),n[2]!==void 0&&(t.g=n[2]/100),n[3]!==void 0&&(t.b=n[3]/100);else return;return n[4]!==void 0?t.alpha=Math.max(0,Math.min(1,n[4]/100)):n[5]!==void 0&&(t.alpha=Math.max(0,Math.min(1,+n[5]))),t},hu=(e,t)=>e===void 0?void 0:typeof e!="object"?gc(e):e.mode!==void 0?e:t?ie(V({},e),{mode:t}):void 0,hn=(e="rgb")=>t=>(t=hu(t,e))!==void 0?t.mode===e?t:Pn[t.mode][e]?Pn[t.mode][e](t):e==="rgb"?Pn[t.mode].rgb(t):Pn.rgb[e](Pn[t.mode].rgb(t)):void 0,Pn={},_C={},gu=[],DC={},wz=e=>e,Pe=e=>(Pn[e.mode]=V(V({},Pn[e.mode]),e.toMode),Object.keys(e.fromMode||{}).forEach(t=>{Pn[t]||(Pn[t]={}),Pn[t][e.mode]=e.fromMode[t]}),e.ranges||(e.ranges={}),e.difference||(e.difference={}),e.channels.forEach(t=>{if(e.ranges[t]===void 0&&(e.ranges[t]=[0,1]),!e.interpolate[t])throw new Error(`Missing interpolator for: ${t}`);typeof e.interpolate[t]=="function"&&(e.interpolate[t]={use:e.interpolate[t]}),e.interpolate[t].fixup||(e.interpolate[t].fixup=wz)}),_C[e.mode]=e,(e.parse||[]).forEach(t=>{xz(t,e.mode)}),hn(e.mode)),hc=e=>_C[e],xz=(e,t)=>{if(typeof e=="string"){if(!t)throw new Error("'mode' required when 'parser' is a string");DC[e]=t}else typeof e=="function"&&gu.indexOf(e)<0&&gu.push(e)},zp=/[^\x00-\x7F]|[a-zA-Z_]/,Cz=/[^\x00-\x7F]|[-\w]/,U={Function:"function",Ident:"ident",Number:"number",Percentage:"percentage",ParenClose:")",None:"none",Hue:"hue",Alpha:"alpha"};let ge=0;function as(e){let t=e[ge],n=e[ge+1];return t==="-"||t==="+"?/\d/.test(n)||n==="."&&/\d/.test(e[ge+2]):t==="."?/\d/.test(n):/\d/.test(t)}function jp(e){if(ge>=e.length)return!1;let t=e[ge];if(zp.test(t))return!0;if(t==="-"){if(e.length-ge<2)return!1;let n=e[ge+1];return!!(n==="-"||zp.test(n))}return!1}const Sz={deg:1,rad:180/Math.PI,grad:9/10,turn:360};function oa(e){let t="";if((e[ge]==="-"||e[ge]==="+")&&(t+=e[ge++]),t+=ls(e),e[ge]==="."&&/\d/.test(e[ge+1])&&(t+=e[ge++]+ls(e)),(e[ge]==="e"||e[ge]==="E")&&((e[ge+1]==="-"||e[ge+1]==="+")&&/\d/.test(e[ge+2])?t+=e[ge++]+e[ge++]+ls(e):/\d/.test(e[ge+1])&&(t+=e[ge++]+ls(e))),jp(e)){let n=mu(e);return n==="deg"||n==="rad"||n==="turn"||n==="grad"?{type:U.Hue,value:t*Sz[n]}:void 0}return e[ge]==="%"?(ge++,{type:U.Percentage,value:+t}):{type:U.Number,value:+t}}function ls(e){let t="";for(;/\d/.test(e[ge]);)t+=e[ge++];return t}function mu(e){let t="";for(;ge{e.current.running=e.current.latest!==null,e.current.running&&((!a||o)&&(t(e.current.latest),e.current.latest=null),setTimeout(i,r.ms))};i(!0)}const lz=e=>{const t=w.useRef({});return w.useMemo(()=>(n,r)=>az(t,n,r,e),[])},sz=90;function uz(e){if(e.keyCode==sz&&e.ctrlKey)return e.preventDefault(),!1}function Ve(a){var l=a,{label:e,value:t,className:n,onChange:r,inputRef:o}=l,i=mn(l,["label","value","className","onChange","inputRef"]);return d("input",V({type:"text",ref:o,value:t,onChange:u=>r(u.target.value),onKeyDown:uz,className:"components-text-control__input",autoCapitalize:"off"},i))}var cz=function(t){if(fz(),t=t.toUpperCase(),t.length<3||t.length>7)return{exactMatch:!1,closestColor:"#000000",colorName:"Invalid Color: "+t};t.length%3==0&&(t="#"+t),t.length==4&&(t="#"+t.substr(1,1)+t.substr(1,1)+t.substr(2,1)+t.substr(2,1)+t.substr(3,1)+t.substr(3,1));for(var n=$C(t),r=n[0],o=n[1],i=n[2],a=AC(t),l=a[0],s=a[1],u=a[2],c=0,f=0,p=0,h=-1,g=-1,y=0;yp)&&(g=p,h=y)}return{exactMatch:!1,colorName:Ft[h][1],closestColor:`#${Ft[h][0]}`}};const fz=function(){for(var e=0;e0&&l<1&&(a=o/(l<.5?2*l:2-2*l)),i=0,o>0&&(r==s&&r!=u&&(i+=(u-c)/o),r==u&&r!=c&&(i+=2+(c-s)/o),r==c&&r!=s&&(i+=4+(s-u)/o),i/=6),[parseInt(i*255),parseInt(a*255),parseInt(l*255)]}function $C(e){return[parseInt("0x"+e.substring(1,3)),parseInt("0x"+e.substring(3,5)),parseInt("0x"+e.substring(5,7))]}let Ft=[["000000","Black"],["000080","Navy Blue"],["0000C8","Dark Blue"],["0000FF","Blue"],["000741","Stratos"],["001B1C","Swamp"],["002387","Resolution Blue"],["002900","Deep Fir"],["002E20","Burnham"],["002FA7","International Klein Blue"],["003153","Prussian Blue"],["003366","Midnight Blue"],["003399","Smalt"],["003532","Deep Teal"],["003E40","Cyprus"],["004620","Kaitoke Green"],["0047AB","Cobalt"],["004816","Crusoe"],["004950","Sherpa Blue"],["0056A7","Endeavour"],["00581A","Camarone"],["0066CC","Science Blue"],["0066FF","Blue Ribbon"],["00755E","Tropical Rain Forest"],["0076A3","Allports"],["007BA7","Deep Cerulean"],["007EC7","Lochmara"],["007FFF","Azure Radiance"],["008080","Teal"],["0095B6","Bondi Blue"],["009DC4","Pacific Blue"],["00A693","Persian Green"],["00A86B","Jade"],["00CC99","Caribbean Green"],["00CCCC","Robin's Egg Blue"],["00FF00","Green"],["00FF7F","Spring Green"],["00FFFF","Cyan / Aqua"],["010D1A","Blue Charcoal"],["011635","Midnight"],["011D13","Holly"],["012731","Daintree"],["01361C","Cardin Green"],["01371A","County Green"],["013E62","Astronaut Blue"],["013F6A","Regal Blue"],["014B43","Aqua Deep"],["015E85","Orient"],["016162","Blue Stone"],["016D39","Fun Green"],["01796F","Pine Green"],["017987","Blue Lagoon"],["01826B","Deep Sea"],["01A368","Green Haze"],["022D15","English Holly"],["02402C","Sherwood Green"],["02478E","Congress Blue"],["024E46","Evening Sea"],["026395","Bahama Blue"],["02866F","Observatory"],["02A4D3","Cerulean"],["03163C","Tangaroa"],["032B52","Green Vogue"],["036A6E","Mosque"],["041004","Midnight Moss"],["041322","Black Pearl"],["042E4C","Blue Whale"],["044022","Zuccini"],["044259","Teal Blue"],["051040","Deep Cove"],["051657","Gulf Blue"],["055989","Venice Blue"],["056F57","Watercourse"],["062A78","Catalina Blue"],["063537","Tiber"],["069B81","Gossamer"],["06A189","Niagara"],["073A50","Tarawera"],["080110","Jaguar"],["081910","Black Bean"],["082567","Deep Sapphire"],["088370","Elf Green"],["08E8DE","Bright Turquoise"],["092256","Downriver"],["09230F","Palm Green"],["09255D","Madison"],["093624","Bottle Green"],["095859","Deep Sea Green"],["097F4B","Salem"],["0A001C","Black Russian"],["0A480D","Dark Fern"],["0A6906","Japanese Laurel"],["0A6F75","Atoll"],["0B0B0B","Cod Gray"],["0B0F08","Marshland"],["0B1107","Gordons Green"],["0B1304","Black Forest"],["0B6207","San Felix"],["0BDA51","Malachite"],["0C0B1D","Ebony"],["0C0D0F","Woodsmoke"],["0C1911","Racing Green"],["0C7A79","Surfie Green"],["0C8990","Blue Chill"],["0D0332","Black Rock"],["0D1117","Bunker"],["0D1C19","Aztec"],["0D2E1C","Bush"],["0E0E18","Cinder"],["0E2A30","Firefly"],["0F2D9E","Torea Bay"],["10121D","Vulcan"],["101405","Green Waterloo"],["105852","Eden"],["110C6C","Arapawa"],["120A8F","Ultramarine"],["123447","Elephant"],["126B40","Jewel"],["130000","Diesel"],["130A06","Asphalt"],["13264D","Blue Zodiac"],["134F19","Parsley"],["140600","Nero"],["1450AA","Tory Blue"],["151F4C","Bunting"],["1560BD","Denim"],["15736B","Genoa"],["161928","Mirage"],["161D10","Hunter Green"],["162A40","Big Stone"],["163222","Celtic"],["16322C","Timber Green"],["163531","Gable Green"],["171F04","Pine Tree"],["175579","Chathams Blue"],["182D09","Deep Forest Green"],["18587A","Blumine"],["19330E","Palm Leaf"],["193751","Nile Blue"],["1959A8","Fun Blue"],["1A1A68","Lucky Point"],["1AB385","Mountain Meadow"],["1B0245","Tolopea"],["1B1035","Haiti"],["1B127B","Deep Koamaru"],["1B1404","Acadia"],["1B2F11","Seaweed"],["1B3162","Biscay"],["1B659D","Matisse"],["1C1208","Crowshead"],["1C1E13","Rangoon Green"],["1C39BB","Persian Blue"],["1C402E","Everglade"],["1C7C7D","Elm"],["1D6142","Green Pea"],["1E0F04","Creole"],["1E1609","Karaka"],["1E1708","El Paso"],["1E385B","Cello"],["1E433C","Te Papa Green"],["1E90FF","Dodger Blue"],["1E9AB0","Eastern Blue"],["1F120F","Night Rider"],["1FC2C2","Java"],["20208D","Jacksons Purple"],["202E54","Cloud Burst"],["204852","Blue Dianne"],["211A0E","Eternity"],["220878","Deep Blue"],["228B22","Forest Green"],["233418","Mallard"],["240A40","Violet"],["240C02","Kilamanjaro"],["242A1D","Log Cabin"],["242E16","Black Olive"],["24500F","Green House"],["251607","Graphite"],["251706","Cannon Black"],["251F4F","Port Gore"],["25272C","Shark"],["25311C","Green Kelp"],["2596D1","Curious Blue"],["260368","Paua"],["26056A","Paris M"],["261105","Wood Bark"],["261414","Gondola"],["262335","Steel Gray"],["26283B","Ebony Clay"],["273A81","Bay of Many"],["27504B","Plantation"],["278A5B","Eucalyptus"],["281E15","Oil"],["283A77","Astronaut"],["286ACD","Mariner"],["290C5E","Violent Violet"],["292130","Bastille"],["292319","Zeus"],["292937","Charade"],["297B9A","Jelly Bean"],["29AB87","Jungle Green"],["2A0359","Cherry Pie"],["2A140E","Coffee Bean"],["2A2630","Baltic Sea"],["2A380B","Turtle Green"],["2A52BE","Cerulean Blue"],["2B0202","Sepia Black"],["2B194F","Valhalla"],["2B3228","Heavy Metal"],["2C0E8C","Blue Gem"],["2C1632","Revolver"],["2C2133","Bleached Cedar"],["2C8C84","Lochinvar"],["2D2510","Mikado"],["2D383A","Outer Space"],["2D569B","St Tropaz"],["2E0329","Jacaranda"],["2E1905","Jacko Bean"],["2E3222","Rangitoto"],["2E3F62","Rhino"],["2E8B57","Sea Green"],["2EBFD4","Scooter"],["2F270E","Onion"],["2F3CB3","Governor Bay"],["2F519E","Sapphire"],["2F5A57","Spectra"],["2F6168","Casal"],["300529","Melanzane"],["301F1E","Cocoa Brown"],["302A0F","Woodrush"],["304B6A","San Juan"],["30D5C8","Turquoise"],["311C17","Eclipse"],["314459","Pickled Bluewood"],["315BA1","Azure"],["31728D","Calypso"],["317D82","Paradiso"],["32127A","Persian Indigo"],["32293A","Blackcurrant"],["323232","Mine Shaft"],["325D52","Stromboli"],["327C14","Bilbao"],["327DA0","Astral"],["33036B","Christalle"],["33292F","Thunder"],["33CC99","Shamrock"],["341515","Tamarind"],["350036","Mardi Gras"],["350E42","Valentino"],["350E57","Jagger"],["353542","Tuna"],["354E8C","Chambray"],["363050","Martinique"],["363534","Tuatara"],["363C0D","Waiouru"],["36747D","Ming"],["368716","La Palma"],["370202","Chocolate"],["371D09","Clinker"],["37290E","Brown Tumbleweed"],["373021","Birch"],["377475","Oracle"],["380474","Blue Diamond"],["381A51","Grape"],["383533","Dune"],["384555","Oxford Blue"],["384910","Clover"],["394851","Limed Spruce"],["396413","Dell"],["3A0020","Toledo"],["3A2010","Sambuca"],["3A2A6A","Jacarta"],["3A686C","William"],["3A6A47","Killarney"],["3AB09E","Keppel"],["3B000B","Temptress"],["3B0910","Aubergine"],["3B1F1F","Jon"],["3B2820","Treehouse"],["3B7A57","Amazon"],["3B91B4","Boston Blue"],["3C0878","Windsor"],["3C1206","Rebel"],["3C1F76","Meteorite"],["3C2005","Dark Ebony"],["3C3910","Camouflage"],["3C4151","Bright Gray"],["3C4443","Cape Cod"],["3C493A","Lunar Green"],["3D0C02","Bean "],["3D2B1F","Bistre"],["3D7D52","Goblin"],["3E0480","Kingfisher Daisy"],["3E1C14","Cedar"],["3E2B23","English Walnut"],["3E2C1C","Black Marlin"],["3E3A44","Ship Gray"],["3EABBF","Pelorous"],["3F2109","Bronze"],["3F2500","Cola"],["3F3002","Madras"],["3F307F","Minsk"],["3F4C3A","Cabbage Pont"],["3F583B","Tom Thumb"],["3F5D53","Mineral Green"],["3FC1AA","Puerto Rico"],["3FFF00","Harlequin"],["401801","Brown Pod"],["40291D","Cork"],["403B38","Masala"],["403D19","Thatch Green"],["405169","Fiord"],["40826D","Viridian"],["40A860","Chateau Green"],["410056","Ripe Plum"],["411F10","Paco"],["412010","Deep Oak"],["413C37","Merlin"],["414257","Gun Powder"],["414C7D","East Bay"],["4169E1","Royal Blue"],["41AA78","Ocean Green"],["420303","Burnt Maroon"],["423921","Lisbon Brown"],["427977","Faded Jade"],["431560","Scarlet Gum"],["433120","Iroko"],["433E37","Armadillo"],["434C59","River Bed"],["436A0D","Green Leaf"],["44012D","Barossa"],["441D00","Morocco Brown"],["444954","Mako"],["454936","Kelp"],["456CAC","San Marino"],["45B1E8","Picton Blue"],["460B41","Loulou"],["462425","Crater Brown"],["465945","Gray Asparagus"],["4682B4","Steel Blue"],["480404","Rustic Red"],["480607","Bulgarian Rose"],["480656","Clairvoyant"],["481C1C","Cocoa Bean"],["483131","Woody Brown"],["483C32","Taupe"],["49170C","Van Cleef"],["492615","Brown Derby"],["49371B","Metallic Bronze"],["495400","Verdun Green"],["496679","Blue Bayoux"],["497183","Bismark"],["4A2A04","Bracken"],["4A3004","Deep Bronze"],["4A3C30","Mondo"],["4A4244","Tundora"],["4A444B","Gravel"],["4A4E5A","Trout"],["4B0082","Pigment Indigo"],["4B5D52","Nandor"],["4C3024","Saddle"],["4C4F56","Abbey"],["4D0135","Blackberry"],["4D0A18","Cab Sav"],["4D1E01","Indian Tan"],["4D282D","Cowboy"],["4D282E","Livid Brown"],["4D3833","Rock"],["4D3D14","Punga"],["4D400F","Bronzetone"],["4D5328","Woodland"],["4E0606","Mahogany"],["4E2A5A","Bossanova"],["4E3B41","Matterhorn"],["4E420C","Bronze Olive"],["4E4562","Mulled Wine"],["4E6649","Axolotl"],["4E7F9E","Wedgewood"],["4EABD1","Shakespeare"],["4F1C70","Honey Flower"],["4F2398","Daisy Bush"],["4F69C6","Indigo"],["4F7942","Fern Green"],["4F9D5D","Fruit Salad"],["4FA83D","Apple"],["504351","Mortar"],["507096","Kashmir Blue"],["507672","Cutty Sark"],["50C878","Emerald"],["514649","Emperor"],["516E3D","Chalet Green"],["517C66","Como"],["51808F","Smalt Blue"],["52001F","Castro"],["520C17","Maroon Oak"],["523C94","Gigas"],["533455","Voodoo"],["534491","Victoria"],["53824B","Hippie Green"],["541012","Heath"],["544333","Judge Gray"],["54534D","Fuscous Gray"],["549019","Vida Loca"],["55280C","Cioccolato"],["555B10","Saratoga"],["556D56","Finlandia"],["5590D9","Havelock Blue"],["56B4BE","Fountain Blue"],["578363","Spring Leaves"],["583401","Saddle Brown"],["585562","Scarpa Flow"],["587156","Cactus"],["589AAF","Hippie Blue"],["591D35","Wine Berry"],["592804","Brown Bramble"],["593737","Congo Brown"],["594433","Millbrook"],["5A6E9C","Waikawa Gray"],["5A87A0","Horizon"],["5B3013","Jambalaya"],["5C0120","Bordeaux"],["5C0536","Mulberry Wood"],["5C2E01","Carnaby Tan"],["5C5D75","Comet"],["5D1E0F","Redwood"],["5D4C51","Don Juan"],["5D5C58","Chicago"],["5D5E37","Verdigris"],["5D7747","Dingley"],["5DA19F","Breaker Bay"],["5E483E","Kabul"],["5E5D3B","Hemlock"],["5F3D26","Irish Coffee"],["5F5F6E","Mid Gray"],["5F6672","Shuttle Gray"],["5FA777","Aqua Forest"],["5FB3AC","Tradewind"],["604913","Horses Neck"],["605B73","Smoky"],["606E68","Corduroy"],["6093D1","Danube"],["612718","Espresso"],["614051","Eggplant"],["615D30","Costa Del Sol"],["61845F","Glade Green"],["622F30","Buccaneer"],["623F2D","Quincy"],["624E9A","Butterfly Bush"],["625119","West Coast"],["626649","Finch"],["639A8F","Patina"],["63B76C","Fern"],["6456B7","Blue Violet"],["646077","Dolphin"],["646463","Storm Dust"],["646A54","Siam"],["646E75","Nevada"],["6495ED","Cornflower Blue"],["64CCDB","Viking"],["65000B","Rosewood"],["651A14","Cherrywood"],["652DC1","Purple Heart"],["657220","Fern Frond"],["65745D","Willow Grove"],["65869F","Hoki"],["660045","Pompadour"],["660099","Purple"],["66023C","Tyrian Purple"],["661010","Dark Tan"],["66B58F","Silver Tree"],["66FF00","Bright Green"],["66FF66","Screamin' Green"],["67032D","Black Rose"],["675FA6","Scampi"],["676662","Ironside Gray"],["678975","Viridian Green"],["67A712","Christi"],["683600","Nutmeg Wood Finish"],["685558","Zambezi"],["685E6E","Salt Box"],["692545","Tawny Port"],["692D54","Finn"],["695F62","Scorpion"],["697E9A","Lynch"],["6A442E","Spice"],["6A5D1B","Himalaya"],["6A6051","Soya Bean"],["6B2A14","Hairy Heath"],["6B3FA0","Royal Purple"],["6B4E31","Shingle Fawn"],["6B5755","Dorado"],["6B8BA2","Bermuda Gray"],["6B8E23","Olive Drab"],["6C3082","Eminence"],["6CDAE7","Turquoise Blue"],["6D0101","Lonestar"],["6D5E54","Pine Cone"],["6D6C6C","Dove Gray"],["6D9292","Juniper"],["6D92A1","Gothic"],["6E0902","Red Oxide"],["6E1D14","Moccaccino"],["6E4826","Pickled Bean"],["6E4B26","Dallas"],["6E6D57","Kokoda"],["6E7783","Pale Sky"],["6F440C","Cafe Royale"],["6F6A61","Flint"],["6F8E63","Highland"],["6F9D02","Limeade"],["6FD0C5","Downy"],["701C1C","Persian Plum"],["704214","Sepia"],["704A07","Antique Bronze"],["704F50","Ferra"],["706555","Coffee"],["708090","Slate Gray"],["711A00","Cedar Wood Finish"],["71291D","Metallic Copper"],["714693","Affair"],["714AB2","Studio"],["715D47","Tobacco Brown"],["716338","Yellow Metal"],["716B56","Peat"],["716E10","Olivetone"],["717486","Storm Gray"],["718080","Sirocco"],["71D9E2","Aquamarine Blue"],["72010F","Venetian Red"],["724A2F","Old Copper"],["726D4E","Go Ben"],["727B89","Raven"],["731E8F","Seance"],["734A12","Raw Umber"],["736C9F","Kimberly"],["736D58","Crocodile"],["737829","Crete"],["738678","Xanadu"],["74640D","Spicy Mustard"],["747D63","Limed Ash"],["747D83","Rolling Stone"],["748881","Blue Smoke"],["749378","Laurel"],["74C365","Mantis"],["755A57","Russett"],["7563A8","Deluge"],["76395D","Cosmic"],["7666C6","Blue Marguerite"],["76BD17","Lima"],["76D7EA","Sky Blue"],["770F05","Dark Burgundy"],["771F1F","Crown of Thorns"],["773F1A","Walnut"],["776F61","Pablo"],["778120","Pacifika"],["779E86","Oxley"],["77DD77","Pastel Green"],["780109","Japanese Maple"],["782D19","Mocha"],["782F16","Peanut"],["78866B","Camouflage Green"],["788A25","Wasabi"],["788BBA","Ship Cove"],["78A39C","Sea Nymph"],["795D4C","Roman Coffee"],["796878","Old Lavender"],["796989","Rum"],["796A78","Fedora"],["796D62","Sandstone"],["79DEEC","Spray"],["7A013A","Siren"],["7A58C1","Fuchsia Blue"],["7A7A7A","Boulder"],["7A89B8","Wild Blue Yonder"],["7AC488","De York"],["7B3801","Red Beech"],["7B3F00","Cinnamon"],["7B6608","Yukon Gold"],["7B7874","Tapa"],["7B7C94","Waterloo "],["7B8265","Flax Smoke"],["7B9F80","Amulet"],["7BA05B","Asparagus"],["7C1C05","Kenyan Copper"],["7C7631","Pesto"],["7C778A","Topaz"],["7C7B7A","Concord"],["7C7B82","Jumbo"],["7C881A","Trendy Green"],["7CA1A6","Gumbo"],["7CB0A1","Acapulco"],["7CB7BB","Neptune"],["7D2C14","Pueblo"],["7DA98D","Bay Leaf"],["7DC8F7","Malibu"],["7DD8C6","Bermuda"],["7E3A15","Copper Canyon"],["7F1734","Claret"],["7F3A02","Peru Tan"],["7F626D","Falcon"],["7F7589","Mobster"],["7F76D3","Moody Blue"],["7FFF00","Chartreuse"],["7FFFD4","Aquamarine"],["800000","Maroon"],["800B47","Rose Bud Cherry"],["801818","Falu Red"],["80341F","Red Robin"],["803790","Vivid Violet"],["80461B","Russet"],["807E79","Friar Gray"],["808000","Olive"],["808080","Gray"],["80B3AE","Gulf Stream"],["80B3C4","Glacier"],["80CCEA","Seagull"],["81422C","Nutmeg"],["816E71","Spicy Pink"],["817377","Empress"],["819885","Spanish Green"],["826F65","Sand Dune"],["828685","Gunsmoke"],["828F72","Battleship Gray"],["831923","Merlot"],["837050","Shadow"],["83AA5D","Chelsea Cucumber"],["83D0C6","Monte Carlo"],["843179","Plum"],["84A0A0","Granny Smith"],["8581D9","Chetwode Blue"],["858470","Bandicoot"],["859FAF","Bali Hai"],["85C4CC","Half Baked"],["860111","Red Devil"],["863C3C","Lotus"],["86483C","Ironstone"],["864D1E","Bull Shot"],["86560A","Rusty Nail"],["868974","Bitter"],["86949F","Regent Gray"],["871550","Disco"],["87756E","Americano"],["877C7B","Hurricane"],["878D91","Oslo Gray"],["87AB39","Sushi"],["885342","Spicy Mix"],["886221","Kumera"],["888387","Suva Gray"],["888D65","Avocado"],["893456","Camelot"],["893843","Solid Pink"],["894367","Cannon Pink"],["897D6D","Makara"],["8A3324","Burnt Umber"],["8A73D6","True V"],["8A8360","Clay Creek"],["8A8389","Monsoon"],["8A8F8A","Stack"],["8AB9F1","Jordy Blue"],["8B00FF","Electric Violet"],["8B0723","Monarch"],["8B6B0B","Corn Harvest"],["8B8470","Olive Haze"],["8B847E","Schooner"],["8B8680","Natural Gray"],["8B9C90","Mantle"],["8B9FEE","Portage"],["8BA690","Envy"],["8BA9A5","Cascade"],["8BE6D8","Riptide"],["8C055E","Cardinal Pink"],["8C472F","Mule Fawn"],["8C5738","Potters Clay"],["8C6495","Trendy Pink"],["8D0226","Paprika"],["8D3D38","Sanguine Brown"],["8D3F3F","Tosca"],["8D7662","Cement"],["8D8974","Granite Green"],["8D90A1","Manatee"],["8DA8CC","Polo Blue"],["8E0000","Red Berry"],["8E4D1E","Rope"],["8E6F70","Opium"],["8E775E","Domino"],["8E8190","Mamba"],["8EABC1","Nepal"],["8F021C","Pohutukawa"],["8F3E33","El Salva"],["8F4B0E","Korma"],["8F8176","Squirrel"],["8FD6B4","Vista Blue"],["900020","Burgundy"],["901E1E","Old Brick"],["907874","Hemp"],["907B71","Almond Frost"],["908D39","Sycamore"],["92000A","Sangria"],["924321","Cumin"],["926F5B","Beaver"],["928573","Stonewall"],["928590","Venus"],["9370DB","Medium Purple"],["93CCEA","Cornflower"],["93DFB8","Algae Green"],["944747","Copper Rust"],["948771","Arrowtown"],["950015","Scarlett"],["956387","Strikemaster"],["959396","Mountain Mist"],["960018","Carmine"],["964B00","Brown"],["967059","Leather"],["9678B6","Purple Mountain's Majesty"],["967BB6","Lavender Purple"],["96A8A1","Pewter"],["96BBAB","Summer Green"],["97605D","Au Chico"],["9771B5","Wisteria"],["97CD2D","Atlantis"],["983D61","Vin Rouge"],["9874D3","Lilac Bush"],["98777B","Bazaar"],["98811B","Hacienda"],["988D77","Pale Oyster"],["98FF98","Mint Green"],["990066","Fresh Eggplant"],["991199","Violet Eggplant"],["991613","Tamarillo"],["991B07","Totem Pole"],["996666","Copper Rose"],["9966CC","Amethyst"],["997A8D","Mountbatten Pink"],["9999CC","Blue Bell"],["9A3820","Prairie Sand"],["9A6E61","Toast"],["9A9577","Gurkha"],["9AB973","Olivine"],["9AC2B8","Shadow Green"],["9B4703","Oregon"],["9B9E8F","Lemon Grass"],["9C3336","Stiletto"],["9D5616","Hawaiian Tan"],["9DACB7","Gull Gray"],["9DC209","Pistachio"],["9DE093","Granny Smith Apple"],["9DE5FF","Anakiwa"],["9E5302","Chelsea Gem"],["9E5B40","Sepia Skin"],["9EA587","Sage"],["9EA91F","Citron"],["9EB1CD","Rock Blue"],["9EDEE0","Morning Glory"],["9F381D","Cognac"],["9F821C","Reef Gold"],["9F9F9C","Star Dust"],["9FA0B1","Santas Gray"],["9FD7D3","Sinbad"],["9FDD8C","Feijoa"],["A02712","Tabasco"],["A1750D","Buttered Rum"],["A1ADB5","Hit Gray"],["A1C50A","Citrus"],["A1DAD7","Aqua Island"],["A1E9DE","Water Leaf"],["A2006D","Flirt"],["A23B6C","Rouge"],["A26645","Cape Palliser"],["A2AAB3","Gray Chateau"],["A2AEAB","Edward"],["A3807B","Pharlap"],["A397B4","Amethyst Smoke"],["A3E3ED","Blizzard Blue"],["A4A49D","Delta"],["A4A6D3","Wistful"],["A4AF6E","Green Smoke"],["A50B5E","Jazzberry Jam"],["A59B91","Zorba"],["A5CB0C","Bahia"],["A62F20","Roof Terracotta"],["A65529","Paarl"],["A68B5B","Barley Corn"],["A69279","Donkey Brown"],["A6A29A","Dawn"],["A72525","Mexican Red"],["A7882C","Luxor Gold"],["A85307","Rich Gold"],["A86515","Reno Sand"],["A86B6B","Coral Tree"],["A8989B","Dusty Gray"],["A899E6","Dull Lavender"],["A8A589","Tallow"],["A8AE9C","Bud"],["A8AF8E","Locust"],["A8BD9F","Norway"],["A8E3BD","Chinook"],["A9A491","Gray Olive"],["A9ACB6","Aluminium"],["A9B2C3","Cadet Blue"],["A9B497","Schist"],["A9BDBF","Tower Gray"],["A9BEF2","Perano"],["A9C6C2","Opal"],["AA375A","Night Shadz"],["AA4203","Fire"],["AA8B5B","Muesli"],["AA8D6F","Sandal"],["AAA5A9","Shady Lady"],["AAA9CD","Logan"],["AAABB7","Spun Pearl"],["AAD6E6","Regent St Blue"],["AAF0D1","Magic Mint"],["AB0563","Lipstick"],["AB3472","Royal Heath"],["AB917A","Sandrift"],["ABA0D9","Cold Purple"],["ABA196","Bronco"],["AC8A56","Limed Oak"],["AC91CE","East Side"],["AC9E22","Lemon Ginger"],["ACA494","Napa"],["ACA586","Hillary"],["ACA59F","Cloudy"],["ACACAC","Silver Chalice"],["ACB78E","Swamp Green"],["ACCBB1","Spring Rain"],["ACDD4D","Conifer"],["ACE1AF","Celadon"],["AD781B","Mandalay"],["ADBED1","Casper"],["ADDFAD","Moss Green"],["ADE6C4","Padua"],["ADFF2F","Green Yellow"],["AE4560","Hippie Pink"],["AE6020","Desert"],["AE809E","Bouquet"],["AF4035","Medium Carmine"],["AF4D43","Apple Blossom"],["AF593E","Brown Rust"],["AF8751","Driftwood"],["AF8F2C","Alpine"],["AF9F1C","Lucky"],["AFA09E","Martini"],["AFB1B8","Bombay"],["AFBDD9","Pigeon Post"],["B04C6A","Cadillac"],["B05D54","Matrix"],["B05E81","Tapestry"],["B06608","Mai Tai"],["B09A95","Del Rio"],["B0E0E6","Powder Blue"],["B0E313","Inch Worm"],["B10000","Bright Red"],["B14A0B","Vesuvius"],["B1610B","Pumpkin Skin"],["B16D52","Santa Fe"],["B19461","Teak"],["B1E2C1","Fringy Flower"],["B1F4E7","Ice Cold"],["B20931","Shiraz"],["B2A1EA","Biloba Flower"],["B32D29","Tall Poppy"],["B35213","Fiery Orange"],["B38007","Hot Toddy"],["B3AF95","Taupe Gray"],["B3C110","La Rioja"],["B43332","Well Read"],["B44668","Blush"],["B4CFD3","Jungle Mist"],["B57281","Turkish Rose"],["B57EDC","Lavender"],["B5A27F","Mongoose"],["B5B35C","Olive Green"],["B5D2CE","Jet Stream"],["B5ECDF","Cruise"],["B6316C","Hibiscus"],["B69D98","Thatch"],["B6B095","Heathered Gray"],["B6BAA4","Eagle"],["B6D1EA","Spindle"],["B6D3BF","Gum Leaf"],["B7410E","Rust"],["B78E5C","Muddy Waters"],["B7A214","Sahara"],["B7A458","Husk"],["B7B1B1","Nobel"],["B7C3D0","Heather"],["B7F0BE","Madang"],["B81104","Milano Red"],["B87333","Copper"],["B8B56A","Gimblet"],["B8C1B1","Green Spring"],["B8C25D","Celery"],["B8E0F9","Sail"],["B94E48","Chestnut"],["B95140","Crail"],["B98D28","Marigold"],["B9C46A","Wild Willow"],["B9C8AC","Rainee"],["BA0101","Guardsman Red"],["BA450C","Rock Spray"],["BA6F1E","Bourbon"],["BA7F03","Pirate Gold"],["BAB1A2","Nomad"],["BAC7C9","Submarine"],["BAEEF9","Charlotte"],["BB3385","Medium Red Violet"],["BB8983","Brandy Rose"],["BBD009","Rio Grande"],["BBD7C1","Surf"],["BCC9C2","Powder Ash"],["BD5E2E","Tuscany"],["BD978E","Quicksand"],["BDB1A8","Silk"],["BDB2A1","Malta"],["BDB3C7","Chatelle"],["BDBBD7","Lavender Gray"],["BDBDC6","French Gray"],["BDC8B3","Clay Ash"],["BDC9CE","Loblolly"],["BDEDFD","French Pass"],["BEA6C3","London Hue"],["BEB5B7","Pink Swan"],["BEDE0D","Fuego"],["BF5500","Rose of Sharon"],["BFB8B0","Tide"],["BFBED8","Blue Haze"],["BFC1C2","Silver Sand"],["BFC921","Key Lime Pie"],["BFDBE2","Ziggurat"],["BFFF00","Lime"],["C02B18","Thunderbird"],["C04737","Mojo"],["C08081","Old Rose"],["C0C0C0","Silver"],["C0D3B9","Pale Leaf"],["C0D8B6","Pixie Green"],["C1440E","Tia Maria"],["C154C1","Fuchsia Pink"],["C1A004","Buddha Gold"],["C1B7A4","Bison Hide"],["C1BAB0","Tea"],["C1BECD","Gray Suit"],["C1D7B0","Sprout"],["C1F07C","Sulu"],["C26B03","Indochine"],["C2955D","Twine"],["C2BDB6","Cotton Seed"],["C2CAC4","Pumice"],["C2E8E5","Jagged Ice"],["C32148","Maroon Flush"],["C3B091","Indian Khaki"],["C3BFC1","Pale Slate"],["C3C3BD","Gray Nickel"],["C3CDE6","Periwinkle Gray"],["C3D1D1","Tiara"],["C3DDF9","Tropical Blue"],["C41E3A","Cardinal"],["C45655","Fuzzy Wuzzy Brown"],["C45719","Orange Roughy"],["C4C4BC","Mist Gray"],["C4D0B0","Coriander"],["C4F4EB","Mint Tulip"],["C54B8C","Mulberry"],["C59922","Nugget"],["C5994B","Tussock"],["C5DBCA","Sea Mist"],["C5E17A","Yellow Green"],["C62D42","Brick Red"],["C6726B","Contessa"],["C69191","Oriental Pink"],["C6A84B","Roti"],["C6C3B5","Ash"],["C6C8BD","Kangaroo"],["C6E610","Las Palmas"],["C7031E","Monza"],["C71585","Red Violet"],["C7BCA2","Coral Reef"],["C7C1FF","Melrose"],["C7C4BF","Cloud"],["C7C9D5","Ghost"],["C7CD90","Pine Glade"],["C7DDE5","Botticelli"],["C88A65","Antique Brass"],["C8A2C8","Lilac"],["C8A528","Hokey Pokey"],["C8AABF","Lily"],["C8B568","Laser"],["C8E3D7","Edgewater"],["C96323","Piper"],["C99415","Pizza"],["C9A0DC","Light Wisteria"],["C9B29B","Rodeo Dust"],["C9B35B","Sundance"],["C9B93B","Earls Green"],["C9C0BB","Silver Rust"],["C9D9D2","Conch"],["C9FFA2","Reef"],["C9FFE5","Aero Blue"],["CA3435","Flush Mahogany"],["CABB48","Turmeric"],["CADCD4","Paris White"],["CAE00D","Bitter Lemon"],["CAE6DA","Skeptic"],["CB8FA9","Viola"],["CBCAB6","Foggy Gray"],["CBD3B0","Green Mist"],["CBDBD6","Nebula"],["CC3333","Persian Red"],["CC5500","Burnt Orange"],["CC7722","Ochre"],["CC8899","Puce"],["CCCAA8","Thistle Green"],["CCCCFF","Periwinkle"],["CCFF00","Electric Lime"],["CD5700","Tenn"],["CD5C5C","Chestnut Rose"],["CD8429","Brandy Punch"],["CDF4FF","Onahau"],["CEB98F","Sorrell Brown"],["CEBABA","Cold Turkey"],["CEC291","Yuma"],["CEC7A7","Chino"],["CFA39D","Eunry"],["CFB53B","Old Gold"],["CFDCCF","Tasman"],["CFE5D2","Surf Crest"],["CFF9F3","Humming Bird"],["CFFAF4","Scandal"],["D05F04","Red Stage"],["D06DA1","Hopbush"],["D07D12","Meteor"],["D0BEF8","Perfume"],["D0C0E5","Prelude"],["D0F0C0","Tea Green"],["D18F1B","Geebung"],["D1BEA8","Vanilla"],["D1C6B4","Soft Amber"],["D1D2CA","Celeste"],["D1D2DD","Mischka"],["D1E231","Pear"],["D2691E","Hot Cinnamon"],["D27D46","Raw Sienna"],["D29EAA","Careys Pink"],["D2B48C","Tan"],["D2DA97","Deco"],["D2F6DE","Blue Romance"],["D2F8B0","Gossip"],["D3CBBA","Sisal"],["D3CDC5","Swirl"],["D47494","Charm"],["D4B6AF","Clam Shell"],["D4BF8D","Straw"],["D4C4A8","Akaroa"],["D4CD16","Bird Flower"],["D4D7D9","Iron"],["D4DFE2","Geyser"],["D4E2FC","Hawkes Blue"],["D54600","Grenadier"],["D591A4","Can Can"],["D59A6F","Whiskey"],["D5D195","Winter Hazel"],["D5F6E3","Granny Apple"],["D69188","My Pink"],["D6C562","Tacha"],["D6CEF6","Moon Raker"],["D6D6D1","Quill Gray"],["D6FFDB","Snowy Mint"],["D7837F","New York Pink"],["D7C498","Pavlova"],["D7D0FF","Fog"],["D84437","Valencia"],["D87C63","Japonica"],["D8BFD8","Thistle"],["D8C2D5","Maverick"],["D8FCFA","Foam"],["D94972","Cabaret"],["D99376","Burning Sand"],["D9B99B","Cameo"],["D9D6CF","Timberwolf"],["D9DCC1","Tana"],["D9E4F5","Link Water"],["D9F7FF","Mabel"],["DA3287","Cerise"],["DA5B38","Flame Pea"],["DA6304","Bamboo"],["DA6A41","Red Damask"],["DA70D6","Orchid"],["DA8A67","Copperfield"],["DAA520","Golden Grass"],["DAECD6","Zanah"],["DAF4F0","Iceberg"],["DAFAFF","Oyster Bay"],["DB5079","Cranberry"],["DB9690","Petite Orchid"],["DB995E","Di Serria"],["DBDBDB","Alto"],["DBFFF8","Frosted Mint"],["DC143C","Crimson"],["DC4333","Punch"],["DCB20C","Galliano"],["DCB4BC","Blossom"],["DCD747","Wattle"],["DCD9D2","Westar"],["DCDDCC","Moon Mist"],["DCEDB4","Caper"],["DCF0EA","Swans Down"],["DDD6D5","Swiss Coffee"],["DDF9F1","White Ice"],["DE3163","Cerise Red"],["DE6360","Roman"],["DEA681","Tumbleweed"],["DEBA13","Gold Tips"],["DEC196","Brandy"],["DECBC6","Wafer"],["DED4A4","Sapling"],["DED717","Barberry"],["DEE5C0","Beryl Green"],["DEF5FF","Pattens Blue"],["DF73FF","Heliotrope"],["DFBE6F","Apache"],["DFCD6F","Chenin"],["DFCFDB","Lola"],["DFECDA","Willow Brook"],["DFFF00","Chartreuse Yellow"],["E0B0FF","Mauve"],["E0B646","Anzac"],["E0B974","Harvest Gold"],["E0C095","Calico"],["E0FFFF","Baby Blue"],["E16865","Sunglo"],["E1BC64","Equator"],["E1C0C8","Pink Flare"],["E1E6D6","Periglacial Blue"],["E1EAD4","Kidnapper"],["E1F6E8","Tara"],["E25465","Mandy"],["E2725B","Terracotta"],["E28913","Golden Bell"],["E292C0","Shocking"],["E29418","Dixie"],["E29CD2","Light Orchid"],["E2D8ED","Snuff"],["E2EBED","Mystic"],["E2F3EC","Apple Green"],["E30B5C","Razzmatazz"],["E32636","Alizarin Crimson"],["E34234","Cinnabar"],["E3BEBE","Cavern Pink"],["E3F5E1","Peppermint"],["E3F988","Mindaro"],["E47698","Deep Blush"],["E49B0F","Gamboge"],["E4C2D5","Melanie"],["E4CFDE","Twilight"],["E4D1C0","Bone"],["E4D422","Sunflower"],["E4D5B7","Grain Brown"],["E4D69B","Zombie"],["E4F6E7","Frostee"],["E4FFD1","Snow Flurry"],["E52B50","Amaranth"],["E5841B","Zest"],["E5CCC9","Dust Storm"],["E5D7BD","Stark White"],["E5D8AF","Hampton"],["E5E0E1","Bon Jour"],["E5E5E5","Mercury"],["E5F9F6","Polar"],["E64E03","Trinidad"],["E6BE8A","Gold Sand"],["E6BEA5","Cashmere"],["E6D7B9","Double Spanish White"],["E6E4D4","Satin Linen"],["E6F2EA","Harp"],["E6F8F3","Off Green"],["E6FFE9","Hint of Green"],["E6FFFF","Tranquil"],["E77200","Mango Tango"],["E7730A","Christine"],["E79F8C","Tonys Pink"],["E79FC4","Kobi"],["E7BCB4","Rose Fog"],["E7BF05","Corn"],["E7CD8C","Putty"],["E7ECE6","Gray Nurse"],["E7F8FF","Lily White"],["E7FEFF","Bubbles"],["E89928","Fire Bush"],["E8B9B3","Shilo"],["E8E0D5","Pearl Bush"],["E8EBE0","Green White"],["E8F1D4","Chrome White"],["E8F2EB","Gin"],["E8F5F2","Aqua Squeeze"],["E96E00","Clementine"],["E97451","Burnt Sienna"],["E97C07","Tahiti Gold"],["E9CECD","Oyster Pink"],["E9D75A","Confetti"],["E9E3E3","Ebb"],["E9F8ED","Ottoman"],["E9FFFD","Clear Day"],["EA88A8","Carissma"],["EAAE69","Porsche"],["EAB33B","Tulip Tree"],["EAC674","Rob Roy"],["EADAB8","Raffia"],["EAE8D4","White Rock"],["EAF6EE","Panache"],["EAF6FF","Solitude"],["EAF9F5","Aqua Spring"],["EAFFFE","Dew"],["EB9373","Apricot"],["EBC2AF","Zinnwaldite"],["ECA927","Fuel Yellow"],["ECC54E","Ronchi"],["ECC7EE","French Lilac"],["ECCDB9","Just Right"],["ECE090","Wild Rice"],["ECEBBD","Fall Green"],["ECEBCE","Aths Special"],["ECF245","Starship"],["ED0A3F","Red Ribbon"],["ED7A1C","Tango"],["ED9121","Carrot Orange"],["ED989E","Sea Pink"],["EDB381","Tacao"],["EDC9AF","Desert Sand"],["EDCDAB","Pancho"],["EDDCB1","Chamois"],["EDEA99","Primrose"],["EDF5DD","Frost"],["EDF5F5","Aqua Haze"],["EDF6FF","Zumthor"],["EDF9F1","Narvik"],["EDFC84","Honeysuckle"],["EE82EE","Lavender Magenta"],["EEC1BE","Beauty Bush"],["EED794","Chalky"],["EED9C4","Almond"],["EEDC82","Flax"],["EEDEDA","Bizarre"],["EEE3AD","Double Colonial White"],["EEEEE8","Cararra"],["EEEF78","Manz"],["EEF0C8","Tahuna Sands"],["EEF0F3","Athens Gray"],["EEF3C3","Tusk"],["EEF4DE","Loafer"],["EEF6F7","Catskill White"],["EEFDFF","Twilight Blue"],["EEFF9A","Jonquil"],["EEFFE2","Rice Flower"],["EF863F","Jaffa"],["EFEFEF","Gallery"],["EFF2F3","Porcelain"],["F091A9","Mauvelous"],["F0D52D","Golden Dream"],["F0DB7D","Golden Sand"],["F0DC82","Buff"],["F0E2EC","Prim"],["F0E68C","Khaki"],["F0EEFD","Selago"],["F0EEFF","Titan White"],["F0F8FF","Alice Blue"],["F0FCEA","Feta"],["F18200","Gold Drop"],["F19BAB","Wewak"],["F1E788","Sahara Sand"],["F1E9D2","Parchment"],["F1E9FF","Blue Chalk"],["F1EEC1","Mint Julep"],["F1F1F1","Seashell"],["F1F7F2","Saltpan"],["F1FFAD","Tidal"],["F1FFC8","Chiffon"],["F2552A","Flamingo"],["F28500","Tangerine"],["F2C3B2","Mandys Pink"],["F2F2F2","Concrete"],["F2FAFA","Black Squeeze"],["F34723","Pomegranate"],["F3AD16","Buttercup"],["F3D69D","New Orleans"],["F3D9DF","Vanilla Ice"],["F3E7BB","Sidecar"],["F3E9E5","Dawn Pink"],["F3EDCF","Wheatfield"],["F3FB62","Canary"],["F3FBD4","Orinoco"],["F3FFD8","Carla"],["F400A1","Hollywood Cerise"],["F4A460","Sandy brown"],["F4C430","Saffron"],["F4D81C","Ripe Lemon"],["F4EBD3","Janna"],["F4F2EE","Pampas"],["F4F4F4","Wild Sand"],["F4F8FF","Zircon"],["F57584","Froly"],["F5C85C","Cream Can"],["F5C999","Manhattan"],["F5D5A0","Maize"],["F5DEB3","Wheat"],["F5E7A2","Sandwisp"],["F5E7E2","Pot Pourri"],["F5E9D3","Albescent White"],["F5EDEF","Soft Peach"],["F5F3E5","Ecru White"],["F5F5DC","Beige"],["F5FB3D","Golden Fizz"],["F5FFBE","Australian Mint"],["F64A8A","French Rose"],["F653A6","Brilliant Rose"],["F6A4C9","Illusion"],["F6F0E6","Merino"],["F6F7F7","Black Haze"],["F6FFDC","Spring Sun"],["F7468A","Violet Red"],["F77703","Chilean Fire"],["F77FBE","Persian Pink"],["F7B668","Rajah"],["F7C8DA","Azalea"],["F7DBE6","We Peep"],["F7F2E1","Quarter Spanish White"],["F7F5FA","Whisper"],["F7FAF7","Snow Drift"],["F8B853","Casablanca"],["F8C3DF","Chantilly"],["F8D9E9","Cherub"],["F8DB9D","Marzipan"],["F8DD5C","Energy Yellow"],["F8E4BF","Givry"],["F8F0E8","White Linen"],["F8F4FF","Magnolia"],["F8F6F1","Spring Wood"],["F8F7DC","Coconut Cream"],["F8F7FC","White Lilac"],["F8F8F7","Desert Storm"],["F8F99C","Texas"],["F8FACD","Corn Field"],["F8FDD3","Mimosa"],["F95A61","Carnation"],["F9BF58","Saffron Mango"],["F9E0ED","Carousel Pink"],["F9E4BC","Dairy Cream"],["F9E663","Portica"],["F9EAF3","Amour"],["F9F8E4","Rum Swizzle"],["F9FF8B","Dolly"],["F9FFF6","Sugar Cane"],["FA7814","Ecstasy"],["FA9D5A","Tan Hide"],["FAD3A2","Corvette"],["FADFAD","Peach Yellow"],["FAE600","Turbo"],["FAEAB9","Astra"],["FAECCC","Champagne"],["FAF0E6","Linen"],["FAF3F0","Fantasy"],["FAF7D6","Citrine White"],["FAFAFA","Alabaster"],["FAFDE4","Hint of Yellow"],["FAFFA4","Milan"],["FB607F","Brink Pink"],["FB8989","Geraldine"],["FBA0E3","Lavender Rose"],["FBA129","Sea Buckthorn"],["FBAC13","Sun"],["FBAED2","Lavender Pink"],["FBB2A3","Rose Bud"],["FBBEDA","Cupid"],["FBCCE7","Classic Rose"],["FBCEB1","Apricot Peach"],["FBE7B2","Banana Mania"],["FBE870","Marigold Yellow"],["FBE96C","Festival"],["FBEA8C","Sweet Corn"],["FBEC5D","Candy Corn"],["FBF9F9","Hint of Red"],["FBFFBA","Shalimar"],["FC0FC0","Shocking Pink"],["FC80A5","Tickle Me Pink"],["FC9C1D","Tree Poppy"],["FCC01E","Lightning Yellow"],["FCD667","Goldenrod"],["FCD917","Candlelight"],["FCDA98","Cherokee"],["FCF4D0","Double Pearl Lusta"],["FCF4DC","Pearl Lusta"],["FCF8F7","Vista White"],["FCFBF3","Bianca"],["FCFEDA","Moon Glow"],["FCFFE7","China Ivory"],["FCFFF9","Ceramic"],["FD0E35","Torch Red"],["FD5B78","Wild Watermelon"],["FD7B33","Crusta"],["FD7C07","Sorbus"],["FD9FA2","Sweet Pink"],["FDD5B1","Light Apricot"],["FDD7E4","Pig Pink"],["FDE1DC","Cinderella"],["FDE295","Golden Glow"],["FDE910","Lemon"],["FDF5E6","Old Lace"],["FDF6D3","Half Colonial White"],["FDF7AD","Drover"],["FDFEB8","Pale Prim"],["FDFFD5","Cumulus"],["FE28A2","Persian Rose"],["FE4C40","Sunset Orange"],["FE6F5E","Bittersweet"],["FE9D04","California"],["FEA904","Yellow Sea"],["FEBAAD","Melon"],["FED33C","Bright Sun"],["FED85D","Dandelion"],["FEDB8D","Salomie"],["FEE5AC","Cape Honey"],["FEEBF3","Remy"],["FEEFCE","Oasis"],["FEF0EC","Bridesmaid"],["FEF2C7","Beeswax"],["FEF3D8","Bleach White"],["FEF4CC","Pipi"],["FEF4DB","Half Spanish White"],["FEF4F8","Wisp Pink"],["FEF5F1","Provincial Pink"],["FEF7DE","Half Dutch White"],["FEF8E2","Solitaire"],["FEF8FF","White Pointer"],["FEF9E3","Off Yellow"],["FEFCED","Orange White"],["FF0000","Red"],["FF007F","Rose"],["FF00CC","Purple Pizzazz"],["FF00FF","Magenta / Fuchsia"],["FF2400","Scarlet"],["FF3399","Wild Strawberry"],["FF33CC","Razzle Dazzle Rose"],["FF355E","Radical Red"],["FF3F34","Red Orange"],["FF4040","Coral Red"],["FF4D00","Vermilion"],["FF4F00","International Orange"],["FF6037","Outrageous Orange"],["FF6600","Blaze Orange"],["FF66FF","Pink Flamingo"],["FF681F","Orange"],["FF69B4","Hot Pink"],["FF6B53","Persimmon"],["FF6FFF","Blush Pink"],["FF7034","Burning Orange"],["FF7518","Pumpkin"],["FF7D07","Flamenco"],["FF7F00","Flush Orange"],["FF7F50","Coral"],["FF8C69","Salmon"],["FF9000","Pizazz"],["FF910F","West Side"],["FF91A4","Pink Salmon"],["FF9933","Neon Carrot"],["FF9966","Atomic Tangerine"],["FF9980","Vivid Tangerine"],["FF9E2C","Sunshade"],["FFA000","Orange Peel"],["FFA194","Mona Lisa"],["FFA500","Web Orange"],["FFA6C9","Carnation Pink"],["FFAB81","Hit Pink"],["FFAE42","Yellow Orange"],["FFB0AC","Cornflower Lilac"],["FFB1B3","Sundown"],["FFB31F","My Sin"],["FFB555","Texas Rose"],["FFB7D5","Cotton Candy"],["FFB97B","Macaroni and Cheese"],["FFBA00","Selective Yellow"],["FFBD5F","Koromiko"],["FFBF00","Amber"],["FFC0A8","Wax Flower"],["FFC0CB","Pink"],["FFC3C0","Your Pink"],["FFC901","Supernova"],["FFCBA4","Flesh"],["FFCC33","Sunglow"],["FFCC5C","Golden Tainoi"],["FFCC99","Peach Orange"],["FFCD8C","Chardonnay"],["FFD1DC","Pastel Pink"],["FFD2B7","Romantic"],["FFD38C","Grandis"],["FFD700","Gold"],["FFD800","School bus Yellow"],["FFD8D9","Cosmos"],["FFDB58","Mustard"],["FFDCD6","Peach Schnapps"],["FFDDAF","Caramel"],["FFDDCD","Tuft Bush"],["FFDDCF","Watusi"],["FFDDF4","Pink Lace"],["FFDEAD","Navajo White"],["FFDEB3","Frangipani"],["FFE1DF","Pippin"],["FFE1F2","Pale Rose"],["FFE2C5","Negroni"],["FFE5A0","Cream Brulee"],["FFE5B4","Peach"],["FFE6C7","Tequila"],["FFE772","Kournikova"],["FFEAC8","Sandy Beach"],["FFEAD4","Karry"],["FFEC13","Broom"],["FFEDBC","Colonial White"],["FFEED8","Derby"],["FFEFA1","Vis Vis"],["FFEFC1","Egg White"],["FFEFD5","Papaya Whip"],["FFEFEC","Fair Pink"],["FFF0DB","Peach Cream"],["FFF0F5","Lavender blush"],["FFF14F","Gorse"],["FFF1B5","Buttermilk"],["FFF1D8","Pink Lady"],["FFF1EE","Forget Me Not"],["FFF1F9","Tutu"],["FFF39D","Picasso"],["FFF3F1","Chardon"],["FFF46E","Paris Daisy"],["FFF4CE","Barley White"],["FFF4DD","Egg Sour"],["FFF4E0","Sazerac"],["FFF4E8","Serenade"],["FFF4F3","Chablis"],["FFF5EE","Seashell Peach"],["FFF5F3","Sauvignon"],["FFF6D4","Milk Punch"],["FFF6DF","Varden"],["FFF6F5","Rose White"],["FFF8D1","Baja White"],["FFF9E2","Gin Fizz"],["FFF9E6","Early Dawn"],["FFFACD","Lemon Chiffon"],["FFFAF4","Bridal Heath"],["FFFBDC","Scotch Mist"],["FFFBF9","Soapstone"],["FFFC99","Witch Haze"],["FFFCEA","Buttery White"],["FFFCEE","Island Spice"],["FFFDD0","Cream"],["FFFDE6","Chilean Heath"],["FFFDE8","Travertine"],["FFFDF3","Orchid White"],["FFFDF4","Quarter Pearl Lusta"],["FFFEE1","Half and Half"],["FFFEEC","Apricot White"],["FFFEF0","Rice Cake"],["FFFEF6","Black White"],["FFFEFD","Romance"],["FFFF00","Yellow"],["FFFF66","Laser Lemon"],["FFFF99","Pale Canary"],["FFFFB4","Portafino"],["FFFFF0","Ivory"],["FFFFFF","White"]];const dz=ho(cz),_C=(e,t)=>{if(typeof e=="number"){if(t===3)return{mode:"rgb",r:(e>>8&15|e>>4&240)/255,g:(e>>4&15|e&240)/255,b:(e&15|e<<4&240)/255};if(t===4)return{mode:"rgb",r:(e>>12&15|e>>8&240)/255,g:(e>>8&15|e>>4&240)/255,b:(e>>4&15|e&240)/255,alpha:(e&15|e<<4&240)/255};if(t===6)return{mode:"rgb",r:(e>>16&255)/255,g:(e>>8&255)/255,b:(e&255)/255};if(t===8)return{mode:"rgb",r:(e>>24&255)/255,g:(e>>16&255)/255,b:(e>>8&255)/255,alpha:(e&255)/255}}},pz={aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rebeccapurple:6697881,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074},hz=e=>_C(pz[e.toLowerCase()],6),gz=/^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i,mz=e=>{let t;return(t=e.match(gz))?_C(parseInt(t[1],16),t[1].length):void 0},Fr="([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)",Ta=`${Fr}%`,tg=`(?:${Fr}%|${Fr})`,vz=`(?:${Fr}(deg|grad|rad|turn)|${Fr})`,Si="\\s*,\\s*",yz=new RegExp(`^rgba?\\(\\s*${Fr}${Si}${Fr}${Si}${Fr}\\s*(?:,\\s*${tg}\\s*)?\\)$`),bz=new RegExp(`^rgba?\\(\\s*${Ta}${Si}${Ta}${Si}${Ta}\\s*(?:,\\s*${tg}\\s*)?\\)$`),wz=e=>{let t={mode:"rgb"},n;if(n=e.match(yz))n[1]!==void 0&&(t.r=n[1]/255),n[2]!==void 0&&(t.g=n[2]/255),n[3]!==void 0&&(t.b=n[3]/255);else if(n=e.match(bz))n[1]!==void 0&&(t.r=n[1]/100),n[2]!==void 0&&(t.g=n[2]/100),n[3]!==void 0&&(t.b=n[3]/100);else return;return n[4]!==void 0?t.alpha=Math.max(0,Math.min(1,n[4]/100)):n[5]!==void 0&&(t.alpha=Math.max(0,Math.min(1,+n[5]))),t},gu=(e,t)=>e===void 0?void 0:typeof e!="object"?mc(e):e.mode!==void 0?e:t?ie(V({},e),{mode:t}):void 0,hn=(e="rgb")=>t=>(t=gu(t,e))!==void 0?t.mode===e?t:Pn[t.mode][e]?Pn[t.mode][e](t):e==="rgb"?Pn[t.mode].rgb(t):Pn.rgb[e](Pn[t.mode].rgb(t)):void 0,Pn={},DC={},mu=[],PC={},xz=e=>e,Pe=e=>(Pn[e.mode]=V(V({},Pn[e.mode]),e.toMode),Object.keys(e.fromMode||{}).forEach(t=>{Pn[t]||(Pn[t]={}),Pn[t][e.mode]=e.fromMode[t]}),e.ranges||(e.ranges={}),e.difference||(e.difference={}),e.channels.forEach(t=>{if(e.ranges[t]===void 0&&(e.ranges[t]=[0,1]),!e.interpolate[t])throw new Error(`Missing interpolator for: ${t}`);typeof e.interpolate[t]=="function"&&(e.interpolate[t]={use:e.interpolate[t]}),e.interpolate[t].fixup||(e.interpolate[t].fixup=xz)}),DC[e.mode]=e,(e.parse||[]).forEach(t=>{Cz(t,e.mode)}),hn(e.mode)),gc=e=>DC[e],Cz=(e,t)=>{if(typeof e=="string"){if(!t)throw new Error("'mode' required when 'parser' is a string");PC[e]=t}else typeof e=="function"&&mu.indexOf(e)<0&&mu.push(e)},jp=/[^\x00-\x7F]|[a-zA-Z_]/,Sz=/[^\x00-\x7F]|[-\w]/,U={Function:"function",Ident:"ident",Number:"number",Percentage:"percentage",ParenClose:")",None:"none",Hue:"hue",Alpha:"alpha"};let ge=0;function ls(e){let t=e[ge],n=e[ge+1];return t==="-"||t==="+"?/\d/.test(n)||n==="."&&/\d/.test(e[ge+2]):t==="."?/\d/.test(n):/\d/.test(t)}function Hp(e){if(ge>=e.length)return!1;let t=e[ge];if(jp.test(t))return!0;if(t==="-"){if(e.length-ge<2)return!1;let n=e[ge+1];return!!(n==="-"||jp.test(n))}return!1}const Ez={deg:1,rad:180/Math.PI,grad:9/10,turn:360};function ia(e){let t="";if((e[ge]==="-"||e[ge]==="+")&&(t+=e[ge++]),t+=ss(e),e[ge]==="."&&/\d/.test(e[ge+1])&&(t+=e[ge++]+ss(e)),(e[ge]==="e"||e[ge]==="E")&&((e[ge+1]==="-"||e[ge+1]==="+")&&/\d/.test(e[ge+2])?t+=e[ge++]+e[ge++]+ss(e):/\d/.test(e[ge+1])&&(t+=e[ge++]+ss(e))),Hp(e)){let n=vu(e);return n==="deg"||n==="rad"||n==="turn"||n==="grad"?{type:U.Hue,value:t*Ez[n]}:void 0}return e[ge]==="%"?(ge++,{type:U.Percentage,value:+t}):{type:U.Number,value:+t}}function ss(e){let t="";for(;/\d/.test(e[ge]);)t+=e[ge++];return t}function vu(e){let t="";for(;ge4)){if(n.length===4){if(n[3].type!==U.Alpha)return;n[3]=n[3].value}return n.length===3&&n.push({type:U.None,value:void 0}),n.every(o=>o.type!==U.Alpha)?n:void 0}}function Az(e,t){e._i=0;let n=e[e._i++];if(!n||n.type!==U.Function)return;let r=PC(e,t);if(r)return r.unshift(n.value),r}const gc=e=>{if(typeof e!="string")return;const t=Fz(e),n=t?Az(t,!0):void 0;let r,o=0,i=gu.length;for(;oe==="transparent"?{mode:"rgb",r:0,g:0,b:0,alpha:0}:void 0,Dz=(e,t,n)=>e+n*(t-e),Pz=e=>{let t=[];for(let n=0;nt=>{let n=Pz(t);return r=>{let o=r*n.length,i=r>=1?n.length-1:Math.max(Math.floor(o),0),a=n[i];return a===void 0?void 0:e(a[0],a[1],o-i)}},Z=Tz(Dz),lt=e=>{let t=!1,n=e.map(r=>r!==void 0?(t=!0,r):1);return t?n:e},ji={mode:"rgb",channels:["r","g","b","alpha"],parse:[$z,gz,bz,pz,_z,"srgb"],serialize:"srgb",interpolate:{r:Z,g:Z,b:Z,alpha:{use:Z,fixup:lt}},gamut:!0,white:{r:1,g:1,b:1},black:{r:0,g:0,b:0}},qf=(e=0)=>Math.pow(Math.abs(e),563/256)*Math.sign(e),Mv=e=>{let t=qf(e.r),n=qf(e.g),r=qf(e.b),o={mode:"xyz65",x:.5766690429101305*t+.1855582379065463*n+.1882286462349947*r,y:.297344975250536*t+.6273635662554661*n+.0752914584939979*r,z:.0270313613864123*t+.0706888525358272*n+.9913375368376386*r};return e.alpha!==void 0&&(o.alpha=e.alpha),o},Jf=e=>Math.pow(Math.abs(e),256/563)*Math.sign(e),Rv=({x:e,y:t,z:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o={mode:"a98",r:Jf(e*2.0415879038107465-t*.5650069742788597-.3447313507783297*n),g:Jf(e*-.9692436362808798+t*1.8759675015077206+.0415550574071756*n),b:Jf(e*.0134442806320312-t*.1183623922310184+1.0151749943912058*n)};return r!==void 0&&(o.alpha=r),o},Qf=(e=0)=>{const t=Math.abs(e);return t<=.04045?e/12.92:(Math.sign(e)||1)*Math.pow((t+.055)/1.055,2.4)},Hi=({r:e,g:t,b:n,alpha:r})=>{let o={mode:"lrgb",r:Qf(e),g:Qf(t),b:Qf(n)};return r!==void 0&&(o.alpha=r),o},So=e=>{let{r:t,g:n,b:r,alpha:o}=Hi(e),i={mode:"xyz65",x:.4123907992659593*t+.357584339383878*n+.1804807884018343*r,y:.2126390058715102*t+.715168678767756*n+.0721923153607337*r,z:.0193308187155918*t+.119194779794626*n+.9505321522496607*r};return o!==void 0&&(i.alpha=o),i},Zf=(e=0)=>{const t=Math.abs(e);return t>.0031308?(Math.sign(e)||1)*(1.055*Math.pow(t,1/2.4)-.055):e*12.92},Gi=({r:e,g:t,b:n,alpha:r},o="rgb")=>{let i={mode:o,r:Zf(e),g:Zf(t),b:Zf(n)};return r!==void 0&&(i.alpha=r),i},Eo=({x:e,y:t,z:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=Gi({r:e*3.2409699419045226-t*1.537383177570094-.4986107602930034*n,g:e*-.9692436362808796+t*1.8759675015077204+.0415550574071756*n,b:e*.0556300796969936-t*.2039769588889765+1.0569715142428784*n});return r!==void 0&&(o.alpha=r),o},Oz=ie(V({},ji),{mode:"a98",parse:["a98-rgb"],serialize:"a98-rgb",fromMode:{rgb:e=>Rv(So(e)),xyz65:Rv},toMode:{rgb:e=>Eo(Mv(e)),xyz65:Mv}}),wt=e=>(e=e%360)<0?e+360:e,Bz=(e,t)=>e.map((n,r,o)=>{if(n===void 0)return n;let i=wt(n);return r===0||e[r-1]===void 0?i:t(i-wt(o[r-1]))}).reduce((n,r)=>!n.length||r===void 0||n[n.length-1]===void 0?(n.push(r),n):(n.push(r+n[n.length-1]),n),[]),tr=e=>Bz(e,t=>Math.abs(t)<=180?t:t-360*Math.sign(t)),ft=[-.14861,1.78277,-.29227,-.90649,1.97294,0],Mz=Math.PI/180,Rz=180/Math.PI;let Nv=ft[3]*ft[4],Iv=ft[1]*ft[4],Lv=ft[1]*ft[2]-ft[0]*ft[3];const Nz=({r:e,g:t,b:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=(Lv*n+e*Nv-t*Iv)/(Lv+Nv-Iv),i=n-o,a=(ft[4]*(t-o)-ft[2]*i)/ft[3],l={mode:"cubehelix",l:o,s:o===0||o===1?void 0:Math.sqrt(i*i+a*a)/(ft[4]*o*(1-o))};return l.s&&(l.h=Math.atan2(a,i)*Rz-120),r!==void 0&&(l.alpha=r),l},Iz=({h:e,s:t,l:n,alpha:r})=>{let o={mode:"rgb"};e=(e===void 0?0:e+120)*Mz,n===void 0&&(n=0);let i=t===void 0?0:t*n*(1-n),a=Math.cos(e),l=Math.sin(e);return o.r=n+i*(ft[0]*a+ft[1]*l),o.g=n+i*(ft[2]*a+ft[3]*l),o.b=n+i*(ft[4]*a+ft[5]*l),r!==void 0&&(o.alpha=r),o},mc=(e,t)=>{if(e.h===void 0||t.h===void 0||!e.s||!t.s)return 0;let n=wt(e.h),r=wt(t.h),o=Math.sin((r-n+360)/2*Math.PI/180);return 2*Math.sqrt(e.s*t.s)*o},Lz=(e,t)=>{if(e.h===void 0||t.h===void 0)return 0;let n=wt(e.h),r=wt(t.h);return Math.abs(r-n)>180?n-(r-360*Math.sign(r-n)):r-n},vc=(e,t)=>{if(e.h===void 0||t.h===void 0||!e.c||!t.c)return 0;let n=wt(e.h),r=wt(t.h),o=Math.sin((r-n+360)/2*Math.PI/180);return 2*Math.sqrt(e.c*t.c)*o},nr=e=>{let t=e.reduce((r,o)=>{if(o!==void 0){let i=o*Math.PI/180;r.sin+=Math.sin(i),r.cos+=Math.cos(i)}return r},{sin:0,cos:0}),n=Math.atan2(t.sin,t.cos)*180/Math.PI;return n<0?360+n:n},zz={mode:"cubehelix",channels:["h","s","l","alpha"],parse:["--cubehelix"],serialize:"--cubehelix",ranges:{h:[0,360],s:[0,4.614],l:[0,1]},fromMode:{rgb:Nz},toMode:{rgb:Iz},interpolate:{h:{use:Z,fixup:tr},s:Z,l:Z,alpha:{use:Z,fixup:lt}},difference:{h:mc},average:{h:nr}},Mr=({l:e,a:t,b:n,alpha:r},o="lch")=>{t===void 0&&(t=0),n===void 0&&(n=0);let i=Math.sqrt(t*t+n*n),a={mode:o,l:e,c:i};return i&&(a.h=wt(Math.atan2(n,t)*180/Math.PI)),r!==void 0&&(a.alpha=r),a},Rr=({l:e,c:t,h:n,alpha:r},o="lab")=>{n===void 0&&(n=0);let i={mode:o,l:e,a:t?t*Math.cos(n/180*Math.PI):0,b:t?t*Math.sin(n/180*Math.PI):0};return r!==void 0&&(i.alpha=r),i},TC=Math.pow(29,3)/Math.pow(3,3),OC=Math.pow(6,3)/Math.pow(29,3),rt={X:.3457/.3585,Y:1,Z:(1-.3457-.3585)/.3585},pi={X:.3127/.329,Y:1,Z:(1-.3127-.329)/.329};let ed=e=>Math.pow(e,3)>OC?Math.pow(e,3):(116*e-16)/TC;const BC=({l:e,a:t,b:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=(e+16)/116,i=t/500+o,a=o-n/200,l={mode:"xyz65",x:ed(i)*pi.X,y:ed(o)*pi.Y,z:ed(a)*pi.Z};return r!==void 0&&(l.alpha=r),l},yc=e=>Eo(BC(e)),td=e=>e>OC?Math.cbrt(e):(TC*e+16)/116,MC=({x:e,y:t,z:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=td(e/pi.X),i=td(t/pi.Y),a=td(n/pi.Z),l={mode:"lab65",l:116*i-16,a:500*(o-i),b:200*(i-a)};return r!==void 0&&(l.alpha=r),l},bc=e=>{let t=MC(So(e));return e.r===e.b&&e.b===e.g&&(t.a=t.b=0),t},vu=1,RC=1,nl=26/180*Math.PI,yu=Math.cos(nl),bu=Math.sin(nl),NC=100/Math.log(139/100),Hp=({l:e,c:t,h:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o={mode:"lab65",l:(Math.exp(e*vu/NC)-1)/.0039},i=(Math.exp(.0435*t*RC*vu)-1)/.075,a=i*Math.cos(n/180*Math.PI-nl),l=i*Math.sin(n/180*Math.PI-nl);return o.a=a*yu-l/.83*bu,o.b=a*bu+l/.83*yu,r!==void 0&&(o.alpha=r),o},Gp=({l:e,a:t,b:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=t*yu+n*bu,i=.83*(n*yu-t*bu),a=Math.sqrt(o*o+i*i),l={mode:"dlch",l:NC/vu*Math.log(1+.0039*e),c:Math.log(1+.075*a)/(.0435*RC*vu)};return l.c&&(l.h=wt((Math.atan2(i,o)+nl)/Math.PI*180)),r!==void 0&&(l.alpha=r),l},zv=e=>Hp(Mr(e,"dlch")),jv=e=>Rr(Gp(e),"dlab"),jz={mode:"dlab",parse:["--din99o-lab"],serialize:"--din99o-lab",toMode:{lab65:zv,rgb:e=>yc(zv(e))},fromMode:{lab65:jv,rgb:e=>jv(bc(e))},channels:["l","a","b","alpha"],ranges:{l:[0,100],a:[-40.09,45.501],b:[-40.469,44.344]},interpolate:{l:Z,a:Z,b:Z,alpha:{use:Z,fixup:lt}}},Hz={mode:"dlch",parse:["--din99o-lch"],serialize:"--din99o-lch",toMode:{lab65:Hp,dlab:e=>Rr(e,"dlab"),rgb:e=>yc(Hp(e))},fromMode:{lab65:Gp,dlab:e=>Mr(e,"dlch"),rgb:e=>Gp(bc(e))},channels:["l","c","h","alpha"],ranges:{l:[0,100],c:[0,51.484],h:[0,360]},interpolate:{l:Z,c:Z,h:{use:Z,fixup:tr},alpha:{use:Z,fixup:lt}},difference:{h:vc},average:{h:nr}};function Gz({h:e,s:t,i:n,alpha:r}){e=wt(e!==void 0?e:0),t===void 0&&(t=0),n===void 0&&(n=0);let o=Math.abs(e/60%2-1),i;switch(Math.floor(e/60)){case 0:i={r:n*(1+t*(3/(2-o)-1)),g:n*(1+t*(3*(1-o)/(2-o)-1)),b:n*(1-t)};break;case 1:i={r:n*(1+t*(3*(1-o)/(2-o)-1)),g:n*(1+t*(3/(2-o)-1)),b:n*(1-t)};break;case 2:i={r:n*(1-t),g:n*(1+t*(3/(2-o)-1)),b:n*(1+t*(3*(1-o)/(2-o)-1))};break;case 3:i={r:n*(1-t),g:n*(1+t*(3*(1-o)/(2-o)-1)),b:n*(1+t*(3/(2-o)-1))};break;case 4:i={r:n*(1+t*(3*(1-o)/(2-o)-1)),g:n*(1-t),b:n*(1+t*(3/(2-o)-1))};break;case 5:i={r:n*(1+t*(3/(2-o)-1)),g:n*(1-t),b:n*(1+t*(3*(1-o)/(2-o)-1))};break;default:i={r:n*(1-t),g:n*(1-t),b:n*(1-t)}}return i.mode="rgb",r!==void 0&&(i.alpha=r),i}function Wz({r:e,g:t,b:n,alpha:r}){e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=Math.max(e,t,n),i=Math.min(e,t,n),a={mode:"hsi",s:e+t+n===0?0:1-3*i/(e+t+n),i:(e+t+n)/3};return o-i!==0&&(a.h=(o===e?(t-n)/(o-i)+(t{switch(t){case"deg":return+e;case"rad":return e/Math.PI*180;case"grad":return e/10*9;case"turn":return e*360}},Xz=new RegExp(`^hsla?\\(\\s*${mz}${Ci}${Pa}${Ci}${Pa}\\s*(?:,\\s*${eg}\\s*)?\\)$`),qz=e=>{let t=e.match(Xz);if(!t)return;let n={mode:"hsl"};return t[3]!==void 0?n.h=+t[3]:t[1]!==void 0&&t[2]!==void 0&&(n.h=Yz(t[1],t[2])),t[4]!==void 0&&(n.s=Math.min(Math.max(0,t[4]/100),1)),t[5]!==void 0&&(n.l=Math.min(Math.max(0,t[5]/100),1)),t[6]!==void 0?n.alpha=Math.max(0,Math.min(1,t[6]/100)):t[7]!==void 0&&(n.alpha=Math.max(0,Math.min(1,+t[7]))),n};function Jz(e,t){if(!t||t[0]!=="hsl"&&t[0]!=="hsla")return;const n={mode:"hsl"},[,r,o,i,a]=t;if(r.type!==U.None){if(r.type===U.Percentage)return;n.h=r.value}if(o.type!==U.None){if(o.type===U.Hue)return;n.s=o.value/100}if(i.type!==U.None){if(i.type===U.Hue)return;n.l=i.value/100}return a.type!==U.None&&(n.alpha=Math.min(1,Math.max(0,a.type===U.Number?a.value:a.value/100))),n}const IC={mode:"hsl",toMode:{rgb:Vz},fromMode:{rgb:Kz},channels:["h","s","l","alpha"],ranges:{h:[0,360]},gamut:"rgb",parse:[Jz,qz],serialize:e=>`hsl(${e.h!==void 0?e.h:"none"} ${e.s!==void 0?e.s*100+"%":"none"} ${e.l!==void 0?e.l*100+"%":"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:Z,fixup:tr},s:Z,l:Z,alpha:{use:Z,fixup:lt}},difference:{h:mc},average:{h:nr}};function LC({h:e,s:t,v:n,alpha:r}){e=wt(e!==void 0?e:0),t===void 0&&(t=0),n===void 0&&(n=0);let o=Math.abs(e/60%2-1),i;switch(Math.floor(e/60)){case 0:i={r:n,g:n*(1-t*o),b:n*(1-t)};break;case 1:i={r:n*(1-t*o),g:n,b:n*(1-t)};break;case 2:i={r:n*(1-t),g:n,b:n*(1-t*o)};break;case 3:i={r:n*(1-t),g:n*(1-t*o),b:n};break;case 4:i={r:n*(1-t*o),g:n*(1-t),b:n};break;case 5:i={r:n,g:n*(1-t),b:n*(1-t*o)};break;default:i={r:n*(1-t),g:n*(1-t),b:n*(1-t)}}return i.mode="rgb",r!==void 0&&(i.alpha=r),i}function zC({r:e,g:t,b:n,alpha:r}){e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=Math.max(e,t,n),i=Math.min(e,t,n),a={mode:"hsv",s:o===0?0:1-i/o,v:o};return o-i!==0&&(a.h=(o===e?(t-n)/(o-i)+(t1){let o=t+n;t/=o,n/=o}return LC({h:e,s:n===1?1:1-t/(1-n),v:1-n,alpha:r})}function Zz(e){let t=zC(e);if(t===void 0)return;let n=t.s!==void 0?t.s:0,r=t.v!==void 0?t.v:0,o={mode:"hwb",w:(1-n)*r,b:1-r};return t.h!==void 0&&(o.h=t.h),t.alpha!==void 0&&(o.alpha=t.alpha),o}function ej(e,t){if(!t||t[0]!=="hwb")return;const n={mode:"hwb"},[,r,o,i,a]=t;if(r.type!==U.None){if(r.type===U.Percentage)return;n.h=r.value}if(o.type!==U.None){if(o.type===U.Hue)return;n.w=o.value/100}if(i.type!==U.None){if(i.type===U.Hue)return;n.b=i.value/100}return a.type!==U.None&&(n.alpha=Math.min(1,Math.max(0,a.type===U.Number?a.value:a.value/100))),n}const tj={mode:"hwb",toMode:{rgb:Qz},fromMode:{rgb:Zz},channels:["h","w","b","alpha"],ranges:{h:[0,360]},gamut:"rgb",parse:[ej],serialize:e=>`hwb(${e.h!==void 0?e.h:"none"} ${e.w!==void 0?e.w*100+"%":"none"} ${e.b!==void 0?e.b*100+"%":"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:Z,fixup:tr},w:Z,b:Z,alpha:{use:Z,fixup:lt}},difference:{h:Lz},average:{h:nr}},HC=203,wc=.1593017578125,GC=78.84375,xc=.8359375,Cc=18.8515625,Sc=18.6875;function nd(e){if(e<0)return 0;const t=Math.pow(e,1/GC);return 1e4*Math.pow(Math.max(0,t-xc)/(Cc-Sc*t),1/wc)}function rd(e){if(e<0)return 0;const t=Math.pow(e/1e4,wc);return Math.pow((xc+Cc*t)/(1+Sc*t),GC)}const od=e=>Math.max(e/HC,0),Hv=({i:e,t,p:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);const o=nd(e+.008609037037932761*t+.11102962500302593*n),i=nd(e-.00860903703793275*t-.11102962500302599*n),a=nd(e+.5600313357106791*t-.32062717498731885*n),l={mode:"xyz65",x:od(2.070152218389422*o-1.3263473389671556*i+.2066510476294051*a),y:od(.3647385209748074*o+.680566024947227*i-.0453045459220346*a),z:od(-.049747207535812*o-.0492609666966138*i+1.1880659249923042*a)};return r!==void 0&&(l.alpha=r),l},id=(e=0)=>Math.max(e*HC,0),Gv=({x:e,y:t,z:n,alpha:r})=>{const o=id(e),i=id(t),a=id(n),l=rd(.3592832590121217*o+.6976051147779502*i-.0358915932320289*a),s=rd(-.1920808463704995*o+1.1004767970374323*i+.0753748658519118*a),u=rd(.0070797844607477*o+.0748396662186366*i+.8433265453898765*a),c=.5*l+.5*s,f=1.61376953125*l-3.323486328125*s+1.709716796875*u,p=4.378173828125*l-4.24560546875*s-.132568359375*u,h={mode:"itp",i:c,t:f,p};return r!==void 0&&(h.alpha=r),h},nj={mode:"itp",channels:["i","t","p","alpha"],parse:["--ictcp"],serialize:"--ictcp",toMode:{xyz65:Hv,rgb:e=>Eo(Hv(e))},fromMode:{xyz65:Gv,rgb:e=>Gv(So(e))},ranges:{i:[0,.581],t:[-.369,.272],p:[-.164,.331]},interpolate:{i:Z,t:Z,p:Z,alpha:{use:Z,fixup:lt}}},rj=134.03437499999998,oj=16295499532821565e-27,ad=e=>{if(e<0)return 0;let t=Math.pow(e/1e4,wc);return Math.pow((xc+Cc*t)/(1+Sc*t),rj)},ld=(e=0)=>Math.max(e*203,0),WC=({x:e,y:t,z:n,alpha:r})=>{e=ld(e),t=ld(t),n=ld(n);let o=1.15*e-.15*n,i=.66*t+.34*e,a=ad(.41478972*o+.579999*i+.014648*n),l=ad(-.20151*o+1.120649*i+.0531008*n),s=ad(-.0166008*o+.2648*i+.6684799*n),u=(a+l)/2,c={mode:"jab",j:.44*u/(1-.56*u)-oj,a:3.524*a-4.066708*l+.542708*s,b:.199076*a+1.096799*l-1.295875*s};return r!==void 0&&(c.alpha=r),c},ij=134.03437499999998,Wv=16295499532821565e-27,sd=e=>{if(e<0)return 0;let t=Math.pow(e,1/ij);return 1e4*Math.pow((xc-t)/(Sc*t-Cc),1/wc)},ud=e=>e/203,UC=({j:e,a:t,b:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=(e+Wv)/(.44+.56*(e+Wv)),i=sd(o+.13860504*t+.058047316*n),a=sd(o-.13860504*t-.058047316*n),l=sd(o-.096019242*t-.8118919*n),s={mode:"xyz65",x:ud(1.661373024652174*i-.914523081304348*a+.23136208173913045*l),y:ud(-.3250758611844533*i+1.571847026732543*a-.21825383453227928*l),z:ud(-.090982811*i-.31272829*a+1.5227666*l)};return r!==void 0&&(s.alpha=r),s},VC=e=>{let t=WC(So(e));return e.r===e.b&&e.b===e.g&&(t.a=t.b=0),t},KC=e=>Eo(UC(e)),aj={mode:"jab",channels:["j","a","b","alpha"],parse:["--jzazbz"],serialize:"--jzazbz",fromMode:{rgb:VC,xyz65:WC},toMode:{rgb:KC,xyz65:UC},ranges:{j:[0,.222],a:[-.109,.129],b:[-.185,.134]},interpolate:{j:Z,a:Z,b:Z,alpha:{use:Z,fixup:lt}}},Uv=({j:e,a:t,b:n,alpha:r})=>{t===void 0&&(t=0),n===void 0&&(n=0);let o=Math.sqrt(t*t+n*n),i={mode:"jch",j:e,c:o};return o&&(i.h=wt(Math.atan2(n,t)*180/Math.PI)),r!==void 0&&(i.alpha=r),i},Vv=({j:e,c:t,h:n,alpha:r})=>{n===void 0&&(n=0);let o={mode:"jab",j:e,a:t?t*Math.cos(n/180*Math.PI):0,b:t?t*Math.sin(n/180*Math.PI):0};return r!==void 0&&(o.alpha=r),o},lj={mode:"jch",parse:["--jzczhz"],serialize:"--jzczhz",toMode:{jab:Vv,rgb:e=>KC(Vv(e))},fromMode:{rgb:e=>Uv(VC(e)),jab:Uv},channels:["j","c","h","alpha"],ranges:{j:[0,.221],c:[0,.19],h:[0,360]},interpolate:{h:{use:Z,fixup:tr},c:Z,j:Z,alpha:{use:Z,fixup:lt}},difference:{h:vc},average:{h:nr}},Ec=Math.pow(29,3)/Math.pow(3,3),tg=Math.pow(6,3)/Math.pow(29,3);let cd=e=>Math.pow(e,3)>tg?Math.pow(e,3):(116*e-16)/Ec;const ng=({l:e,a:t,b:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=(e+16)/116,i=t/500+o,a=o-n/200,l={mode:"xyz50",x:cd(i)*rt.X,y:cd(o)*rt.Y,z:cd(a)*rt.Z};return r!==void 0&&(l.alpha=r),l},xl=({x:e,y:t,z:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=Gi({r:e*3.1341359569958707-t*1.6173863321612538-.4906619460083532*n,g:e*-.978795502912089+t*1.916254567259524+.03344273116131949*n,b:e*.07195537988411677-t*.2289768264158322+1.405386058324125*n});return r!==void 0&&(o.alpha=r),o},YC=e=>xl(ng(e)),Cl=e=>{let{r:t,g:n,b:r,alpha:o}=Hi(e),i={mode:"xyz50",x:.436065742824811*t+.3851514688337912*n+.14307845442264197*r,y:.22249319175623702*t+.7168870538238823*n+.06061979053616537*r,z:.013923904500943465*t+.09708128566574634*n+.7140993584005155*r};return o!==void 0&&(i.alpha=o),i},fd=e=>e>tg?Math.cbrt(e):(Ec*e+16)/116,rg=({x:e,y:t,z:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=fd(e/rt.X),i=fd(t/rt.Y),a=fd(n/rt.Z),l={mode:"lab",l:116*i-16,a:500*(o-i),b:200*(i-a)};return r!==void 0&&(l.alpha=r),l},XC=e=>{let t=rg(Cl(e));return e.r===e.b&&e.b===e.g&&(t.a=t.b=0),t};function sj(e,t){if(!t||t[0]!=="lab")return;const n={mode:"lab"},[,r,o,i,a]=t;if(!(r.type===U.Hue||o.type===U.Hue||i.type===U.Hue))return r.type!==U.None&&(n.l=Math.min(Math.max(0,r.value),100)),o.type!==U.None&&(n.a=o.type===U.Number?o.value:o.value*125/100),i.type!==U.None&&(n.b=i.type===U.Number?i.value:i.value*125/100),a.type!==U.None&&(n.alpha=Math.min(1,Math.max(0,a.type===U.Number?a.value:a.value/100))),n}const og={mode:"lab",toMode:{xyz50:ng,rgb:YC},fromMode:{xyz50:rg,rgb:XC},channels:["l","a","b","alpha"],ranges:{l:[0,100],a:[-100,100],b:[-100,100]},parse:[sj],serialize:e=>`lab(${e.l!==void 0?e.l:"none"} ${e.a!==void 0?e.a:"none"} ${e.b!==void 0?e.b:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{l:Z,a:Z,b:Z,alpha:{use:Z,fixup:lt}}},uj=ie(V({},og),{mode:"lab65",parse:["--lab-d65"],serialize:"--lab-d65",toMode:{xyz65:BC,rgb:yc},fromMode:{xyz65:MC,rgb:bc},ranges:{l:[0,100],a:[-86.182,98.234],b:[-107.86,94.477]}});function cj(e,t){if(!t||t[0]!=="lch")return;const n={mode:"lch"},[,r,o,i,a]=t;if(r.type!==U.None){if(r.type===U.Hue)return;n.l=Math.min(Math.max(0,r.value),100)}if(o.type!==U.None&&(n.c=Math.max(0,o.type===U.Number?o.value:o.value*150/100)),i.type!==U.None){if(i.type===U.Percentage)return;n.h=i.value}return a.type!==U.None&&(n.alpha=Math.min(1,Math.max(0,a.type===U.Number?a.value:a.value/100))),n}const ig={mode:"lch",toMode:{lab:Rr,rgb:e=>YC(Rr(e))},fromMode:{rgb:e=>Mr(XC(e)),lab:Mr},channels:["l","c","h","alpha"],ranges:{l:[0,100],c:[0,150],h:[0,360]},parse:[cj],serialize:e=>`lch(${e.l!==void 0?e.l:"none"} ${e.c!==void 0?e.c:"none"} ${e.h!==void 0?e.h:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:Z,fixup:tr},c:Z,l:Z,alpha:{use:Z,fixup:lt}},difference:{h:vc},average:{h:nr}},fj=ie(V({},ig),{mode:"lch65",parse:["--lch-d65"],serialize:"--lch-d65",toMode:{lab65:e=>Rr(e,"lab65"),rgb:e=>yc(Rr(e,"lab65"))},fromMode:{rgb:e=>Mr(bc(e),"lch65"),lab65:e=>Mr(e,"lch65")},ranges:{l:[0,100],c:[0,133.807],h:[0,360]}}),qC=({l:e,u:t,v:n,alpha:r})=>{t===void 0&&(t=0),n===void 0&&(n=0);let o=Math.sqrt(t*t+n*n),i={mode:"lchuv",l:e,c:o};return o&&(i.h=wt(Math.atan2(n,t)*180/Math.PI)),r!==void 0&&(i.alpha=r),i},JC=({l:e,c:t,h:n,alpha:r})=>{n===void 0&&(n=0);let o={mode:"luv",l:e,u:t?t*Math.cos(n/180*Math.PI):0,v:t?t*Math.sin(n/180*Math.PI):0};return r!==void 0&&(o.alpha=r),o},QC=(e,t,n)=>4*e/(e+15*t+3*n),ZC=(e,t,n)=>9*t/(e+15*t+3*n),dj=QC(rt.X,rt.Y,rt.Z),pj=ZC(rt.X,rt.Y,rt.Z),hj=e=>e<=tg?Ec*e:116*Math.cbrt(e)-16,Wp=({x:e,y:t,z:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=hj(t/rt.Y),i=QC(e,t,n),a=ZC(e,t,n);!isFinite(i)||!isFinite(a)?o=i=a=0:(i=13*o*(i-dj),a=13*o*(a-pj));let l={mode:"luv",l:o,u:i,v:a};return r!==void 0&&(l.alpha=r),l},gj=(e,t,n)=>4*e/(e+15*t+3*n),mj=(e,t,n)=>9*t/(e+15*t+3*n),vj=gj(rt.X,rt.Y,rt.Z),yj=mj(rt.X,rt.Y,rt.Z),Up=({l:e,u:t,v:n,alpha:r})=>{if(e===void 0&&(e=0),e===0)return{mode:"xyz50",x:0,y:0,z:0};t===void 0&&(t=0),n===void 0&&(n=0);let o=t/(13*e)+vj,i=n/(13*e)+yj,a=rt.Y*(e<=8?e/Ec:Math.pow((e+16)/116,3)),l=a*(9*o)/(4*i),s=a*(12-3*o-20*i)/(4*i),u={mode:"xyz50",x:l,y:a,z:s};return r!==void 0&&(u.alpha=r),u},bj=e=>qC(Wp(Cl(e))),wj=e=>xl(Up(JC(e))),xj={mode:"lchuv",toMode:{luv:JC,rgb:wj},fromMode:{rgb:bj,luv:qC},channels:["l","c","h","alpha"],parse:["--lchuv"],serialize:"--lchuv",ranges:{l:[0,100],c:[0,176.956],h:[0,360]},interpolate:{h:{use:Z,fixup:tr},c:Z,l:Z,alpha:{use:Z,fixup:lt}},difference:{h:vc},average:{h:nr}},Cj=ie(V({},ji),{mode:"lrgb",toMode:{rgb:Gi},fromMode:{rgb:Hi},parse:["srgb-linear"],serialize:"srgb-linear"}),Sj={mode:"luv",toMode:{xyz50:Up,rgb:e=>xl(Up(e))},fromMode:{xyz50:Wp,rgb:e=>Wp(Cl(e))},channels:["l","u","v","alpha"],parse:["--luv"],serialize:"--luv",ranges:{l:[0,100],u:[-84.936,175.042],v:[-125.882,87.243]},interpolate:{l:Z,u:Z,v:Z,alpha:{use:Z,fixup:lt}}},eS=({r:e,g:t,b:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=Math.cbrt(.41222147079999993*e+.5363325363*t+.0514459929*n),i=Math.cbrt(.2119034981999999*e+.6806995450999999*t+.1073969566*n),a=Math.cbrt(.08830246189999998*e+.2817188376*t+.6299787005000002*n),l={mode:"oklab",l:.2104542553*o+.793617785*i-.0040720468*a,a:1.9779984951*o-2.428592205*i+.4505937099*a,b:.0259040371*o+.7827717662*i-.808675766*a};return r!==void 0&&(l.alpha=r),l},Fc=e=>{let t=eS(Hi(e));return e.r===e.b&&e.b===e.g&&(t.a=t.b=0),t},Sl=({l:e,a:t,b:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=Math.pow(e*.9999999984505198+.39633779217376786*t+.2158037580607588*n,3),i=Math.pow(e*1.0000000088817609-.10556134232365635*t-.06385417477170591*n,3),a=Math.pow(e*1.0000000546724108-.08948418209496575*t-1.2914855378640917*n,3),l={mode:"lrgb",r:4.076741661347994*o-3.307711590408193*i+.230969928729428*a,g:-1.2684380040921763*o+2.6097574006633715*i-.3413193963102197*a,b:-.004196086541837188*o-.7034186144594493*i+1.7076147009309444*a};return r!==void 0&&(l.alpha=r),l},kc=e=>Gi(Sl(e));function Vp(e){const r=1.170873786407767;return .5*(r*e-.206+Math.sqrt((r*e-.206)*(r*e-.206)+4*.03*r*e))}function wu(e){return(e*e+.206*e)/(1.170873786407767*(e+.03))}function Ej(e,t){let n,r,o,i,a,l,s,u;-1.88170328*e-.80936493*t>1?(n=1.19086277,r=1.76576728,o=.59662641,i=.75515197,a=.56771245,l=4.0767416621,s=-3.3077115913,u=.2309699292):1.81444104*e-1.19445276*t>1?(n=.73956515,r=-.45954404,o=.08285427,i=.1254107,a=.14503204,l=-1.2684380046,s=2.6097574011,u=-.3413193965):(n=1.35733652,r=-.00915799,o=-1.1513021,i=-.50559606,a=.00692167,l=-.0041960863,s=-.7034186147,u=1.707614701);let c=n+r*e+o*t+i*e*e+a*e*t,f=.3963377774*e+.2158037573*t,p=-.1055613458*e-.0638541728*t,h=-.0894841775*e-1.291485548*t;{let g=1+c*f,y=1+c*p,C=1+c*h,m=g*g*g,v=y*y*y,b=C*C*C,F=3*f*g*g,_=3*p*y*y,A=3*h*C*C,D=6*f*f*g,T=6*p*p*y,O=6*h*h*C,z=l*m+s*v+u*b,Y=l*F+s*_+u*A,B=l*D+s*T+u*O;c=c-z*Y/(Y*Y-.5*z*B)}return c}function ag(e,t){let n=Ej(e,t),r=Sl({l:1,a:n*e,b:n*t}),o=Math.cbrt(1/Math.max(r.r,r.g,r.b)),i=o*n;return[o,i]}function Fj(e,t,n,r,o,i=null){i||(i=ag(e,t));let a;if((n-o)*i[1]-(i[0]-o)*r<=0)a=i[1]*o/(r*i[0]+i[1]*(o-n));else{a=i[1]*(o-1)/(r*(i[0]-1)+i[1]*(o-n));{let l=n-o,s=r,u=.3963377774*e+.2158037573*t,c=-.1055613458*e-.0638541728*t,f=-.0894841775*e-1.291485548*t,p=l+s*u,h=l+s*c,g=l+s*f;{let y=o*(1-a)+a*n,C=a*r,m=y+C*u,v=y+C*c,b=y+C*f,F=m*m*m,_=v*v*v,A=b*b*b,D=3*p*m*m,T=3*h*v*v,O=3*g*b*b,z=6*p*p*m,Y=6*h*h*v,B=6*g*g*b,W=4.0767416621*F-3.3077115913*_+.2309699292*A-1,de=4.0767416621*D-3.3077115913*T+.2309699292*O,me=4.0767416621*z-3.3077115913*Y+.2309699292*B,ae=de/(de*de-.5*W*me),se=-W*ae,L=-1.2684380046*F+2.6097574011*_-.3413193965*A-1,te=-1.2684380046*D+2.6097574011*T-.3413193965*O,j=-1.2684380046*z+2.6097574011*Y-.3413193965*B,le=te/(te*te-.5*L*j),N=-L*le,K=-.0041960863*F-.7034186147*_+1.707614701*A-1,Q=-.0041960863*D-.7034186147*T+1.707614701*O,ne=-.0041960863*z-.7034186147*Y+1.707614701*B,P=Q/(Q*Q-.5*K*ne),X=-K*P;se=ae>=0?se:1e6,N=le>=0?N:1e6,X=P>=0?X:1e6,a+=Math.min(se,Math.min(N,X))}}}return a}function lg(e,t,n=null){n||(n=ag(e,t));let r=n[0],o=n[1];return[o/r,o/(1-r)]}function tS(e,t,n){let r=ag(t,n),o=Fj(t,n,e,1,e,r),i=lg(t,n,r),a=.11516993+1/(7.4477897+4.1590124*n+t*(-2.19557347+1.75198401*n+t*(-2.13704948-10.02301043*n+t*(-4.24894561+5.38770819*n+4.69891013*t)))),l=.11239642+1/(1.6132032-.68124379*n+t*(.40370612+.90148123*n+t*(-.27087943+.6122399*n+t*(.00299215-.45399568*n-.14661872*t)))),s=o/Math.min(e*i[0],(1-e)*i[1]),u=e*a,c=(1-e)*l,f=.9*s*Math.sqrt(Math.sqrt(1/(1/(u*u*u*u)+1/(c*c*c*c))));return u=e*.4,c=(1-e)*.8,[Math.sqrt(1/(1/(u*u)+1/(c*c))),f,o]}function Kv(e){const t=e.l!==void 0?e.l:0,n=e.a!==void 0?e.a:0,r=e.b!==void 0?e.b:0,o={mode:"okhsl",l:Vp(t)};e.alpha!==void 0&&(o.alpha=e.alpha);let i=Math.sqrt(n*n+r*r);if(!i)return o.s=0,o;let[a,l,s]=tS(t,n/i,r/i),u;if(iKv(Fc(e))},toMode:{oklab:Yv,rgb:e=>kc(Yv(e))}});function Xv(e){let t=e.l!==void 0?e.l:0,n=e.a!==void 0?e.a:0,r=e.b!==void 0?e.b:0,o=Math.sqrt(n*n+r*r),i=o?n/o:1,a=o?r/o:1,[l,s]=lg(i,a),u=.5,c=1-u/l,f=s/(o+t*s),p=f*t,h=f*o,g=wu(p),y=h*g/p,C=Sl({l:g,a:i*y,b:a*y}),m=Math.cbrt(1/Math.max(C.r,C.g,C.b,0));t=t/m,o=o/m*Vp(t)/t,t=Vp(t);const v={mode:"okhsv",s:o?(u+s)*h/(s*u+s*c*h):0,v:t?t/p:0};return v.s&&(v.h=wt(Math.atan2(r,n)*180/Math.PI)),e.alpha!==void 0&&(v.alpha=e.alpha),v}function qv(e){const t={mode:"oklab"};e.alpha!==void 0&&(t.alpha=e.alpha);const n=e.h!==void 0?e.h:0,r=e.s!==void 0?e.s:0,o=e.v!==void 0?e.v:0,i=Math.cos(n/180*Math.PI),a=Math.sin(n/180*Math.PI),[l,s]=lg(i,a),u=.5,c=1-u/l,f=1-r*u/(u+s-s*c*r),p=r*s*u/(u+s-s*c*r),h=wu(f),g=p*h/f,y=Sl({l:h,a:i*g,b:a*g}),C=Math.cbrt(1/Math.max(y.r,y.g,y.b,0)),m=wu(o*f),v=p*m/f;return t.l=m*C,t.a=v*i*C,t.b=v*a*C,t}const Aj=ie(V({},jC),{mode:"okhsv",channels:["h","s","v","alpha"],parse:["--okhsv"],serialize:"--okhsv",fromMode:{oklab:Xv,rgb:e=>Xv(Fc(e))},toMode:{oklab:qv,rgb:e=>kc(qv(e))}});function $j(e,t){if(!t||t[0]!=="oklab")return;const n={mode:"oklab"},[,r,o,i,a]=t;if(!(r.type===U.Hue||o.type===U.Hue||i.type===U.Hue))return r.type!==U.None&&(n.l=Math.min(Math.max(0,r.type===U.Number?r.value:r.value/100),1)),o.type!==U.None&&(n.a=o.type===U.Number?o.value:o.value*.4/100),i.type!==U.None&&(n.b=i.type===U.Number?i.value:i.value*.4/100),a.type!==U.None&&(n.alpha=Math.min(1,Math.max(0,a.type===U.Number?a.value:a.value/100))),n}const _j=ie(V({},og),{mode:"oklab",toMode:{lrgb:Sl,rgb:kc},fromMode:{lrgb:eS,rgb:Fc},ranges:{l:[0,1],a:[-.4,.4],b:[-.4,.4]},parse:[$j],serialize:e=>`oklab(${e.l!==void 0?e.l:"none"} ${e.a!==void 0?e.a:"none"} ${e.b!==void 0?e.b:"none"}${e.alpha<1?` / ${e.alpha}`:""})`});function Dj(e,t){if(!t||t[0]!=="oklch")return;const n={mode:"oklch"},[,r,o,i,a]=t;if(r.type!==U.None){if(r.type===U.Hue)return;n.l=Math.min(Math.max(0,r.type===U.Number?r.value:r.value/100),1)}if(o.type!==U.None&&(n.c=Math.max(0,o.type===U.Number?o.value:o.value*.4/100)),i.type!==U.None){if(i.type===U.Percentage)return;n.h=i.value}return a.type!==U.None&&(n.alpha=Math.min(1,Math.max(0,a.type===U.Number?a.value:a.value/100))),n}const Pj=ie(V({},ig),{mode:"oklch",toMode:{oklab:e=>Rr(e,"oklab"),rgb:e=>kc(Rr(e,"oklab"))},fromMode:{rgb:e=>Mr(Fc(e),"oklch"),oklab:e=>Mr(e,"oklch")},parse:[Dj],serialize:e=>`oklch(${e.l!==void 0?e.l:"none"} ${e.c!==void 0?e.c:"none"} ${e.h!==void 0?e.h:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,ranges:{l:[0,1],c:[0,.4],h:[0,360]}}),Jv=e=>{let{r:t,g:n,b:r,alpha:o}=Hi(e),i={mode:"xyz65",x:.486570948648216*t+.265667693169093*n+.1982172852343625*r,y:.2289745640697487*t+.6917385218365062*n+.079286914093745*r,z:0*t+.0451133818589026*n+1.043944368900976*r};return o!==void 0&&(i.alpha=o),i},Qv=({x:e,y:t,z:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=Gi({r:e*2.4934969119414263-t*.9313836179191242-.402710784450717*n,g:e*-.8294889695615749+t*1.7626640603183465+.0236246858419436*n,b:e*.0358458302437845-t*.0761723892680418+.9568845240076871*n},"p3");return r!==void 0&&(o.alpha=r),o},Tj=ie(V({},ji),{mode:"p3",parse:["display-p3"],serialize:"display-p3",fromMode:{rgb:e=>Qv(So(e)),xyz65:Qv},toMode:{rgb:e=>Eo(Jv(e)),xyz65:Jv}}),dd=e=>{let t=Math.abs(e);return t>=1/512?Math.sign(e)*Math.pow(t,1/1.8):16*e},Zv=({x:e,y:t,z:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o={mode:"prophoto",r:dd(e*1.3457868816471585-t*.2555720873797946-.0511018649755453*n),g:dd(e*-.5446307051249019+t*1.5082477428451466+.0205274474364214*n),b:dd(e*0+t*0+1.2119675456389452*n)};return r!==void 0&&(o.alpha=r),o},pd=(e=0)=>{let t=Math.abs(e);return t>=16/512?Math.sign(e)*Math.pow(t,1.8):e/16},ey=e=>{let t=pd(e.r),n=pd(e.g),r=pd(e.b),o={mode:"xyz50",x:.7977666449006423*t+.1351812974005331*n+.0313477341283922*r,y:.2880748288194013*t+.7118352342418731*n+899369387256e-16*r,z:0*t+0*n+.8251046025104602*r};return e.alpha!==void 0&&(o.alpha=e.alpha),o},Oj=ie(V({},ji),{mode:"prophoto",parse:["prophoto-rgb"],serialize:"prophoto-rgb",fromMode:{xyz50:Zv,rgb:e=>Zv(Cl(e))},toMode:{xyz50:ey,rgb:e=>xl(ey(e))}}),ty=1.09929682680944,Bj=.018053968510807,hd=e=>{const t=Math.abs(e);return t>Bj?(Math.sign(e)||1)*(ty*Math.pow(t,.45)-(ty-1)):4.5*e},ny=({x:e,y:t,z:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o={mode:"rec2020",r:hd(e*1.7166511879712683-t*.3556707837763925-.2533662813736599*n),g:hd(e*-.6666843518324893+t*1.6164812366349395+.0157685458139111*n),b:hd(e*.0176398574453108-t*.0427706132578085+.9421031212354739*n)};return r!==void 0&&(o.alpha=r),o},ry=1.09929682680944,Mj=.018053968510807,gd=(e=0)=>{let t=Math.abs(e);return t{let t=gd(e.r),n=gd(e.g),r=gd(e.b),o={mode:"xyz65",x:.6369580483012911*t+.1446169035862083*n+.1688809751641721*r,y:.262700212011267*t+.6779980715188708*n+.059301716469862*r,z:0*t+.0280726930490874*n+1.0609850577107909*r};return e.alpha!==void 0&&(o.alpha=e.alpha),o},Rj=ie(V({},ji),{mode:"rec2020",fromMode:{xyz65:ny,rgb:e=>ny(So(e))},toMode:{xyz65:oy,rgb:e=>Eo(oy(e))},parse:["rec2020"],serialize:"rec2020"}),eo=.0037930732552754493,nS=Math.cbrt(eo),md=e=>Math.cbrt(e)-nS,Nj=e=>{const{r:t,g:n,b:r,alpha:o}=Hi(e),i=md(.3*t+.622*n+.078*r+eo),a=md(.23*t+.692*n+.078*r+eo),l=md(.2434226892454782*t+.2047674442449682*n+.5518098665095535*r+eo),s={mode:"xyb",x:(i-a)/2,y:(i+a)/2,b:l-(i+a)/2};return o!==void 0&&(s.alpha=o),s},vd=e=>Math.pow(e+nS,3),Ij=({x:e,y:t,b:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);const o=vd(e+t)-eo,i=vd(t-e)-eo,a=vd(n+t)-eo,l=Gi({r:11.031566904639861*o-9.866943908131562*i-.16462299650829934*a,g:-3.2541473810744237*o+4.418770377582723*i-.16462299650829934*a,b:-3.6588512867136815*o+2.7129230459360922*i+1.9459282407775895*a});return r!==void 0&&(l.alpha=r),l},Lj={mode:"xyb",channels:["x","y","b","alpha"],parse:["--xyb"],serialize:"--xyb",toMode:{rgb:Ij},fromMode:{rgb:Nj},ranges:{x:[-.0154,.0281],y:[0,.8453],b:[-.2778,.388]},interpolate:{x:Z,y:Z,b:Z,alpha:{use:Z,fixup:lt}}},zj={mode:"xyz50",parse:["xyz-d50"],serialize:"xyz-d50",toMode:{rgb:xl,lab:rg},fromMode:{rgb:Cl,lab:ng},channels:["x","y","z","alpha"],ranges:{x:[0,.964],y:[0,.999],z:[0,.825]},interpolate:{x:Z,y:Z,z:Z,alpha:{use:Z,fixup:lt}}},jj=e=>{let{x:t,y:n,z:r,alpha:o}=e;t===void 0&&(t=0),n===void 0&&(n=0),r===void 0&&(r=0);let i={mode:"xyz50",x:1.0479298208405488*t+.0229467933410191*n-.0501922295431356*r,y:.0296278156881593*t+.990434484573249*n-.0170738250293851*r,z:-.0092430581525912*t+.0150551448965779*n+.7518742899580008*r};return o!==void 0&&(i.alpha=o),i},Hj=e=>{let{x:t,y:n,z:r,alpha:o}=e;t===void 0&&(t=0),n===void 0&&(n=0),r===void 0&&(r=0);let i={mode:"xyz65",x:.9554734527042182*t-.0230985368742614*n+.0632593086610217*r,y:-.0283697069632081*t+1.0099954580058226*n+.021041398966943*r,z:.0123140016883199*t-.0205076964334779*n+1.3303659366080753*r};return o!==void 0&&(i.alpha=o),i},Gj={mode:"xyz65",toMode:{rgb:Eo,xyz50:jj},fromMode:{rgb:So,xyz50:Hj},ranges:{x:[0,.95],y:[0,1],z:[0,1.088]},channels:["x","y","z","alpha"],parse:["xyz","xyz-d65"],serialize:"xyz-d65",interpolate:{x:Z,y:Z,z:Z,alpha:{use:Z,fixup:lt}}},Wj=({r:e,g:t,b:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);const o={mode:"yiq",y:.29889531*e+.58662247*t+.11448223*n,i:.59597799*e-.2741761*t-.32180189*n,q:.21147017*e-.52261711*t+.31114694*n};return r!==void 0&&(o.alpha=r),o},Uj=({y:e,i:t,q:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);const o={mode:"rgb",r:e+.95608445*t+.6208885*n,g:e-.27137664*t-.6486059*n,b:e-1.10561724*t+1.70250126*n};return r!==void 0&&(o.alpha=r),o},Vj={mode:"yiq",toMode:{rgb:Uj},fromMode:{rgb:Wj},channels:["y","i","q","alpha"],parse:["--yiq"],serialize:"--yiq",ranges:{i:[-.595,.595],q:[-.522,.522]},interpolate:{y:Z,i:Z,q:Z,alpha:{use:Z,fixup:lt}}},Kj=(e,t)=>Math.round(e*(t=Math.pow(10,t)))/t,Yj=(e=4)=>t=>typeof t=="number"?Kj(t,e):t;let ss=Yj(2);const Ps=e=>Math.max(0,Math.min(1,e||0)),yd=e=>Math.round(Ps(e)*255),Xj=hn("rgb"),qj=hn("hsl"),Jj=e=>{if(e===void 0)return;let t=yd(e.r),n=yd(e.g),r=yd(e.b);return"#"+(1<<24|t<<16|n<<8|r).toString(16).slice(1)},Qj=e=>{if(e===void 0)return;const t=ss(e.h||0),n=ss(Ps(e.s)*100)+"%",r=ss(Ps(e.l)*100)+"%";return e.alpha===void 0||e.alpha===1?`hsl(${t}, ${n}, ${r})`:`hsla(${t}, ${n}, ${r}, ${ss(Ps(e.alpha))})`},rS=e=>Jj(Xj(e)),Zj=e=>Qj(qj(e)),oS=hn("rgb"),iS=e=>{const t={mode:e.mode,r:Math.max(0,Math.min(e.r!==void 0?e.r:0,1)),g:Math.max(0,Math.min(e.g!==void 0?e.g:0,1)),b:Math.max(0,Math.min(e.b!==void 0?e.b:0,1))};return e.alpha!==void 0&&(t.alpha=e.alpha),t},eH=e=>iS(oS(e)),aS=e=>e!==void 0&&(e.r===void 0||e.r>=0&&e.r<=1)&&(e.g===void 0||e.g>=0&&e.g<=1)&&(e.b===void 0||e.b>=0&&e.b<=1);function tH(e){return aS(oS(e))}function lS(e="rgb"){const{gamut:t}=hc(e);if(!t)return r=>!0;const n=hn(typeof t=="string"?t:e);return r=>aS(n(r))}function sg(e="rgb"){const{gamut:t}=hc(e);if(!t)return i=>hu(i);const n=typeof t=="string"?t:e,r=hn(n),o=lS(n);return i=>{const a=hu(i);if(!a)return;const l=r(a);if(o(l))return a;const s=iS(l);return a.mode===s.mode?s:hn(a.mode)(s)}}function Si(e,t="lch",n="rgb"){e=hu(e);let r=n==="rgb"?tH:lS(n),o=n==="rgb"?eH:sg(n);if(e===void 0||r(e))return e;let i=hn(e.mode);e=hn(t)(e);let a=ie(V({},e),{c:0});if(!r(a))return i(o(a));let l=0,s=e.c!==void 0?e.c:0,u=hc(t).ranges.c,c=(u[1]-u[0])/Math.pow(2,13),f=a.c;for(;s-l>c;)a.c=l+(s-l)*.5,r(a)?(f=a.c,l=a.c):s=a.c;return i(r(a)?a:ie(V({},a),{c:f}))}Pe(Oz);Pe(zz);Pe(jz);Pe(Hz);Pe(Uz);Pe(IC);Pe(jC);Pe(tj);Pe(nj);Pe(aj);Pe(lj);Pe(og);Pe(uj);Pe(ig);Pe(fj);Pe(xj);Pe(Cj);Pe(Sj);Pe(kj);Pe(Aj);Pe(_j);Pe(Pj);Pe(Tj);Pe(Oj);Pe(Rj);Pe(ji);Pe(Lj);Pe(zj);Pe(Gj);Pe(Vj);const nH=/[^\w\-]/,rH=hn("rgb");function iy(e){const{value:t,origValue:n}=e,r=gn(),[o,i]=w.useState(!1),[a,l]=w.useState(!1),s=w.useMemo(()=>{if(!a)return null;const f=gc(t);if(f){const p=rH(sg("rgb")(f)),{alpha:h=1}=p,g=h===1?"":` ${h.toString().replace(".","")}`;return fz(rS(p)).colorName.toLowerCase().replace(nH,"")+g}return""},[a]),[u,c]=w.useState("");return o?k(w.Fragment,{children:[d(Ve,{value:u||s,onChange:c}),d("button",{onClick:()=>{r({type:Me.createAlias,payload:{name:u||s,value:n}})},children:"submit"}),d("button",{onClick:()=>i(!1),children:"cancel"})]}):d("button",{onClick:()=>{l(!0),i(!0)},children:"Add alias"})}function oH(e){return d("option",{value:e.value,children:e.label},e.value)}function kt(e){const{options:t=[],value:n,onChange:r,title:o,style:i}=e,a=w.useCallback(s=>{r(s.target.value)},[r]),l=w.useMemo(()=>t.map(oH),t);return d("select",{value:n,onChange:a,title:o,style:i,children:l})}const iH=hn("oklch");function kr(e){return iH(e)}const sS=0,uS=1,xu=.01,cS=.001;function aH(e,t){let n=1/0,r=sS,o=gc(`oklch(${r}% ${e} ${t})`);for(;r=n)break}const i=r;for(r-=xu,n=1/0;r=n)break}return r*100}function lH(e,t){let n=1/0,r=uS,o=gc(`oklch(${r}% ${e} ${t})`);for(;r>sS;){r-=xu;const a=Math.abs(Si(ie(V({},o),{l:r}),"oklch","p3").c-e);if(a===0)return r*100;if(a>=n)break}const i=r;for(r-=xu,n=1/0;r>i;){r-=cS;const a=Math.abs(Si(ie(V({},o),{l:r}),"oklch","p3").c-e);if(a===0)return r;if(a>=n)break}return r*100}function sH({l:e,c:t,h:n,a:r=100}){return d("a",{href:`https://oklch.com/#${e},${t},${n},${r}`,target:"_blank",children:"online picker"})}function zn(e,t,n,r){const o=r===1?"":`/ ${r.toFixed(2)}`;return`oklch(${e.toFixed(2)}% ${t.toFixed(3)} ${n.toFixed(2)}${o})`}function uH({value:e,onChange:t}){const{l:n,c:r,h:o=0,alpha:i=1}=kr(e)||{l:0,c:0,h:0,alpha:1},a=100*n,l=Si(`oklch(${a}% 0.4 ${o})`,"oklch","p3"),s=(l==null?void 0:l.c)||0,u=r-s>.001,c=aH(r,o),f=lH(r,o);return k("div",{draggable:!0,onDragStart:p=>{p.stopPropagation(),p.preventDefault()},className:"oklch-picker",style:{"--picked-lightness":`${a}%`,"--picked-chroma":r,"--picked-hue":o,"--picked-alpha":i,"--max-chroma":s,"--min-lightness":`${c}%`,"--max-lightness":`${f}%`,"--max-lightness-scalar":f},children:[d("div",{className:"lightness",onDrop:p=>{const h=p.dataTransfer.getData("value"),{l:g}=kr(h);g>0&&(p.preventDefault(),p.stopPropagation(),t(zn(g*100,r,o,i)))},children:d("input",{onChange:p=>t(zn(Number(p.target.value),r,o,i)),id:"lightness",type:"range",min:0,max:100,value:a,step:.1})}),d("div",{className:"chroma",children:d("input",{id:"chroma",type:"range",min:0,max:.37,value:r,step:.001,onInput:p=>{const h=Math.min(s,Number(p.target.value));return t(zn(a,h,o,i))}})}),d("div",{className:"hue",onDrop:p=>{const h=p.dataTransfer.getData("value");if(!h)return;const{h:g}=kr(h);p.preventDefault(),p.stopPropagation(),t(zn(a,r,g,i))},children:d("input",{id:"hue",type:"range",min:0,max:360,value:o,step:.1,onChange:p=>t(zn(a,r,Number(p.target.value),i))})}),d("div",{className:"alpha",children:d("input",{id:"alpha",type:"range",min:0,max:1,value:i,step:.01,onChange:p=>t(zn(a,r,o,Number(p.target.value)))})}),d(sH,{l:a,c:r,h:o}),!e.startsWith("oklch(")&&d("button",{onClick:()=>{t(zn(a,r,o,i))},children:"convert"}),u&&d("span",{style:{color:"red",fontWeight:"bold"},children:"NOT IN GAMUT"})]})}const Cu=/(#[\da-fA-F]{3}|rgba?\()|oklch\(/,rl=/(linear|radial|conic)-gradient\(.+\)/,cH=/^(--var-control|--server-theme|--theme-editor)/,Ei="39px",ay=(e,t)=>t===1?e.toHexString():e.setAlpha(t).toRgbString(),fH=(e,[t,n])=>(/px/.test(n)||(Cu.test(n)||rl.test(n))&&(n in e||(e[n]={color:n,usages:[],isGradient:rl.test(n)}),e[n].usages.push(t)),e),dH=(e,t)=>{if(e===null)return[];const n=V(V({},t),e);return Object.values(Object.entries(n).filter(([r])=>!cH.test(r)).reduce(fH,{}))},pH=({color:e},{color:t})=>{const n=Br(e).toHex(),r=Br(t).toHex();return n===r?e===t?0:e({label:e,value:e})),gH=hn("rgb"),mH=e=>{const{onChange:t,onUnset:n,value:r,resolvedValue:o,cssVar:i,cssFunc:a}=e,l=gH(sg("hsl")(o))||{},s=o,{nativeColorPicker:u}=Ce,{name:c,usages:f}=i,p=gn(),h=az({ms:20}),g=l.alpha||1,y=!f.some(({property:D})=>D!=="background"),C=Zj(l),m=rS(l),[v,b]=we("color-picker-variant","chrome"),F=fS[v],[_,A]=we("ok-picker",!1);return u?k("div",{style:{minHeight:"120px",clear:"both"},children:[d(iy,{value:s,origValue:r},s),d("input",{type:"color",style:{width:ly,height:ly,float:"right",opacity:g},value:m,onChange:D=>{const T=Br(D.target.value),O=ay(T,g);h(t,O)}}),d("input",{type:"number",style:{float:"right"},min:0,max:1,step:.05,value:l.a,onChange:D=>{const T=Number(D.target.value),O=Br(s);t(ay(O,T))}}),d("button",{onClick:()=>{s==="transparent"?p({type:Me.unset,payload:{name:c}}):t("transparent")},style:{fontSize:"12px",float:"right",width:Ei,opacity:s==="transparent"?1:.4},children:"👻"}),d("div",{style:{clear:"both"},children:d(Bv,{value:s,onChange:t,name:c,allowGradients:y})})]}):k(w.Fragment,{children:[_&&d(uH,{value:s,onChange:t}),k("div",{style:{display:"flex",clear:"both"},children:[d(iy,{value:s,origValue:r},s),k("div",{style:{display:"flex"},children:[d("button",{style:{borderTopRightRadius:0,borderBottomRightRadius:0,marginRight:0,borderRight:"none"},onClick:()=>A(!1),disabled:!_,children:"rgb/hsl"}),d("button",{style:{borderTopLeftRadius:0,borderBottomLeftRadius:0},onClick:()=>A(!0),disabled:_,children:"oklch"})]})]}),!_&&k(w.Fragment,{children:[d(F,{header:"",width:"100%",styles:{picker:{width:"100%"}},color:C,onChange:D=>{const T=D.rgb.a!==1,{r:O,g:z,b:Y,a:B}=D.rgb;t(T?`rgba(${O} , ${z}, ${Y}, ${B})`:D.hex)}}),k("div",{children:[d(Ve,{style:{marginTop:"6px"},value:s,onChange:D=>t(D,!0)}),d("button",{onClick:()=>{s==="transparent"?p({type:Me.unset,payload:{name:c}}):t("transparent")},style:{fontSize:"12px",opacity:s==="transparent"?1:.4},children:"👻"}),d(kt,{title:"Change color picker style",style:{float:"right"},options:hH,value:v,onChange:b})]})]}),d(Bv,{value:s,onChange:t,name:c,allowGradients:y})]})},ee={isSimpleSizes:()=>we("isSimpleSizes",!0),screenOptions:()=>[Ce.isSimpleSizes?RF:NF],width:()=>st("width",1024),height:()=>st("height",768),scales:()=>st("scales",{}),uiLayout:()=>st("uiLayout",{map:{}}),propertyFilter:()=>st("propertyFilter","all"),search:()=>st("search",""),filteredSelectors:()=>[[]],showRawValues:()=>st("showRawValues",!1),excludedRawValues:()=>st("excludedRawValues",["initial","none"]),frameClickBehavior:()=>pr("frameClickBehavior","any"),enableScrollingInView:()=>we("enableScrollingInView",!0),nativeColorPicker:()=>we("nativeColorPicker",!1),includeDefaultPalette:()=>we("includeDefaultPalette",!1),colorUsages:()=>[Hr(e=>dH(e.themeEditor.scopes[Lt],e.includeDefaultPalette?cY():{}).sort(pH))],fileName:()=>st("fileName","theme"),annoyingPrefix:()=>we("annoyingPrefix",""),nameReplacements:()=>we("nameReplacements",[]),showCssProperties:()=>we("showCssProperties",!0),linkCssProperties:()=>we("linkCssProperties",!1),showSourceLinks:()=>we("showSourceLinks",!1),windowArrangments:()=>we("windowArrangments",{}),webpackHome:()=>we("webpackHome",""),visualizeHistory:()=>we("visualizeHistory",!1),visualizeHistoryAlways:()=>we("visualizeHistoryAlways",!0),showScrolls:()=>we("showScrolls",!0),svgDarkBg:()=>we("svgDarkBg",!1),inspectedPath:()=>Tn("inspectedPath",""),openGroups:()=>Tn("openGroups",{}),frameLoaded:()=>pr("frameLoaded",!1),openFirstOnInspect:()=>we("open-first-inspect",!0),serverThemes:()=>jF(),existsOnServer:()=>[Ce.fileName in Ce.serverThemes],localThemeJson:()=>[Hr(e=>JSON.stringify(e.themeEditor.scopes))],remoteThemeJson:()=>[Hr(e=>{var t;return JSON.stringify((t=e.serverThemes[e.fileName])==null?void 0:t.scopes)})],modifiedServerVersion:()=>[Hr(e=>{const t=e.localThemeJson!==e.remoteThemeJson;return e.existsOnServer&&t})],themeEditor:()=>s4(),fullHeightFrameShowFixed:()=>pr("fullHeightFrameShowFixed",!0),fullHeightFrameScale:()=>st("fullHeightFrameScale",.05),elementSelectionMode:()=>pr("elementSelectionMode",!1),maximizeChroma:()=>we("maximizeChroma",!1),pickedValue:()=>pr("pickedValue",""),pickedHue:()=>[Hr(e=>{var t;return(t=kr(e.pickedValue))==null?void 0:t.h})],palette:()=>we("palette",[]),savedSelectors:()=>we("savedSelectors",[]),note:()=>Tn("note",""),area:()=>[Hr(e=>e.width*e.height)],areaDoubled:()=>[Hr(e=>e.area*2)],areaNomemo:()=>[Ce.width*Ce.height]};console.time("Getters and signals");const Ce=BF(ee);MF(ee);console.timeEnd("Getters and signals");const sy={};let uy=0;const vH=()=>{++uy;for(const e in sy)sy[e](uy)},ma={enableOnTags:["INPUT","SELECT","RADIO"]};function yH(e){const{frameRef:t}=e;return k(w.Fragment,{children:[d(bd,{keys:"alt+r",updater:vH}),d(bd,{keys:"alt+s",hook:()=>[Ce.fileName,Ce.modifiedServerVersion,Ce.themeEditor.scopes,ee.serverThemes()],updater:(n,r,o,[,{uploadTheme:i}])=>{n&&n!=="default"&&r&&i(n,o)}}),d(bd,{keys:"alt+a",hook:ee.frameClickBehavior,updater:(n,r)=>{const o=n==="alt"?"any":"alt";r(o),t.current.contentDocument.documentElement.classList.toggle("force-cursor",o!=="alt")}})]})}function bd({keys:e,hook:t=()=>[],updater:n=(r,o)=>{}}){const[...r]=t();ri(e,()=>{n(...r)},ma,[r])}let Ac;const Kp=window.indexedDB.open("history",1),so="actions";Kp.onupgradeneeded=function(e){const t=e.target.result;t.onerror=function(n){console.log("upgrade failed",n)},t.createObjectStore(so,{autoIncrement:!0})};const Su="history-start-snapshot";let dS=JSON.parse(localStorage.getItem(Su)),bH=0,Yp;Kp.onsuccess=function(e){window.self===window.top&&(Ac=Kp.result)};function wH(){if(window.self!==window.top)return;const t=Ac.transaction([so],"readonly").objectStore(so);t.getAll().onsuccess=n=>{const r=n.target.result;zH(new Map(dS)),mS(r),Yp=bH===0,kH(),WH()}}let Eu=1/0;function uo(e,t,n){if(Yp){const i=JSON.stringify([...at.entries()].filter(([a])=>ee.hasOwnProperty(a)));localStorage.setItem(Su,i),localStorage.setItem("originalUrl",window.location.href),Yp=!1,dS=i}const o=Ac.transaction([so],"readwrite").objectStore(so);if(t){const i=IDBKeyRange.lowerBound(n);o.delete(i)}n<=Eu&&(e[0].push(window.location.href),Eu=n),o.put(e,n)}function ug(e=!1,t=null){const n=performance.now(),r=Ac.transaction([so],"readwrite");if(r.oncomplete=i=>{console.log("Deleted store in",performance.now()-n)},r.objectStore(so).clear(),localStorage.removeItem(Su),t){const i=JSON.stringify([...t.entries()].filter(([a])=>fg.includes(a)));localStorage.setItem(Su,i)}Eu=1/0,console.log("Start store delete transaction in ",performance.now()-n)}const xH=(e,t)=>{pS({scopes:t},e)};function pS(e,t){document.exitFullscreen();const n=JSON.stringify(e,null,2),r=new Blob([n],{type:"application/json"}),o=URL.createObjectURL(r),i=document.createElement("a");i.download=`${t||"theme"}.json`,i.href=o,i.textContent="Download backup.json",i.click()}const CH=e=>Object.keys(e).map(n=>` ${n}: ${e[n]};`).join(` -`);function SH(e){return Object.entries(e).map(([t,n])=>`${t} { -${CH(n)} +`||t[ge]===" "||t[ge]===" ");)ge++;continue}if(r===",")return;if(r===")"){n.push({type:U.ParenClose});continue}if(r==="+"){if(ge--,ls(t)){n.push(ia(t));continue}return}if(r==="-"){if(ge--,ls(t)){n.push(ia(t));continue}if(Hp(t)){n.push({type:U.Ident,value:vu(t)});continue}return}if(r==="."){if(ge--,ls(t)){n.push(ia(t));continue}return}if(r==="/"){for(;ge4)){if(n.length===4){if(n[3].type!==U.Alpha)return;n[3]=n[3].value}return n.length===3&&n.push({type:U.None,value:void 0}),n.every(o=>o.type!==U.Alpha)?n:void 0}}function $z(e,t){e._i=0;let n=e[e._i++];if(!n||n.type!==U.Function)return;let r=TC(e,t);if(r)return r.unshift(n.value),r}const mc=e=>{if(typeof e!="string")return;const t=kz(e),n=t?$z(t,!0):void 0;let r,o=0,i=mu.length;for(;oe==="transparent"?{mode:"rgb",r:0,g:0,b:0,alpha:0}:void 0,Pz=(e,t,n)=>e+n*(t-e),Tz=e=>{let t=[];for(let n=0;nt=>{let n=Tz(t);return r=>{let o=r*n.length,i=r>=1?n.length-1:Math.max(Math.floor(o),0),a=n[i];return a===void 0?void 0:e(a[0],a[1],o-i)}},Z=Oz(Pz),lt=e=>{let t=!1,n=e.map(r=>r!==void 0?(t=!0,r):1);return t?n:e},Hi={mode:"rgb",channels:["r","g","b","alpha"],parse:[_z,mz,wz,hz,Dz,"srgb"],serialize:"srgb",interpolate:{r:Z,g:Z,b:Z,alpha:{use:Z,fixup:lt}},gamut:!0,white:{r:1,g:1,b:1},black:{r:0,g:0,b:0}},Jf=(e=0)=>Math.pow(Math.abs(e),563/256)*Math.sign(e),Rv=e=>{let t=Jf(e.r),n=Jf(e.g),r=Jf(e.b),o={mode:"xyz65",x:.5766690429101305*t+.1855582379065463*n+.1882286462349947*r,y:.297344975250536*t+.6273635662554661*n+.0752914584939979*r,z:.0270313613864123*t+.0706888525358272*n+.9913375368376386*r};return e.alpha!==void 0&&(o.alpha=e.alpha),o},Qf=e=>Math.pow(Math.abs(e),256/563)*Math.sign(e),Nv=({x:e,y:t,z:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o={mode:"a98",r:Qf(e*2.0415879038107465-t*.5650069742788597-.3447313507783297*n),g:Qf(e*-.9692436362808798+t*1.8759675015077206+.0415550574071756*n),b:Qf(e*.0134442806320312-t*.1183623922310184+1.0151749943912058*n)};return r!==void 0&&(o.alpha=r),o},Zf=(e=0)=>{const t=Math.abs(e);return t<=.04045?e/12.92:(Math.sign(e)||1)*Math.pow((t+.055)/1.055,2.4)},Gi=({r:e,g:t,b:n,alpha:r})=>{let o={mode:"lrgb",r:Zf(e),g:Zf(t),b:Zf(n)};return r!==void 0&&(o.alpha=r),o},Eo=e=>{let{r:t,g:n,b:r,alpha:o}=Gi(e),i={mode:"xyz65",x:.4123907992659593*t+.357584339383878*n+.1804807884018343*r,y:.2126390058715102*t+.715168678767756*n+.0721923153607337*r,z:.0193308187155918*t+.119194779794626*n+.9505321522496607*r};return o!==void 0&&(i.alpha=o),i},ed=(e=0)=>{const t=Math.abs(e);return t>.0031308?(Math.sign(e)||1)*(1.055*Math.pow(t,1/2.4)-.055):e*12.92},Wi=({r:e,g:t,b:n,alpha:r},o="rgb")=>{let i={mode:o,r:ed(e),g:ed(t),b:ed(n)};return r!==void 0&&(i.alpha=r),i},Fo=({x:e,y:t,z:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=Wi({r:e*3.2409699419045226-t*1.537383177570094-.4986107602930034*n,g:e*-.9692436362808796+t*1.8759675015077204+.0415550574071756*n,b:e*.0556300796969936-t*.2039769588889765+1.0569715142428784*n});return r!==void 0&&(o.alpha=r),o},Bz=ie(V({},Hi),{mode:"a98",parse:["a98-rgb"],serialize:"a98-rgb",fromMode:{rgb:e=>Nv(Eo(e)),xyz65:Nv},toMode:{rgb:e=>Fo(Rv(e)),xyz65:Rv}}),wt=e=>(e=e%360)<0?e+360:e,Mz=(e,t)=>e.map((n,r,o)=>{if(n===void 0)return n;let i=wt(n);return r===0||e[r-1]===void 0?i:t(i-wt(o[r-1]))}).reduce((n,r)=>!n.length||r===void 0||n[n.length-1]===void 0?(n.push(r),n):(n.push(r+n[n.length-1]),n),[]),tr=e=>Mz(e,t=>Math.abs(t)<=180?t:t-360*Math.sign(t)),ft=[-.14861,1.78277,-.29227,-.90649,1.97294,0],Rz=Math.PI/180,Nz=180/Math.PI;let Iv=ft[3]*ft[4],Lv=ft[1]*ft[4],zv=ft[1]*ft[2]-ft[0]*ft[3];const Iz=({r:e,g:t,b:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=(zv*n+e*Iv-t*Lv)/(zv+Iv-Lv),i=n-o,a=(ft[4]*(t-o)-ft[2]*i)/ft[3],l={mode:"cubehelix",l:o,s:o===0||o===1?void 0:Math.sqrt(i*i+a*a)/(ft[4]*o*(1-o))};return l.s&&(l.h=Math.atan2(a,i)*Nz-120),r!==void 0&&(l.alpha=r),l},Lz=({h:e,s:t,l:n,alpha:r})=>{let o={mode:"rgb"};e=(e===void 0?0:e+120)*Rz,n===void 0&&(n=0);let i=t===void 0?0:t*n*(1-n),a=Math.cos(e),l=Math.sin(e);return o.r=n+i*(ft[0]*a+ft[1]*l),o.g=n+i*(ft[2]*a+ft[3]*l),o.b=n+i*(ft[4]*a+ft[5]*l),r!==void 0&&(o.alpha=r),o},vc=(e,t)=>{if(e.h===void 0||t.h===void 0||!e.s||!t.s)return 0;let n=wt(e.h),r=wt(t.h),o=Math.sin((r-n+360)/2*Math.PI/180);return 2*Math.sqrt(e.s*t.s)*o},zz=(e,t)=>{if(e.h===void 0||t.h===void 0)return 0;let n=wt(e.h),r=wt(t.h);return Math.abs(r-n)>180?n-(r-360*Math.sign(r-n)):r-n},yc=(e,t)=>{if(e.h===void 0||t.h===void 0||!e.c||!t.c)return 0;let n=wt(e.h),r=wt(t.h),o=Math.sin((r-n+360)/2*Math.PI/180);return 2*Math.sqrt(e.c*t.c)*o},nr=e=>{let t=e.reduce((r,o)=>{if(o!==void 0){let i=o*Math.PI/180;r.sin+=Math.sin(i),r.cos+=Math.cos(i)}return r},{sin:0,cos:0}),n=Math.atan2(t.sin,t.cos)*180/Math.PI;return n<0?360+n:n},jz={mode:"cubehelix",channels:["h","s","l","alpha"],parse:["--cubehelix"],serialize:"--cubehelix",ranges:{h:[0,360],s:[0,4.614],l:[0,1]},fromMode:{rgb:Iz},toMode:{rgb:Lz},interpolate:{h:{use:Z,fixup:tr},s:Z,l:Z,alpha:{use:Z,fixup:lt}},difference:{h:vc},average:{h:nr}},Mr=({l:e,a:t,b:n,alpha:r},o="lch")=>{t===void 0&&(t=0),n===void 0&&(n=0);let i=Math.sqrt(t*t+n*n),a={mode:o,l:e,c:i};return i&&(a.h=wt(Math.atan2(n,t)*180/Math.PI)),r!==void 0&&(a.alpha=r),a},Rr=({l:e,c:t,h:n,alpha:r},o="lab")=>{n===void 0&&(n=0);let i={mode:o,l:e,a:t?t*Math.cos(n/180*Math.PI):0,b:t?t*Math.sin(n/180*Math.PI):0};return r!==void 0&&(i.alpha=r),i},OC=Math.pow(29,3)/Math.pow(3,3),BC=Math.pow(6,3)/Math.pow(29,3),rt={X:.3457/.3585,Y:1,Z:(1-.3457-.3585)/.3585},hi={X:.3127/.329,Y:1,Z:(1-.3127-.329)/.329};let td=e=>Math.pow(e,3)>BC?Math.pow(e,3):(116*e-16)/OC;const MC=({l:e,a:t,b:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=(e+16)/116,i=t/500+o,a=o-n/200,l={mode:"xyz65",x:td(i)*hi.X,y:td(o)*hi.Y,z:td(a)*hi.Z};return r!==void 0&&(l.alpha=r),l},bc=e=>Fo(MC(e)),nd=e=>e>BC?Math.cbrt(e):(OC*e+16)/116,RC=({x:e,y:t,z:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=nd(e/hi.X),i=nd(t/hi.Y),a=nd(n/hi.Z),l={mode:"lab65",l:116*i-16,a:500*(o-i),b:200*(i-a)};return r!==void 0&&(l.alpha=r),l},wc=e=>{let t=RC(Eo(e));return e.r===e.b&&e.b===e.g&&(t.a=t.b=0),t},yu=1,NC=1,rl=26/180*Math.PI,bu=Math.cos(rl),wu=Math.sin(rl),IC=100/Math.log(139/100),Gp=({l:e,c:t,h:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o={mode:"lab65",l:(Math.exp(e*yu/IC)-1)/.0039},i=(Math.exp(.0435*t*NC*yu)-1)/.075,a=i*Math.cos(n/180*Math.PI-rl),l=i*Math.sin(n/180*Math.PI-rl);return o.a=a*bu-l/.83*wu,o.b=a*wu+l/.83*bu,r!==void 0&&(o.alpha=r),o},Wp=({l:e,a:t,b:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=t*bu+n*wu,i=.83*(n*bu-t*wu),a=Math.sqrt(o*o+i*i),l={mode:"dlch",l:IC/yu*Math.log(1+.0039*e),c:Math.log(1+.075*a)/(.0435*NC*yu)};return l.c&&(l.h=wt((Math.atan2(i,o)+rl)/Math.PI*180)),r!==void 0&&(l.alpha=r),l},jv=e=>Gp(Mr(e,"dlch")),Hv=e=>Rr(Wp(e),"dlab"),Hz={mode:"dlab",parse:["--din99o-lab"],serialize:"--din99o-lab",toMode:{lab65:jv,rgb:e=>bc(jv(e))},fromMode:{lab65:Hv,rgb:e=>Hv(wc(e))},channels:["l","a","b","alpha"],ranges:{l:[0,100],a:[-40.09,45.501],b:[-40.469,44.344]},interpolate:{l:Z,a:Z,b:Z,alpha:{use:Z,fixup:lt}}},Gz={mode:"dlch",parse:["--din99o-lch"],serialize:"--din99o-lch",toMode:{lab65:Gp,dlab:e=>Rr(e,"dlab"),rgb:e=>bc(Gp(e))},fromMode:{lab65:Wp,dlab:e=>Mr(e,"dlch"),rgb:e=>Wp(wc(e))},channels:["l","c","h","alpha"],ranges:{l:[0,100],c:[0,51.484],h:[0,360]},interpolate:{l:Z,c:Z,h:{use:Z,fixup:tr},alpha:{use:Z,fixup:lt}},difference:{h:yc},average:{h:nr}};function Wz({h:e,s:t,i:n,alpha:r}){e=wt(e!==void 0?e:0),t===void 0&&(t=0),n===void 0&&(n=0);let o=Math.abs(e/60%2-1),i;switch(Math.floor(e/60)){case 0:i={r:n*(1+t*(3/(2-o)-1)),g:n*(1+t*(3*(1-o)/(2-o)-1)),b:n*(1-t)};break;case 1:i={r:n*(1+t*(3*(1-o)/(2-o)-1)),g:n*(1+t*(3/(2-o)-1)),b:n*(1-t)};break;case 2:i={r:n*(1-t),g:n*(1+t*(3/(2-o)-1)),b:n*(1+t*(3*(1-o)/(2-o)-1))};break;case 3:i={r:n*(1-t),g:n*(1+t*(3*(1-o)/(2-o)-1)),b:n*(1+t*(3/(2-o)-1))};break;case 4:i={r:n*(1+t*(3*(1-o)/(2-o)-1)),g:n*(1-t),b:n*(1+t*(3/(2-o)-1))};break;case 5:i={r:n*(1+t*(3/(2-o)-1)),g:n*(1-t),b:n*(1+t*(3*(1-o)/(2-o)-1))};break;default:i={r:n*(1-t),g:n*(1-t),b:n*(1-t)}}return i.mode="rgb",r!==void 0&&(i.alpha=r),i}function Uz({r:e,g:t,b:n,alpha:r}){e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=Math.max(e,t,n),i=Math.min(e,t,n),a={mode:"hsi",s:e+t+n===0?0:1-3*i/(e+t+n),i:(e+t+n)/3};return o-i!==0&&(a.h=(o===e?(t-n)/(o-i)+(t{switch(t){case"deg":return+e;case"rad":return e/Math.PI*180;case"grad":return e/10*9;case"turn":return e*360}},qz=new RegExp(`^hsla?\\(\\s*${vz}${Si}${Ta}${Si}${Ta}\\s*(?:,\\s*${tg}\\s*)?\\)$`),Jz=e=>{let t=e.match(qz);if(!t)return;let n={mode:"hsl"};return t[3]!==void 0?n.h=+t[3]:t[1]!==void 0&&t[2]!==void 0&&(n.h=Xz(t[1],t[2])),t[4]!==void 0&&(n.s=Math.min(Math.max(0,t[4]/100),1)),t[5]!==void 0&&(n.l=Math.min(Math.max(0,t[5]/100),1)),t[6]!==void 0?n.alpha=Math.max(0,Math.min(1,t[6]/100)):t[7]!==void 0&&(n.alpha=Math.max(0,Math.min(1,+t[7]))),n};function Qz(e,t){if(!t||t[0]!=="hsl"&&t[0]!=="hsla")return;const n={mode:"hsl"},[,r,o,i,a]=t;if(r.type!==U.None){if(r.type===U.Percentage)return;n.h=r.value}if(o.type!==U.None){if(o.type===U.Hue)return;n.s=o.value/100}if(i.type!==U.None){if(i.type===U.Hue)return;n.l=i.value/100}return a.type!==U.None&&(n.alpha=Math.min(1,Math.max(0,a.type===U.Number?a.value:a.value/100))),n}const LC={mode:"hsl",toMode:{rgb:Kz},fromMode:{rgb:Yz},channels:["h","s","l","alpha"],ranges:{h:[0,360]},gamut:"rgb",parse:[Qz,Jz],serialize:e=>`hsl(${e.h!==void 0?e.h:"none"} ${e.s!==void 0?e.s*100+"%":"none"} ${e.l!==void 0?e.l*100+"%":"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:Z,fixup:tr},s:Z,l:Z,alpha:{use:Z,fixup:lt}},difference:{h:vc},average:{h:nr}};function zC({h:e,s:t,v:n,alpha:r}){e=wt(e!==void 0?e:0),t===void 0&&(t=0),n===void 0&&(n=0);let o=Math.abs(e/60%2-1),i;switch(Math.floor(e/60)){case 0:i={r:n,g:n*(1-t*o),b:n*(1-t)};break;case 1:i={r:n*(1-t*o),g:n,b:n*(1-t)};break;case 2:i={r:n*(1-t),g:n,b:n*(1-t*o)};break;case 3:i={r:n*(1-t),g:n*(1-t*o),b:n};break;case 4:i={r:n*(1-t*o),g:n*(1-t),b:n};break;case 5:i={r:n,g:n*(1-t),b:n*(1-t*o)};break;default:i={r:n*(1-t),g:n*(1-t),b:n*(1-t)}}return i.mode="rgb",r!==void 0&&(i.alpha=r),i}function jC({r:e,g:t,b:n,alpha:r}){e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=Math.max(e,t,n),i=Math.min(e,t,n),a={mode:"hsv",s:o===0?0:1-i/o,v:o};return o-i!==0&&(a.h=(o===e?(t-n)/(o-i)+(t1){let o=t+n;t/=o,n/=o}return zC({h:e,s:n===1?1:1-t/(1-n),v:1-n,alpha:r})}function ej(e){let t=jC(e);if(t===void 0)return;let n=t.s!==void 0?t.s:0,r=t.v!==void 0?t.v:0,o={mode:"hwb",w:(1-n)*r,b:1-r};return t.h!==void 0&&(o.h=t.h),t.alpha!==void 0&&(o.alpha=t.alpha),o}function tj(e,t){if(!t||t[0]!=="hwb")return;const n={mode:"hwb"},[,r,o,i,a]=t;if(r.type!==U.None){if(r.type===U.Percentage)return;n.h=r.value}if(o.type!==U.None){if(o.type===U.Hue)return;n.w=o.value/100}if(i.type!==U.None){if(i.type===U.Hue)return;n.b=i.value/100}return a.type!==U.None&&(n.alpha=Math.min(1,Math.max(0,a.type===U.Number?a.value:a.value/100))),n}const nj={mode:"hwb",toMode:{rgb:Zz},fromMode:{rgb:ej},channels:["h","w","b","alpha"],ranges:{h:[0,360]},gamut:"rgb",parse:[tj],serialize:e=>`hwb(${e.h!==void 0?e.h:"none"} ${e.w!==void 0?e.w*100+"%":"none"} ${e.b!==void 0?e.b*100+"%":"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:Z,fixup:tr},w:Z,b:Z,alpha:{use:Z,fixup:lt}},difference:{h:zz},average:{h:nr}},GC=203,xc=.1593017578125,WC=78.84375,Cc=.8359375,Sc=18.8515625,Ec=18.6875;function rd(e){if(e<0)return 0;const t=Math.pow(e,1/WC);return 1e4*Math.pow(Math.max(0,t-Cc)/(Sc-Ec*t),1/xc)}function od(e){if(e<0)return 0;const t=Math.pow(e/1e4,xc);return Math.pow((Cc+Sc*t)/(1+Ec*t),WC)}const id=e=>Math.max(e/GC,0),Gv=({i:e,t,p:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);const o=rd(e+.008609037037932761*t+.11102962500302593*n),i=rd(e-.00860903703793275*t-.11102962500302599*n),a=rd(e+.5600313357106791*t-.32062717498731885*n),l={mode:"xyz65",x:id(2.070152218389422*o-1.3263473389671556*i+.2066510476294051*a),y:id(.3647385209748074*o+.680566024947227*i-.0453045459220346*a),z:id(-.049747207535812*o-.0492609666966138*i+1.1880659249923042*a)};return r!==void 0&&(l.alpha=r),l},ad=(e=0)=>Math.max(e*GC,0),Wv=({x:e,y:t,z:n,alpha:r})=>{const o=ad(e),i=ad(t),a=ad(n),l=od(.3592832590121217*o+.6976051147779502*i-.0358915932320289*a),s=od(-.1920808463704995*o+1.1004767970374323*i+.0753748658519118*a),u=od(.0070797844607477*o+.0748396662186366*i+.8433265453898765*a),c=.5*l+.5*s,f=1.61376953125*l-3.323486328125*s+1.709716796875*u,p=4.378173828125*l-4.24560546875*s-.132568359375*u,h={mode:"itp",i:c,t:f,p};return r!==void 0&&(h.alpha=r),h},rj={mode:"itp",channels:["i","t","p","alpha"],parse:["--ictcp"],serialize:"--ictcp",toMode:{xyz65:Gv,rgb:e=>Fo(Gv(e))},fromMode:{xyz65:Wv,rgb:e=>Wv(Eo(e))},ranges:{i:[0,.581],t:[-.369,.272],p:[-.164,.331]},interpolate:{i:Z,t:Z,p:Z,alpha:{use:Z,fixup:lt}}},oj=134.03437499999998,ij=16295499532821565e-27,ld=e=>{if(e<0)return 0;let t=Math.pow(e/1e4,xc);return Math.pow((Cc+Sc*t)/(1+Ec*t),oj)},sd=(e=0)=>Math.max(e*203,0),UC=({x:e,y:t,z:n,alpha:r})=>{e=sd(e),t=sd(t),n=sd(n);let o=1.15*e-.15*n,i=.66*t+.34*e,a=ld(.41478972*o+.579999*i+.014648*n),l=ld(-.20151*o+1.120649*i+.0531008*n),s=ld(-.0166008*o+.2648*i+.6684799*n),u=(a+l)/2,c={mode:"jab",j:.44*u/(1-.56*u)-ij,a:3.524*a-4.066708*l+.542708*s,b:.199076*a+1.096799*l-1.295875*s};return r!==void 0&&(c.alpha=r),c},aj=134.03437499999998,Uv=16295499532821565e-27,ud=e=>{if(e<0)return 0;let t=Math.pow(e,1/aj);return 1e4*Math.pow((Cc-t)/(Ec*t-Sc),1/xc)},cd=e=>e/203,VC=({j:e,a:t,b:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=(e+Uv)/(.44+.56*(e+Uv)),i=ud(o+.13860504*t+.058047316*n),a=ud(o-.13860504*t-.058047316*n),l=ud(o-.096019242*t-.8118919*n),s={mode:"xyz65",x:cd(1.661373024652174*i-.914523081304348*a+.23136208173913045*l),y:cd(-.3250758611844533*i+1.571847026732543*a-.21825383453227928*l),z:cd(-.090982811*i-.31272829*a+1.5227666*l)};return r!==void 0&&(s.alpha=r),s},KC=e=>{let t=UC(Eo(e));return e.r===e.b&&e.b===e.g&&(t.a=t.b=0),t},YC=e=>Fo(VC(e)),lj={mode:"jab",channels:["j","a","b","alpha"],parse:["--jzazbz"],serialize:"--jzazbz",fromMode:{rgb:KC,xyz65:UC},toMode:{rgb:YC,xyz65:VC},ranges:{j:[0,.222],a:[-.109,.129],b:[-.185,.134]},interpolate:{j:Z,a:Z,b:Z,alpha:{use:Z,fixup:lt}}},Vv=({j:e,a:t,b:n,alpha:r})=>{t===void 0&&(t=0),n===void 0&&(n=0);let o=Math.sqrt(t*t+n*n),i={mode:"jch",j:e,c:o};return o&&(i.h=wt(Math.atan2(n,t)*180/Math.PI)),r!==void 0&&(i.alpha=r),i},Kv=({j:e,c:t,h:n,alpha:r})=>{n===void 0&&(n=0);let o={mode:"jab",j:e,a:t?t*Math.cos(n/180*Math.PI):0,b:t?t*Math.sin(n/180*Math.PI):0};return r!==void 0&&(o.alpha=r),o},sj={mode:"jch",parse:["--jzczhz"],serialize:"--jzczhz",toMode:{jab:Kv,rgb:e=>YC(Kv(e))},fromMode:{rgb:e=>Vv(KC(e)),jab:Vv},channels:["j","c","h","alpha"],ranges:{j:[0,.221],c:[0,.19],h:[0,360]},interpolate:{h:{use:Z,fixup:tr},c:Z,j:Z,alpha:{use:Z,fixup:lt}},difference:{h:yc},average:{h:nr}},Fc=Math.pow(29,3)/Math.pow(3,3),ng=Math.pow(6,3)/Math.pow(29,3);let fd=e=>Math.pow(e,3)>ng?Math.pow(e,3):(116*e-16)/Fc;const rg=({l:e,a:t,b:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=(e+16)/116,i=t/500+o,a=o-n/200,l={mode:"xyz50",x:fd(i)*rt.X,y:fd(o)*rt.Y,z:fd(a)*rt.Z};return r!==void 0&&(l.alpha=r),l},Cl=({x:e,y:t,z:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=Wi({r:e*3.1341359569958707-t*1.6173863321612538-.4906619460083532*n,g:e*-.978795502912089+t*1.916254567259524+.03344273116131949*n,b:e*.07195537988411677-t*.2289768264158322+1.405386058324125*n});return r!==void 0&&(o.alpha=r),o},XC=e=>Cl(rg(e)),Sl=e=>{let{r:t,g:n,b:r,alpha:o}=Gi(e),i={mode:"xyz50",x:.436065742824811*t+.3851514688337912*n+.14307845442264197*r,y:.22249319175623702*t+.7168870538238823*n+.06061979053616537*r,z:.013923904500943465*t+.09708128566574634*n+.7140993584005155*r};return o!==void 0&&(i.alpha=o),i},dd=e=>e>ng?Math.cbrt(e):(Fc*e+16)/116,og=({x:e,y:t,z:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=dd(e/rt.X),i=dd(t/rt.Y),a=dd(n/rt.Z),l={mode:"lab",l:116*i-16,a:500*(o-i),b:200*(i-a)};return r!==void 0&&(l.alpha=r),l},qC=e=>{let t=og(Sl(e));return e.r===e.b&&e.b===e.g&&(t.a=t.b=0),t};function uj(e,t){if(!t||t[0]!=="lab")return;const n={mode:"lab"},[,r,o,i,a]=t;if(!(r.type===U.Hue||o.type===U.Hue||i.type===U.Hue))return r.type!==U.None&&(n.l=Math.min(Math.max(0,r.value),100)),o.type!==U.None&&(n.a=o.type===U.Number?o.value:o.value*125/100),i.type!==U.None&&(n.b=i.type===U.Number?i.value:i.value*125/100),a.type!==U.None&&(n.alpha=Math.min(1,Math.max(0,a.type===U.Number?a.value:a.value/100))),n}const ig={mode:"lab",toMode:{xyz50:rg,rgb:XC},fromMode:{xyz50:og,rgb:qC},channels:["l","a","b","alpha"],ranges:{l:[0,100],a:[-100,100],b:[-100,100]},parse:[uj],serialize:e=>`lab(${e.l!==void 0?e.l:"none"} ${e.a!==void 0?e.a:"none"} ${e.b!==void 0?e.b:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{l:Z,a:Z,b:Z,alpha:{use:Z,fixup:lt}}},cj=ie(V({},ig),{mode:"lab65",parse:["--lab-d65"],serialize:"--lab-d65",toMode:{xyz65:MC,rgb:bc},fromMode:{xyz65:RC,rgb:wc},ranges:{l:[0,100],a:[-86.182,98.234],b:[-107.86,94.477]}});function fj(e,t){if(!t||t[0]!=="lch")return;const n={mode:"lch"},[,r,o,i,a]=t;if(r.type!==U.None){if(r.type===U.Hue)return;n.l=Math.min(Math.max(0,r.value),100)}if(o.type!==U.None&&(n.c=Math.max(0,o.type===U.Number?o.value:o.value*150/100)),i.type!==U.None){if(i.type===U.Percentage)return;n.h=i.value}return a.type!==U.None&&(n.alpha=Math.min(1,Math.max(0,a.type===U.Number?a.value:a.value/100))),n}const ag={mode:"lch",toMode:{lab:Rr,rgb:e=>XC(Rr(e))},fromMode:{rgb:e=>Mr(qC(e)),lab:Mr},channels:["l","c","h","alpha"],ranges:{l:[0,100],c:[0,150],h:[0,360]},parse:[fj],serialize:e=>`lch(${e.l!==void 0?e.l:"none"} ${e.c!==void 0?e.c:"none"} ${e.h!==void 0?e.h:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,interpolate:{h:{use:Z,fixup:tr},c:Z,l:Z,alpha:{use:Z,fixup:lt}},difference:{h:yc},average:{h:nr}},dj=ie(V({},ag),{mode:"lch65",parse:["--lch-d65"],serialize:"--lch-d65",toMode:{lab65:e=>Rr(e,"lab65"),rgb:e=>bc(Rr(e,"lab65"))},fromMode:{rgb:e=>Mr(wc(e),"lch65"),lab65:e=>Mr(e,"lch65")},ranges:{l:[0,100],c:[0,133.807],h:[0,360]}}),JC=({l:e,u:t,v:n,alpha:r})=>{t===void 0&&(t=0),n===void 0&&(n=0);let o=Math.sqrt(t*t+n*n),i={mode:"lchuv",l:e,c:o};return o&&(i.h=wt(Math.atan2(n,t)*180/Math.PI)),r!==void 0&&(i.alpha=r),i},QC=({l:e,c:t,h:n,alpha:r})=>{n===void 0&&(n=0);let o={mode:"luv",l:e,u:t?t*Math.cos(n/180*Math.PI):0,v:t?t*Math.sin(n/180*Math.PI):0};return r!==void 0&&(o.alpha=r),o},ZC=(e,t,n)=>4*e/(e+15*t+3*n),eS=(e,t,n)=>9*t/(e+15*t+3*n),pj=ZC(rt.X,rt.Y,rt.Z),hj=eS(rt.X,rt.Y,rt.Z),gj=e=>e<=ng?Fc*e:116*Math.cbrt(e)-16,Up=({x:e,y:t,z:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=gj(t/rt.Y),i=ZC(e,t,n),a=eS(e,t,n);!isFinite(i)||!isFinite(a)?o=i=a=0:(i=13*o*(i-pj),a=13*o*(a-hj));let l={mode:"luv",l:o,u:i,v:a};return r!==void 0&&(l.alpha=r),l},mj=(e,t,n)=>4*e/(e+15*t+3*n),vj=(e,t,n)=>9*t/(e+15*t+3*n),yj=mj(rt.X,rt.Y,rt.Z),bj=vj(rt.X,rt.Y,rt.Z),Vp=({l:e,u:t,v:n,alpha:r})=>{if(e===void 0&&(e=0),e===0)return{mode:"xyz50",x:0,y:0,z:0};t===void 0&&(t=0),n===void 0&&(n=0);let o=t/(13*e)+yj,i=n/(13*e)+bj,a=rt.Y*(e<=8?e/Fc:Math.pow((e+16)/116,3)),l=a*(9*o)/(4*i),s=a*(12-3*o-20*i)/(4*i),u={mode:"xyz50",x:l,y:a,z:s};return r!==void 0&&(u.alpha=r),u},wj=e=>JC(Up(Sl(e))),xj=e=>Cl(Vp(QC(e))),Cj={mode:"lchuv",toMode:{luv:QC,rgb:xj},fromMode:{rgb:wj,luv:JC},channels:["l","c","h","alpha"],parse:["--lchuv"],serialize:"--lchuv",ranges:{l:[0,100],c:[0,176.956],h:[0,360]},interpolate:{h:{use:Z,fixup:tr},c:Z,l:Z,alpha:{use:Z,fixup:lt}},difference:{h:yc},average:{h:nr}},Sj=ie(V({},Hi),{mode:"lrgb",toMode:{rgb:Wi},fromMode:{rgb:Gi},parse:["srgb-linear"],serialize:"srgb-linear"}),Ej={mode:"luv",toMode:{xyz50:Vp,rgb:e=>Cl(Vp(e))},fromMode:{xyz50:Up,rgb:e=>Up(Sl(e))},channels:["l","u","v","alpha"],parse:["--luv"],serialize:"--luv",ranges:{l:[0,100],u:[-84.936,175.042],v:[-125.882,87.243]},interpolate:{l:Z,u:Z,v:Z,alpha:{use:Z,fixup:lt}}},tS=({r:e,g:t,b:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=Math.cbrt(.41222147079999993*e+.5363325363*t+.0514459929*n),i=Math.cbrt(.2119034981999999*e+.6806995450999999*t+.1073969566*n),a=Math.cbrt(.08830246189999998*e+.2817188376*t+.6299787005000002*n),l={mode:"oklab",l:.2104542553*o+.793617785*i-.0040720468*a,a:1.9779984951*o-2.428592205*i+.4505937099*a,b:.0259040371*o+.7827717662*i-.808675766*a};return r!==void 0&&(l.alpha=r),l},kc=e=>{let t=tS(Gi(e));return e.r===e.b&&e.b===e.g&&(t.a=t.b=0),t},El=({l:e,a:t,b:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=Math.pow(e*.9999999984505198+.39633779217376786*t+.2158037580607588*n,3),i=Math.pow(e*1.0000000088817609-.10556134232365635*t-.06385417477170591*n,3),a=Math.pow(e*1.0000000546724108-.08948418209496575*t-1.2914855378640917*n,3),l={mode:"lrgb",r:4.076741661347994*o-3.307711590408193*i+.230969928729428*a,g:-1.2684380040921763*o+2.6097574006633715*i-.3413193963102197*a,b:-.004196086541837188*o-.7034186144594493*i+1.7076147009309444*a};return r!==void 0&&(l.alpha=r),l},Ac=e=>Wi(El(e));function Kp(e){const r=1.170873786407767;return .5*(r*e-.206+Math.sqrt((r*e-.206)*(r*e-.206)+4*.03*r*e))}function xu(e){return(e*e+.206*e)/(1.170873786407767*(e+.03))}function Fj(e,t){let n,r,o,i,a,l,s,u;-1.88170328*e-.80936493*t>1?(n=1.19086277,r=1.76576728,o=.59662641,i=.75515197,a=.56771245,l=4.0767416621,s=-3.3077115913,u=.2309699292):1.81444104*e-1.19445276*t>1?(n=.73956515,r=-.45954404,o=.08285427,i=.1254107,a=.14503204,l=-1.2684380046,s=2.6097574011,u=-.3413193965):(n=1.35733652,r=-.00915799,o=-1.1513021,i=-.50559606,a=.00692167,l=-.0041960863,s=-.7034186147,u=1.707614701);let c=n+r*e+o*t+i*e*e+a*e*t,f=.3963377774*e+.2158037573*t,p=-.1055613458*e-.0638541728*t,h=-.0894841775*e-1.291485548*t;{let g=1+c*f,y=1+c*p,C=1+c*h,m=g*g*g,v=y*y*y,b=C*C*C,F=3*f*g*g,_=3*p*y*y,A=3*h*C*C,D=6*f*f*g,T=6*p*p*y,O=6*h*h*C,z=l*m+s*v+u*b,Y=l*F+s*_+u*A,B=l*D+s*T+u*O;c=c-z*Y/(Y*Y-.5*z*B)}return c}function lg(e,t){let n=Fj(e,t),r=El({l:1,a:n*e,b:n*t}),o=Math.cbrt(1/Math.max(r.r,r.g,r.b)),i=o*n;return[o,i]}function kj(e,t,n,r,o,i=null){i||(i=lg(e,t));let a;if((n-o)*i[1]-(i[0]-o)*r<=0)a=i[1]*o/(r*i[0]+i[1]*(o-n));else{a=i[1]*(o-1)/(r*(i[0]-1)+i[1]*(o-n));{let l=n-o,s=r,u=.3963377774*e+.2158037573*t,c=-.1055613458*e-.0638541728*t,f=-.0894841775*e-1.291485548*t,p=l+s*u,h=l+s*c,g=l+s*f;{let y=o*(1-a)+a*n,C=a*r,m=y+C*u,v=y+C*c,b=y+C*f,F=m*m*m,_=v*v*v,A=b*b*b,D=3*p*m*m,T=3*h*v*v,O=3*g*b*b,z=6*p*p*m,Y=6*h*h*v,B=6*g*g*b,W=4.0767416621*F-3.3077115913*_+.2309699292*A-1,de=4.0767416621*D-3.3077115913*T+.2309699292*O,me=4.0767416621*z-3.3077115913*Y+.2309699292*B,ae=de/(de*de-.5*W*me),se=-W*ae,L=-1.2684380046*F+2.6097574011*_-.3413193965*A-1,te=-1.2684380046*D+2.6097574011*T-.3413193965*O,j=-1.2684380046*z+2.6097574011*Y-.3413193965*B,le=te/(te*te-.5*L*j),N=-L*le,K=-.0041960863*F-.7034186147*_+1.707614701*A-1,Q=-.0041960863*D-.7034186147*T+1.707614701*O,ne=-.0041960863*z-.7034186147*Y+1.707614701*B,P=Q/(Q*Q-.5*K*ne),X=-K*P;se=ae>=0?se:1e6,N=le>=0?N:1e6,X=P>=0?X:1e6,a+=Math.min(se,Math.min(N,X))}}}return a}function sg(e,t,n=null){n||(n=lg(e,t));let r=n[0],o=n[1];return[o/r,o/(1-r)]}function nS(e,t,n){let r=lg(t,n),o=kj(t,n,e,1,e,r),i=sg(t,n,r),a=.11516993+1/(7.4477897+4.1590124*n+t*(-2.19557347+1.75198401*n+t*(-2.13704948-10.02301043*n+t*(-4.24894561+5.38770819*n+4.69891013*t)))),l=.11239642+1/(1.6132032-.68124379*n+t*(.40370612+.90148123*n+t*(-.27087943+.6122399*n+t*(.00299215-.45399568*n-.14661872*t)))),s=o/Math.min(e*i[0],(1-e)*i[1]),u=e*a,c=(1-e)*l,f=.9*s*Math.sqrt(Math.sqrt(1/(1/(u*u*u*u)+1/(c*c*c*c))));return u=e*.4,c=(1-e)*.8,[Math.sqrt(1/(1/(u*u)+1/(c*c))),f,o]}function Yv(e){const t=e.l!==void 0?e.l:0,n=e.a!==void 0?e.a:0,r=e.b!==void 0?e.b:0,o={mode:"okhsl",l:Kp(t)};e.alpha!==void 0&&(o.alpha=e.alpha);let i=Math.sqrt(n*n+r*r);if(!i)return o.s=0,o;let[a,l,s]=nS(t,n/i,r/i),u;if(iYv(kc(e))},toMode:{oklab:Xv,rgb:e=>Ac(Xv(e))}});function qv(e){let t=e.l!==void 0?e.l:0,n=e.a!==void 0?e.a:0,r=e.b!==void 0?e.b:0,o=Math.sqrt(n*n+r*r),i=o?n/o:1,a=o?r/o:1,[l,s]=sg(i,a),u=.5,c=1-u/l,f=s/(o+t*s),p=f*t,h=f*o,g=xu(p),y=h*g/p,C=El({l:g,a:i*y,b:a*y}),m=Math.cbrt(1/Math.max(C.r,C.g,C.b,0));t=t/m,o=o/m*Kp(t)/t,t=Kp(t);const v={mode:"okhsv",s:o?(u+s)*h/(s*u+s*c*h):0,v:t?t/p:0};return v.s&&(v.h=wt(Math.atan2(r,n)*180/Math.PI)),e.alpha!==void 0&&(v.alpha=e.alpha),v}function Jv(e){const t={mode:"oklab"};e.alpha!==void 0&&(t.alpha=e.alpha);const n=e.h!==void 0?e.h:0,r=e.s!==void 0?e.s:0,o=e.v!==void 0?e.v:0,i=Math.cos(n/180*Math.PI),a=Math.sin(n/180*Math.PI),[l,s]=sg(i,a),u=.5,c=1-u/l,f=1-r*u/(u+s-s*c*r),p=r*s*u/(u+s-s*c*r),h=xu(f),g=p*h/f,y=El({l:h,a:i*g,b:a*g}),C=Math.cbrt(1/Math.max(y.r,y.g,y.b,0)),m=xu(o*f),v=p*m/f;return t.l=m*C,t.a=v*i*C,t.b=v*a*C,t}const $j=ie(V({},HC),{mode:"okhsv",channels:["h","s","v","alpha"],parse:["--okhsv"],serialize:"--okhsv",fromMode:{oklab:qv,rgb:e=>qv(kc(e))},toMode:{oklab:Jv,rgb:e=>Ac(Jv(e))}});function _j(e,t){if(!t||t[0]!=="oklab")return;const n={mode:"oklab"},[,r,o,i,a]=t;if(!(r.type===U.Hue||o.type===U.Hue||i.type===U.Hue))return r.type!==U.None&&(n.l=Math.min(Math.max(0,r.type===U.Number?r.value:r.value/100),1)),o.type!==U.None&&(n.a=o.type===U.Number?o.value:o.value*.4/100),i.type!==U.None&&(n.b=i.type===U.Number?i.value:i.value*.4/100),a.type!==U.None&&(n.alpha=Math.min(1,Math.max(0,a.type===U.Number?a.value:a.value/100))),n}const Dj=ie(V({},ig),{mode:"oklab",toMode:{lrgb:El,rgb:Ac},fromMode:{lrgb:tS,rgb:kc},ranges:{l:[0,1],a:[-.4,.4],b:[-.4,.4]},parse:[_j],serialize:e=>`oklab(${e.l!==void 0?e.l:"none"} ${e.a!==void 0?e.a:"none"} ${e.b!==void 0?e.b:"none"}${e.alpha<1?` / ${e.alpha}`:""})`});function Pj(e,t){if(!t||t[0]!=="oklch")return;const n={mode:"oklch"},[,r,o,i,a]=t;if(r.type!==U.None){if(r.type===U.Hue)return;n.l=Math.min(Math.max(0,r.type===U.Number?r.value:r.value/100),1)}if(o.type!==U.None&&(n.c=Math.max(0,o.type===U.Number?o.value:o.value*.4/100)),i.type!==U.None){if(i.type===U.Percentage)return;n.h=i.value}return a.type!==U.None&&(n.alpha=Math.min(1,Math.max(0,a.type===U.Number?a.value:a.value/100))),n}const Tj=ie(V({},ag),{mode:"oklch",toMode:{oklab:e=>Rr(e,"oklab"),rgb:e=>Ac(Rr(e,"oklab"))},fromMode:{rgb:e=>Mr(kc(e),"oklch"),oklab:e=>Mr(e,"oklch")},parse:[Pj],serialize:e=>`oklch(${e.l!==void 0?e.l:"none"} ${e.c!==void 0?e.c:"none"} ${e.h!==void 0?e.h:"none"}${e.alpha<1?` / ${e.alpha}`:""})`,ranges:{l:[0,1],c:[0,.4],h:[0,360]}}),Qv=e=>{let{r:t,g:n,b:r,alpha:o}=Gi(e),i={mode:"xyz65",x:.486570948648216*t+.265667693169093*n+.1982172852343625*r,y:.2289745640697487*t+.6917385218365062*n+.079286914093745*r,z:0*t+.0451133818589026*n+1.043944368900976*r};return o!==void 0&&(i.alpha=o),i},Zv=({x:e,y:t,z:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o=Wi({r:e*2.4934969119414263-t*.9313836179191242-.402710784450717*n,g:e*-.8294889695615749+t*1.7626640603183465+.0236246858419436*n,b:e*.0358458302437845-t*.0761723892680418+.9568845240076871*n},"p3");return r!==void 0&&(o.alpha=r),o},Oj=ie(V({},Hi),{mode:"p3",parse:["display-p3"],serialize:"display-p3",fromMode:{rgb:e=>Zv(Eo(e)),xyz65:Zv},toMode:{rgb:e=>Fo(Qv(e)),xyz65:Qv}}),pd=e=>{let t=Math.abs(e);return t>=1/512?Math.sign(e)*Math.pow(t,1/1.8):16*e},ey=({x:e,y:t,z:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o={mode:"prophoto",r:pd(e*1.3457868816471585-t*.2555720873797946-.0511018649755453*n),g:pd(e*-.5446307051249019+t*1.5082477428451466+.0205274474364214*n),b:pd(e*0+t*0+1.2119675456389452*n)};return r!==void 0&&(o.alpha=r),o},hd=(e=0)=>{let t=Math.abs(e);return t>=16/512?Math.sign(e)*Math.pow(t,1.8):e/16},ty=e=>{let t=hd(e.r),n=hd(e.g),r=hd(e.b),o={mode:"xyz50",x:.7977666449006423*t+.1351812974005331*n+.0313477341283922*r,y:.2880748288194013*t+.7118352342418731*n+899369387256e-16*r,z:0*t+0*n+.8251046025104602*r};return e.alpha!==void 0&&(o.alpha=e.alpha),o},Bj=ie(V({},Hi),{mode:"prophoto",parse:["prophoto-rgb"],serialize:"prophoto-rgb",fromMode:{xyz50:ey,rgb:e=>ey(Sl(e))},toMode:{xyz50:ty,rgb:e=>Cl(ty(e))}}),ny=1.09929682680944,Mj=.018053968510807,gd=e=>{const t=Math.abs(e);return t>Mj?(Math.sign(e)||1)*(ny*Math.pow(t,.45)-(ny-1)):4.5*e},ry=({x:e,y:t,z:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);let o={mode:"rec2020",r:gd(e*1.7166511879712683-t*.3556707837763925-.2533662813736599*n),g:gd(e*-.6666843518324893+t*1.6164812366349395+.0157685458139111*n),b:gd(e*.0176398574453108-t*.0427706132578085+.9421031212354739*n)};return r!==void 0&&(o.alpha=r),o},oy=1.09929682680944,Rj=.018053968510807,md=(e=0)=>{let t=Math.abs(e);return t{let t=md(e.r),n=md(e.g),r=md(e.b),o={mode:"xyz65",x:.6369580483012911*t+.1446169035862083*n+.1688809751641721*r,y:.262700212011267*t+.6779980715188708*n+.059301716469862*r,z:0*t+.0280726930490874*n+1.0609850577107909*r};return e.alpha!==void 0&&(o.alpha=e.alpha),o},Nj=ie(V({},Hi),{mode:"rec2020",fromMode:{xyz65:ry,rgb:e=>ry(Eo(e))},toMode:{xyz65:iy,rgb:e=>Fo(iy(e))},parse:["rec2020"],serialize:"rec2020"}),eo=.0037930732552754493,rS=Math.cbrt(eo),vd=e=>Math.cbrt(e)-rS,Ij=e=>{const{r:t,g:n,b:r,alpha:o}=Gi(e),i=vd(.3*t+.622*n+.078*r+eo),a=vd(.23*t+.692*n+.078*r+eo),l=vd(.2434226892454782*t+.2047674442449682*n+.5518098665095535*r+eo),s={mode:"xyb",x:(i-a)/2,y:(i+a)/2,b:l-(i+a)/2};return o!==void 0&&(s.alpha=o),s},yd=e=>Math.pow(e+rS,3),Lj=({x:e,y:t,b:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);const o=yd(e+t)-eo,i=yd(t-e)-eo,a=yd(n+t)-eo,l=Wi({r:11.031566904639861*o-9.866943908131562*i-.16462299650829934*a,g:-3.2541473810744237*o+4.418770377582723*i-.16462299650829934*a,b:-3.6588512867136815*o+2.7129230459360922*i+1.9459282407775895*a});return r!==void 0&&(l.alpha=r),l},zj={mode:"xyb",channels:["x","y","b","alpha"],parse:["--xyb"],serialize:"--xyb",toMode:{rgb:Lj},fromMode:{rgb:Ij},ranges:{x:[-.0154,.0281],y:[0,.8453],b:[-.2778,.388]},interpolate:{x:Z,y:Z,b:Z,alpha:{use:Z,fixup:lt}}},jj={mode:"xyz50",parse:["xyz-d50"],serialize:"xyz-d50",toMode:{rgb:Cl,lab:og},fromMode:{rgb:Sl,lab:rg},channels:["x","y","z","alpha"],ranges:{x:[0,.964],y:[0,.999],z:[0,.825]},interpolate:{x:Z,y:Z,z:Z,alpha:{use:Z,fixup:lt}}},Hj=e=>{let{x:t,y:n,z:r,alpha:o}=e;t===void 0&&(t=0),n===void 0&&(n=0),r===void 0&&(r=0);let i={mode:"xyz50",x:1.0479298208405488*t+.0229467933410191*n-.0501922295431356*r,y:.0296278156881593*t+.990434484573249*n-.0170738250293851*r,z:-.0092430581525912*t+.0150551448965779*n+.7518742899580008*r};return o!==void 0&&(i.alpha=o),i},Gj=e=>{let{x:t,y:n,z:r,alpha:o}=e;t===void 0&&(t=0),n===void 0&&(n=0),r===void 0&&(r=0);let i={mode:"xyz65",x:.9554734527042182*t-.0230985368742614*n+.0632593086610217*r,y:-.0283697069632081*t+1.0099954580058226*n+.021041398966943*r,z:.0123140016883199*t-.0205076964334779*n+1.3303659366080753*r};return o!==void 0&&(i.alpha=o),i},Wj={mode:"xyz65",toMode:{rgb:Fo,xyz50:Hj},fromMode:{rgb:Eo,xyz50:Gj},ranges:{x:[0,.95],y:[0,1],z:[0,1.088]},channels:["x","y","z","alpha"],parse:["xyz","xyz-d65"],serialize:"xyz-d65",interpolate:{x:Z,y:Z,z:Z,alpha:{use:Z,fixup:lt}}},Uj=({r:e,g:t,b:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);const o={mode:"yiq",y:.29889531*e+.58662247*t+.11448223*n,i:.59597799*e-.2741761*t-.32180189*n,q:.21147017*e-.52261711*t+.31114694*n};return r!==void 0&&(o.alpha=r),o},Vj=({y:e,i:t,q:n,alpha:r})=>{e===void 0&&(e=0),t===void 0&&(t=0),n===void 0&&(n=0);const o={mode:"rgb",r:e+.95608445*t+.6208885*n,g:e-.27137664*t-.6486059*n,b:e-1.10561724*t+1.70250126*n};return r!==void 0&&(o.alpha=r),o},Kj={mode:"yiq",toMode:{rgb:Vj},fromMode:{rgb:Uj},channels:["y","i","q","alpha"],parse:["--yiq"],serialize:"--yiq",ranges:{i:[-.595,.595],q:[-.522,.522]},interpolate:{y:Z,i:Z,q:Z,alpha:{use:Z,fixup:lt}}},Yj=(e,t)=>Math.round(e*(t=Math.pow(10,t)))/t,Xj=(e=4)=>t=>typeof t=="number"?Yj(t,e):t;let us=Xj(2);const Ts=e=>Math.max(0,Math.min(1,e||0)),bd=e=>Math.round(Ts(e)*255),qj=hn("rgb"),Jj=hn("hsl"),Qj=e=>{if(e===void 0)return;let t=bd(e.r),n=bd(e.g),r=bd(e.b);return"#"+(1<<24|t<<16|n<<8|r).toString(16).slice(1)},Zj=e=>{if(e===void 0)return;const t=us(e.h||0),n=us(Ts(e.s)*100)+"%",r=us(Ts(e.l)*100)+"%";return e.alpha===void 0||e.alpha===1?`hsl(${t}, ${n}, ${r})`:`hsla(${t}, ${n}, ${r}, ${us(Ts(e.alpha))})`},oS=e=>Qj(qj(e)),eH=e=>Zj(Jj(e)),iS=hn("rgb"),aS=e=>{const t={mode:e.mode,r:Math.max(0,Math.min(e.r!==void 0?e.r:0,1)),g:Math.max(0,Math.min(e.g!==void 0?e.g:0,1)),b:Math.max(0,Math.min(e.b!==void 0?e.b:0,1))};return e.alpha!==void 0&&(t.alpha=e.alpha),t},tH=e=>aS(iS(e)),lS=e=>e!==void 0&&(e.r===void 0||e.r>=0&&e.r<=1)&&(e.g===void 0||e.g>=0&&e.g<=1)&&(e.b===void 0||e.b>=0&&e.b<=1);function nH(e){return lS(iS(e))}function sS(e="rgb"){const{gamut:t}=gc(e);if(!t)return r=>!0;const n=hn(typeof t=="string"?t:e);return r=>lS(n(r))}function ug(e="rgb"){const{gamut:t}=gc(e);if(!t)return i=>gu(i);const n=typeof t=="string"?t:e,r=hn(n),o=sS(n);return i=>{const a=gu(i);if(!a)return;const l=r(a);if(o(l))return a;const s=aS(l);return a.mode===s.mode?s:hn(a.mode)(s)}}function Ei(e,t="lch",n="rgb"){e=gu(e);let r=n==="rgb"?nH:sS(n),o=n==="rgb"?tH:ug(n);if(e===void 0||r(e))return e;let i=hn(e.mode);e=hn(t)(e);let a=ie(V({},e),{c:0});if(!r(a))return i(o(a));let l=0,s=e.c!==void 0?e.c:0,u=gc(t).ranges.c,c=(u[1]-u[0])/Math.pow(2,13),f=a.c;for(;s-l>c;)a.c=l+(s-l)*.5,r(a)?(f=a.c,l=a.c):s=a.c;return i(r(a)?a:ie(V({},a),{c:f}))}Pe(Bz);Pe(jz);Pe(Hz);Pe(Gz);Pe(Vz);Pe(LC);Pe(HC);Pe(nj);Pe(rj);Pe(lj);Pe(sj);Pe(ig);Pe(cj);Pe(ag);Pe(dj);Pe(Cj);Pe(Sj);Pe(Ej);Pe(Aj);Pe($j);Pe(Dj);Pe(Tj);Pe(Oj);Pe(Bj);Pe(Nj);Pe(Hi);Pe(zj);Pe(jj);Pe(Wj);Pe(Kj);const rH=/[^\w\-]/,oH=hn("rgb");function ay(e){const{value:t,origValue:n}=e,r=gn(),[o,i]=w.useState(!1),[a,l]=w.useState(!1),s=w.useMemo(()=>{if(!a)return null;const f=mc(t);if(f){const p=oH(ug("rgb")(f)),{alpha:h=1}=p,g=h===1?"":` ${h.toString().replace(".","")}`;return dz(oS(p)).colorName.toLowerCase().replace(rH,"")+g}return""},[a]),[u,c]=w.useState("");return o?k(w.Fragment,{children:[d(Ve,{value:u||s,onChange:c}),d("button",{onClick:()=>{r({type:Me.createAlias,payload:{name:u||s,value:n}})},children:"submit"}),d("button",{onClick:()=>i(!1),children:"cancel"})]}):d("button",{onClick:()=>{l(!0),i(!0)},children:"Add alias"})}function iH(e){return d("option",{value:e.value,children:e.label},e.value)}function kt(e){const{options:t=[],value:n,onChange:r,title:o,style:i}=e,a=w.useCallback(s=>{r(s.target.value)},[r]),l=w.useMemo(()=>t.map(iH),t);return d("select",{value:n,onChange:a,title:o,style:i,children:l})}const aH=hn("oklch");function kr(e){return aH(e)}const uS=0,cS=1,Cu=.01,fS=.001;function lH(e,t){let n=1/0,r=uS,o=mc(`oklch(${r}% ${e} ${t})`);for(;r=n)break}const i=r;for(r-=Cu,n=1/0;r=n)break}return r*100}function sH(e,t){let n=1/0,r=cS,o=mc(`oklch(${r}% ${e} ${t})`);for(;r>uS;){r-=Cu;const a=Math.abs(Ei(ie(V({},o),{l:r}),"oklch","p3").c-e);if(a===0)return r*100;if(a>=n)break}const i=r;for(r-=Cu,n=1/0;r>i;){r-=fS;const a=Math.abs(Ei(ie(V({},o),{l:r}),"oklch","p3").c-e);if(a===0)return r;if(a>=n)break}return r*100}function uH({l:e,c:t,h:n,a:r=100}){return d("a",{href:`https://oklch.com/#${e},${t},${n},${r}`,target:"_blank",children:"online picker"})}function zn(e,t,n,r){const o=r===1?"":`/ ${r.toFixed(2)}`;return`oklch(${e.toFixed(2)}% ${t.toFixed(3)} ${n.toFixed(2)}${o})`}function cH({value:e,onChange:t}){const{l:n,c:r,h:o=0,alpha:i=1}=kr(e)||{l:0,c:0,h:0,alpha:1},a=100*n,l=Ei(`oklch(${a}% 0.4 ${o})`,"oklch","p3"),s=(l==null?void 0:l.c)||0,u=r-s>.001,c=lH(r,o),f=sH(r,o);return k("div",{draggable:!0,onDragStart:p=>{p.stopPropagation(),p.preventDefault()},className:"oklch-picker",style:{"--picked-lightness":`${a}%`,"--picked-chroma":r,"--picked-hue":o,"--picked-alpha":i,"--max-chroma":s,"--min-lightness":`${c}%`,"--max-lightness":`${f}%`,"--max-lightness-scalar":f},children:[d("div",{className:"lightness",onDrop:p=>{const h=p.dataTransfer.getData("value"),{l:g}=kr(h);g>0&&(p.preventDefault(),p.stopPropagation(),t(zn(g*100,r,o,i)))},children:d("input",{onChange:p=>t(zn(Number(p.target.value),r,o,i)),id:"lightness",type:"range",min:0,max:100,value:a,step:.1})}),d("div",{className:"chroma",children:d("input",{id:"chroma",type:"range",min:0,max:.37,value:r,step:.001,onInput:p=>{const h=Math.min(s,Number(p.target.value));return t(zn(a,h,o,i))}})}),d("div",{className:"hue",onDrop:p=>{const h=p.dataTransfer.getData("value");if(!h)return;const{h:g}=kr(h);p.preventDefault(),p.stopPropagation(),t(zn(a,r,g,i))},children:d("input",{id:"hue",type:"range",min:0,max:360,value:o,step:.1,onChange:p=>t(zn(a,r,Number(p.target.value),i))})}),d("div",{className:"alpha",children:d("input",{id:"alpha",type:"range",min:0,max:1,value:i,step:.01,onChange:p=>t(zn(a,r,o,Number(p.target.value)))})}),d(uH,{l:a,c:r,h:o}),!e.startsWith("oklch(")&&d("button",{onClick:()=>{t(zn(a,r,o,i))},children:"convert"}),u&&d("span",{style:{color:"red",fontWeight:"bold"},children:"NOT IN GAMUT"})]})}const Su=/(#[\da-fA-F]{3}|rgba?\()|oklch\(/,ol=/(linear|radial|conic)-gradient\(.+\)/,fH=/^(--var-control|--server-theme|--theme-editor)/,Fi="39px",ly=(e,t)=>t===1?e.toHexString():e.setAlpha(t).toRgbString(),dH=(e,[t,n])=>(/px/.test(n)||(Su.test(n)||ol.test(n))&&(n in e||(e[n]={color:n,usages:[],isGradient:ol.test(n)}),e[n].usages.push(t)),e),pH=(e,t)=>{if(e===null)return[];const n=V(V({},t),e);return Object.values(Object.entries(n).filter(([r])=>!fH.test(r)).reduce(dH,{}))},hH=({color:e},{color:t})=>{const n=Br(e).toHex(),r=Br(t).toHex();return n===r?e===t?0:e({label:e,value:e})),mH=hn("rgb"),vH=e=>{const{onChange:t,onUnset:n,value:r,resolvedValue:o,cssVar:i,cssFunc:a}=e,l=mH(ug("hsl")(o))||{},s=o,{nativeColorPicker:u}=Ce,{name:c,usages:f}=i,p=gn(),h=lz({ms:20}),g=l.alpha||1,y=!f.some(({property:D})=>D!=="background"),C=eH(l),m=oS(l),[v,b]=we("color-picker-variant","chrome"),F=dS[v],[_,A]=we("ok-picker",!1);return u?k("div",{style:{minHeight:"120px",clear:"both"},children:[d(ay,{value:s,origValue:r},s),d("input",{type:"color",style:{width:sy,height:sy,float:"right",opacity:g},value:m,onChange:D=>{const T=Br(D.target.value),O=ly(T,g);h(t,O)}}),d("input",{type:"number",style:{float:"right"},min:0,max:1,step:.05,value:l.a,onChange:D=>{const T=Number(D.target.value),O=Br(s);t(ly(O,T))}}),d("button",{onClick:()=>{s==="transparent"?p({type:Me.unset,payload:{name:c}}):t("transparent")},style:{fontSize:"12px",float:"right",width:Fi,opacity:s==="transparent"?1:.4},children:"👻"}),d("div",{style:{clear:"both"},children:d(Mv,{value:s,onChange:t,name:c,allowGradients:y})})]}):k(w.Fragment,{children:[_&&d(cH,{value:s,onChange:t}),k("div",{style:{display:"flex",clear:"both"},children:[d(ay,{value:s,origValue:r},s),k("div",{style:{display:"flex"},children:[d("button",{style:{borderTopRightRadius:0,borderBottomRightRadius:0,marginRight:0,borderRight:"none"},onClick:()=>A(!1),disabled:!_,children:"rgb/hsl"}),d("button",{style:{borderTopLeftRadius:0,borderBottomLeftRadius:0},onClick:()=>A(!0),disabled:_,children:"oklch"})]})]}),!_&&k(w.Fragment,{children:[d(F,{header:"",width:"100%",styles:{picker:{width:"100%"}},color:C,onChange:D=>{const T=D.rgb.a!==1,{r:O,g:z,b:Y,a:B}=D.rgb;t(T?`rgba(${O} , ${z}, ${Y}, ${B})`:D.hex)}}),k("div",{children:[d(Ve,{style:{marginTop:"6px"},value:s,onChange:D=>t(D,!0)}),d("button",{onClick:()=>{s==="transparent"?p({type:Me.unset,payload:{name:c}}):t("transparent")},style:{fontSize:"12px",opacity:s==="transparent"?1:.4},children:"👻"}),d(kt,{title:"Change color picker style",style:{float:"right"},options:gH,value:v,onChange:b})]})]}),d(Mv,{value:s,onChange:t,name:c,allowGradients:y})]})},ee={isSimpleSizes:()=>we("isSimpleSizes",!0),screenOptions:()=>[Ce.isSimpleSizes?NF:IF],width:()=>st("width",1024),height:()=>st("height",768),scales:()=>st("scales",{}),uiLayout:()=>st("uiLayout",{map:{}}),propertyFilter:()=>st("propertyFilter","all"),search:()=>st("search",""),filteredSelectors:()=>[[]],showRawValues:()=>st("showRawValues",!1),excludedRawValues:()=>st("excludedRawValues",["initial","none"]),frameClickBehavior:()=>pr("frameClickBehavior","any"),enableScrollingInView:()=>we("enableScrollingInView",!0),nativeColorPicker:()=>we("nativeColorPicker",!1),includeDefaultPalette:()=>we("includeDefaultPalette",!1),colorUsages:()=>[Hr(e=>pH(e.themeEditor.scopes[Lt],e.includeDefaultPalette?dY():{}).sort(hH))],fileName:()=>st("fileName","theme"),annoyingPrefix:()=>we("annoyingPrefix",""),nameReplacements:()=>we("nameReplacements",[]),showCssProperties:()=>we("showCssProperties",!0),linkCssProperties:()=>we("linkCssProperties",!1),showSourceLinks:()=>we("showSourceLinks",!1),windowArrangments:()=>we("windowArrangments",{}),webpackHome:()=>we("webpackHome",""),visualizeHistory:()=>we("visualizeHistory",!1),visualizeHistoryAlways:()=>we("visualizeHistoryAlways",!0),showScrolls:()=>we("showScrolls",!0),svgDarkBg:()=>we("svgDarkBg",!1),inspectedPath:()=>Tn("inspectedPath",""),openGroups:()=>Tn("openGroups",{}),frameLoaded:()=>pr("frameLoaded",!1),openFirstOnInspect:()=>we("open-first-inspect",!0),serverThemes:()=>HF(),existsOnServer:()=>[Ce.fileName in Ce.serverThemes],localThemeJson:()=>[Hr(e=>JSON.stringify(e.themeEditor.scopes))],remoteThemeJson:()=>[Hr(e=>{var t;return JSON.stringify((t=e.serverThemes[e.fileName])==null?void 0:t.scopes)})],modifiedServerVersion:()=>[Hr(e=>{const t=e.localThemeJson!==e.remoteThemeJson;return e.existsOnServer&&t})],themeEditor:()=>u4(),fullHeightFrameShowFixed:()=>pr("fullHeightFrameShowFixed",!0),fullHeightFrameScale:()=>st("fullHeightFrameScale",.05),elementSelectionMode:()=>pr("elementSelectionMode",!1),maximizeChroma:()=>we("maximizeChroma",!1),pickedValue:()=>pr("pickedValue",""),pickedHue:()=>[Hr(e=>{var t;return(t=kr(e.pickedValue))==null?void 0:t.h})],palette:()=>we("palette",[]),savedSelectors:()=>we("savedSelectors",[]),note:()=>Tn("note",""),area:()=>[Hr(e=>e.width*e.height)],areaDoubled:()=>[Hr(e=>e.area*2)],areaNomemo:()=>[Ce.width*Ce.height]};console.time("Getters and signals");const Ce=MF(ee);RF(ee);console.timeEnd("Getters and signals");const uy={};let cy=0;const yH=()=>{++cy;for(const e in uy)uy[e](cy)},va={enableOnTags:["INPUT","SELECT","RADIO"]};function bH(e){const{frameRef:t}=e;return k(w.Fragment,{children:[d(wd,{keys:"alt+r",updater:yH}),d(wd,{keys:"alt+s",hook:()=>[Ce.fileName,Ce.modifiedServerVersion,Ce.themeEditor.scopes,ee.serverThemes()],updater:(n,r,o,[,{uploadTheme:i}])=>{n&&n!=="default"&&r&&i(n,o)}}),d(wd,{keys:"alt+a",hook:ee.frameClickBehavior,updater:(n,r)=>{const o=n==="alt"?"any":"alt";r(o),t.current.contentDocument.documentElement.classList.toggle("force-cursor",o!=="alt")}})]})}function wd({keys:e,hook:t=()=>[],updater:n=(r,o)=>{}}){const[...r]=t();oi(e,()=>{n(...r)},va,[r])}let $c;const Yp=window.indexedDB.open("history",1),so="actions";Yp.onupgradeneeded=function(e){const t=e.target.result;t.onerror=function(n){console.log("upgrade failed",n)},t.createObjectStore(so,{autoIncrement:!0})};const Eu="history-start-snapshot";let pS=JSON.parse(localStorage.getItem(Eu)),wH=0,Xp;Yp.onsuccess=function(e){window.self===window.top&&($c=Yp.result)};function xH(){if(window.self!==window.top)return;const t=$c.transaction([so],"readonly").objectStore(so);t.getAll().onsuccess=n=>{const r=n.target.result;HH(new Map(pS)),vS(r),Xp=wH===0,$H(),VH()}}let Fu=1/0;function uo(e,t,n){if(Xp){const i=JSON.stringify([...at.entries()].filter(([a])=>ee.hasOwnProperty(a)));localStorage.setItem(Eu,i),localStorage.setItem("originalUrl",window.location.href),Xp=!1,pS=i}const o=$c.transaction([so],"readwrite").objectStore(so);if(t){const i=IDBKeyRange.lowerBound(n);o.delete(i)}n<=Fu&&(e[0].push(window.location.href),Fu=n),o.put(e,n)}function cg(e=!1,t=null){const n=performance.now(),r=$c.transaction([so],"readwrite");if(r.oncomplete=i=>{console.log("Deleted store in",performance.now()-n)},r.objectStore(so).clear(),localStorage.removeItem(Eu),t){const i=JSON.stringify([...t.entries()].filter(([a])=>dg.includes(a)));localStorage.setItem(Eu,i)}Fu=1/0,console.log("Start store delete transaction in ",performance.now()-n)}const CH=(e,t)=>{hS({scopes:t},e)};function hS(e,t){document.exitFullscreen();const n=JSON.stringify(e,null,2),r=new Blob([n],{type:"application/json"}),o=URL.createObjectURL(r),i=document.createElement("a");i.download=`${t||"theme"}.json`,i.href=o,i.textContent="Download backup.json",i.click()}const SH=e=>Object.keys(e).map(n=>` ${n}: ${e[n]};`).join(` +`);function EH(e){return Object.entries(e).map(([t,n])=>`${t} { +${SH(n)} }`).join(` -`)}const EH=(e,t)=>{const n=SH(t),r=new Blob([n],{type:"application/css"}),o=URL.createObjectURL(r),i=document.createElement("a");i.download=`${e||"theme"}.css`,i.href=o,i.textContent="Download backup.json",i.click()};let at=new Map,El=new Map;const wd=new Map,Ar=new Map,FH=JSON.parse(localStorage.getItem("pins")||"[]");let We=new Map;function kH(){We=new Map(FH)}const cy=new Set;function hS(e){let t;if(We.has(e)){const n=We.get(e);t=n>=q.length?Ee:q[n].states}else t=Dt;return t.has(e)?t.get(e):at.get(e)}let fy;function AH(e){const t=hS(e);at.set(e,t);const n=q,r=([i])=>i!==e;ug();let o=0;if(q=n.reduce((i,a)=>{if(a.states.delete(e),a.lastActions.has(e)?a.lastActions.size>1&&i.push({states:new Map([...a.states.entries()]),lastActions:new Map([...a.lastActions.entries()].filter(r))}):i.push(a),i.length>0){const l=i.at(-1);l!==fy&&l.lastActions.size>0&&(fy=l,uo([...l.lastActions.entries()],!0,o),o++)}return i},[]),Ue.has(e))if(Ue.size===1){const i=q.at(-1);q=q.slice(0,-1),Ue=i.lastActions,Ee=i.states}else Ee.delete(e),Ue.delete(e);Ee.delete(e),Mt=new Map,xe=Math.min(xe,q.length),Fl(e),rr()}function $H(e,t){if(cy.has(e))return;let n=Ar.get(e);n===void 0&&(n=new Set,Ar.set(e,n)),n.add(()=>{t(e,hS(e))}),cy.add(e)}function cg(){localStorage.setItem("pins",JSON.stringify([...We.entries()]))}function Wi(e,t){We.set(e,t),qn(),mg(e),cg()}function gS(e){if(Ue.has(e))return q.length;let t=0;for(;t=q.length;const l=i[...n.entries()]),[...Ue.entries()]],t=new Date;pS({offset:xe,pins:[...We.entries()],initialStates:[...at.entries()],finalStates:[...Ee.entries()],url:window.location.href,timeline:e},`theme-editor-history-${t.toLocaleString()}`)}let va=[];function mS(e,t=!1){let n=0,r;va.forEach((o,i)=>{delete va[i]});for(const o of e)if(o.length!==0){HH();for(const[i,a,l]of o)l&&l!==r&&(va.push([l,n]),r=l),gg(i,a,{force:!0,debounceTime:1/0});t&&uo(o,!1,n),n++}va.reverse()}let vS=localStorage.getItem("originalUrl");function OH(e){const{timeline:t,inspections:n}=e;return ie(V({},e),{timeline:t.map(r=>r.map(o=>{const i=o[0];return i==="inspected-index"||i==="inspectedIndex"?["inspectedPath",n[o[1]]]:i==="OPEN_GROUPS"?["openGroups",Object.entries(o[1]).reduce((a,[l,s])=>{if(!s)return;const u=l.startsWith("body")?"body":l.startsWith("html")?"html":l.replaceAll(/\n\./g," .").replace(" .",` -.`);return a[u]=!0,a},{})]:i==="THEME_EDITOR"?["themeEditor",o[1]]:o}))})}function BH(e){const{timeline:t,initialStates:n,finalStates:r,pins:o,offset:i=0,url:a}=OH(e);Mt=Dt,q=[],xe=0,We=new Map,ug();for(const[l,s]of n)at.set(l,s);mS(t,!0),vS=a,a&&localStorage.setItem("originalUrl",a);for(const[l,s]of r)typeof s!="object"&&Ee.get(l)!==s&&console.log("Unequal value",s,Ee.get(l));We=new Map(o),xe=i,Al(),rr()}function MH(e,t){El.set(e,t),PH(e)}function RH(e){const t=this;let n=Ar.get(t);return n===void 0&&(n=new Set,Ar.set(t,n)),n.add(e),()=>{n.delete(e),n.size===0&&Ar.delete(t)}}function NH(e){let t;if(We.has(e)){const r=We.get(e);t=r>=q.length?Ee:q[r].states}else t=Dt;const n=t.get(e);return n===void 0?at.get(e):n}const fg=["themeEditor","uiLayout","inspectedPath","note"];function dg(e){for(const t of fg)if(!We.has(t)&&e.has(t))return!0;return!1}let q=[],Ot=JSON.parse(localStorage.getItem("history-alternate")||"[]").map(e=>new Map(e)),kl=JSON.parse(localStorage.getItem("history-stashes")||"[]").map(([e,t])=>[e,t.map(n=>new Map(n))]),ol=parseInt(localStorage.getItem("history-alternate-index")||"0");function $c(){localStorage.setItem("history-alternate",JSON.stringify(Ot.map(e=>[...e.entries()]))),localStorage.setItem("history-alternate-index",ol.toString()),localStorage.setItem("history-stashes",JSON.stringify(kl.map(([e,t])=>[e,t.map(n=>[...n.entries()])])))}function IH(e){const[,t]=kl[e],n=Ot;Ot=t,FS(),Ot===t&&(Ot=n),yS(e)}function yS(e){kl.splice(e),$c(),qn()}function LH(){Ot.length>bS&&!confirm(`Clear ${Ot.length} steps?`)||(Ot=[],$c(),qn())}let xe=0,bS=8,Ee=new Map,Mt=Ee,Dt=Ee,Ue=new Map,Xp=0;function zH(e){Mt=Ee;for(const t of e.entries())at.set(...t);Ee=e,Al()}function pg(e=1,t=!1){if(q.length-xe<1)return;Mt=Dt;let r=Math.min(q.length,xe+e);if(t)for(;r0&&wS(q[q.length-n]);)n--;xe=n,rr()}function wS(e){for(const t of e.lastActions.keys())if(!We.has(t))return!1;return!0}function xS(){document.startViewTransition(()=>{pg(1)})}function CS(){document.startViewTransition(()=>{Ta(1)})}function SS(){let e=xe;for(;e0;){e--;const t=e===0?Ue:q[q.length-e].lastActions;if(dg(t))break}Mt=Dt,xe=e,rr()}}function hg(e){e===xe||e>q.length||e<0||(xe=e,Mt=Dt,rr())}function jH(){const e=xe>0;for(const[t,n]of We.entries())if(We.delete(t),n!==xe){const r=n>=q.length?Ee.get(t):q[n].states.get(t);Dt.set(t,r===void 0?at.get(t):r)}cg(),Ue=e?q[q.length-xe].lastActions:Ue,q=[],xe=0,Ee=Dt,at=new Map([...at.entries(),...Dt.entries()]),ug(!0,Dt),localStorage.removeItem("originalUrl"),Al(),qn()}function FS(){if(!Ot)return;const e=xe===0?[]:[...q.slice(q.length-xe+1).map(({lastActions:r})=>r),Ue],t=Ot;ol=q.length-xe;let n=!1;for(const r of t){let o=!0;for(const[i,a]of r.entries()){if(!n){_c(i,a,{force:!0}),n=!0,o=!1;continue}Dt=Ee,gg(i,a,{force:!0,debounceTime:o?0:1/0}),o&&(o=!1)}uo([...r.entries()],!1,q.length)}if(t.length===0){const r=q.at(-xe);Ee=r.states,Ue=r.lastActions,q=q.slice(0,-xe),uo([...r.lastActions.entries()],!0,q.length),xe=0}else xe=Math.min(t.length,q.length-1);Ot=e,$c(),rr()}function HH(){const e={states:Ee,lastActions:Ue};q.push(e),Ee=new Map(Ee),Ue=new Map}function _c(e,t,n){const r=xe>0;r&&(n!=null&&n.appendOnly)||!(r?GH(e,t,n):gg(e,t,n))||(typeof t.type=="function"&&(t.type=t.type.name),uo([...Ue.entries()],r,q.length),mg(e))}function gg(e,t,n={}){const r=El.get(e)||Dc;if(!r)return console.log("no reducer for",e),!1;const o=performance.now(),i=We.get(e),a=We.has(e),s=a&&i=("debounceTime"in n?n.debounceTime:500))||(n==null?void 0:n.skipHistory);function h(){const y=q[q.length-1];if(!y||y.states.get(e)!==(c?void 0:u))return!1;const C=[...y.lastActions.keys()];return C.length===1&&C[0]===e}const g=p&&h();return Mt=Ee,p||(Ee=new Map(Ee)),c?Ee.delete(e):Ee.set(e,u),xe=0,p?(g&&q.splice(q.length-1),Ue=new Map(Ue)):(q.push({states:Mt,lastActions:Ue}),Ue=new Map),Xp=g?0:o,Ue.set(e,t),a&&Wi(e,q.length),!0}function GH(e,t,n={}){var v;const r=El.get(e)||Dc;if(!r)return!1;Ot.length>bS&&!n.force&&kl.push([ol,Ot]);const o=performance.now(),i=q.length-xe,l=q[i].states,s=We.has(e)?We.get(e):i,u=((v=q[s])==null?void 0:v.states)||Ee,c=u.has(e)?u.get(e):at.get(e),f=r(c,typeof t=="function"?t(c):t);if(f===c&&!n.force)return!1;const p=new Map,h=new Map,g=[];let y=!1;const C=We.entries();for(const[b,F]of C)if(F>i){y=!0,F>=q.length?(p.set(b,Ee.get(b)),h.set(b,Ue.get(b))):(p.set(b,q[F].states.get(b)),h.set(b,q[F].lastActions.get(b)));const _=Math.min(F,q.length-1);for(let A=i+1;A<_;A++){const D=q[A].lastActions.get(b);D!==void 0&&D.type&&g.push([b,D,q[A].states.get(b)])}We.set(b,i+1)}for(const b of p.keys())We.set(b,i+g.length+1);const m=xe===1?q:q.slice(0,-xe+1);if(Ot=[...q.slice(q.length-xe+1).filter(({lastActions:b})=>![...p.keys()].some(F=>b.has(F))).map(({lastActions:b})=>b),Ue],ol=q.length-xe,$c(),y){let b=l,F=0;for(const[A,D,T]of g){const O=new Map(b);O.set(A,T),m.push({states:O,lastActions:new Map([[A,D]])}),uo([[A,D]],1,i+F+1),b=O,F++}const _=new Map([...b,...p]);m.push({states:_,lastActions:h}),uo([...h.entries()],1,i+g.length+1)}return We.has(e)&&Wi(e,m.length),Ee=new Map([...l,...p]),f===at.get(e)?Ee.delete(e):Ee.set(e,f),Mt=l,xe=0,q=m,Xp=o,Ue=new Map([[e,t]]),!0}let qn=()=>{};function Al(){Dt=xe>0?q[q.length-xe].states:Ee}function kS(){localStorage.setItem("historyOffset",xe.toString())}function WH(){xe=Math.max(0,Math.min(q.length,parseInt(localStorage.getItem("historyOffset")||"0"))),Mt=new Map,rr()}function mg(e){Al(),kS();const t=Ar.get(e);if(t)for(const n of t.values())n();qn()}function rr(){Al(),kS();for(const[e,t]of Dt.entries()){const n=Ar.get(e);if(n&&(!Mt.has(e)||Mt.get(e)!==t))for(const r of n.values())r()}for(const e of Mt.keys()){const t=Ar.get(e);if(t&&!Dt.has(e))for(const n of t.values())n()}qn()}const Ze=w.createContext({});function UH(e){const{previewComponents:t,children:n}=e,[,r]=w.useState();return ri("ctrl+z,cmd+z",xS,ma),ri("ctrl+shift+z,cmd+shift+z",CS,ma),ri("alt+z",SS,ma),ri("alt+shift+z",ES,ma),w.useLayoutEffect(()=>(qn=()=>r({}),()=>{qn=()=>{}}),[]),d(Ze.Provider,{value:{past:q,historyOffset:xe,lastActions:Ue,pointedStates:Dt,initialStates:at,previewComponents:t,pins:We,states:Ee,lastAlternate:Ot,lastAlternateIndex:ol,savedStashes:kl,historyUrl:vS},children:n})}function AS(e,t,n=o=>o,r){if(!at.has(r)){const i=typeof n=="function"?n(t):t;at.set(r,i)}return e!==Dc&&!El.has(r)&&MH(r,e),[w.useSyncExternalStore(RH.bind(r),NH.bind(null,r)),_c.bind(null,r)]}function vg(e){return _c.bind(null,e)}const Dc=(e,t)=>t;function Tn(e,t){return AS(Dc,null,()=>typeof t=="function"?t():t,e)}function $S(e,t){switch(e){case"object":return t==="null"||t==="undefined"?null:JSON.parse(t);case"boolean":return!!t&&t!=="false";case"number":return Number(t);default:return t}}const ia={},dy={},xd={},us={};function we(e,t){const n=a0()+e,r=typeof t,o=r==="object",i=xd.hasOwnProperty(e),a=i?xd[e]:()=>{let u;if(ia.hasOwnProperty(e))u=ia[e];else{const c=localStorage.getItem(n),f=c===null?t:$S(r,c);ia[e]=f,us[e]=new Set,dy[e]=p=>{const h=typeof p=="function"?p(ia[e]):p;localStorage.setItem(n,o?JSON.stringify(h):h),ia[e]=h;for(const g of us[e].values())g(h)},u=f}return u};i||(xd[e]=a);const[l,s]=w.useState(a);return w.useInsertionEffect(()=>(us[e].add(s),()=>{us[e].delete(s)}),[]),[l,dy[e]]}function VH(e,t){localStorage.setItem(e,t)}function KH(e,t){localStorage.setItem(e,JSON.stringify(t))}function st(e,t){const n=a0()+e,r=typeof t,o=r==="object",[i,a]=Tn(e,()=>{const l=localStorage.getItem(n);return l===null?t:$S(r,l)});return $H(e,o?KH:VH),[i,a]}const Fo=w.createContext({}),YH=([,[e,t]],[,[n,r]])=>e===n?t>r?1:-1:e>n?1:-1,XH=(e,t,n,r)=>{if(!r){const i=Object.values(e).filter(([l])=>l===n).map(([,l])=>l),a=Math.max(...i);return ie(V({},e),{[t]:[n,a+1]})}const o={};return Object.entries(e).sort(YH).reduce((i,[a,[l]])=>{if(o[l]||(o[l]=0),r===a&&n===l&&(o[l]++,i[t]=[n,o[l]]),a!==t){o[l]++;const s=o[l];i[a]=[l,s]}return i},{})},qH={showMovers(){return w.useState(!1)},drawerOpen(){return we("drawer-open",!1)},dragEnabled(){return we("drag-on",!1)}};function JH({stateHook:e,children:t,hooks:n=qH,customElements:r}){const o=w.useRef({}),i=w.useRef({}),[a,l]=w.useState(null),[s,u]=w.useState(null),[c,f]=w.useState(null),[p,h]=e(),{map:g}=p,[y,C]=n.showMovers(),[m,v]=n.drawerOpen(),[b,F]=n.dragEnabled(),_=w.useCallback((B,W,de)=>{if(l(null),!Object.values(g).some(([ae])=>ae===W&&i.current.hasOwnProperty(ae))){let ae=0;Object.entries(i.current).forEach(([se,L])=>{L===W&&!(se in g)&&(g[se]=[L,ae],ae+=1)})}const me=XH(g,B,W,de);h(ie(V({},p),{map:me}))},[g]),[A,D]=w.useState(!1),[T,O]=w.useState(!1);w.useLayoutEffect(()=>{if(!A){D(!0);return}O(!0)},[A]),w.useInsertionEffect(()=>{var B;if(T)for(const{current:W}of Object.values(o.current)){if(((B=W.children[0])==null?void 0:B.style.order)==="")continue;const de=[];for(const me of W.children){const ae=parseInt(me.style.order);let se,L,te=0;for(const[j,le]of de){if(ae{h(ie(V({},p),{map:{}}))},Y=w.useRef({element:null,area:null});return w.useLayoutEffect(()=>{D(!0)},[]),d(Fo.Provider,{value:{areaRefs:o,origLocationsRef:i,uiState:p,setUiState:h,movePanelTo:_,resetPanels:z,showMovers:y,setShowMovers:C,overElement:a,setOverElement:l,overArea:s,setOverArea:u,timeoutRef:Y,draggedElement:c,setDraggedElement:f,dragEnabled:b,setDragEnabled:F,drawerOpen:m,setDrawerOpen:v},children:d("div",{className:"movable-container"+(c?" is-dragging":""),children:t})})}const _S=10;function QH(e){const{movePanelTo:t,areaRefs:n}=w.useContext(Fo),{homeAreaId:r,elementId:o,hostAreaId:i}=e;return d("div",{className:"area-switcher",style:{display:"flex",position:"absolute"},children:d(kt,{style:{background:i?"white":"lightyellow"},value:i,options:Object.keys(n.current).map(a=>({value:a,label:a===r&&a!==i?`${a} (default)`:a})),onChange:a=>{t(o,a)}})})}var DS={exports:{}};/*! +`)}const FH=(e,t)=>{const n=EH(t),r=new Blob([n],{type:"application/css"}),o=URL.createObjectURL(r),i=document.createElement("a");i.download=`${e||"theme"}.css`,i.href=o,i.textContent="Download backup.json",i.click()},kH=!!document.startViewTransition,co=kH?e=>document.startViewTransition(e):e=>e();let at=new Map,Fl=new Map;const xd=new Map,Ar=new Map,AH=JSON.parse(localStorage.getItem("pins")||"[]");let We=new Map;function $H(){We=new Map(AH)}const fy=new Set;function gS(e){let t;if(We.has(e)){const n=We.get(e);t=n>=q.length?Ee:q[n].states}else t=Dt;return t.has(e)?t.get(e):at.get(e)}let dy;function _H(e){const t=gS(e);at.set(e,t);const n=q,r=([i])=>i!==e;cg();let o=0;if(q=n.reduce((i,a)=>{if(a.states.delete(e),a.lastActions.has(e)?a.lastActions.size>1&&i.push({states:new Map([...a.states.entries()]),lastActions:new Map([...a.lastActions.entries()].filter(r))}):i.push(a),i.length>0){const l=i.at(-1);l!==dy&&l.lastActions.size>0&&(dy=l,uo([...l.lastActions.entries()],!0,o),o++)}return i},[]),Ue.has(e))if(Ue.size===1){const i=q.at(-1);q=q.slice(0,-1),Ue=i.lastActions,Ee=i.states}else Ee.delete(e),Ue.delete(e);Ee.delete(e),Mt=new Map,xe=Math.min(xe,q.length),kl(e),rr()}function DH(e,t){if(fy.has(e))return;let n=Ar.get(e);n===void 0&&(n=new Set,Ar.set(e,n)),n.add(()=>{t(e,gS(e))}),fy.add(e)}function fg(){localStorage.setItem("pins",JSON.stringify([...We.entries()]))}function Ui(e,t){We.set(e,t),qn(),vg(e),fg()}function mS(e){if(Ue.has(e))return q.length;let t=0;for(;t=q.length;const l=i[...n.entries()]),[...Ue.entries()]],t=new Date;hS({offset:xe,pins:[...We.entries()],initialStates:[...at.entries()],finalStates:[...Ee.entries()],url:window.location.href,timeline:e},`theme-editor-history-${t.toLocaleString()}`)}let ya=[];function vS(e,t=!1){let n=0,r;ya.forEach((o,i)=>{delete ya[i]});for(const o of e)if(o.length!==0){WH();for(const[i,a,l]of o)l&&l!==r&&(ya.push([l,n]),r=l),mg(i,a,{force:!0,debounceTime:1/0});t&&uo(o,!1,n),n++}ya.reverse()}let yS=localStorage.getItem("originalUrl");function MH(e){const{timeline:t,inspections:n}=e;return ie(V({},e),{timeline:t.map(r=>r.map(o=>{const i=o[0];return i==="inspected-index"||i==="inspectedIndex"?["inspectedPath",n[o[1]]]:i==="OPEN_GROUPS"?["openGroups",Object.entries(o[1]).reduce((a,[l,s])=>{if(!s)return;const u=l.startsWith("body")?"body":l.startsWith("html")?"html":l.replaceAll(/\n\./g," .").replace(" .",` +.`);return a[u]=!0,a},{})]:i==="THEME_EDITOR"?["themeEditor",o[1]]:o}))})}function RH(e){const{timeline:t,initialStates:n,finalStates:r,pins:o,offset:i=0,url:a}=MH(e);Mt=Dt,q=[],xe=0,We=new Map,cg();for(const[l,s]of n)at.set(l,s);vS(t,!0),yS=a,a&&localStorage.setItem("originalUrl",a);for(const[l,s]of r)typeof s!="object"&&Ee.get(l)!==s&&console.log("Unequal value",s,Ee.get(l));We=new Map(o),xe=i,$l(),rr()}function NH(e,t){Fl.set(e,t),OH(e)}function IH(e){const t=this;let n=Ar.get(t);return n===void 0&&(n=new Set,Ar.set(t,n)),n.add(e),()=>{n.delete(e),n.size===0&&Ar.delete(t)}}function LH(e){let t;if(We.has(e)){const r=We.get(e);t=r>=q.length?Ee:q[r].states}else t=Dt;const n=t.get(e);return n===void 0?at.get(e):n}const dg=["themeEditor","uiLayout","inspectedPath","note"];function pg(e){for(const t of dg)if(!We.has(t)&&e.has(t))return!0;return!1}let q=[],Ot=JSON.parse(localStorage.getItem("history-alternate")||"[]").map(e=>new Map(e)),Al=JSON.parse(localStorage.getItem("history-stashes")||"[]").map(([e,t])=>[e,t.map(n=>new Map(n))]),il=parseInt(localStorage.getItem("history-alternate-index")||"0");function _c(){localStorage.setItem("history-alternate",JSON.stringify(Ot.map(e=>[...e.entries()]))),localStorage.setItem("history-alternate-index",il.toString()),localStorage.setItem("history-stashes",JSON.stringify(Al.map(([e,t])=>[e,t.map(n=>[...n.entries()])])))}function zH(e){const[,t]=Al[e],n=Ot;Ot=t,kS(),Ot===t&&(Ot=n),bS(e)}function bS(e){Al.splice(e),_c(),qn()}function jH(){Ot.length>wS&&!confirm(`Clear ${Ot.length} steps?`)||(Ot=[],_c(),qn())}let xe=0,wS=8,Ee=new Map,Mt=Ee,Dt=Ee,Ue=new Map,qp=0;function HH(e){Mt=Ee;for(const t of e.entries())at.set(...t);Ee=e,$l()}function hg(e=1,t=!1){if(q.length-xe<1)return;Mt=Dt;let r=Math.min(q.length,xe+e);if(t)for(;r0&&xS(q[q.length-n]);)n--;xe=n,rr()}function xS(e){for(const t of e.lastActions.keys())if(!We.has(t))return!1;return!0}function CS(){co(()=>{hg(1)})}function SS(){co(()=>{Oa(1)})}function ES(){let e=xe;for(;e0;){e--;const t=e===0?Ue:q[q.length-e].lastActions;if(pg(t))break}Mt=Dt,xe=e,rr()}}function gg(e){e===xe||e>q.length||e<0||(xe=e,Mt=Dt,rr())}function GH(){const e=xe>0;for(const[t,n]of We.entries())if(We.delete(t),n!==xe){const r=n>=q.length?Ee.get(t):q[n].states.get(t);Dt.set(t,r===void 0?at.get(t):r)}fg(),Ue=e?q[q.length-xe].lastActions:Ue,q=[],xe=0,Ee=Dt,at=new Map([...at.entries(),...Dt.entries()]),cg(!0,Dt),localStorage.removeItem("originalUrl"),$l(),qn()}function kS(){if(!Ot)return;const e=xe===0?[]:[...q.slice(q.length-xe+1).map(({lastActions:r})=>r),Ue],t=Ot;il=q.length-xe;let n=!1;for(const r of t){let o=!0;for(const[i,a]of r.entries()){if(!n){Dc(i,a,{force:!0}),n=!0,o=!1;continue}Dt=Ee,mg(i,a,{force:!0,debounceTime:o?0:1/0}),o&&(o=!1)}uo([...r.entries()],!1,q.length)}if(t.length===0){const r=q.at(-xe);Ee=r.states,Ue=r.lastActions,q=q.slice(0,-xe),uo([...r.lastActions.entries()],!0,q.length),xe=0}else xe=Math.min(t.length,q.length-1);Ot=e,_c(),rr()}function WH(){const e={states:Ee,lastActions:Ue};q.push(e),Ee=new Map(Ee),Ue=new Map}function Dc(e,t,n){const r=xe>0;r&&(n!=null&&n.appendOnly)||!(r?UH(e,t,n):mg(e,t,n))||(typeof t.type=="function"&&(t.type=t.type.name),uo([...Ue.entries()],r,q.length),vg(e))}function mg(e,t,n={}){const r=Fl.get(e)||Pc;if(!r)return console.log("no reducer for",e),!1;const o=performance.now(),i=We.get(e),a=We.has(e),s=a&&i=("debounceTime"in n?n.debounceTime:500))||(n==null?void 0:n.skipHistory);function h(){const y=q[q.length-1];if(!y||y.states.get(e)!==(c?void 0:u))return!1;const C=[...y.lastActions.keys()];return C.length===1&&C[0]===e}const g=p&&h();return Mt=Ee,p||(Ee=new Map(Ee)),c?Ee.delete(e):Ee.set(e,u),xe=0,p?(g&&q.splice(q.length-1),Ue=new Map(Ue)):(q.push({states:Mt,lastActions:Ue}),Ue=new Map),qp=g?0:o,Ue.set(e,t),a&&Ui(e,q.length),!0}function UH(e,t,n={}){var v;const r=Fl.get(e)||Pc;if(!r)return!1;Ot.length>wS&&!n.force&&Al.push([il,Ot]);const o=performance.now(),i=q.length-xe,l=q[i].states,s=We.has(e)?We.get(e):i,u=((v=q[s])==null?void 0:v.states)||Ee,c=u.has(e)?u.get(e):at.get(e),f=r(c,typeof t=="function"?t(c):t);if(f===c&&!n.force)return!1;const p=new Map,h=new Map,g=[];let y=!1;const C=We.entries();for(const[b,F]of C)if(F>i){y=!0,F>=q.length?(p.set(b,Ee.get(b)),h.set(b,Ue.get(b))):(p.set(b,q[F].states.get(b)),h.set(b,q[F].lastActions.get(b)));const _=Math.min(F,q.length-1);for(let A=i+1;A<_;A++){const D=q[A].lastActions.get(b);D!==void 0&&D.type&&g.push([b,D,q[A].states.get(b)])}We.set(b,i+1)}for(const b of p.keys())We.set(b,i+g.length+1);const m=xe===1?q:q.slice(0,-xe+1);if(Ot=[...q.slice(q.length-xe+1).filter(({lastActions:b})=>![...p.keys()].some(F=>b.has(F))).map(({lastActions:b})=>b),Ue],il=q.length-xe,_c(),y){let b=l,F=0;for(const[A,D,T]of g){const O=new Map(b);O.set(A,T),m.push({states:O,lastActions:new Map([[A,D]])}),uo([[A,D]],1,i+F+1),b=O,F++}const _=new Map([...b,...p]);m.push({states:_,lastActions:h}),uo([...h.entries()],1,i+g.length+1)}return We.has(e)&&Ui(e,m.length),Ee=new Map([...l,...p]),f===at.get(e)?Ee.delete(e):Ee.set(e,f),Mt=l,xe=0,q=m,qp=o,Ue=new Map([[e,t]]),!0}let qn=()=>{};function $l(){Dt=xe>0?q[q.length-xe].states:Ee}function AS(){localStorage.setItem("historyOffset",xe.toString())}function VH(){xe=Math.max(0,Math.min(q.length,parseInt(localStorage.getItem("historyOffset")||"0"))),Mt=new Map,rr()}function vg(e){$l(),AS();const t=Ar.get(e);if(t)for(const n of t.values())n();qn()}function rr(){$l(),AS();for(const[e,t]of Dt.entries()){const n=Ar.get(e);if(n&&(!Mt.has(e)||Mt.get(e)!==t))for(const r of n.values())r()}for(const e of Mt.keys()){const t=Ar.get(e);if(t&&!Dt.has(e))for(const n of t.values())n()}qn()}const Ze=w.createContext({});function KH(e){const{previewComponents:t,children:n}=e,[,r]=w.useState();return oi("ctrl+z,cmd+z",CS,va),oi("ctrl+shift+z,cmd+shift+z",SS,va),oi("alt+z",ES,va),oi("alt+shift+z",FS,va),w.useLayoutEffect(()=>(qn=()=>r({}),()=>{qn=()=>{}}),[]),d(Ze.Provider,{value:{past:q,historyOffset:xe,lastActions:Ue,pointedStates:Dt,initialStates:at,previewComponents:t,pins:We,states:Ee,lastAlternate:Ot,lastAlternateIndex:il,savedStashes:Al,historyUrl:yS},children:n})}function $S(e,t,n=o=>o,r){if(!at.has(r)){const i=typeof n=="function"?n(t):t;at.set(r,i)}return e!==Pc&&!Fl.has(r)&&NH(r,e),[w.useSyncExternalStore(IH.bind(r),LH.bind(null,r)),Dc.bind(null,r)]}function yg(e){return Dc.bind(null,e)}const Pc=(e,t)=>t;function Tn(e,t){return $S(Pc,null,()=>typeof t=="function"?t():t,e)}function _S(e,t){switch(e){case"object":return t==="null"||t==="undefined"?null:JSON.parse(t);case"boolean":return!!t&&t!=="false";case"number":return Number(t);default:return t}}const aa={},py={},Cd={},cs={};function we(e,t){const n=l0()+e,r=typeof t,o=r==="object",i=Cd.hasOwnProperty(e),a=i?Cd[e]:()=>{let u;if(aa.hasOwnProperty(e))u=aa[e];else{const c=localStorage.getItem(n),f=c===null?t:_S(r,c);aa[e]=f,cs[e]=new Set,py[e]=p=>{const h=typeof p=="function"?p(aa[e]):p;localStorage.setItem(n,o?JSON.stringify(h):h),aa[e]=h;for(const g of cs[e].values())g(h)},u=f}return u};i||(Cd[e]=a);const[l,s]=w.useState(a);return w.useInsertionEffect(()=>(cs[e].add(s),()=>{cs[e].delete(s)}),[]),[l,py[e]]}function YH(e,t){localStorage.setItem(e,t)}function XH(e,t){localStorage.setItem(e,JSON.stringify(t))}function st(e,t){const n=l0()+e,r=typeof t,o=r==="object",[i,a]=Tn(e,()=>{const l=localStorage.getItem(n);return l===null?t:_S(r,l)});return DH(e,o?XH:YH),[i,a]}const ko=w.createContext({}),qH=([,[e,t]],[,[n,r]])=>e===n?t>r?1:-1:e>n?1:-1,JH=(e,t,n,r)=>{if(!r){const i=Object.values(e).filter(([l])=>l===n).map(([,l])=>l),a=Math.max(...i);return ie(V({},e),{[t]:[n,a+1]})}const o={};return Object.entries(e).sort(qH).reduce((i,[a,[l]])=>{if(o[l]||(o[l]=0),r===a&&n===l&&(o[l]++,i[t]=[n,o[l]]),a!==t){o[l]++;const s=o[l];i[a]=[l,s]}return i},{})},QH={showMovers(){return w.useState(!1)},drawerOpen(){return we("drawer-open",!1)},dragEnabled(){return we("drag-on",!1)}};function ZH({stateHook:e,children:t,hooks:n=QH,customElements:r}){const o=w.useRef({}),i=w.useRef({}),[a,l]=w.useState(null),[s,u]=w.useState(null),[c,f]=w.useState(null),[p,h]=e(),{map:g}=p,[y,C]=n.showMovers(),[m,v]=n.drawerOpen(),[b,F]=n.dragEnabled(),_=w.useCallback((B,W,de)=>{if(l(null),!Object.values(g).some(([ae])=>ae===W&&i.current.hasOwnProperty(ae))){let ae=0;Object.entries(i.current).forEach(([se,L])=>{L===W&&!(se in g)&&(g[se]=[L,ae],ae+=1)})}const me=JH(g,B,W,de);h(ie(V({},p),{map:me}))},[g]),[A,D]=w.useState(!1),[T,O]=w.useState(!1);w.useLayoutEffect(()=>{if(!A){D(!0);return}O(!0)},[A]),w.useInsertionEffect(()=>{var B;if(T)for(const{current:W}of Object.values(o.current)){if(((B=W.children[0])==null?void 0:B.style.order)==="")continue;const de=[];for(const me of W.children){const ae=parseInt(me.style.order);let se,L,te=0;for(const[j,le]of de){if(ae{h(ie(V({},p),{map:{}}))},Y=w.useRef({element:null,area:null});return w.useLayoutEffect(()=>{D(!0)},[]),d(ko.Provider,{value:{areaRefs:o,origLocationsRef:i,uiState:p,setUiState:h,movePanelTo:_,resetPanels:z,showMovers:y,setShowMovers:C,overElement:a,setOverElement:l,overArea:s,setOverArea:u,timeoutRef:Y,draggedElement:c,setDraggedElement:f,dragEnabled:b,setDragEnabled:F,drawerOpen:m,setDrawerOpen:v},children:d("div",{className:"movable-container"+(c?" is-dragging":""),children:t})})}const DS=10;function eG(e){const{movePanelTo:t,areaRefs:n}=w.useContext(ko),{homeAreaId:r,elementId:o,hostAreaId:i}=e;return d("div",{className:"area-switcher",style:{display:"flex",position:"absolute"},children:d(kt,{style:{background:i?"white":"lightyellow"},value:i,options:Object.keys(n.current).map(a=>({value:a,label:a===r&&a!==i?`${a} (default)`:a})),onChange:a=>{t(o,a)}})})}var PS={exports:{}};/*! Copyright (c) 2018 Jed Watson. Licensed under the MIT License (MIT), see http://jedwatson.github.io/classnames -*/(function(e){(function(){var t={}.hasOwnProperty;function n(){for(var r=[],o=0;o{var ae;return((ae=t.type)==null?void 0:ae.fName)||t.props.id||`${e}~~${eG(t,n)}`},[]);r.current[m]||(r.current[m]=e);const[v,b]=o.map[m]||[],F=!v||v===e||!((me=C.current[v])!=null&&me.current),[_,A]=w.useState(!1),[D,T]=w.useState(!1),O=w.useMemo(()=>({homeAreaId:e,elementId:m,hostAreaId:v,forceDrag:D,setForceDrag:T}),[v,D]);if(!y&&(v||e)==="drawer")return null;const[z,Y]=l||[],B=Y===m,de=k("div",{draggable:g||D,style:{position:"relative",order:b||null,viewTransitionName:m==="HistoryControls"?null:m},className:qp("movable-element",{"is-dragged":_}),onDragStart:()=>{(g||D)&&(h(m),D&&T(!1),setTimeout(()=>{A(!0)},0))},onDragEnd:()=>{if(h(null),A(!1),l){f.current.element&&(clearTimeout(f.current.element),f.current.element=null),f.current.area&&(clearTimeout(f.current.area),f.current.area=null),a(m,z,Y),s(null);return}u&&a(m,u)},children:[p&&p!==m&&d("span",{style:{color:"lime",background:"rgb(0 0 0 / 56%)",position:"absolute",top:"0",fontSize:"12px",right:"0",zIndex:1001,fontWeight:"bold !important",textAlign:"right",width:"auto"},children:m}),d(Fi.Provider,{value:O,children:t}),i&&d(QH,{elementId:m,homeAreaId:e,hostAreaId:v}),p&&p!==m&&d("div",{style:{zIndex:1e3},className:qp("dropzone",{"drag-hovered":B}),onDragEnter:()=>{f.current.lastEntered=m,f.current.element&&(clearTimeout(f.current.element),f.current.element=null),c(null),s([v||e,m,b||n])},onDragLeave:()=>{f.current.element&&clearTimeout(f.current.element),f.current.lastEntered===m&&(f.current.element=setTimeout(()=>{s(null)},_S))}})]});return F?de:i0.createPortal(de,C.current[v].current)}const py="rgba(0, 0, 0, 0.5)";function yg(){const{setForceDrag:e}=w.useContext(Fi);return d("button",{title:"Pick up element",onMouseDown:()=>{e(!0)},style:{background:"transparent",color:py,borderColor:py},children:d("span",{style:{transform:"rotate(90deg)"},children:"|||"})})}function PS(e,t){return e.disabled===t.disabled&&e.controls[0]===t.controls[0]&&e.controls[1]===t.controls[1]}const Se=w.memo(function(a){var l=a,{controls:[t,n],disabled:r=!1,children:o}=l,i=mn(l,["controls","disabled","children"]);return k("label",ie(V({},i),{style:ie(V({},i.style),{marginBottom:"2px"}),children:[d("input",{disabled:r,type:"checkbox",readOnly:!0,checked:!!t,onClick:()=>n(!t)}),o]}))},PS);function TS(o){var i=o,{hook:e,children:t,disabled:n=!1}=i,r=mn(i,["hook","children","disabled"]);const[a,l]=e();return k("label",ie(V({},r),{style:ie(V({},r.style),{marginBottom:"2px"}),children:[d("input",{disabled:n,type:"checkbox",readOnly:!0,checked:!!a,onClick:()=>l(!a)}),t]}))}const nG=4;function hy(e){const t=e.replace(/^--/,"").split("-"),n=[];for(let r=0;r<3&&ri.size>nG).sort(([,i],[,a])=>a.size-i.size)}function Tc(){const{allVars:e}=w.useContext(qe),[t,n]=w.useState(null),[r,o]=w.useState(!1),[i,a]=w.useState(5),[l,s]=ee.annoyingPrefix(),[u,c]=w.useState(new Set);function f(g){u.has(g)?u.delete(g):u.add(g),c(new Set(u))}function p(){s(`${[...u.values()].join("|")}`),n(null)}function h(g){s(g),n(null)}return k("div",{children:[d(xt,{el:Tc,tasks:[()=>['Ignore either "bs" or "lm"',["lm","bs"].includes(Ce.annoyingPrefix)]],children:`It's very common for token names to all start with a prefix that takes up valuable screen real estate. In case of Bootstrap it's "bs", for Halfmoon you find a lot of redundant "lm" prefixes.`}),d(yg,{}),d(Ve,{placeholder:"Remove annoying prefix",title:"Remove annoying prefix",value:l,onChange:s,style:{textDecoration:"line-through",textDecorationColor:"grey",textDecorationThickness:"1px"}}),!t&&d("button",{onClick:()=>{n(rG(e))},children:"Detect"}),t&&d("button",{onClick:()=>{n(null)},children:"Close"}),t&&k("div",{children:[d("input",{type:"number",min:"1",value:i,onChange:g=>{a(g.target.value)}}),d(Se,{controls:[r,o],children:"Multi"}),r&&(u==null?void 0:u.size)>0&&d("button",{onClick:p,children:"Confirm multi select"}),d("button",{onClick:()=>{s("")},children:"None"}),t.slice(0,i).map(([g,y])=>d("div",{children:k("button",{style:g===l?{background:"lightblue"}:r&&u.has(g)?{background:"yellow"}:{},onClick:(r?f:h).bind(null,g),title:[...y.values()].join(` -`),children:[r&&u.has(g)&&d("input",{type:"checkbox",checked:!0}),g," (",y.size,")"]})},g))]})]})}Tc.fName="RemoveAnnoyingPrefix";const gy=5,Cd={min:.2,step:.02};function Oc(){const[e,t]=ee.scales(),{width:n,height:r}=Ce,o=parseFloat(e[`${n}x${r}`]||1),i=o<=1?o:1+(o-1)/gy,a=`${n}x${r}`,l=u=>{const c=u.target.value,f=c<=1?c:(1+(c-1)*gy).toFixed(2).replace(/0+$/,"").replace(/\.$/,"");t(ie(V({},e),{[a]:f}))};function s(u){const c=Math.round(u.deltaY/100),f=Math.max(.2,o+c*Cd.step);t(ie(V({},e),{[a]:f.toFixed(2)}))}return k("div",{onWheelCapture:s,className:"frame-scale-slider",style:{minWidth:"200px"},children:[d("input",ie(V({style:{margin:0,marginTop:"-4px"},type:"range",list:"scale-points",value:i,max:1.4},Cd),{onChange:l})),d("input",ie(V({style:{verticalAlign:"top"},type:"number",max:3,value:o},Cd),{onChange:u=>t(ie(V({},e),{[a]:u.target.value}))})),k("datalist",{id:"scale-points",children:[d("option",{value:"1"}),d("option",{value:"1.2"}),d("option",{value:"1.4"})]}),d(xt,{tasks:[u=>["Increase the zoom level to 2 or more.",o>=2]],el:Oc,children:"Zoom in and out here. You can also scroll above the element."})]})}Oc.fName="FrameScaleSlider";function oG(e,t){return Array.from(t.children).findIndex(n=>n===e)}const Sd=new WeakMap;function iG(e){try{return e.closest("html").querySelectorAll(`#${e.id}`).length===1}catch(t){return!1}}function Bc(e){if(e.nodeName==="HTML"||e.nodeName==="BODY")return[];if(Sd.has(e))return Sd.get(e);const t=[];for(;e.nodeName!=="BODY";){const n=e.parentNode,r=[e.tagName,oG(e,n)];e.id&&iG(e)&&r.push(e.id),t.push(r),e=n}return t.reverse(),Sd.set(e,t),t}function Qt(e,t=document){let n=t.querySelector("body"),r=0,o;for(const[,,i]of e)i&&(o=r),r++;if(o){const i=t.getElementById(e[o][2]);i&&(n=i,e=e.slice(o+1))}for(const[i,a]of e){const l=Array.from(n.children)[a];if(!l)throw new Error(`No element at index ${a}`);n=l,n.tagName}return n}function aG(e){return e.replaceAll(l0,"").replaceAll(/:?:(before|after)/g,"").replaceAll(s2,"").trim()}let lG,cs;function fs(e,t={behavior:"smooth",block:"center"}){if(e.scrollIntoView(t),Za(e),cs){const[r,o,i]=cs;window.clearTimeout(r),i!==e&&o()}const n=()=>{fi(e),cs=null};cs=[setTimeout(n,1500),n,e]}let my=0;function co({selector:e,hideIfNotFound:t,hideIfOne:n,children:r,showLabel:o=!0,property:i=null,label:a,allowScroll:l=!1,allowDrag:s=!0}){const{frameLoaded:u,openFirstOnInspect:c}=Ce,[f,p]=ee.inspectedPath(),[,h]=ee.openGroups(),g=w.useMemo(()=>aG(e),[]),y=g===lG,{frameRef:C}=w.useContext(qe),m=w.useMemo(()=>{if(!u||g==="")return[];try{const A=C.current.contentWindow.document.querySelectorAll(g);let D;try{D=Qt(f,C.current.contentWindow.document)}catch(T){}return[...A].map((T,O)=>({index:O,node:T,tagName:`${T.tagName}`,id:`${T.id}`,className:`${T.className}`,isCurrentlyInspected:T.contains(D)}))}catch(A){return console.log(A),[]}},[e,u,f]),[v,b]=w.useState(Math.max(m.findIndex(A=>A.isCurrentlyInspected),0));if(m.length===0)return t||n?null:k("div",{style:{opacity:.6},children:[o&&k("div",{className:"monospace-code",draggable:s,onDragStart:A=>A.dataTransfer.setData("selector",e),children:[(a||e).trim(),d("span",{className:"var-control-property monospace-code",children:i})]}),r]});if(n&&m.length===1)return null;const F=m[v];function _(A){const D=performance.now(),T=D-my<100;my=D;const O=Math.round(A.deltaY/100)*-1,z=v-O,Y=z<0?z+m.length:z>=m.length?z-m.length:z;b(Y),fs(m[Y].node,{behavior:T?"instant":"smooth",block:"center"})}return k("div",{style:{outline:y?"4px solid rgb(26, 217, 210)":"none"},onWheelCapture:l?_:null,children:[o&&k("div",{className:"monospace-code",draggable:s,onDragStart:A=>{A.dataTransfer.setData("selector",e),A.stopPropagation()},children:[(a||e).trim(),d("span",{className:"var-control-property monospace-code",children:i})]}),k("div",{style:{display:"flex",alignItems:"flex-start",maxWidth:"372px",fontSize:"16px"},children:[k("div",{style:{flexShrink:0,display:"flex",flexDirection:"row"},children:[m.length>0&&d("button",{className:"scroll-in-view",onClick:()=>{fs(m[v].node)},children:"👁"}),m.length>1&&k(w.Fragment,{children:[d("button",{onClick:()=>{const A=v===0?m.length-1:v-1;b(A),fs(m[A].node)},children:"↑"}),d("button",{onClick:()=>{const A=v===m.length-1?0:v+1;b(A),fs(m[A].node)},children:"↓"})]})]}),k("div",{style:{flexShrink:1},children:[!!F&&!F.isCurrentlyInspected&&d("button",{onClick:()=>{if(p(Bc(F.node)),Bl(),c){const A=ko(F.node);h({[A[0].label]:!0},{skipHistory:!0,appendOnly:!0})}},style:{fontSize:"10px"},children:"🔍"}),k("span",{children:[v+1,"/",m.length]}),d("span",{style:{maxWidth:"120px",fontWeight:F&&F.isCurrentlyInspected?"bold":"normal"},children:F&&` ${F.tagName.toLowerCase()}.${F.className.trim().replaceAll(" ",".")} ${F.id?`#${F.id}`:""}`})]})]}),r]})}function sG(e,t,n){n.dataTransfer.setData("value",typeof e=="function"?e():e),n.dataTransfer.setData("text/plain",typeof e=="function"?e():e),n.stopPropagation(),t()}function Ut(e,t=()=>{}){return sG.bind(null,e,t)}var OS={exports:{}},Oe={};/** @license React v16.13.1 +*/(function(e){(function(){var t={}.hasOwnProperty;function n(){for(var r=[],o=0;o{var ae;return((ae=t.type)==null?void 0:ae.fName)||t.props.id||`${e}~~${nG(t,n)}`},[]);r.current[m]||(r.current[m]=e);const[v,b]=o.map[m]||[],F=!v||v===e||!((me=C.current[v])!=null&&me.current),[_,A]=w.useState(!1),[D,T]=w.useState(!1),O=w.useMemo(()=>({homeAreaId:e,elementId:m,hostAreaId:v,forceDrag:D,setForceDrag:T}),[v,D]);if(!y&&(v||e)==="drawer")return null;const[z,Y]=l||[],B=Y===m,de=k("div",{draggable:g||D,style:{position:"relative",order:b||null,viewTransitionName:m==="HistoryControls"?null:m},className:Jp("movable-element",{"is-dragged":_}),onDragStart:()=>{(g||D)&&(h(m),D&&T(!1),setTimeout(()=>{A(!0)},0))},onDragEnd:()=>{if(h(null),A(!1),l){f.current.element&&(clearTimeout(f.current.element),f.current.element=null),f.current.area&&(clearTimeout(f.current.area),f.current.area=null),a(m,z,Y),s(null);return}u&&a(m,u)},children:[p&&p!==m&&d("span",{style:{color:"lime",background:"rgb(0 0 0 / 56%)",position:"absolute",top:"0",fontSize:"12px",right:"0",zIndex:1001,fontWeight:"bold !important",textAlign:"right",width:"auto"},children:m}),d(ki.Provider,{value:O,children:t}),i&&d(eG,{elementId:m,homeAreaId:e,hostAreaId:v}),p&&p!==m&&d("div",{style:{zIndex:1e3},className:Jp("dropzone",{"drag-hovered":B}),onDragEnter:()=>{f.current.lastEntered=m,f.current.element&&(clearTimeout(f.current.element),f.current.element=null),c(null),s([v||e,m,b||n])},onDragLeave:()=>{f.current.element&&clearTimeout(f.current.element),f.current.lastEntered===m&&(f.current.element=setTimeout(()=>{s(null)},DS))}})]});return F?de:a0.createPortal(de,C.current[v].current)}const hy="rgba(0, 0, 0, 0.5)";function bg(){const{setForceDrag:e}=w.useContext(ki);return d("button",{title:"Pick up element",onMouseDown:()=>{e(!0)},style:{background:"transparent",color:hy,borderColor:hy},children:d("span",{style:{transform:"rotate(90deg)"},children:"|||"})})}function TS(e,t){return e.disabled===t.disabled&&e.controls[0]===t.controls[0]&&e.controls[1]===t.controls[1]}const Se=w.memo(function(a){var l=a,{controls:[t,n],disabled:r=!1,children:o}=l,i=mn(l,["controls","disabled","children"]);return k("label",ie(V({},i),{style:ie(V({},i.style),{marginBottom:"2px"}),children:[d("input",{disabled:r,type:"checkbox",readOnly:!0,checked:!!t,onClick:()=>n(!t)}),o]}))},TS);function OS(o){var i=o,{hook:e,children:t,disabled:n=!1}=i,r=mn(i,["hook","children","disabled"]);const[a,l]=e();return k("label",ie(V({},r),{style:ie(V({},r.style),{marginBottom:"2px"}),children:[d("input",{disabled:n,type:"checkbox",readOnly:!0,checked:!!a,onClick:()=>l(!a)}),t]}))}const oG=4;function gy(e){const t=e.replace(/^--/,"").split("-"),n=[];for(let r=0;r<3&&ri.size>oG).sort(([,i],[,a])=>a.size-i.size)}function Oc(){const{allVars:e}=w.useContext(qe),[t,n]=w.useState(null),[r,o]=w.useState(!1),[i,a]=w.useState(5),[l,s]=ee.annoyingPrefix(),[u,c]=w.useState(new Set);function f(g){u.has(g)?u.delete(g):u.add(g),c(new Set(u))}function p(){s(`${[...u.values()].join("|")}`),n(null)}function h(g){s(g),n(null)}return k("div",{children:[d(xt,{el:Oc,tasks:[()=>['Ignore either "bs" or "lm"',["lm","bs"].includes(Ce.annoyingPrefix)]],children:`It's very common for token names to all start with a prefix that takes up valuable screen real estate. In case of Bootstrap it's "bs", for Halfmoon you find a lot of redundant "lm" prefixes.`}),d(bg,{}),d(Ve,{placeholder:"Remove annoying prefix",title:"Remove annoying prefix",value:l,onChange:s,style:{textDecoration:"line-through",textDecorationColor:"grey",textDecorationThickness:"1px"}}),!t&&d("button",{onClick:()=>{n(iG(e))},children:"Detect"}),t&&d("button",{onClick:()=>{n(null)},children:"Close"}),t&&k("div",{children:[d("input",{type:"number",min:"1",value:i,onChange:g=>{a(g.target.value)}}),d(Se,{controls:[r,o],children:"Multi"}),r&&(u==null?void 0:u.size)>0&&d("button",{onClick:p,children:"Confirm multi select"}),d("button",{onClick:()=>{s("")},children:"None"}),t.slice(0,i).map(([g,y])=>d("div",{children:k("button",{style:g===l?{background:"lightblue"}:r&&u.has(g)?{background:"yellow"}:{},onClick:(r?f:h).bind(null,g),title:[...y.values()].join(` +`),children:[r&&u.has(g)&&d("input",{type:"checkbox",checked:!0}),g," (",y.size,")"]})},g))]})]})}Oc.fName="RemoveAnnoyingPrefix";const my=5,Sd={min:.2,step:.02};function Bc(){const[e,t]=ee.scales(),{width:n,height:r}=Ce,o=parseFloat(e[`${n}x${r}`]||1),i=o<=1?o:1+(o-1)/my,a=`${n}x${r}`,l=u=>{const c=u.target.value,f=c<=1?c:(1+(c-1)*my).toFixed(2).replace(/0+$/,"").replace(/\.$/,"");t(ie(V({},e),{[a]:f}))};function s(u){const c=Math.round(u.deltaY/100),f=Math.max(.2,o+c*Sd.step);t(ie(V({},e),{[a]:f.toFixed(2)}))}return k("div",{onWheelCapture:s,className:"frame-scale-slider",style:{minWidth:"200px"},children:[d("input",ie(V({style:{margin:0,marginTop:"-4px"},type:"range",list:"scale-points",value:i,max:1.4},Sd),{onChange:l})),d("input",ie(V({style:{verticalAlign:"top"},type:"number",max:3,value:o},Sd),{onChange:u=>t(ie(V({},e),{[a]:u.target.value}))})),k("datalist",{id:"scale-points",children:[d("option",{value:"1"}),d("option",{value:"1.2"}),d("option",{value:"1.4"})]}),d(xt,{tasks:[u=>["Increase the zoom level to 2 or more.",o>=2]],el:Bc,children:"Zoom in and out here. You can also scroll above the element."})]})}Bc.fName="FrameScaleSlider";function aG(e,t){return Array.from(t.children).findIndex(n=>n===e)}const Ed=new WeakMap;function lG(e){try{return e.closest("html").querySelectorAll(`#${e.id}`).length===1}catch(t){return!1}}function Mc(e){if(e.nodeName==="HTML"||e.nodeName==="BODY")return[];if(Ed.has(e))return Ed.get(e);const t=[];for(;e.nodeName!=="BODY";){const n=e.parentNode,r=[e.tagName,aG(e,n)];e.id&&lG(e)&&r.push(e.id),t.push(r),e=n}return t.reverse(),Ed.set(e,t),t}function Qt(e,t=document){let n=t.querySelector("body"),r=0,o;for(const[,,i]of e)i&&(o=r),r++;if(o){const i=t.getElementById(e[o][2]);i&&(n=i,e=e.slice(o+1))}for(const[i,a]of e){const l=Array.from(n.children)[a];if(!l)throw new Error(`No element at index ${a}`);n=l,n.tagName}return n}function sG(e){return e.replaceAll(s0,"").replaceAll(/:?:(before|after)/g,"").replaceAll(u2,"").trim()}let uG,fs;function ds(e,t={behavior:"smooth",block:"center"}){if(e.scrollIntoView(t),el(e),fs){const[r,o,i]=fs;window.clearTimeout(r),i!==e&&o()}const n=()=>{di(e),fs=null};fs=[setTimeout(n,1500),n,e]}let vy=0;function fo({selector:e,hideIfNotFound:t,hideIfOne:n,children:r,showLabel:o=!0,property:i=null,label:a,allowScroll:l=!1,allowDrag:s=!0}){const{frameLoaded:u,openFirstOnInspect:c}=Ce,[f,p]=ee.inspectedPath(),[,h]=ee.openGroups(),g=w.useMemo(()=>sG(e),[]),y=g===uG,{frameRef:C}=w.useContext(qe),m=w.useMemo(()=>{if(!u||g==="")return[];try{const A=C.current.contentWindow.document.querySelectorAll(g);let D;try{D=Qt(f,C.current.contentWindow.document)}catch(T){}return[...A].map((T,O)=>({index:O,node:T,tagName:`${T.tagName}`,id:`${T.id}`,className:`${T.className}`,isCurrentlyInspected:T.contains(D)}))}catch(A){return console.log(A),[]}},[e,u,f]),[v,b]=w.useState(Math.max(m.findIndex(A=>A.isCurrentlyInspected),0));if(m.length===0)return t||n?null:k("div",{style:{opacity:.6},children:[o&&k("div",{className:"monospace-code",draggable:s,onDragStart:A=>A.dataTransfer.setData("selector",e),children:[(a||e).trim(),d("span",{className:"var-control-property monospace-code",children:i})]}),r]});if(n&&m.length===1)return null;const F=m[v];function _(A){const D=performance.now(),T=D-vy<100;vy=D;const O=Math.round(A.deltaY/100)*-1,z=v-O,Y=z<0?z+m.length:z>=m.length?z-m.length:z;b(Y),ds(m[Y].node,{behavior:T?"instant":"smooth",block:"center"})}return k("div",{style:{outline:y?"4px solid rgb(26, 217, 210)":"none"},onWheelCapture:l?_:null,children:[o&&k("div",{className:"monospace-code",draggable:s,onDragStart:A=>{A.dataTransfer.setData("selector",e),A.stopPropagation()},children:[(a||e).trim(),d("span",{className:"var-control-property monospace-code",children:i})]}),k("div",{style:{display:"flex",alignItems:"flex-start",maxWidth:"372px",fontSize:"16px"},children:[k("div",{style:{flexShrink:0,display:"flex",flexDirection:"row"},children:[m.length>0&&d("button",{className:"scroll-in-view",onClick:()=>{ds(m[v].node)},children:"👁"}),m.length>1&&k(w.Fragment,{children:[d("button",{onClick:()=>{const A=v===0?m.length-1:v-1;b(A),ds(m[A].node)},children:"↑"}),d("button",{onClick:()=>{const A=v===m.length-1?0:v+1;b(A),ds(m[A].node)},children:"↓"})]})]}),k("div",{style:{flexShrink:1},children:[!!F&&!F.isCurrentlyInspected&&d("button",{onClick:()=>{if(p(Mc(F.node)),Ml(),c){const A=Ao(F.node);h({[A[0].label]:!0},{skipHistory:!0,appendOnly:!0})}},style:{fontSize:"10px"},children:"🔍"}),k("span",{children:[v+1,"/",m.length]}),d("span",{style:{maxWidth:"120px",fontWeight:F&&F.isCurrentlyInspected?"bold":"normal"},children:F&&` ${F.tagName.toLowerCase()}.${F.className.trim().replaceAll(" ",".")} ${F.id?`#${F.id}`:""}`})]})]}),r]})}function cG(e,t,n){n.dataTransfer.setData("value",typeof e=="function"?e():e),n.dataTransfer.setData("text/plain",typeof e=="function"?e():e),n.stopPropagation(),t()}function Ut(e,t=()=>{}){return cG.bind(null,e,t)}var BS={exports:{}},Oe={};/** @license React v16.13.1 * react-is.production.min.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. - */var ht=typeof Symbol=="function"&&Symbol.for,bg=ht?Symbol.for("react.element"):60103,wg=ht?Symbol.for("react.portal"):60106,Mc=ht?Symbol.for("react.fragment"):60107,Rc=ht?Symbol.for("react.strict_mode"):60108,Nc=ht?Symbol.for("react.profiler"):60114,Ic=ht?Symbol.for("react.provider"):60109,Lc=ht?Symbol.for("react.context"):60110,xg=ht?Symbol.for("react.async_mode"):60111,zc=ht?Symbol.for("react.concurrent_mode"):60111,jc=ht?Symbol.for("react.forward_ref"):60112,Hc=ht?Symbol.for("react.suspense"):60113,uG=ht?Symbol.for("react.suspense_list"):60120,Gc=ht?Symbol.for("react.memo"):60115,Wc=ht?Symbol.for("react.lazy"):60116,cG=ht?Symbol.for("react.block"):60121,fG=ht?Symbol.for("react.fundamental"):60117,dG=ht?Symbol.for("react.responder"):60118,pG=ht?Symbol.for("react.scope"):60119;function rn(e){if(typeof e=="object"&&e!==null){var t=e.$$typeof;switch(t){case bg:switch(e=e.type,e){case xg:case zc:case Mc:case Nc:case Rc:case Hc:return e;default:switch(e=e&&e.$$typeof,e){case Lc:case jc:case Wc:case Gc:case Ic:return e;default:return t}}case wg:return t}}}function BS(e){return rn(e)===zc}Oe.AsyncMode=xg;Oe.ConcurrentMode=zc;Oe.ContextConsumer=Lc;Oe.ContextProvider=Ic;Oe.Element=bg;Oe.ForwardRef=jc;Oe.Fragment=Mc;Oe.Lazy=Wc;Oe.Memo=Gc;Oe.Portal=wg;Oe.Profiler=Nc;Oe.StrictMode=Rc;Oe.Suspense=Hc;Oe.isAsyncMode=function(e){return BS(e)||rn(e)===xg};Oe.isConcurrentMode=BS;Oe.isContextConsumer=function(e){return rn(e)===Lc};Oe.isContextProvider=function(e){return rn(e)===Ic};Oe.isElement=function(e){return typeof e=="object"&&e!==null&&e.$$typeof===bg};Oe.isForwardRef=function(e){return rn(e)===jc};Oe.isFragment=function(e){return rn(e)===Mc};Oe.isLazy=function(e){return rn(e)===Wc};Oe.isMemo=function(e){return rn(e)===Gc};Oe.isPortal=function(e){return rn(e)===wg};Oe.isProfiler=function(e){return rn(e)===Nc};Oe.isStrictMode=function(e){return rn(e)===Rc};Oe.isSuspense=function(e){return rn(e)===Hc};Oe.isValidElementType=function(e){return typeof e=="string"||typeof e=="function"||e===Mc||e===zc||e===Nc||e===Rc||e===Hc||e===uG||typeof e=="object"&&e!==null&&(e.$$typeof===Wc||e.$$typeof===Gc||e.$$typeof===Ic||e.$$typeof===Lc||e.$$typeof===jc||e.$$typeof===fG||e.$$typeof===dG||e.$$typeof===pG||e.$$typeof===cG)};Oe.typeOf=rn;OS.exports=Oe;var Cg=OS.exports;function hG(e){function t(N,K,Q,ne,P){for(var X=0,M=0,ve=0,ue=0,pe,ce,S=0,$=0,E,R=E=pe=0,I=0,H=0,fe=0,ye=0,_e=Q.length,he=_e-1,Ae,re="",De="",gt="",Ct="",on;I<_e;){if(ce=Q.charCodeAt(I),I===he&&M+ue+ve+X!==0&&(M!==0&&(ce=M===47?10:47),ue=ve=X=0,_e++,he++),M+ue+ve+X===0){if(I===he&&(0pe)&&(ye=(re=re.replace(" ",":")).length),0ne&&(ne=(K=K.trim()).charCodeAt(0)),ne){case 38:return K.replace(m,"$1"+N.trim());case 58:return N.trim()+K.replace(m,"$1"+N.trim());default:if(0<1*Q&&0M.charCodeAt(8))break;case 115:P=P.replace(M,"-webkit-"+M)+";"+P;break;case 207:case 102:P=P.replace(M,"-webkit-"+(102Q.charCodeAt(0)&&(Q=Q.trim()),le=Q,Q=[le],01?t-1:0),r=1;r0?" Args: "+n.join(", "):""))}var $G=function(){function e(n){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=n}var t=e.prototype;return t.indexOfGroup=function(n){for(var r=0,o=0;o=this.groupSizes.length){for(var o=this.groupSizes,i=o.length,a=i;n>=a;)(a<<=1)<0&&$l(16,""+n);this.groupSizes=new Uint32Array(a),this.groupSizes.set(o),this.length=a;for(var l=i;l=this.length||this.groupSizes[n]===0)return r;for(var o=this.groupSizes[n],i=this.indexOfGroup(n),a=i+o,l=i;l=Oa&&(Oa=t+1),Ts.set(e,t),ku.set(t,e)},PG="style["+ki+'][data-styled-version="5.3.3"]',TG=new RegExp("^"+ki+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),OG=function(e,t,n){for(var r,o=n.split(","),i=0,a=o.length;i=0;u--){var c=s[u];if(c&&c.nodeType===1&&c.hasAttribute(ki))return c}}(n),i=o!==void 0?o.nextSibling:null;r.setAttribute(ki,"active"),r.setAttribute("data-styled-version","5.3.3");var a=MG();return a&&r.setAttribute("nonce",a),n.insertBefore(r,i),r},RG=function(){function e(n){var r=this.element=NS(n);r.appendChild(document.createTextNode("")),this.sheet=function(o){if(o.sheet)return o.sheet;for(var i=document.styleSheets,a=0,l=i.length;a=0){var o=document.createTextNode(r),i=this.nodes[n];return this.element.insertBefore(o,i||null),this.length++,!0}return!1},t.deleteRule=function(n){this.element.removeChild(this.nodes[n]),this.length--},t.getRule=function(n){return n0&&(f+=p+",")}),i+=""+u+c+'{content:"'+f+`"}/*!sc*/ -`}}}return i}(this)},e}(),zG=/(a)(d)/gi,Ey=function(e){return String.fromCharCode(e+(e>25?39:97))};function Qp(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=Ey(t%52)+n;return(Ey(t%52)+n).replace(zG,"$1-$2")}var oi=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},LS=function(e){return oi(5381,e)};function jG(e){for(var t=0;t>>0);if(!n.hasNameForId(o,l)){var s=r(a,"."+l,void 0,o);n.insertRules(o,l,s)}i.push(l),this.staticRulesId=l}else{for(var u=this.rules.length,c=oi(this.baseHash,r.hash),f="",p=0;p>>0);if(!n.hasNameForId(o,C)){var m=r(f,"."+C,void 0,o);n.insertRules(o,C,m)}i.push(C)}}return i.join(" ")},e}(),WG=/^\s*\/\/.*$/gm,UG=[":","[",".","#"];function VG(e){var t,n,r,o,i=$r,a=i.options,l=a===void 0?$r:a,s=i.plugins,u=s===void 0?Fu:s,c=new hG(l),f=[],p=function(y){function C(m){if(m)try{y(m+"}")}catch(v){}}return function(m,v,b,F,_,A,D,T,O,z){switch(m){case 1:if(O===0&&v.charCodeAt(0)===64)return y(v+";"),"";break;case 2:if(T===0)return v+"/*|*/";break;case 3:switch(T){case 102:case 112:return y(b[0]+v),"";default:return v+(z===0?"/*|*/":"")}case-2:v.split("/*|*/}").forEach(C)}}}(function(y){f.push(y)}),h=function(y,C,m){return C===0&&UG.indexOf(m[n.length])!==-1||m.match(o)?y:"."+t};function g(y,C,m,v){v===void 0&&(v="&");var b=y.replace(WG,""),F=C&&m?m+" "+C+" { "+b+" }":b;return t=v,n=C,r=new RegExp("\\"+n+"\\b","g"),o=new RegExp("(\\"+n+"\\b){2,}"),c(m||!C?"":C,F)}return c.use([].concat(u,[function(y,C,m){y===2&&m.length&&m[0].lastIndexOf(n)>0&&(m[0]=m[0].replace(r,h))},p,function(y){if(y===-2){var C=f;return f=[],C}}])),g.hash=u.length?u.reduce(function(y,C){return C.name||$l(15),oi(y,C.name)},5381).toString():"",g}var zS=x.createContext();zS.Consumer;var jS=x.createContext(),KG=(jS.Consumer,new IS),Zp=VG();function YG(){return w.useContext(zS)||KG}function XG(){return w.useContext(jS)||Zp}var qG=function(){function e(t,n){var r=this;this.inject=function(o,i){i===void 0&&(i=Zp);var a=r.name+i.hash;o.hasNameForId(r.id,a)||o.insertRules(r.id,a,i(r.rules,a,"@keyframes"))},this.toString=function(){return $l(12,String(r.name))},this.name=t,this.id="sc-keyframes-"+t,this.rules=n}return e.prototype.getName=function(t){return t===void 0&&(t=Zp),this.name+t.hash},e}(),JG=/([A-Z])/,QG=/([A-Z])/g,ZG=/^ms-/,eW=function(e){return"-"+e.toLowerCase()};function Fy(e){return JG.test(e)?e.replace(QG,eW).replace(ZG,"-ms-"):e}var ky=function(e){return e==null||e===!1||e===""};function Ai(e,t,n,r){if(Array.isArray(e)){for(var o,i=[],a=0,l=e.length;a1?t-1:0),r=1;r?@[\\\]^`{|}~-]+/g,oW=/(^-|-$)/g;function Ed(e){return e.replace(rW,"-").replace(oW,"")}var iW=function(e){return Qp(LS(e)>>>0)};function ps(e){return typeof e=="string"&&!0}var eh=function(e){return typeof e=="function"||typeof e=="object"&&e!==null&&!Array.isArray(e)},aW=function(e){return e!=="__proto__"&&e!=="constructor"&&e!=="prototype"};function lW(e,t,n){var r=e[n];eh(t)&&eh(r)?HS(r,t):e[n]=t}function HS(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r=0||(z[T]=A[T]);return z}(t,["componentId"]),_=b&&b+"-"+(ps(v)?v:Ed(Cy(v)));return WS(v,Wn({},F,{attrs:p,componentId:_}),n)},Object.defineProperty(g,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(v){this._foldedDefaultProps=r?HS({},e.defaultProps,v):v}}),g.toString=function(){return"."+g.styledComponentId},o&&kG(g,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),g}var et=function(e){return function t(n,r,o){if(o===void 0&&(o=$r),!Cg.isValidElementType(r))return $l(1,String(r));var i=function(){return n(r,o,tW.apply(void 0,arguments))};return i.withConfig=function(a){return t(n,r,Wn({},o,{},a))},i.attrs=function(a){return t(n,r,Wn({},o,{attrs:Array.prototype.concat(o.attrs,a).filter(Boolean)}))},i}(WS,e)};["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach(function(e){et[e]=et(e)});var sW=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},al=et.div($y||($y=sW([` + */var ht=typeof Symbol=="function"&&Symbol.for,wg=ht?Symbol.for("react.element"):60103,xg=ht?Symbol.for("react.portal"):60106,Rc=ht?Symbol.for("react.fragment"):60107,Nc=ht?Symbol.for("react.strict_mode"):60108,Ic=ht?Symbol.for("react.profiler"):60114,Lc=ht?Symbol.for("react.provider"):60109,zc=ht?Symbol.for("react.context"):60110,Cg=ht?Symbol.for("react.async_mode"):60111,jc=ht?Symbol.for("react.concurrent_mode"):60111,Hc=ht?Symbol.for("react.forward_ref"):60112,Gc=ht?Symbol.for("react.suspense"):60113,fG=ht?Symbol.for("react.suspense_list"):60120,Wc=ht?Symbol.for("react.memo"):60115,Uc=ht?Symbol.for("react.lazy"):60116,dG=ht?Symbol.for("react.block"):60121,pG=ht?Symbol.for("react.fundamental"):60117,hG=ht?Symbol.for("react.responder"):60118,gG=ht?Symbol.for("react.scope"):60119;function rn(e){if(typeof e=="object"&&e!==null){var t=e.$$typeof;switch(t){case wg:switch(e=e.type,e){case Cg:case jc:case Rc:case Ic:case Nc:case Gc:return e;default:switch(e=e&&e.$$typeof,e){case zc:case Hc:case Uc:case Wc:case Lc:return e;default:return t}}case xg:return t}}}function MS(e){return rn(e)===jc}Oe.AsyncMode=Cg;Oe.ConcurrentMode=jc;Oe.ContextConsumer=zc;Oe.ContextProvider=Lc;Oe.Element=wg;Oe.ForwardRef=Hc;Oe.Fragment=Rc;Oe.Lazy=Uc;Oe.Memo=Wc;Oe.Portal=xg;Oe.Profiler=Ic;Oe.StrictMode=Nc;Oe.Suspense=Gc;Oe.isAsyncMode=function(e){return MS(e)||rn(e)===Cg};Oe.isConcurrentMode=MS;Oe.isContextConsumer=function(e){return rn(e)===zc};Oe.isContextProvider=function(e){return rn(e)===Lc};Oe.isElement=function(e){return typeof e=="object"&&e!==null&&e.$$typeof===wg};Oe.isForwardRef=function(e){return rn(e)===Hc};Oe.isFragment=function(e){return rn(e)===Rc};Oe.isLazy=function(e){return rn(e)===Uc};Oe.isMemo=function(e){return rn(e)===Wc};Oe.isPortal=function(e){return rn(e)===xg};Oe.isProfiler=function(e){return rn(e)===Ic};Oe.isStrictMode=function(e){return rn(e)===Nc};Oe.isSuspense=function(e){return rn(e)===Gc};Oe.isValidElementType=function(e){return typeof e=="string"||typeof e=="function"||e===Rc||e===jc||e===Ic||e===Nc||e===Gc||e===fG||typeof e=="object"&&e!==null&&(e.$$typeof===Uc||e.$$typeof===Wc||e.$$typeof===Lc||e.$$typeof===zc||e.$$typeof===Hc||e.$$typeof===pG||e.$$typeof===hG||e.$$typeof===gG||e.$$typeof===dG)};Oe.typeOf=rn;BS.exports=Oe;var Sg=BS.exports;function mG(e){function t(N,K,Q,ne,P){for(var X=0,M=0,ve=0,ue=0,pe,ce,S=0,$=0,E,R=E=pe=0,I=0,H=0,fe=0,ye=0,_e=Q.length,he=_e-1,Ae,re="",De="",gt="",Ct="",on;I<_e;){if(ce=Q.charCodeAt(I),I===he&&M+ue+ve+X!==0&&(M!==0&&(ce=M===47?10:47),ue=ve=X=0,_e++,he++),M+ue+ve+X===0){if(I===he&&(0pe)&&(ye=(re=re.replace(" ",":")).length),0ne&&(ne=(K=K.trim()).charCodeAt(0)),ne){case 38:return K.replace(m,"$1"+N.trim());case 58:return N.trim()+K.replace(m,"$1"+N.trim());default:if(0<1*Q&&0M.charCodeAt(8))break;case 115:P=P.replace(M,"-webkit-"+M)+";"+P;break;case 207:case 102:P=P.replace(M,"-webkit-"+(102Q.charCodeAt(0)&&(Q=Q.trim()),le=Q,Q=[le],01?t-1:0),r=1;r0?" Args: "+n.join(", "):""))}var DG=function(){function e(n){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=n}var t=e.prototype;return t.indexOfGroup=function(n){for(var r=0,o=0;o=this.groupSizes.length){for(var o=this.groupSizes,i=o.length,a=i;n>=a;)(a<<=1)<0&&_l(16,""+n);this.groupSizes=new Uint32Array(a),this.groupSizes.set(o),this.length=a;for(var l=i;l=this.length||this.groupSizes[n]===0)return r;for(var o=this.groupSizes[n],i=this.indexOfGroup(n),a=i+o,l=i;l=Ba&&(Ba=t+1),Os.set(e,t),Au.set(t,e)},OG="style["+Ai+'][data-styled-version="5.3.3"]',BG=new RegExp("^"+Ai+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),MG=function(e,t,n){for(var r,o=n.split(","),i=0,a=o.length;i=0;u--){var c=s[u];if(c&&c.nodeType===1&&c.hasAttribute(Ai))return c}}(n),i=o!==void 0?o.nextSibling:null;r.setAttribute(Ai,"active"),r.setAttribute("data-styled-version","5.3.3");var a=NG();return a&&r.setAttribute("nonce",a),n.insertBefore(r,i),r},IG=function(){function e(n){var r=this.element=IS(n);r.appendChild(document.createTextNode("")),this.sheet=function(o){if(o.sheet)return o.sheet;for(var i=document.styleSheets,a=0,l=i.length;a=0){var o=document.createTextNode(r),i=this.nodes[n];return this.element.insertBefore(o,i||null),this.length++,!0}return!1},t.deleteRule=function(n){this.element.removeChild(this.nodes[n]),this.length--},t.getRule=function(n){return n0&&(f+=p+",")}),i+=""+u+c+'{content:"'+f+`"}/*!sc*/ +`}}}return i}(this)},e}(),HG=/(a)(d)/gi,Fy=function(e){return String.fromCharCode(e+(e>25?39:97))};function Zp(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=Fy(t%52)+n;return(Fy(t%52)+n).replace(HG,"$1-$2")}var ii=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},zS=function(e){return ii(5381,e)};function GG(e){for(var t=0;t>>0);if(!n.hasNameForId(o,l)){var s=r(a,"."+l,void 0,o);n.insertRules(o,l,s)}i.push(l),this.staticRulesId=l}else{for(var u=this.rules.length,c=ii(this.baseHash,r.hash),f="",p=0;p>>0);if(!n.hasNameForId(o,C)){var m=r(f,"."+C,void 0,o);n.insertRules(o,C,m)}i.push(C)}}return i.join(" ")},e}(),VG=/^\s*\/\/.*$/gm,KG=[":","[",".","#"];function YG(e){var t,n,r,o,i=$r,a=i.options,l=a===void 0?$r:a,s=i.plugins,u=s===void 0?ku:s,c=new mG(l),f=[],p=function(y){function C(m){if(m)try{y(m+"}")}catch(v){}}return function(m,v,b,F,_,A,D,T,O,z){switch(m){case 1:if(O===0&&v.charCodeAt(0)===64)return y(v+";"),"";break;case 2:if(T===0)return v+"/*|*/";break;case 3:switch(T){case 102:case 112:return y(b[0]+v),"";default:return v+(z===0?"/*|*/":"")}case-2:v.split("/*|*/}").forEach(C)}}}(function(y){f.push(y)}),h=function(y,C,m){return C===0&&KG.indexOf(m[n.length])!==-1||m.match(o)?y:"."+t};function g(y,C,m,v){v===void 0&&(v="&");var b=y.replace(VG,""),F=C&&m?m+" "+C+" { "+b+" }":b;return t=v,n=C,r=new RegExp("\\"+n+"\\b","g"),o=new RegExp("(\\"+n+"\\b){2,}"),c(m||!C?"":C,F)}return c.use([].concat(u,[function(y,C,m){y===2&&m.length&&m[0].lastIndexOf(n)>0&&(m[0]=m[0].replace(r,h))},p,function(y){if(y===-2){var C=f;return f=[],C}}])),g.hash=u.length?u.reduce(function(y,C){return C.name||_l(15),ii(y,C.name)},5381).toString():"",g}var jS=x.createContext();jS.Consumer;var HS=x.createContext(),XG=(HS.Consumer,new LS),eh=YG();function qG(){return w.useContext(jS)||XG}function JG(){return w.useContext(HS)||eh}var QG=function(){function e(t,n){var r=this;this.inject=function(o,i){i===void 0&&(i=eh);var a=r.name+i.hash;o.hasNameForId(r.id,a)||o.insertRules(r.id,a,i(r.rules,a,"@keyframes"))},this.toString=function(){return _l(12,String(r.name))},this.name=t,this.id="sc-keyframes-"+t,this.rules=n}return e.prototype.getName=function(t){return t===void 0&&(t=eh),this.name+t.hash},e}(),ZG=/([A-Z])/,eW=/([A-Z])/g,tW=/^ms-/,nW=function(e){return"-"+e.toLowerCase()};function ky(e){return ZG.test(e)?e.replace(eW,nW).replace(tW,"-ms-"):e}var Ay=function(e){return e==null||e===!1||e===""};function $i(e,t,n,r){if(Array.isArray(e)){for(var o,i=[],a=0,l=e.length;a1?t-1:0),r=1;r?@[\\\]^`{|}~-]+/g,aW=/(^-|-$)/g;function Fd(e){return e.replace(iW,"-").replace(aW,"")}var lW=function(e){return Zp(zS(e)>>>0)};function hs(e){return typeof e=="string"&&!0}var th=function(e){return typeof e=="function"||typeof e=="object"&&e!==null&&!Array.isArray(e)},sW=function(e){return e!=="__proto__"&&e!=="constructor"&&e!=="prototype"};function uW(e,t,n){var r=e[n];th(t)&&th(r)?GS(r,t):e[n]=t}function GS(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r=0||(z[T]=A[T]);return z}(t,["componentId"]),_=b&&b+"-"+(hs(v)?v:Fd(Sy(v)));return US(v,Wn({},F,{attrs:p,componentId:_}),n)},Object.defineProperty(g,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(v){this._foldedDefaultProps=r?GS({},e.defaultProps,v):v}}),g.toString=function(){return"."+g.styledComponentId},o&&$G(g,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),g}var et=function(e){return function t(n,r,o){if(o===void 0&&(o=$r),!Sg.isValidElementType(r))return _l(1,String(r));var i=function(){return n(r,o,rW.apply(void 0,arguments))};return i.withConfig=function(a){return t(n,r,Wn({},o,{},a))},i.attrs=function(a){return t(n,r,Wn({},o,{attrs:Array.prototype.concat(o.attrs,a).filter(Boolean)}))},i}(US,e)};["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach(function(e){et[e]=et(e)});var cW=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},ll=et.div(_y||(_y=cW([` justify-content: flex-end; width: 60px; display: flex; @@ -110,13 +110,13 @@ ${CH(n)} display: flex; align-items: center; user-select: none; -`]))),$y,_l=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},uW=et.div(_y||(_y=_l([` +`]))),_y,Dl=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},fW=et.div(Dy||(Dy=Dl([` flex: 1; display: flex; `],[` flex: 1; display: flex; -`]))),cW=et.div(Dy||(Dy=_l([` +`]))),dW=et.div(Py||(Py=Dl([` display: flex; width: 170px; margin: 0 0 0 auto; @@ -124,7 +124,7 @@ ${CH(n)} display: flex; width: 170px; margin: 0 0 0 auto; -`]))),US=et.div(Py||(Py=_l([` +`]))),VS=et.div(Ty||(Ty=Dl([` border: 1px solid #555a; background: `,`; cursor: pointer; @@ -144,15 +144,15 @@ ${CH(n)} justify-content: center; box-sizing: border-box; margin: 0.5em 0; -`])),function(e){return e.active?"#4285F4":"transparent"}),fW=et(US)(Ty||(Ty=_l([` +`])),function(e){return e.active?"#4285F4":"transparent"}),pW=et(VS)(Oy||(Oy=Dl([` border-radius: 2px 0 0 2px; `],[` border-radius: 2px 0 0 2px; -`]))),dW=et(US)(Oy||(Oy=_l([` +`]))),hW=et(VS)(By||(By=Dl([` border-radius: 0 2px 2px 0; `],[` border-radius: 0 2px 2px 0; -`])));const pW=function(e){var t=e.value,n=e.onChange;return x.createElement(uW,null,x.createElement(al,null,"Type"),x.createElement(cW,null,x.createElement(fW,{className:"shadow-picker__position "+(t==="outside"?"active":""),active:t==="outside",onClick:function(){return n("outside")}},"Outside"),x.createElement(dW,{className:"shadow-picker__position "+(t==="inside"?"active":""),active:t==="inside",onClick:function(){return n("inside")}},"Inside")))};var _y,Dy,Py,Ty,Oy,Ag=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},hW=et.svg(By||(By=Ag([` +`])));const gW=function(e){var t=e.value,n=e.onChange;return x.createElement(fW,null,x.createElement(ll,null,"Type"),x.createElement(dW,null,x.createElement(pW,{className:"shadow-picker__position "+(t==="outside"?"active":""),active:t==="outside",onClick:function(){return n("outside")}},"Outside"),x.createElement(hW,{className:"shadow-picker__position "+(t==="inside"?"active":""),active:t==="inside",onClick:function(){return n("inside")}},"Inside")))};var Dy,Py,Ty,Oy,By,$g=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},mW=et.svg(My||(My=$g([` width: 100px; height: 100px; border: 1px solid #5a5a5a; @@ -162,17 +162,17 @@ ${CH(n)} height: 100px; border: 1px solid #5a5a5a; cursor: `,`; -`])),function(e){return e.dragging?"grabbing":"grab"}),gW=et.circle(My||(My=Ag([` +`])),function(e){return e.dragging?"grabbing":"grab"}),vW=et.circle(Ry||(Ry=$g([` color: #4285f4; pointer-events: none; `],[` color: #4285f4; pointer-events: none; -`]))),kd=et.line(Ry||(Ry=Ag([` +`]))),Ad=et.line(Ny||(Ny=$g([` color: #555a; `],[` color: #555a; -`])));const mW=function(e){var t=e.offset,n=t.x,r=t.y,o=e.max,i=o===void 0?20:o,a=e.onChange,l=w.useState(!1),s=l[0],u=l[1],c=w.useRef(),f=function(y){!s||!(c!=null&&c.current)||p(y)},p=function(y){var C=c.current.createSVGPoint();C.x=y.clientX,C.y=y.clientY;var m=C.matrixTransform(c.current.getScreenCTM().inverse()),v={x:Math.trunc((m.x-50)*(i/50)*100)/100,y:Math.trunc((m.y-50)*(i/50)*100)/100};a(v)};w.useEffect(function(){var y=function(C){C.target.getAttribute("data-touch")&&(C.preventDefault(),C.touches&&p(C.touches[0]))};return window.addEventListener("touchmove",y,{passive:!1}),function(){return window.removeEventListener("touchmove",y)}},[p]);var h=50/i*n+50,g=50/i*r+50;return x.createElement(hW,{ref:c,onMouseMove:f,onMouseDown:function(){return u(!0)},onMouseUp:function(){return u(!1)},dragging:s,"data-touch":!0,className:"shadow-picker__grid",viewBox:"0 0 100 100"},x.createElement(kd,{x1:50,y1:0,x2:50,y2:100,strokeWidth:2,strokeDasharray:"2,1",stroke:"currentColor",className:"shadow-picker__grid-line"}),x.createElement(kd,{x1:0,y1:50,x2:100,y2:50,strokeDasharray:"2,1",strokeWidth:2,stroke:"currentColor",className:"shadow-picker__grid-line"}),x.createElement(kd,{x1:50,y1:50,x2:h,y2:g,strokeWidth:2,stroke:"currentColor",className:"shadow-picker__grid-line"}),x.createElement(gW,{className:"shadow-picker__grid-handle",cx:h,cy:g,r:5,fill:"currentColor"}))};var By,My,Ry,vW=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},yW=et.input(Ny||(Ny=vW([` +`])));const yW=function(e){var t=e.offset,n=t.x,r=t.y,o=e.max,i=o===void 0?20:o,a=e.onChange,l=w.useState(!1),s=l[0],u=l[1],c=w.useRef(),f=function(y){!s||!(c!=null&&c.current)||p(y)},p=function(y){var C=c.current.createSVGPoint();C.x=y.clientX,C.y=y.clientY;var m=C.matrixTransform(c.current.getScreenCTM().inverse()),v={x:Math.trunc((m.x-50)*(i/50)*100)/100,y:Math.trunc((m.y-50)*(i/50)*100)/100};a(v)};w.useEffect(function(){var y=function(C){C.target.getAttribute("data-touch")&&(C.preventDefault(),C.touches&&p(C.touches[0]))};return window.addEventListener("touchmove",y,{passive:!1}),function(){return window.removeEventListener("touchmove",y)}},[p]);var h=50/i*n+50,g=50/i*r+50;return x.createElement(mW,{ref:c,onMouseMove:f,onMouseDown:function(){return u(!0)},onMouseUp:function(){return u(!1)},dragging:s,"data-touch":!0,className:"shadow-picker__grid",viewBox:"0 0 100 100"},x.createElement(Ad,{x1:50,y1:0,x2:50,y2:100,strokeWidth:2,strokeDasharray:"2,1",stroke:"currentColor",className:"shadow-picker__grid-line"}),x.createElement(Ad,{x1:0,y1:50,x2:100,y2:50,strokeDasharray:"2,1",strokeWidth:2,stroke:"currentColor",className:"shadow-picker__grid-line"}),x.createElement(Ad,{x1:50,y1:50,x2:h,y2:g,strokeWidth:2,stroke:"currentColor",className:"shadow-picker__grid-line"}),x.createElement(vW,{className:"shadow-picker__grid-handle",cx:h,cy:g,r:5,fill:"currentColor"}))};var My,Ry,Ny,bW=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},wW=et.input(Iy||(Iy=bW([` background: transparent; color: inherit; border: 1px solid #555a; @@ -194,13 +194,13 @@ ${CH(n)} box-sizing: border-box; //flex: 1; text-align: right; -`])));const Au=function(e){var t=e.value,n=e.onChange,r=w.useState(t),o=r[0],i=r[1],a=w.useState(!1),l=a[0],s=a[1];w.useEffect(function(){l||i(t)},[t]);var u=function(f){i(f.target.value),n(f.target.value)},c=function(){s(!1),/(-?\d+)((r?em)|(px)|\%)$/.test(o)&&n(o)};return x.createElement(yW,{className:"shadow-picker__input",value:o,onFocus:function(){return s(!0)},onBlur:c,onChange:u})};var Ny,bW=/(-?\d+)((r?em)|(px)|\%)$/,wW=function(e){var t=e.split(" "),n="outside";if(t[0]==="inset"&&(t.shift(),n="inside"),t.length===3){var r=t[0],o=t[1],i=t[2];return{offset:{x:r,y:o},color:i,position:n}}if(t.length===4){var r=t[0],o=t[1],a=t[2],i=t[3];return{offset:{x:r,y:o},color:i,blur:a,position:n}}if(t.length===5){var r=t[0],o=t[1],l=t[2],s=t[3],i=t[4];return{offset:{x:r,y:o},color:i,spread:s,blur:l,position:n}}return null},Iy=function(e){var t,n,r=[e.position==="inside"?"inset":void 0,((t=e.offset)===null||t===void 0?void 0:t.x)||"0",((n=e.offset)===null||n===void 0?void 0:n.y)||"0",e.blur,e.spread,e.color||"#000000"].filter(function(o){return!!o});return r.join(" ")},xW=function(e){var t,n=e.match(new RegExp("#(?[0-9A-F]{6,8})","i")),r=(t=n==null?void 0:n.groups)===null||t===void 0?void 0:t.hex;if(r){var o=255;return r.length===8&&(o=parseInt(r.substr(6,2),16)),{alpha:o,color:"#"+r.substr(0,6)}}return null},th=function(e){var t=w.useState(0),n=t[0],r=t[1],o=w.useState("px"),i=o[0],a=o[1];return w.useEffect(function(){var l=e.match(bW);(l==null?void 0:l.length)===5&&(r(parseInt(l[1])),a(l[2]))},[e]),{unit:i,amount:n,setUnit:a,setAmount:r}},Uc=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},$u=function(){return $u=Object.assign||function(e){for(var t,n=1,r=arguments.length;n[0-9A-F]{6,8})","i")),r=(t=n==null?void 0:n.groups)===null||t===void 0?void 0:t.hex;if(r){var o=255;return r.length===8&&(o=parseInt(r.substr(6,2),16)),{alpha:o,color:"#"+r.substr(0,6)}}return null},nh=function(e){var t=w.useState(0),n=t[0],r=t[1],o=w.useState("px"),i=o[0],a=o[1];return w.useEffect(function(){var l=e.match(xW);(l==null?void 0:l.length)===5&&(r(parseInt(l[1])),a(l[2]))},[e]),{unit:i,amount:n,setUnit:a,setAmount:r}},Vc=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},_u=function(){return _u=Object.assign||function(e){for(var t,n=1,r=arguments.length;n0&&i[i.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!i||u[1]>i[0]&&u[1]0&&i[i.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!i||u[1]>i[0]&&u[1]=r.options.limit)return"break";!r.fonts.has(u.family)&&(r.options.families.length===0||r.options.families.includes(u.family))&&(r.options.categories.length===0||r.options.categories.includes(u.category))&&r.options.scripts.every(function(c){return u.scripts.includes(c)})&&r.options.variants.every(function(c){return u.variants.includes(c)})&&r.options.filter(u)===!0&&r.fonts.set(u.family,u)},r=this,o=0;o=r.options.limit)return"break";!r.fonts.has(u.family)&&(r.options.families.length===0||r.options.families.includes(u.family))&&(r.options.categories.length===0||r.options.categories.includes(u.category))&&r.options.scripts.every(function(c){return u.scripts.includes(c)})&&r.options.variants.every(function(c){return u.variants.includes(c)})&&r.options.filter(u)===!0&&r.fonts.set(u.family,u)},r=this,o=0;ott(Be,null,function*(){const t=e.replace(/[^\w]/g,""),n=document.querySelector("style#"+t);if(n)return n.sheet.rules;let r;try{r=yield(yield fetch(e)).text()}catch(i){r="",console.info(`Failed fetching sheet ${e}`)}const o=document.createElement("style");return o.id=t,o.innerText=r,o.disabled=!0,document.head.appendChild(o),o.sheet.cssRules}),tU=(e,{style:{fontFamily:t,fontWeight:n,fontStyle:r}})=>{var i;const o=((i=e[t])==null?void 0:i.variants)||{};return o[`${n||"normal"}|${r||"normal"}`]={fontWeight:n||"normal",fontStyle:r||"normal"},e[t]={fontFamily:t,variants:o},e},nU=(e,t)=>tt(Be,null,function*(){var o;return[...(o=t.href)!=null&&o.startsWith(e5)?yield eU(t.href):t.rules].filter(i=>i instanceof CSSFontFaceRule).reduce(tU,e)}),rU=e=>s0(e)||e.href.startsWith(e5),oU=()=>tt(Be,null,function*(){const e=[...document.styleSheets].filter(rU);return Object.values(yield e.reduce(nU,{}))}),iU=e=>e.replace(/^"/,"").replace(/"$/,""),Zy=e=>iU(e.replace(/,.*$/,"")),aU="AIzaSyBt0d8TsNo0wJn8Pj2zICtBY614IsEqrHw",lU=e=>{const[t,n]=w.useState(!1),{value:r,onChange:o}=e,[i,a]=w.useState([]);return w.useEffect(()=>{tt(Be,null,function*(){const l=performance.now(),s=yield oU();console.info(`Loaded ${s.length} fonts in ms`,performance.now()-l),a(s)})},[]),k(w.Fragment,{children:[d(Se,{controls:[t,n],children:"Use Google picker (might crash)"}),!t||i.length===0?null:d(ZW,{apiKey:aU,activeFontFamily:Zy(r),families:i.map(l=>Zy(l.fontFamily)),onChange:l=>{o(l.family)}}),d(kt,{value:r,onChange:o,options:i.map(({fontFamily:l})=>({label:l,value:l}))}),d(Ve,{value:r,onChange:o})]})};var eb=function(e){var t=e,n,r={a:0,b:0,c:0},o=[],i=/(\[[^\]]+\])/g,a=/(#[^\#\s\+>~\.\[:\)]+)/g,l=/(\.[^\s\+>~\.\[:\)]+)/g,s=/(::[^\s\+>~\.\[:]+|:first-line|:first-letter|:before|:after)/gi,u=/(:(?!not|global|local)[\w-]+\([^\)]*\))/gi,c=/(:(?!not|global|local)[^\s\+>~\.\[:]+)/g,f=/([^\s\+>~\.\[:]+)/g;return n=function(p,h){var g,y,C,m,v,b;if(p.test(t))for(g=t.match(p),y=0,C=g.length;y~]/g," "),t=t.replace(/[#\.]/g," "),t=t.replace(/:not/g," "),t=t.replace(/:local/g," "),t=t.replace(/:global/g," "),t=t.replace(/[\(\)]/g," "),n(f,"c"),o.sort(function(p,h){return p.index-h.index}),{selector:e,specificity:"0,"+r.a.toString()+","+r.b.toString()+","+r.c.toString(),specificityArray:[0,r.a,r.b,r.c],parts:o}},sU=function(e,t){var n,r,o;if(typeof e=="string"){if(e.indexOf(",")!==-1)throw"Invalid CSS selector";n=eb(e).specificityArray}else if(Array.isArray(e)){if(e.filter(function(i){return typeof i=="number"}).length!==4)throw"Invalid specificity array";n=e}else throw"Invalid CSS selector or specificity array";if(typeof t=="string"){if(t.indexOf(",")!==-1)throw"Invalid CSS selector";r=eb(t).specificityArray}else if(Array.isArray(t)){if(t.filter(function(i){return typeof i=="number"}).length!==4)throw"Invalid specificity array";r=t}else throw"Invalid CSS selector or specificity array";for(o=0;o<4;o+=1){if(n[o]r[o])return 1}return 0};function uU(e,t){return Nr(e,t)!==e.length}function Nr(e,t){let n=!1,r=0,o=t+1;for(;o0||e[o]!==")");){if(n){n=!1,o++;continue}switch(e[o]){case"\\":n=!0;break;case")":r--;break;case"(":r++;break}o++}return o}function tb(e){let t=e,n;for(;n=new RegExp(":where\\(","d").exec(t);){const r=Nr(t,n.index+6);t=t.slice(0,n.index)+t.slice(r+1)}return t.replaceAll(/:not\([\s,]*\)/g,"").replaceAll(/,\s*,/g,",").replaceAll(/\(\s*,/g,"(")}function Pu(e,t=0){let n=e,r,o=0;for(;r=new RegExp(":not\\(","d").exec(n.slice(o));){const i=r.index+4+o,a=Nr(n,i),l=n.slice(i+1,a),u=Pu(l,t+1).split(",");let c=u[0];for(const p of u)p!==c&&hi(c,p)===-1&&(c=p);const f=n.slice(0,r.index+o)+`:not(${c.trim()})`;o=f.length,n=f+n.slice(a+1)}for(o=0;r=new RegExp(":is\\(","d").exec(n.slice(o));){const i=r.index+3+o,a=Nr(n,i),l=n.slice(i+1,a),u=Pu(l,t+1).split(",");let c=u[0];for(const p of u)hi(c,p)===-1&&(c=p);const f=n.slice(0,r.index+o)+`:not(${c.trim()})`;o=f.length,n=f+n.slice(a+1)}if(n.includes(",")){const i=n.split(",");let a;for(const l of i)(!a||hi(a,l)===-1)&&(a=l);return a}return n}function hi(e,t){return sU(Pu(tb(e)),Pu(tb(t)))}function cU(e,t,n){const i=Object.keys(pt).filter(a=>{const l=ou(a);try{return e.matches(l)}catch(s){console.log("Failed testing scope selector:",l)}}).reduce((a,l)=>{const s=t.filter(({name:u})=>u in pt[l]);return a.push({selector:l,scopeVars:s}),a},[]).map(a=>{const{selector:l}=a,s=ou(l);if(!/,/.test(l))a.matchingSelector=l;else{let u=null,c=e;for(;u===null&&(c!=null&&c.parentNode);)u=oh([{selector:l,statelessSelector:s,property:"__definitely_not_exists__"}],c),c=c.parentNode;a.matchingSelector=u==null?void 0:u.winningSelector}return a});for(const a of n)a.scopes.length>i.length&&(a.scopes=a.scopes.map((l,s)=>[l,s]).sort(([l,s],[u,c])=>{const f=i.some(h=>h.selector===l.selector),p=i.some(h=>h.selector===u.selector);return f&&p||!f&&!p?s-c:f?1:-1}).map(([l])=>l));return i.sort((a,l)=>{try{const s=hi(a.matchingSelector,l.matchingSelector);return s===0?-1:s*-1}catch(s){return console.log(a,l),console.log(s),-1}})}const fU=e=>{const{id:t,tagName:n,classList:r}=e,o=n.toLowerCase(),i=t?`#${t}`:"";if(o==="body"||o==="html")return o;const a=[...r].filter(c=>c!==Qu).map(c=>`.${c}`.replaceAll(/([^\w-.])/g,"\\$1")).join(" "),l=n.toLowerCase()+i+` -`+a;let s="";const u=e.closest("body");try{if(!i){const c=[...u.querySelectorAll(l.replaceAll(/\s+/g,""))];if(c.length===1)s="";else{for(let p=1;p<=c.length;p++);s=` (${c.indexOf(e)+1}/${c.length})`}}}catch(c){console.log(c)}return`${l}${s}`},dU=({name:e,maxSpecific:t},{name:n,maxSpecific:r})=>{const o=new RegExp("--(?\\w+(-?-\\w+)*)(--(?(active|focus|visited|hover|disabled)))?--(?\\w+(-\\w+)*)"),{media:i,property:a}=t,{media:l,property:s}=r;if(a!==s)return a{const r=[],o={};let i,a=t,l=e;for(;i=a.parentNode;){const s=a;if(l.length===0)break;const u=u2({cssVars:l,target:i}),c={};let f=!1;for(const m of s.style)f=!0,c[m]=s.style.getPropertyValue(m);const p=u.length!u.includes(O)):[],v=p?cU(s,n,r):[],b=fU(s),F=o[b]||0;o[b]=F+1;const _=b+(F===0?"":`#${F}`),A=g?pU(s):h?s.outerHTML+'
'+[...s.childNodes].reduce((O,z)=>{if(z.nodeName!=="use")return O;const Y=z.href.baseVal.replace("#",""),B=document.getElementById(Y);return O+(B==null?void 0:B.outerHTML)||""},"")+"
":null,D=s.tagName==="HTML"||s.tagName==="BODY",T={element:s,path:Bc(s),elementInfo:{src:s.getAttribute("src"),srcset:s.getAttribute("srcset"),imgWidth:s.naturalWidth,imgHeight:s.naturalHeight,alt:s.getAttribute("alt"),html:A,width:h?s.getBoundingClientRect().width:null,title:s.getAttribute("title")},computedStyles:{fontFamily:getComputedStyle(s).fontFamily},isRootElement:D,isDeepest:C,textContent:C&&[...s.childNodes].some(O=>O.nodeType===3&&O.textContent.trim()!=="")?s.textContent.trim():"",label:_,vars:m.map(O=>{let z;for(const{scopeVars:Y,selector:B}of v)if(Y.some(W=>W.name===O.name)){z=B;break}return ie(V({},O),{currentScope:z})}),scopes:v,inlineStyles:c,inheritedInlineStyles:hU(s,c)};r.push(T),l=u}a=i}return r},t5=l0;function mU({selector:e,winningSelector:t="",property:n,index:r},o){const i=(t.split(",")[0].match(t5)||[]).join(""),a=(t.split(",")[0].match(/:(:(\w*(\-\w+)*)|after|before)/g)||[]).join(""),l=r?`#${r}`:"",s=n+i+o+a+l,u=n+i+"all"+a+(t===""?e:"")+l;return[s,u,i,a]}function _g(e){const t=e.split(","),n=[];let r="";for(const o of t){let i=!1,a=!1,l=0;const s=r+(r?",":"")+o;for(const u of s){if(i){i=!1;continue}if(u==="("&&!uU(s,l)){a=!0;break}u==="\\"&&(i=!0),l++}a?r+=(r?",":"")+o:(n.push(s),r="")}return r&&n.push(r),n}function oh(e,t){const n={};return e.reduce((r,o)=>{const i=o.statelessSelector;try{if(!i||!t.matches(i))return r}catch(c){return r}const a=_g(o.selector),l=(c,f)=>{const p=f.replace(t5,"").replaceAll(s2,"").trim().replaceAll(/^\s*>\s*/g,"").replaceAll(/\s*>\s*$/g,"> *");try{if(p===""||!t.matches(p))return c}catch(h){return console.log(p),c}try{const h=hi(c,f)!==-1?f:c;if(h===f){if(n[p]&&f.length>n[p].length)return c;n[p]=f}return h}catch(h){return c}};o.winningSelector=a.reduce(l);const s=typeof t.style[o.property]!="undefined"&&t.style[o.property]!=="";if(s&&t.style.getPropertyPriority(o.property)==="important")return r;if(o.isImportant&&!(r!=null&&r.isImportant))return o;if(r!=null&&r.isImportant&&!o.isImportant||s)return r;if(r===null)return o;try{if(hi(r.winningSelector,o.winningSelector)!==1)return o}catch(c){return console.log(c,r.winningSelector,o.winningSelector),o}return r},null)}const vU=(e,t)=>{const n=t.media||"all",r=e[n]||[];return e[n]=[...r,t],e},yU=(e,t)=>{const n={},r=e.reduce((o,i)=>{const a=i.usages.reduce(vU,{all:[]});let l=!1;return Object.entries(a).forEach(([s,u])=>{if(l)return;const c=oh(u,t)||u[0];if(!c||t.style[c.property]!==""&&/:(before|after)/.test(c.winningSelector))return;l=!0;const[f,p,h,g]=mU(c,s);if(s!=="all"){!o[p]&&!n[p]&&(n[p]={});const y=o[p]||n[p];y.overridingMedia||(y.overridingMedia=[]),y.overridingMedia.push({media:s,cssVar:i}),i.allVar=y}if(!o[f])o[f]=ie(V({},i),{maxSpecific:c,states:h,pseudos:g});else if(!o[f].usages.some(y=>y.property===c.property&&y.defaultValue&&(y.defaultValue.includes(`var(${i.name},`)||y.defaultValue.includes(`var(${i.name})`)))){const y=oh([o[f].maxSpecific,c],t);c===y&&(o[f]=ie(V({},i),{maxSpecific:c,states:h,pseudos:g}))}}),o},{});return Object.values(r)},Ad=new WeakMap,bU=e=>e.map(o=>{var i=o,{vars:t,element:n}=i,r=mn(i,["vars","element"]);if(Ad.has(n))return Ad.get(n);const a=ie(V({},r),{element:n,vars:yU(t,n).sort(dU)});return Ad.set(n,a),a});function Dg(e=""){if(!e.includes("("))return!1;const t=e.indexOf("("),n=e.slice(0,t).toLowerCase();return!(!["calc","min","max","clamp"].includes(n)||Nr(e,t)Yc(o.trim(),t));let r;for(const[,o]of n){if(r===void 0){r=o;continue}if(o!==r)throw new Error("All arguments need to be of the same type. "+e)}return[n.map(([o])=>o),r]}function Yc(e,t){let n="",r=!1,o;const i=[];let a=0,l="",s="",u="";const c={"("(){const h=Nr(e,a);if(n==="var")throw new Error("Expression contains unresolved variable. "+e);const g=e.substring(a+1,h),y=n.toLowerCase();if(y==="clamp"){const[C,m]=_d(g,t);r=m;const[v,b,F]=C;n=parseFloat(b)parseFloat(F)?F:b,t.steps.push({mathFunc:"clamp",args:C,result:n})}else if(y==="min"){const[C,m]=_d(g,t);r=m,n=C.reduce((v,b)=>bb>v?b:v,-1/0),t.steps.push({mathFunc:"max",args:C,result:n})}else{const[C,m]=Yc(g,t);n=C,r=m}a=h},")"(){throw new Error("Unmatched closing bracket.")},"+"(){if(u===" "){if(l!==" "&&l!==void 0)throw new Error("Plus operator must be preceded by a space.");o=["+",n,r]}n=""},"-"(){if(u===" "){if(l!==" "&&l!==void 0)throw new Error("Minus operator must be preceded by a space.");o=["-",n,r],n=""}else n="-"},"/"(){o=["/",n,r],n=""},"*"(){o=["*",n,r],n=""}};for(;aob[o[0]]?i.push(o):([n,r]=$d(o,n,t),o=null)),c[s]()):(n!==""||s!==" ")&&(n+=s),a++;for(o&&([n,r]=$d(o,`${n}`.trim(),t,r));i.length>0;)[n,r]=$d(i.pop(),n,t,r);const[f,p]=ih(`${n}`.trim(),t);return[f,p||r]}function xU(e,t){const n=[];for(const r of t){r.steps=[];try{n.push([r,...Yc(e,r)])}catch(o){r.steps.push({error:o.message}),n.push([r,o.message])}}return n}const CU={min(e,t){return`Take lowest of [${e.join(", ")}] = ${t}`},max(e,t){return`Take highest of [${e.join(", ")}] = ${t}`},clamp([e,t,n],r){return`Clamp ${t} between ${e} and ${n} = ${r}`}};function SU(e){const{referencedVars:t,elementScopes:n,expression:r}=e,o=gn(),{allVars:i}=w.useContext(qe);return k(w.Fragment,{children:[d("br",{}),d("h5",{children:"Variables"}),d("ul",{style:{border:"1px solid black"},children:t.map(a=>{const l=i.find(s=>s.name===a)||{name:a,usages:[{property:"width"}],properties:{width:{isFullProperty:!0,fullValue:`var(--${a})`,isImportant:!1}},maxSpecific:{property:"width"},positions:[]};return d("li",{children:d(Ui,{cssVar:l,scopes:n,onChange:s=>{o({type:Me.set,payload:{name:l.name,value:s}})},onUnset:()=>{o({type:Me.unset,payload:{name:l.name}})}})},a)})})]})}function n5(e){const{value:t,resolvedValue:n,referencedVars:r,onChange:o,elementScopes:i,disabled:a=!1}=e,{width:l,height:s}=Ce,{frameRef:u}=w.useContext(qe),f=(t.startsWith("calc(")?t.replace(/calc\(/,"").replace(/\)$/,""):t).replaceAll("calc(","("),p=n.startsWith("calc(")?n.replace(/calc\(/,"").replace(/\)$/,""):n,h=p.replaceAll("calc(","("),g=getComputedStyle(u.current.contentWindow.document.documentElement).getPropertyValue("font-size"),y=parseFloat(g.replace("px","")),C=xU(h,[{width:l,height:s,remFactor:y,resultUnit:"px"}]);return k("div",{children:[d("h3",{children:"Calculation"}),d(Ve,{disabled:a,style:{width:"100%"},value:f,onChange:m=>o(Dg(m)?m:`calc(${m})`)}),d("h4",{children:"Evaluates to"}),d("ul",{children:C.map(([{width:m,height:v,resultUnit:b,remFactor:F,steps:_},A,D])=>{const T=`${m}x${v}~${b}~${F}`;return k("li",{children:[k("code",{style:{cursor:"pointer",fontSize:"2rem"},onClick:()=>o(`${A}${b}`),children:[A,D&&b]}),d("pre",{children:k("code",{children:["at ",m,"x",v]})}),(r==null?void 0:r.length)>0&&d(SU,{referencedVars:r,elementScopes:i,expression:f}),d("br",{}),d("code",{children:p}),d("h5",{children:"Steps"}),d("ol",{children:_.map((O,z)=>{let Y;if(O.mathFunc){const{mathFunc:B,args:W,result:de}=O;Y=d("code",{children:CU[B](W,de)})}else if(O.operator){const{orig:{arg1:B,arg2:W},a:de,operator:me,b:ae,result:se}=O;Y=k("code",{title:`${B} ${me} ${W}`,children:[de," ",me," ",ae," = ",se]})}else if(O.error){const{error:B}=O;Y=k("code",{children:["Error: ",B]})}else{const{before:B,result:W}=O;Y=k("code",{children:[B," = ",W]})}return k("li",{children:[Y,d("br",{}),d("br",{})]},z)})})]},T)})}),d("br",{}),k("i",{children:["Root font size: ",y,"px"]})]})}const EU=["font-size","border","border-width","border-bottom","border-bottom-width","line-height","border-radius","margin","margin-bottom","margin-top","margin-left","margin-right","padding","padding-bottom","padding-left","padding-right","padding-top","padding-block-start","width","height","min-width","max-width","min-height","max-height","letter-spacing","outline-offset","top","bottom","left","right","outline-width","outline-offset","gap","block-size","inline-size","max-inline-size","min-inline-size"],r5=16,FU=e=>e*r5,kU=e=>e/r5,ib=e=>e&&e.match(/[\d.]+px$/),ab=e=>e&&e.match(/[\d.]+rem$/),AU=e=>e&&e.match(/\d%$/),$U=e=>e&&e.match(/vh$/),_U=e=>e&&e.match(/vw$/),DU=e=>{const{onChange:t,value:n,resolvedValue:r}=e,[o,i]=w.useState(.1),a=ib(n)?n.replace("px",""):ab(n)?FU(parseFloat(n.replace("rem",""))):"",l=ab(n)?n.replace("rem",""):ib(n)?kU(parseFloat(n.replace("px",""))):"";return Dg(n)?d(n5,V({},e)):k("div",{className:"theme-length-controls",children:[k("div",{className:"theme-length-control control-px",style:{clear:"both"},children:[d("input",{type:"number",value:a,onChange:s=>{t(`${s.currentTarget.value}px`)}}),d("span",{children:"px"})]}),k("div",{className:"theme-length-control control-rem",children:[d("input",{step:.1,type:"number",value:l,onChange:s=>{t(`${s.currentTarget.value}rem`)}}),d("span",{children:"rem"})]}),k("div",{className:"theme-length-control control-pct",children:[d("input",{type:"number",value:AU(n)?n.replace("%",""):"",onChange:s=>{t(`${s.currentTarget.value}%`)}}),d("span",{children:"%"})]}),k("div",{className:"theme-length-control control-vh",children:[d("input",{type:"number",value:$U(n)?n.replace("vh",""):"",onChange:s=>{t(`${s.currentTarget.value}vh`)}}),d("span",{children:"vh"})]}),k("div",{className:"theme-length-control control-vw",children:[d("input",{type:"number",value:_U(n)?n.replace("vw",""):"",onChange:s=>{t(`${s.currentTarget.value}vw`)}}),d("span",{children:"vw"})]}),k("div",{className:"theme-length-control control-no-unit",children:[d("input",{step:o,type:"number",value:/(^\d+(\.\d*)?$|^\.\d+$)/.test(n)?n:"",onChange:s=>{t(s.currentTarget.value)}}),d("span",{children:"[no unit]"}),d("input",{type:"number",value:o,style:{fontSize:"10px"},onChange:s=>{i(s.currentTarget.value)}}),"step"]}),d("button",{disabled:n===0||n==="0",onClick:()=>{t("0")},children:"0"}),d("button",{onClick:()=>{t(`calc(${n})`)},children:"Calculate"}),d(Ve,{value:n,onChange:t})]})},PU=["transition-duration","animation-delay"],TU=["1","10","100"],OU=["0","1","100","1000","2000","3000"],BU=e=>{const[t,n]=w.useState("100"),{value:r,onChange:o}=e,i=r.replace(/\D+/g,"");return k("div",{className:"",children:[d("input",{step:t,type:"number",value:i,onChange:a=>{o(`${a.currentTarget.value}ms`)}}),d("span",{children:"ms"}),d(kt,{style:{display:"inline"},options:TU.map(In),selected:t,onChange:a=>{n(a)}}),"step",OU.map(a=>d("button",{disabled:i===a,onClick:()=>{o(`${a}ms`)},children:a},a))]})},Dd=["normal","stretch","center","start","end","flex-start","flex-end","baseline","first baseline","last baseline","safe center","unsafe center"],lb=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],sb=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"],MU={"align-items":Dd,"align-content":Dd,"align-self":["self-start","self-end","stretch",...Dd],"flex-direction":["row","row-reverse","column","column-reverse"],"justify-content":["center","start","end","flex-start","flex-end","left","right","normal","space-between","space-around","space-evenly","stretch","safe center","unsafe center"],"flex-wrap":["nowrap","wrap","wrap-reverse"],"border-collapse":["separate","collapse"],"empty-cells":["show","hide"],"font-variant-numeric":["normal","ordinal","slashed-zero","lining-nums","oldstyle-nums","proportional-nums","tabular-nums","diagonal-fractions","stacked-fractions","oldstyle-nums stacked-fractions"],"scroll-behavior":["auto","smooth"],"white-space":["normal","nowrap","pre","pre-wrap","pre-line","break-spaces"],"word-break":["normal","wordbreak-all","wordkeep-all","wordbreak-word"],"background-blend-mode":lb,"mix-blend-mode":lb,"border-style":sb,"outline-style":sb,"vertical-align":["baseline","sub","super","text-top","text-bottom","middle","top","bottom"],"text-rendering":["auto","optimizeSpeed","optimizeLegibility","geometricPrecision"],cursor:["auto ","default ","none ","context-menu ","help ","pointer ","progress ","wait ","cell ","crosshair ","text ","vertical-text ","alias ","copy ","move ","no-drop ","not-allowed ","grab ","grabbing ","e-resize ","n-resize ","ne-resize ","nw-resize ","s-resize ","se-resize ","sw-resize ","w-resize ","ew-resize ","ns-resize ","nesw-resize ","nwse-resize ","col-resize ","row-resize ","all-scroll ","zoom-in ","zoom-out"]};function RU(e){const{property:t}=e.usages[0];return MU[t]}const In=e=>({value:`${e}`,label:`${e}`}),Tl=e=>e.name.includes("color")?!0:e.usages.some(({property:t})=>t.match(/color$/)||["background","background-image","fill","stroke"].includes(t)||t==="border"&&!e.name.includes("width")&&!e.name.includes("size")),NU=({cssVar:e,value:t,resolvedValue:n,onChange:r,cssFunc:o,referencedVars:i,elementScopes:a})=>{if(!/^--/.test(e.name))return null;if(Tl(e))return d(mH,{onChange:r,value:t,resolvedValue:n,cssVar:e,cssFunc:o});if(e.usages.some(s=>EU.includes(s.property)))return d(DU,{value:t,resolvedValue:n,referencedVars:i,onChange:r,elementScopes:a});if(e.usages.some(s=>PU.includes(s.property)))return d(BU,{value:t,onChange:r});if(e.usages.some(s=>s.property==="font-weight")){const s=[100,200,300,400,500,600,700,800,900].map(In),u=["normal","bold","lighter","bolder"].map(In),c=!t||/^-?\d+$/.test(t);return k("div",{className:"font-weight-control",children:[d(kt,{value:t,onChange:r,style:{fontStyle:!t||!c?"italic":"normal"},options:[...t&&c?[]:[{value:"",label:"-- use a number --"}],...s]}),d(kt,{value:t,onChange:r,style:{fontStyle:!t||c?"italic":"normal"},options:[...t&&!c?[]:[{value:"",label:"-- use a word --"}],...u]})]})}if(e.usages.some(s=>s.property==="font-style")){const s=["normal","italic"].map(In);return d(kt,{value:t,onChange:r,options:s})}const l=RU(e);if(l)return d(kt,{value:t,onChange:r,options:l.map(In)});if(e.usages.some(s=>s.property==="font-family"))return d(lU,{value:t,onChange:r});if(e.usages.some(s=>s.property==="box-shadow"||s.property==="text-shadow"))return k(w.Fragment,{children:[d(MW,{value:t,onChange:r}),d(Ve,{value:t,onChange:r})]});if(e.usages.some(s=>s.property==="display")){const s=["none","inline","inline-block","block","flex"].map(In);return d(kt,{value:t,onChange:r,options:s})}if(e.usages.some(s=>s.property==="position")){const s=["absolute","relative","fixed","sticky"].map(In);return d(kt,{value:t,onChange:r,options:s})}if(e.usages.some(s=>s.property==="text-align")){const s=["start","center","end"].map(In);return k(w.Fragment,{children:[d(kt,{value:t,onChange:r,options:s}),d(Ve,{value:t,onChange:r})]})}if(e.usages.some(s=>s.property==="text-decoration")){const s=["none","underline"].map(In);return d(kt,{value:t,onChange:r,options:s})}return k(w.Fragment,{children:[!isNaN(t)&&d("input",{type:"number",onChange:s=>r(s.target.value),value:t}),e.usages.some(s=>s.property==="text-transform")&&d("button",{onClick:()=>r("none"),children:"None"}),d(Ve,{value:t,onChange:r})]})};var Xc={},IU=Xc.match=WU;Xc.parse=o5;var LU=/(?:(only|not)?\s*([^\s\(\)]+)(?:\s*and)?\s*)?(.+)?/i,zU=/\(\s*([^\s\:\)]+)\s*(?:\:\s*([^\s\)]+))?\s*\)/,jU=/^(?:(min|max)-)?(.+)/,HU=/(em|rem|px|cm|mm|in|pt|pc)?$/,GU=/(dpi|dpcm|dppx)?$/;function WU(e,t){return o5(e).some(function(n){var r=n.inverse,o=n.type==="all"||t.type===n.type;if(o&&r||!(o||r))return!1;var i=n.expressions.every(function(a){var l=a.feature,s=a.modifier,u=a.value,c=t[l];if(!c)return!1;switch(l){case"orientation":case"scan":return c.toLowerCase()===u.toLowerCase();case"width":case"height":case"device-width":case"device-height":u=fb(u),c=fb(c);break;case"resolution":u=cb(u),c=cb(c);break;case"aspect-ratio":case"device-aspect-ratio":case"device-pixel-ratio":u=ub(u),c=ub(c);break;case"grid":case"color":case"color-index":case"monochrome":u=parseInt(u,10)||1,c=parseInt(c,10)||0;break}switch(s){case"min":return c>=u;case"max":return c<=u;default:return c===u}});return i&&!r||!i&&r})}function o5(e){return e.split(",").map(function(t){t=t.trim();var n=t.match(LU),r=n[1],o=n[2],i=n[3]||"",a={};return a.inverse=!!r&&r.toLowerCase()==="not",a.type=o?o.toLowerCase():"all",i=i.match(/\([^\)]+\)/g)||[],a.expressions=i.map(function(l){var s=l.match(zU),u=s[1].toLowerCase().match(jU);return{modifier:u[1],feature:u[2],value:s[2]}}),a})}function ub(e){var t=Number(e),n;return t||(n=e.match(/^(\d+)\s*\/\s*(\d+)$/),t=n[1]/n[2]),t}function cb(e){var t=parseFloat(e),n=String(e).match(GU)[1];switch(n){case"dpcm":return t/2.54;case"dppx":return t*96;default:return t}}function fb(e){var t=parseFloat(e),n=String(e).match(HU)[1];switch(n){case"em":return t*16;case"rem":return t*16;case"cm":return t*96/2.54;case"mm":return t*96/2.54/10;case"in":return t*96;case"pt":return t*72;case"pc":return t*72/12;default:return t}}const i5=({media:e,width:t,cssVar:n})=>{const{overridingMedia:r}=n.allVar||n;let o=!e;return!!r&&r.some(({media:i,cssVar:a})=>o?Xc.match(i,V({width:t},d5)):(a.name===n.name&&(o=!0),!1))};function UU(e){setTimeout(()=>{e==null||e.scrollIntoView({block:"center"})},0)}const VU=e=>{const{cssVar:t,media:n,element:r}=e,{screenOptions:o}=Ce,[i,a]=ee.width(),[,l]=ee.height(),s=o.filter(({dims:[u]})=>u===i||n&&!Xc.match(n,{type:"screen",width:u})?!1:!i5({media:n,width:u,cssVar:t}));return d("ul",{className:"variable-screen-switcher",children:s.map(({label:u,dims:[c,f]})=>d("li",{children:d("button",{title:`Switch to ${u}`,onClick:p=>{a(c),l(f),UU(r),p.preventDefault(),p.stopPropagation()},children:d("span",{className:"variable-screen-switcher-screen",style:{width:`${c/42}px`,height:`${f/42}px`}})})},u))})};function Tu(e){const{source:t,line:n,column:r,generated:{sheet:o}}=e,{webpackHome:i,showSourceLinks:a}=Ce;if(!a||!t||!i)return null;const l=t.replace("webpack://","");let s="";if(/\.\.\//.test(l)){let c=0,f,p;for(;typeof p!="string"||p!==f;)c++,p=f,f=l.replace("../","");const h=/\/[^\/]*$/;let g=o.replace(h,"");for(let y=0;yc.stopPropagation(),children:[t.replace("webpack://use-theme-editor/","").replace("node_modules/","")," ",n]})}const a5={background:"yellow"};function l5(e,t){return e.includes(":root")||!e||e===t||e===Lt||e==="body"||e==="html"||e===":where(html)"?t:` +***************************************************************************** */var oh=function(e,t){return oh=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,r){n.__proto__=r}||function(n,r){for(var o in r)r.hasOwnProperty(o)&&(n[o]=r[o])},oh(e,t)};function ZW(e,t){oh(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}function eU(e){return e.replace(/\s+/g,"-").toLowerCase()}var tU=function(e){ZW(t,e);function t(n){var r=e.call(this,n)||this;r.state={expanded:!1,loadingStatus:"loading"},r.componentDidMount=function(){r.fontManager.init().then(function(){r.setState({loadingStatus:"finished"})}).catch(function(m){r.setState({loadingStatus:"error"}),console.error("Error trying to fetch the list of available fonts"),console.error(m)})},r.componentDidUpdate=function(m){var v=r.props,b=v.activeFontFamily,F=v.onChange;b!==m.activeFontFamily&&r.setActiveFontFamily(b),F!==m.onChange&&r.fontManager.setOnChange(F)},r.onClose=function(m){for(var v=m.target,b=document.getElementById("font-picker"+r.fontManager.selectorSuffix);;){if(v===b)return;if(v.parentNode)v=v.parentNode;else{r.toggleExpanded();return}}},r.onSelection=function(m){var v=m.target,b=v.textContent;if(!b)throw Error("Missing font family in clicked font button");r.setActiveFontFamily(b),r.toggleExpanded()},r.setActiveFontFamily=function(m){r.fontManager.setActiveFont(m)},r.generateFontList=function(m){var v=r.props.activeFontFamily,b=r.state.loadingStatus;return b!=="finished"?x.createElement("div",null):x.createElement("ul",{className:"font-list"},m.map(function(F){var _=F.family===v,A=eU(F.family);return x.createElement("li",{key:A,className:"font-list-item"},x.createElement("button",{type:"button",id:"font-button-"+A+r.fontManager.selectorSuffix,className:"font-button "+(_?"active-font":""),onClick:r.onSelection,onKeyPress:r.onSelection},F.family))}))},r.toggleExpanded=function(){var m=r.state.expanded;m?(r.setState({expanded:!1}),document.removeEventListener("click",r.onClose)):(r.setState({expanded:!0}),document.addEventListener("click",r.onClose))},r.render=function(){var m=r.props,v=m.activeFontFamily,b=m.sort,F=r.state,_=F.expanded,A=F.loadingStatus,D=Array.from(r.fontManager.getFonts().values());return b==="alphabet"&&D.sort(function(T,O){return T.family.localeCompare(O.family)}),x.createElement("div",{id:"font-picker"+r.fontManager.selectorSuffix,className:_?"expanded":""},x.createElement("button",{type:"button",className:"dropdown-button",onClick:r.toggleExpanded,onKeyPress:r.toggleExpanded},x.createElement("p",{className:"dropdown-font-family"},v),x.createElement("p",{className:"dropdown-icon "+A})),A==="finished"&&r.generateFontList(D))};var o=r.props,i=o.apiKey,a=o.activeFontFamily,l=o.pickerId,s=o.families,u=o.categories,c=o.scripts,f=o.variants,p=o.filter,h=o.limit,g=o.sort,y=o.onChange,C={pickerId:l,families:s,categories:u,scripts:c,variants:f,filter:p,limit:h,sort:g};return r.fontManager=new QW(i,a,C,y),r}return t.defaultProps={activeFontFamily:e5,onChange:function(){},pickerId:At.pickerId,families:At.families,categories:At.categories,scripts:At.scripts,variants:At.variants,filter:At.filter,limit:At.limit,sort:At.sort},t}(w.PureComponent);const t5="https://fonts.googleapis.com",nU=e=>tt(Be,null,function*(){const t=e.replace(/[^\w]/g,""),n=document.querySelector("style#"+t);if(n)return n.sheet.rules;let r;try{r=yield(yield fetch(e)).text()}catch(i){r="",console.info(`Failed fetching sheet ${e}`)}const o=document.createElement("style");return o.id=t,o.innerText=r,o.disabled=!0,document.head.appendChild(o),o.sheet.cssRules}),rU=(e,{style:{fontFamily:t,fontWeight:n,fontStyle:r}})=>{var i;const o=((i=e[t])==null?void 0:i.variants)||{};return o[`${n||"normal"}|${r||"normal"}`]={fontWeight:n||"normal",fontStyle:r||"normal"},e[t]={fontFamily:t,variants:o},e},oU=(e,t)=>tt(Be,null,function*(){var o;return[...(o=t.href)!=null&&o.startsWith(t5)?yield nU(t.href):t.rules].filter(i=>i instanceof CSSFontFaceRule).reduce(rU,e)}),iU=e=>u0(e)||e.href.startsWith(t5),aU=()=>tt(Be,null,function*(){const e=[...document.styleSheets].filter(iU);return Object.values(yield e.reduce(oU,{}))}),lU=e=>e.replace(/^"/,"").replace(/"$/,""),eb=e=>lU(e.replace(/,.*$/,"")),sU="AIzaSyBt0d8TsNo0wJn8Pj2zICtBY614IsEqrHw",uU=e=>{const[t,n]=w.useState(!1),{value:r,onChange:o}=e,[i,a]=w.useState([]);return w.useEffect(()=>{tt(Be,null,function*(){const l=performance.now(),s=yield aU();console.info(`Loaded ${s.length} fonts in ms`,performance.now()-l),a(s)})},[]),k(w.Fragment,{children:[d(Se,{controls:[t,n],children:"Use Google picker (might crash)"}),!t||i.length===0?null:d(tU,{apiKey:sU,activeFontFamily:eb(r),families:i.map(l=>eb(l.fontFamily)),onChange:l=>{o(l.family)}}),d(kt,{value:r,onChange:o,options:i.map(({fontFamily:l})=>({label:l,value:l}))}),d(Ve,{value:r,onChange:o})]})};var tb=function(e){var t=e,n,r={a:0,b:0,c:0},o=[],i=/(\[[^\]]+\])/g,a=/(#[^\#\s\+>~\.\[:\)]+)/g,l=/(\.[^\s\+>~\.\[:\)]+)/g,s=/(::[^\s\+>~\.\[:]+|:first-line|:first-letter|:before|:after)/gi,u=/(:(?!not|global|local)[\w-]+\([^\)]*\))/gi,c=/(:(?!not|global|local)[^\s\+>~\.\[:]+)/g,f=/([^\s\+>~\.\[:]+)/g;return n=function(p,h){var g,y,C,m,v,b;if(p.test(t))for(g=t.match(p),y=0,C=g.length;y~]/g," "),t=t.replace(/[#\.]/g," "),t=t.replace(/:not/g," "),t=t.replace(/:local/g," "),t=t.replace(/:global/g," "),t=t.replace(/[\(\)]/g," "),n(f,"c"),o.sort(function(p,h){return p.index-h.index}),{selector:e,specificity:"0,"+r.a.toString()+","+r.b.toString()+","+r.c.toString(),specificityArray:[0,r.a,r.b,r.c],parts:o}},cU=function(e,t){var n,r,o;if(typeof e=="string"){if(e.indexOf(",")!==-1)throw"Invalid CSS selector";n=tb(e).specificityArray}else if(Array.isArray(e)){if(e.filter(function(i){return typeof i=="number"}).length!==4)throw"Invalid specificity array";n=e}else throw"Invalid CSS selector or specificity array";if(typeof t=="string"){if(t.indexOf(",")!==-1)throw"Invalid CSS selector";r=tb(t).specificityArray}else if(Array.isArray(t)){if(t.filter(function(i){return typeof i=="number"}).length!==4)throw"Invalid specificity array";r=t}else throw"Invalid CSS selector or specificity array";for(o=0;o<4;o+=1){if(n[o]r[o])return 1}return 0};function fU(e,t){return Nr(e,t)!==e.length}function Nr(e,t){let n=!1,r=0,o=t+1;for(;o0||e[o]!==")");){if(n){n=!1,o++;continue}switch(e[o]){case"\\":n=!0;break;case")":r--;break;case"(":r++;break}o++}return o}function nb(e){let t=e,n;for(;n=new RegExp(":where\\(","d").exec(t);){const r=Nr(t,n.index+6);t=t.slice(0,n.index)+t.slice(r+1)}return t.replaceAll(/:not\([\s,]*\)/g,"").replaceAll(/,\s*,/g,",").replaceAll(/\(\s*,/g,"(")}function Tu(e,t=0){let n=e,r,o=0;for(;r=new RegExp(":not\\(","d").exec(n.slice(o));){const i=r.index+4+o,a=Nr(n,i),l=n.slice(i+1,a),u=Tu(l,t+1).split(",");let c=u[0];for(const p of u)p!==c&&gi(c,p)===-1&&(c=p);const f=n.slice(0,r.index+o)+`:not(${c.trim()})`;o=f.length,n=f+n.slice(a+1)}for(o=0;r=new RegExp(":is\\(","d").exec(n.slice(o));){const i=r.index+3+o,a=Nr(n,i),l=n.slice(i+1,a),u=Tu(l,t+1).split(",");let c=u[0];for(const p of u)gi(c,p)===-1&&(c=p);const f=n.slice(0,r.index+o)+`:not(${c.trim()})`;o=f.length,n=f+n.slice(a+1)}if(n.includes(",")){const i=n.split(",");let a;for(const l of i)(!a||gi(a,l)===-1)&&(a=l);return a}return n}function gi(e,t){return cU(Tu(nb(e)),Tu(nb(t)))}function dU(e,t,n){const i=Object.keys(pt).filter(a=>{const l=iu(a);try{return e.matches(l)}catch(s){console.log("Failed testing scope selector:",l)}}).reduce((a,l)=>{const s=t.filter(({name:u})=>u in pt[l]);return a.push({selector:l,scopeVars:s}),a},[]).map(a=>{const{selector:l}=a,s=iu(l);if(!/,/.test(l))a.matchingSelector=l;else{let u=null,c=e;for(;u===null&&(c!=null&&c.parentNode);)u=ih([{selector:l,statelessSelector:s,property:"__definitely_not_exists__"}],c),c=c.parentNode;a.matchingSelector=u==null?void 0:u.winningSelector}return a});for(const a of n)a.scopes.length>i.length&&(a.scopes=a.scopes.map((l,s)=>[l,s]).sort(([l,s],[u,c])=>{const f=i.some(h=>h.selector===l.selector),p=i.some(h=>h.selector===u.selector);return f&&p||!f&&!p?s-c:f?1:-1}).map(([l])=>l));return i.sort((a,l)=>{try{const s=gi(a.matchingSelector,l.matchingSelector);return s===0?-1:s*-1}catch(s){return console.log(a,l),console.log(s),-1}})}const pU=e=>{const{id:t,tagName:n,classList:r}=e,o=n.toLowerCase(),i=t?`#${t}`:"";if(o==="body"||o==="html")return o;const a=[...r].filter(c=>c!==Zu).map(c=>`.${c}`.replaceAll(/([^\w-.])/g,"\\$1")).join(" "),l=n.toLowerCase()+i+` +`+a;let s="";const u=e.closest("body");try{if(!i){const c=[...u.querySelectorAll(l.replaceAll(/\s+/g,""))];if(c.length===1)s="";else{for(let p=1;p<=c.length;p++);s=` (${c.indexOf(e)+1}/${c.length})`}}}catch(c){console.log(c)}return`${l}${s}`},hU=({name:e,maxSpecific:t},{name:n,maxSpecific:r})=>{const o=new RegExp("--(?\\w+(-?-\\w+)*)(--(?(active|focus|visited|hover|disabled)))?--(?\\w+(-\\w+)*)"),{media:i,property:a}=t,{media:l,property:s}=r;if(a!==s)return a{const r=[],o={};let i,a=t,l=e;for(;i=a.parentNode;){const s=a;if(l.length===0)break;const u=c2({cssVars:l,target:i}),c={};let f=!1;for(const m of s.style)f=!0,c[m]=s.style.getPropertyValue(m);const p=u.length!u.includes(O)):[],v=p?dU(s,n,r):[],b=pU(s),F=o[b]||0;o[b]=F+1;const _=b+(F===0?"":`#${F}`),A=g?gU(s):h?s.outerHTML+'
'+[...s.childNodes].reduce((O,z)=>{if(z.nodeName!=="use")return O;const Y=z.href.baseVal.replace("#",""),B=document.getElementById(Y);return O+(B==null?void 0:B.outerHTML)||""},"")+"
":null,D=s.tagName==="HTML"||s.tagName==="BODY",T={element:s,path:Mc(s),elementInfo:{src:s.getAttribute("src"),srcset:s.getAttribute("srcset"),imgWidth:s.naturalWidth,imgHeight:s.naturalHeight,alt:s.getAttribute("alt"),html:A,width:h?s.getBoundingClientRect().width:null,title:s.getAttribute("title")},computedStyles:{fontFamily:getComputedStyle(s).fontFamily},isRootElement:D,isDeepest:C,textContent:C&&[...s.childNodes].some(O=>O.nodeType===3&&O.textContent.trim()!=="")?s.textContent.trim():"",label:_,vars:m.map(O=>{let z;for(const{scopeVars:Y,selector:B}of v)if(Y.some(W=>W.name===O.name)){z=B;break}return ie(V({},O),{currentScope:z})}),scopes:v,inlineStyles:c,inheritedInlineStyles:mU(s,c)};r.push(T),l=u}a=i}return r},n5=s0;function yU({selector:e,winningSelector:t="",property:n,index:r},o){const i=(t.split(",")[0].match(n5)||[]).join(""),a=(t.split(",")[0].match(/:(:(\w*(\-\w+)*)|after|before)/g)||[]).join(""),l=r?`#${r}`:"",s=n+i+o+a+l,u=n+i+"all"+a+(t===""?e:"")+l;return[s,u,i,a]}function Dg(e){const t=e.split(","),n=[];let r="";for(const o of t){let i=!1,a=!1,l=0;const s=r+(r?",":"")+o;for(const u of s){if(i){i=!1;continue}if(u==="("&&!fU(s,l)){a=!0;break}u==="\\"&&(i=!0),l++}a?r+=(r?",":"")+o:(n.push(s),r="")}return r&&n.push(r),n}function ih(e,t){const n={};return e.reduce((r,o)=>{const i=o.statelessSelector;try{if(!i||!t.matches(i))return r}catch(c){return r}const a=Dg(o.selector),l=(c,f)=>{const p=f.replace(n5,"").replaceAll(u2,"").trim().replaceAll(/^\s*>\s*/g,"").replaceAll(/\s*>\s*$/g,"> *");try{if(p===""||!t.matches(p))return c}catch(h){return console.log(p),c}try{const h=gi(c,f)!==-1?f:c;if(h===f){if(n[p]&&f.length>n[p].length)return c;n[p]=f}return h}catch(h){return c}};o.winningSelector=a.reduce(l);const s=typeof t.style[o.property]!="undefined"&&t.style[o.property]!=="";if(s&&t.style.getPropertyPriority(o.property)==="important")return r;if(o.isImportant&&!(r!=null&&r.isImportant))return o;if(r!=null&&r.isImportant&&!o.isImportant||s)return r;if(r===null)return o;try{if(gi(r.winningSelector,o.winningSelector)!==1)return o}catch(c){return console.log(c,r.winningSelector,o.winningSelector),o}return r},null)}const bU=(e,t)=>{const n=t.media||"all",r=e[n]||[];return e[n]=[...r,t],e},wU=(e,t)=>{const n={},r=e.reduce((o,i)=>{const a=i.usages.reduce(bU,{all:[]});let l=!1;return Object.entries(a).forEach(([s,u])=>{if(l)return;const c=ih(u,t)||u[0];if(!c||t.style[c.property]!==""&&/:(before|after)/.test(c.winningSelector))return;l=!0;const[f,p,h,g]=yU(c,s);if(s!=="all"){!o[p]&&!n[p]&&(n[p]={});const y=o[p]||n[p];y.overridingMedia||(y.overridingMedia=[]),y.overridingMedia.push({media:s,cssVar:i}),i.allVar=y}if(!o[f])o[f]=ie(V({},i),{maxSpecific:c,states:h,pseudos:g});else if(!o[f].usages.some(y=>y.property===c.property&&y.defaultValue&&(y.defaultValue.includes(`var(${i.name},`)||y.defaultValue.includes(`var(${i.name})`)))){const y=ih([o[f].maxSpecific,c],t);c===y&&(o[f]=ie(V({},i),{maxSpecific:c,states:h,pseudos:g}))}}),o},{});return Object.values(r)},$d=new WeakMap,xU=e=>e.map(o=>{var i=o,{vars:t,element:n}=i,r=mn(i,["vars","element"]);if($d.has(n))return $d.get(n);const a=ie(V({},r),{element:n,vars:wU(t,n).sort(hU)});return $d.set(n,a),a});function Pg(e=""){if(!e.includes("("))return!1;const t=e.indexOf("("),n=e.slice(0,t).toLowerCase();return!(!["calc","min","max","clamp"].includes(n)||Nr(e,t)Xc(o.trim(),t));let r;for(const[,o]of n){if(r===void 0){r=o;continue}if(o!==r)throw new Error("All arguments need to be of the same type. "+e)}return[n.map(([o])=>o),r]}function Xc(e,t){let n="",r=!1,o;const i=[];let a=0,l="",s="",u="";const c={"("(){const h=Nr(e,a);if(n==="var")throw new Error("Expression contains unresolved variable. "+e);const g=e.substring(a+1,h),y=n.toLowerCase();if(y==="clamp"){const[C,m]=Dd(g,t);r=m;const[v,b,F]=C;n=parseFloat(b)parseFloat(F)?F:b,t.steps.push({mathFunc:"clamp",args:C,result:n})}else if(y==="min"){const[C,m]=Dd(g,t);r=m,n=C.reduce((v,b)=>bb>v?b:v,-1/0),t.steps.push({mathFunc:"max",args:C,result:n})}else{const[C,m]=Xc(g,t);n=C,r=m}a=h},")"(){throw new Error("Unmatched closing bracket.")},"+"(){if(u===" "){if(l!==" "&&l!==void 0)throw new Error("Plus operator must be preceded by a space.");o=["+",n,r]}n=""},"-"(){if(u===" "){if(l!==" "&&l!==void 0)throw new Error("Minus operator must be preceded by a space.");o=["-",n,r],n=""}else n="-"},"/"(){o=["/",n,r],n=""},"*"(){o=["*",n,r],n=""}};for(;aib[o[0]]?i.push(o):([n,r]=_d(o,n,t),o=null)),c[s]()):(n!==""||s!==" ")&&(n+=s),a++;for(o&&([n,r]=_d(o,`${n}`.trim(),t,r));i.length>0;)[n,r]=_d(i.pop(),n,t,r);const[f,p]=ah(`${n}`.trim(),t);return[f,p||r]}function SU(e,t){const n=[];for(const r of t){r.steps=[];try{n.push([r,...Xc(e,r)])}catch(o){r.steps.push({error:o.message}),n.push([r,o.message])}}return n}const EU={min(e,t){return`Take lowest of [${e.join(", ")}] = ${t}`},max(e,t){return`Take highest of [${e.join(", ")}] = ${t}`},clamp([e,t,n],r){return`Clamp ${t} between ${e} and ${n} = ${r}`}};function FU(e){const{referencedVars:t,elementScopes:n,expression:r}=e,o=gn(),{allVars:i}=w.useContext(qe);return k(w.Fragment,{children:[d("br",{}),d("h5",{children:"Variables"}),d("ul",{style:{border:"1px solid black"},children:t.map(a=>{const l=i.find(s=>s.name===a)||{name:a,usages:[{property:"width"}],properties:{width:{isFullProperty:!0,fullValue:`var(--${a})`,isImportant:!1}},maxSpecific:{property:"width"},positions:[]};return d("li",{children:d(Vi,{cssVar:l,scopes:n,onChange:s=>{o({type:Me.set,payload:{name:l.name,value:s}})},onUnset:()=>{o({type:Me.unset,payload:{name:l.name}})}})},a)})})]})}function r5(e){const{value:t,resolvedValue:n,referencedVars:r,onChange:o,elementScopes:i,disabled:a=!1}=e,{width:l,height:s}=Ce,{frameRef:u}=w.useContext(qe),f=(t.startsWith("calc(")?t.replace(/calc\(/,"").replace(/\)$/,""):t).replaceAll("calc(","("),p=n.startsWith("calc(")?n.replace(/calc\(/,"").replace(/\)$/,""):n,h=p.replaceAll("calc(","("),g=getComputedStyle(u.current.contentWindow.document.documentElement).getPropertyValue("font-size"),y=parseFloat(g.replace("px","")),C=SU(h,[{width:l,height:s,remFactor:y,resultUnit:"px"}]);return k("div",{children:[d("h3",{children:"Calculation"}),d(Ve,{disabled:a,style:{width:"100%"},value:f,onChange:m=>o(Pg(m)?m:`calc(${m})`)}),d("h4",{children:"Evaluates to"}),d("ul",{children:C.map(([{width:m,height:v,resultUnit:b,remFactor:F,steps:_},A,D])=>{const T=`${m}x${v}~${b}~${F}`;return k("li",{children:[k("code",{style:{cursor:"pointer",fontSize:"2rem"},onClick:()=>o(`${A}${b}`),children:[A,D&&b]}),d("pre",{children:k("code",{children:["at ",m,"x",v]})}),(r==null?void 0:r.length)>0&&d(FU,{referencedVars:r,elementScopes:i,expression:f}),d("br",{}),d("code",{children:p}),d("h5",{children:"Steps"}),d("ol",{children:_.map((O,z)=>{let Y;if(O.mathFunc){const{mathFunc:B,args:W,result:de}=O;Y=d("code",{children:EU[B](W,de)})}else if(O.operator){const{orig:{arg1:B,arg2:W},a:de,operator:me,b:ae,result:se}=O;Y=k("code",{title:`${B} ${me} ${W}`,children:[de," ",me," ",ae," = ",se]})}else if(O.error){const{error:B}=O;Y=k("code",{children:["Error: ",B]})}else{const{before:B,result:W}=O;Y=k("code",{children:[B," = ",W]})}return k("li",{children:[Y,d("br",{}),d("br",{})]},z)})})]},T)})}),d("br",{}),k("i",{children:["Root font size: ",y,"px"]})]})}const kU=["font-size","border","border-width","border-bottom","border-bottom-width","line-height","border-radius","margin","margin-bottom","margin-top","margin-left","margin-right","padding","padding-bottom","padding-left","padding-right","padding-top","padding-block-start","width","height","min-width","max-width","min-height","max-height","letter-spacing","outline-offset","top","bottom","left","right","outline-width","outline-offset","gap","block-size","inline-size","max-inline-size","min-inline-size"],o5=16,AU=e=>e*o5,$U=e=>e/o5,ab=e=>e&&e.match(/[\d.]+px$/),lb=e=>e&&e.match(/[\d.]+rem$/),_U=e=>e&&e.match(/\d%$/),DU=e=>e&&e.match(/vh$/),PU=e=>e&&e.match(/vw$/),TU=e=>{const{onChange:t,value:n,resolvedValue:r}=e,[o,i]=w.useState(.1),a=ab(n)?n.replace("px",""):lb(n)?AU(parseFloat(n.replace("rem",""))):"",l=lb(n)?n.replace("rem",""):ab(n)?$U(parseFloat(n.replace("px",""))):"";return Pg(n)?d(r5,V({},e)):k("div",{className:"theme-length-controls",children:[k("div",{className:"theme-length-control control-px",style:{clear:"both"},children:[d("input",{type:"number",value:a,onChange:s=>{t(`${s.currentTarget.value}px`)}}),d("span",{children:"px"})]}),k("div",{className:"theme-length-control control-rem",children:[d("input",{step:.1,type:"number",value:l,onChange:s=>{t(`${s.currentTarget.value}rem`)}}),d("span",{children:"rem"})]}),k("div",{className:"theme-length-control control-pct",children:[d("input",{type:"number",value:_U(n)?n.replace("%",""):"",onChange:s=>{t(`${s.currentTarget.value}%`)}}),d("span",{children:"%"})]}),k("div",{className:"theme-length-control control-vh",children:[d("input",{type:"number",value:DU(n)?n.replace("vh",""):"",onChange:s=>{t(`${s.currentTarget.value}vh`)}}),d("span",{children:"vh"})]}),k("div",{className:"theme-length-control control-vw",children:[d("input",{type:"number",value:PU(n)?n.replace("vw",""):"",onChange:s=>{t(`${s.currentTarget.value}vw`)}}),d("span",{children:"vw"})]}),k("div",{className:"theme-length-control control-no-unit",children:[d("input",{step:o,type:"number",value:/(^\d+(\.\d*)?$|^\.\d+$)/.test(n)?n:"",onChange:s=>{t(s.currentTarget.value)}}),d("span",{children:"[no unit]"}),d("input",{type:"number",value:o,style:{fontSize:"10px"},onChange:s=>{i(s.currentTarget.value)}}),"step"]}),d("button",{disabled:n===0||n==="0",onClick:()=>{t("0")},children:"0"}),d("button",{onClick:()=>{t(`calc(${n})`)},children:"Calculate"}),d(Ve,{value:n,onChange:t})]})},OU=["transition-duration","animation-delay"],BU=["1","10","100"],MU=["0","1","100","1000","2000","3000"],RU=e=>{const[t,n]=w.useState("100"),{value:r,onChange:o}=e,i=r.replace(/\D+/g,"");return k("div",{className:"",children:[d("input",{step:t,type:"number",value:i,onChange:a=>{o(`${a.currentTarget.value}ms`)}}),d("span",{children:"ms"}),d(kt,{style:{display:"inline"},options:BU.map(In),selected:t,onChange:a=>{n(a)}}),"step",MU.map(a=>d("button",{disabled:i===a,onClick:()=>{o(`${a}ms`)},children:a},a))]})},Pd=["normal","stretch","center","start","end","flex-start","flex-end","baseline","first baseline","last baseline","safe center","unsafe center"],sb=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],ub=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"],NU={"align-items":Pd,"align-content":Pd,"align-self":["self-start","self-end","stretch",...Pd],"flex-direction":["row","row-reverse","column","column-reverse"],"justify-content":["center","start","end","flex-start","flex-end","left","right","normal","space-between","space-around","space-evenly","stretch","safe center","unsafe center"],"flex-wrap":["nowrap","wrap","wrap-reverse"],"border-collapse":["separate","collapse"],"empty-cells":["show","hide"],"font-variant-numeric":["normal","ordinal","slashed-zero","lining-nums","oldstyle-nums","proportional-nums","tabular-nums","diagonal-fractions","stacked-fractions","oldstyle-nums stacked-fractions"],"scroll-behavior":["auto","smooth"],"white-space":["normal","nowrap","pre","pre-wrap","pre-line","break-spaces"],"word-break":["normal","wordbreak-all","wordkeep-all","wordbreak-word"],"background-blend-mode":sb,"mix-blend-mode":sb,"border-style":ub,"outline-style":ub,"vertical-align":["baseline","sub","super","text-top","text-bottom","middle","top","bottom"],"text-rendering":["auto","optimizeSpeed","optimizeLegibility","geometricPrecision"],cursor:["auto ","default ","none ","context-menu ","help ","pointer ","progress ","wait ","cell ","crosshair ","text ","vertical-text ","alias ","copy ","move ","no-drop ","not-allowed ","grab ","grabbing ","e-resize ","n-resize ","ne-resize ","nw-resize ","s-resize ","se-resize ","sw-resize ","w-resize ","ew-resize ","ns-resize ","nesw-resize ","nwse-resize ","col-resize ","row-resize ","all-scroll ","zoom-in ","zoom-out"]};function IU(e){const{property:t}=e.usages[0];return NU[t]}const In=e=>({value:`${e}`,label:`${e}`}),Ol=e=>e.name.includes("color")?!0:e.usages.some(({property:t})=>t.match(/color$/)||["background","background-image","fill","stroke"].includes(t)||t==="border"&&!e.name.includes("width")&&!e.name.includes("size")),LU=({cssVar:e,value:t,resolvedValue:n,onChange:r,cssFunc:o,referencedVars:i,elementScopes:a})=>{if(!/^--/.test(e.name))return null;if(Ol(e))return d(vH,{onChange:r,value:t,resolvedValue:n,cssVar:e,cssFunc:o});if(e.usages.some(s=>kU.includes(s.property)))return d(TU,{value:t,resolvedValue:n,referencedVars:i,onChange:r,elementScopes:a});if(e.usages.some(s=>OU.includes(s.property)))return d(RU,{value:t,onChange:r});if(e.usages.some(s=>s.property==="font-weight")){const s=[100,200,300,400,500,600,700,800,900].map(In),u=["normal","bold","lighter","bolder"].map(In),c=!t||/^-?\d+$/.test(t);return k("div",{className:"font-weight-control",children:[d(kt,{value:t,onChange:r,style:{fontStyle:!t||!c?"italic":"normal"},options:[...t&&c?[]:[{value:"",label:"-- use a number --"}],...s]}),d(kt,{value:t,onChange:r,style:{fontStyle:!t||c?"italic":"normal"},options:[...t&&!c?[]:[{value:"",label:"-- use a word --"}],...u]})]})}if(e.usages.some(s=>s.property==="font-style")){const s=["normal","italic"].map(In);return d(kt,{value:t,onChange:r,options:s})}const l=IU(e);if(l)return d(kt,{value:t,onChange:r,options:l.map(In)});if(e.usages.some(s=>s.property==="font-family"))return d(uU,{value:t,onChange:r});if(e.usages.some(s=>s.property==="box-shadow"||s.property==="text-shadow"))return k(w.Fragment,{children:[d(NW,{value:t,onChange:r}),d(Ve,{value:t,onChange:r})]});if(e.usages.some(s=>s.property==="display")){const s=["none","inline","inline-block","block","flex"].map(In);return d(kt,{value:t,onChange:r,options:s})}if(e.usages.some(s=>s.property==="position")){const s=["absolute","relative","fixed","sticky"].map(In);return d(kt,{value:t,onChange:r,options:s})}if(e.usages.some(s=>s.property==="text-align")){const s=["start","center","end"].map(In);return k(w.Fragment,{children:[d(kt,{value:t,onChange:r,options:s}),d(Ve,{value:t,onChange:r})]})}if(e.usages.some(s=>s.property==="text-decoration")){const s=["none","underline"].map(In);return d(kt,{value:t,onChange:r,options:s})}return k(w.Fragment,{children:[!isNaN(t)&&d("input",{type:"number",onChange:s=>r(s.target.value),value:t}),e.usages.some(s=>s.property==="text-transform")&&d("button",{onClick:()=>r("none"),children:"None"}),d(Ve,{value:t,onChange:r})]})};var qc={},zU=qc.match=VU;qc.parse=i5;var jU=/(?:(only|not)?\s*([^\s\(\)]+)(?:\s*and)?\s*)?(.+)?/i,HU=/\(\s*([^\s\:\)]+)\s*(?:\:\s*([^\s\)]+))?\s*\)/,GU=/^(?:(min|max)-)?(.+)/,WU=/(em|rem|px|cm|mm|in|pt|pc)?$/,UU=/(dpi|dpcm|dppx)?$/;function VU(e,t){return i5(e).some(function(n){var r=n.inverse,o=n.type==="all"||t.type===n.type;if(o&&r||!(o||r))return!1;var i=n.expressions.every(function(a){var l=a.feature,s=a.modifier,u=a.value,c=t[l];if(!c)return!1;switch(l){case"orientation":case"scan":return c.toLowerCase()===u.toLowerCase();case"width":case"height":case"device-width":case"device-height":u=db(u),c=db(c);break;case"resolution":u=fb(u),c=fb(c);break;case"aspect-ratio":case"device-aspect-ratio":case"device-pixel-ratio":u=cb(u),c=cb(c);break;case"grid":case"color":case"color-index":case"monochrome":u=parseInt(u,10)||1,c=parseInt(c,10)||0;break}switch(s){case"min":return c>=u;case"max":return c<=u;default:return c===u}});return i&&!r||!i&&r})}function i5(e){return e.split(",").map(function(t){t=t.trim();var n=t.match(jU),r=n[1],o=n[2],i=n[3]||"",a={};return a.inverse=!!r&&r.toLowerCase()==="not",a.type=o?o.toLowerCase():"all",i=i.match(/\([^\)]+\)/g)||[],a.expressions=i.map(function(l){var s=l.match(HU),u=s[1].toLowerCase().match(GU);return{modifier:u[1],feature:u[2],value:s[2]}}),a})}function cb(e){var t=Number(e),n;return t||(n=e.match(/^(\d+)\s*\/\s*(\d+)$/),t=n[1]/n[2]),t}function fb(e){var t=parseFloat(e),n=String(e).match(UU)[1];switch(n){case"dpcm":return t/2.54;case"dppx":return t*96;default:return t}}function db(e){var t=parseFloat(e),n=String(e).match(WU)[1];switch(n){case"em":return t*16;case"rem":return t*16;case"cm":return t*96/2.54;case"mm":return t*96/2.54/10;case"in":return t*96;case"pt":return t*72;case"pc":return t*72/12;default:return t}}const a5=({media:e,width:t,cssVar:n})=>{const{overridingMedia:r}=n.allVar||n;let o=!e;return!!r&&r.some(({media:i,cssVar:a})=>o?qc.match(i,V({width:t},p5)):(a.name===n.name&&(o=!0),!1))};function KU(e){setTimeout(()=>{e==null||e.scrollIntoView({block:"center"})},0)}const YU=e=>{const{cssVar:t,media:n,element:r}=e,{screenOptions:o}=Ce,[i,a]=ee.width(),[,l]=ee.height(),s=o.filter(({dims:[u]})=>u===i||n&&!qc.match(n,{type:"screen",width:u})?!1:!a5({media:n,width:u,cssVar:t}));return d("ul",{className:"variable-screen-switcher",children:s.map(({label:u,dims:[c,f]})=>d("li",{children:d("button",{title:`Switch to ${u}`,onClick:p=>{a(c),l(f),KU(r),p.preventDefault(),p.stopPropagation()},children:d("span",{className:"variable-screen-switcher-screen",style:{width:`${c/42}px`,height:`${f/42}px`}})})},u))})};function Ou(e){const{source:t,line:n,column:r,generated:{sheet:o}}=e,{webpackHome:i,showSourceLinks:a}=Ce;if(!a||!t||!i)return null;const l=t.replace("webpack://","");let s="";if(/\.\.\//.test(l)){let c=0,f,p;for(;typeof p!="string"||p!==f;)c++,p=f,f=l.replace("../","");const h=/\/[^\/]*$/;let g=o.replace(h,"");for(let y=0;yc.stopPropagation(),children:[t.replace("webpack://use-theme-editor/","").replace("node_modules/","")," ",n]})}const l5={background:"yellow"};function s5(e,t){return e.includes(":root")||!e||e===t||e===Lt||e==="body"||e==="html"||e===":where(html)"?t:` :where( ${e}, :is(${e}) * ):where( ${t} -)`}function db(e){const{scope:t,selector:n,highLightMatch:r,position:o,property:i,isLocal:a,hideIfNotFound:l}=e,s=a?l5(t,n):n;return s?k("li",{style:r?a5:{},children:[!!o&&d(Tu,V({},o)),d(co,{label:n,selector:s,initialized:!0,showLabel:!0,property:i,hideIfNotFound:l})]},n):k("li",{children:[!!o&&d(Tu,V({},o)),d("code",{children:n}),";a"]},n)}const s5=({usages:e,maxSpecificSelector:t,winningSelector:n,scope:r=":root"})=>{const[o,i]=we("use local scope selectors",!0),[a,l]=we("hide not found usages",!0),[s,u]=w.useState({}),c={},f=e.filter(({selector:h})=>h in c?(c[h]++,!1):(c[h]=1,!0));if(e.length===1&&!e[0].selector)return null;const p=r.includes(":root");return k(w.Fragment,{children:[!p&&d(Se,{controls:[o,i],title:r,children:"In local scope"}),d(Se,{controls:[a,l],title:r,children:"Only on this page"}),d("ul",{children:f.map(({property:h,selector:g,position:y})=>{const C=_g(g),m=e.length>1&&g===t;return C.length>1?k("li",{style:{border:"1px solid gray"},children:[!!y&&d(Tu,V({},y)),d("h4",{style:m?a5:{},onClick:()=>u(ie(V({},s),{[g]:!s[g]})),children:d("div",{className:"monospace-code",style:{backgroundColor:"#d0d7de"},children:g.replaceAll(/\s*\,\s*/g,`, -`).trim().substring(0,100)})}),!s[g]&&d("ul",{style:{marginLeft:"16px"},children:C.map(v=>d(db,{scope:r,selector:v,highLightMatch:m,position:y,property:h,isLocal:o,hideIfNotFound:a},`${o?"l":"g"}~${v}`))})]},g):d(db,{scope:r,selector:g,highLightMatch:m,position:y,property:h,isLocal:o,hideIfNotFound:a},`${o?"l":"g"}~${g}`)})})]})};function u5(e){const{references:t,excludedVarName:n}=e,[r,o]=w.useState(!0);return t.length===0?null:k("div",{style:{marginLeft:"24px",marginTop:"8px"},children:[d(Se,{title:"Show only elements that were found on the page ",controls:[r,o],children:"Filter found"}),d("ul",{style:{marginTop:"0"},children:t.map(([{name:i,usages:a},l])=>i===n?null:k(w.Fragment,{children:[d("h5",{style:{marginTop:"8px"},children:d(_r,{name:i})}),l.map(s=>{const u=a.reduce((f,p)=>f+","+p.selector,"").replace(/^,/,""),c=l5(s,u);return k("li",{style:{borderBottom:"1px solid gray"},children:[s!==":root"&&d("code",{style:{marginTop:"4px"},className:"monospace-code",children:s}),d("div",{draggable:!0,onDragStart:Ut(()=>`var(${i})`)}),d(co,{label:u,hideIfNotFound:r,initialized:!0,selector:c})]},i)})]}))})]})}const KU=[":root",":where(html)","html"],pb=20;function YU(e){const{themeEditor:{scopes:t}}=Ce,n=t[Lt]||{},{value:r,onChange:o,elementScopes:i=[]}=e,[a,l]=w.useState(""),[s,u]=w.useState(""),[c,f]=w.useState(!0),p=w.useRef();w.useEffect(()=>{var F;return(F=p.current)==null?void 0:F.scrollIntoView({block:"nearest"})},[r]);const h=w.useMemo(()=>{const F=Object.entries(pt).reduce((A,[D,T])=>{if(i.some(O=>O.selector===D)||c&&KU.includes(D))for(const O in T)A[O]=T[O];return A},{}),_=V(V({},F),n);return Object.entries(_).filter(([A,D])=>typeof D!="undefined"&&D!==""&&(!a||new RegExp(a.replaceAll(" ","(\\-\\-?| )")).test(A))&&(!s||new RegExp(s.replaceAll(" ","(\\-\\-?| )")).test(D)))},[a,s,n,c]),[g,y]=w.useState(!1),C=g?null:h.findIndex(([F])=>`var(${F})`===r),m=g?null:C-pb,v=g?null:C+pb,b=performance.now();return k("div",{onClick:F=>F.stopPropagation(),style:{},children:[d(Se,{controls:[c,f],children:"Global values"}),k("div",{style:{display:"flex",width:"100%"},children:[d(Ve,{placeholder:`Filter name ${h.length}`,value:a,onChange:l}),d(Ve,{placeholder:`Filter value ${h.length}`,value:s,onChange:u})]}),d("ul",{style:{maxHeight:"50vh",background:"white",overflowY:"scroll"},onScroll:()=>{performance.now()-b>200&&y(!0)},children:h.map(([F,_],A)=>{if(!g&&(Av))return;const D=`var(${F})`,T=D===r,O=k(w.Fragment,{children:[k("span",{style:{display:"flex",justifyContent:"space-between",flexGrow:1},children:[d(_r,{name:F,style:{fontWeight:600}}),!/url\(|gradient\(/.test(_)&&d("span",{style:{maxWidth:"30%"},children:_})]}),d("span",{draggable:!0,onDragStart:Ut(D),title:_,style:{width:Ei,height:Ei,border:"1px solid black",borderRadius:"6px",background:`no-repeat left top/ cover ${_}`,float:"right",textShadow:"white 0px 10px"},children:/var\(/.test(_)&&"var"},F)]});return d("li",{ref:T?p:null,children:d("button",{onClick:()=>{!T&&o(D)},style:{display:"flex",justifyContent:"space-between",width:"100%",border:T?"4px solid black":"1px solid black"},children:O})},F)})})]})}function XU({media:e}){return d("div",{children:d("b",{className:"monospace-code",style:{fontSize:"14px",background:"#ebe9fb"},children:e})})}const Rt=w.memo(function(l){var s=l,{controls:[t,n],style:r,dispatchArgs:o=[],children:i}=s,a=mn(s,["controls","style","dispatchArgs","children"]);return d("button",ie(V({},a),{title:t?"Hide":"Show",onClick:()=>n(!t,...o),style:ie(V({},r),{border:t?"4px solid black":"1px solid black"}),children:i}))},PS);function c5(e){let t,n=!1;function r(){t=setTimeout(()=>{n=!0,e()},400)}function o(){t&&clearTimeout(t),n=!1}function i(a){n&&(a.stopPropagation(),n=!1)}return{onMouseDown:r,onTouchStart:r,onMouseUp:o,onDrag:o,onMouseLeave:o,onTouchMove:o,onTouchEnd:o,onClickCapture:i}}const qU=e=>e.charAt(0).toUpperCase()+e.slice(1),JU=e=>{if(!/^--/.test(e))return["",""];const n=e.replace(/^--/,"").replace(/[-_]/g," ").split("--");return[n.slice(0,-1).join(" — "),n[n.length-1].trim().replace(/ /g,"-")]},hb=e=>e.preventDefault(),_r=({name:e,style:t})=>{const{annoyingPrefix:n,nameReplacements:r}=Ce,[o,i]=JU(e);let a=i.replaceAll(/-/g," ").trim();if(n)try{a=a.replace(new RegExp(`^${n} `),"").trim()}catch(u){}a=r?r.filter(u=>u.active&&u.to.length>0&&u.from.length>1).reduce((u,{from:c,to:f})=>{try{return u.replace(new RegExp(c),f)}catch(p){return console.log(`Failed replacing ${c} to ${f}`),u}},a):a;let l;try{l=new RegExp(`^${n}\\s*\\—\\s*`)}catch(u){}const s=o.trim().replace(l,"");return k("span",{draggable:!0,onDragStart:Ut(`var(${e})`),style:t,children:[d("span",{style:{fontSize:"13px",fontStyle:"italic",color:"black",display:"block"},children:qU(n?s:o)}),d("span",{className:"var-control-property",children:a})]})},Ou=({value:e,resolvedValue:t,cssVar:n,isDefault:r,referencedVariable:o,isOpen:i,group:a})=>{var g;const l=Ei,s=`${e}${r?" (default)":""}`,u=/url\(/.test(t),f=Tl(n)||Cu.test(t)||rl.test(t)||u;if(t&&f&&t!=="currentcolor")return k(w.Fragment,{children:[k("span",{className:"var-preview",draggable:!0,onDragStart:Ut(t),title:s,style:{width:l,height:l,border:"1px solid black",borderRadius:"6px",backgroundImage:`${t}`,backgroundColor:n.cssFunc?`${n.cssFunc}(${t})`:t,backgroundRepeat:"no-repeat",backgroundSize:"cover",float:"right",textShadow:"white 0px 10px"},children:[/var\(/.test(e)&&"var",t==="transparent"&&"👻"]}),k("span",{style:{float:"right",marginRight:"4px"},children:[o&&d(_r,{name:o.name}),!o&&(u?null:e)]})]});if(o&&i)return null;const p=t.startsWith('"')||t.startsWith("'")||t.startsWith("attr("),h=p?t.replaceAll('" "',`" -"`):e;return d("span",{className:"var-preview",draggable:!0,onDragStart:Ut(e),title:s,style:{fontSize:"14px",float:"right",fontFamily:p?(g=a==null?void 0:a.computedStyles)==null?void 0:g.fontFamily:null,whiteSpace:"pre-wrap"},children:o?d(_r,{name:o.name}):h},1)};function f5(e,t){var n;if(!e)return null;for(const{selector:r}of e)if((n=pt[r])!=null&&n.hasOwnProperty(t.name))return pt[r][t.name];return null}function QU(e,t){return[...e,t].map(n=>n.name).join()}const d5={type:"screen","any-hover":"hover","any-pointer":"fine","forced-colors":"none",hover:"hover","inverted-colors":"none",pointer:"fine","prefers-color-scheme":"no-preference","prefers-contrast":"no-preference","prefers-reduced-motion":"no-preference","prefers-reduced-transparency":"no-preference",scripting:"enabled",update:"fast"},ZU=20;function Pg(e="",t,n,r=0,o={},i={}){if(r>ZU)return["<>"];const a=[];let l;for(;l=e.indexOf("var(--"),l!==-1;){const s=l+3,u=Nr(e,s),c=e.slice(s+1,u).trim(),f=c.indexOf(","),p=f===-1,h=p?c:c.slice(0,f).trim(),g=o[h]||i[h];let y;for(const{selector:v}of t||[]){if(h in(n[v]||{})){y=n[v][h];break}if(h in(pt[v]||{})){y=pt[v][h];break}}if(g!==void 0&&(y=g),!y){if(p)return[e,a,`<>`];y=c.slice(f+1).trim()}r===0&&!a.includes(h)&&a.push(h);const[C,,m]=Pg(y,t,n,r+1,o,i);if(m)return console.log(m),[e,a,m];e=e.slice(0,l)+C+e.slice(u+1)}return[e,a]}const Ui=e=>{var _e;const{cssVar:t,onChange:n,onUnset:r,referenceChain:o=[],scopes:i,parentVar:a,currentScope:l=Lt,element:s,group:u}=e,{width:c,showCssProperties:f,linkCssProperties:p}=Ce,[{scopes:h},g]=ee.themeEditor(),[y,C]=ee.pickedValue(),{defaultValues:m,allVars:v}=w.useContext(qe),b=h[Lt]||{},{name:F,usages:_,maxSpecific:A,positions:D,properties:T}=t,O=new Set(_.map(he=>he.selector)).size,z=(u==null?void 0:u.inlineStyles[F])||(u==null?void 0:u.inheritedInlineStyles[F]),Y=!!z,B=Y?()=>{}:n,W=z||pt[l][F]||f5(i,t)||m[F]||((_e=t.maxSpecific)==null?void 0:_e.defaultValue)||t.usages[0].defaultValue,[de,me]=w.useState(!1),se=(!h||!h[l]?null:h[l][F])||W,L=se===W,{media:te}=A||{};let[j,le]=Pg(se,i,h,0,u==null?void 0:u.inlineStyles,u==null?void 0:u.inheritedInlineStyles);const[N,K]=w.useMemo(()=>{var De,gt;const he=se==null?void 0:se.match(/^var\(\s*(\-\-[\w-]+)\s*[\,\)]/),Ae=!he||he.length===0?null:v.find(Ct=>Ct.name===he[1])||{name:he[1],usages:[{property:((De=t.maxSpecific)==null?void 0:De.defaultValue)||t.usages[0].property,isFake:!0}],properties:{},positions:[]};if(!Ae)return[];const re=(gt=i==null?void 0:i.find(Ct=>Ct.scopeVars.some(on=>on.name===he[1])))==null?void 0:gt.selector;return[Ae,re]},[se]),Q=w.useMemo(()=>{const{overridingMedia:he}=t.allVar||t;return(!te||IU(te,V({width:c},d5)))&&(!he||!i5({media:te,cssVar:t,width:c}))},[c]);let ne=o.length;const P=QU(o,t),X=a==null?void 0:a.name,[M,ve]=Tn(`open_${P}`,ne>0&&!!N),ue=()=>ve(!M),[pe,ce]=Tn(`showSelectors_${P}`,!1),[S,$]=Tn(`showRefs_${P}`,!1),[E,R]=Tn(`showPicker_${P}`,!1),I=w.useMemo(()=>{if(!M)return[];if(!F.startsWith("--"))return[];const he=new RegExp(`var\\(\\s*${F.replaceAll(/-/g,"\\-")}[\\s\\,\\)]`),Ae=new Map;for(const[re,De]of Object.entries(h))for(const[gt,Ct]of Object.entries(De))he.test(Ct)&&Ae.set(gt,[...Ae.get(gt)||[],re]);for(const[re,De]of Object.entries(pt)){const gt=re in h;for(const[Ct,on]of Object.entries(De))gt&&h[re].hasOwnProperty(Ct)||he.test(on)&&Ae.set(Ct,[...Ae.get(Ct)||[],re])}return[...Ae.entries()].map(([re,De])=>[v.find(gt=>gt.name===re)||{name:re,usages:[]},De])},[h,M]),H=t.cssFunc;if(ne>20)return null;const fe=F in b||F in(h[l]||{}),ye=I.length-(X?1:0);return k("li",{onDragEnter:t.isRawValue?null:hb,onDragOver:t.isRawValue?null:hb,onDrop:he=>{if(t.isRawValue)return;const Ae=he.dataTransfer.getData("value");new RegExp(`var\\(\\s*${t.name.replaceAll(/-/g,"\\-")}[\\s\\,\\)]`).test(Ae)||(Ae&&B(Ae),he.stopPropagation())},"data-nesting-level":ne,className:qp("var-control",{"var-control-in-theme":fe,"var-control-no-match-screen":!Q}),onClick:()=>{if(y&&y!==se){B(y);return}(y===""||y===se)&&(M||ue())},style:{position:"relative",listStyleType:"none",fontSize:"15px",clear:"both",cursor:M?"auto":"pointer",paddingTop:0},children:[!Q&&d(VU,{cssVar:t,media:te,element:s}),k("div",ie(V({},c5(he=>{C(se)})),{style:{paddingTop:6},onClick:()=>{M&&ue()},children:[k("h5",{draggable:!0,onDragStart:Ut(()=>`var(${F})`),style:{display:"inline-block",fontSize:"16px",padding:"0 4px 0",fontWeight:"400",userSelect:"none",cursor:"pointer",clear:"left"},children:[d(_r,{style:{fontWeight:o.length===0?"bold":"normal"},name:F}),Y&&d("span",{style:{color:"red"},children:"inline"})]}),d(Ou,{value:se,resolvedValue:j,cssVar:t,isDefault:L,referencedVariable:N,isOpen:M,group:u})]})),k("div",{children:[te&&d(XU,{media:te}),!!f&&k(w.Fragment,{children:[!!H&&d("span",{style:{color:"darkcyan"},children:H}),Object.entries(T).map(([he,{isFullProperty:Ae,fullValue:re,isImportant:De}])=>{const gt=he===(A==null?void 0:A.property),Ct=k("span",{className:"monospace-code",style:V({fontSize:"14px"},gt?{}:{background:"grey"}),title:Ae?"":re,children:[he,gt&&t.states&&!t.pseudos&&d("b",{style:{color:"purple"},children:t.states}),gt&&t.pseudos&&d("a",{target:"_blank",href:p?`https://developer.mozilla.org/en-US/docs/Web/CSS/${t.pseudos}`:null,children:d("b",{style:{color:"indigo"},children:t.pseudos})}),!Ae&&d("b",{style:{color:"red"},children:"*"}),!!De&&d("b",{style:{fontWeight:"bold",color:"darkorange"},children:"!important"})]},he);return p?d("a",{target:"_blank",href:`https://developer.mozilla.org/en-US/docs/Web/CSS/${he.replace(/^-webkit-/,"")}`,style:{cursor:"help"},children:Ct},he):Ct})]})]}),!!D[0]&&d(Tu,V({},D[0]||{})),M&&k(w.Fragment,{children:[ye>0&&k("div",{children:[k(Rt,{controls:[S,$],children:[ye,ne>0&&" more"," links"]}),S&&d(u5,{references:I,excludedVarName:X})]}),k("div",{style:{display:"flex",clear:"both",justifyContent:"flex-end"},children:[L&&!t.isRawValue&&d("span",{style:{margin:"6px 6px 0",color:"grey"},children:"default"}),fe&&W!==null&&d("button",{title:`Remove from current theme? The value from the default theme will be used, which is currently: "${W}"`,onClick:()=>{r()},children:"Revert"}),N&&d("button",{style:{borderWidth:de?"4px":"1px"},onClick:()=>{me(!de)},children:"Raw"}),/^--/.test(t.name)&&d("button",{style:{borderWidth:E?"4px":"1px"},onClick:he=>{R(!E),he.stopPropagation()},children:"Link"}),!_[0].isFake&&k(Rt,{controls:[pe,ce],children:["Rules (",O,")"]})]}),E&&d(YU,{value:se,elementScopes:i,onChange:he=>{B(he)}}),pe&&!_[0].isFake&&k(w.Fragment,{children:[d("div",{children:F}),d(s5,{usages:_,maxSpecificSelector:A==null?void 0:A.selector,winningSelector:A==null?void 0:A.winningSelector,scope:l})]}),(!N||de)&&!E&&d("div",{children:d(NU,{cssVar:t,value:se,resolvedValue:j,referencedVars:le,onChange:B,cssFunc:H,elementScopes:i})}),!F.startsWith("--")&&Dg(F)&&d(n5,{disabled:!0,value:se,resolvedValue:j,referencedVars:le,onChange:()=>{},elementScopes:i}),!!N&&!de&&k("ul",{style:{margin:0},children:[d("span",{className:"monospace-code",children:K}),w.createElement(Ui,{scopes:i,currentScope:K,cssVar:N,onChange:he=>{g({type:Me.set,payload:{name:N.name,value:he,scope:K}})},onUnset:()=>{g({type:Me.unset,payload:{name:N.name,scope:K}})},key:N.name,referenceChain:[...o,t],parentVar:t})]})]})]},F)};function p5(e){const{path:t}=e,[n,r]=w.useState(!1),{frameRef:o}=w.useContext(qe);return d("button",{draggable:!0,onDragStart:i=>{r(!0),i.stopPropagation()},onDragEnd:()=>{r(!1)},onDragLeave:i=>{if(!n)return;const a=i.clientX>i.currentTarget.getBoundingClientRect().right,l=i.clientXi.currentTarget.getBoundingClientRect().bottom,c={behavior:"smooth",block:s?"start":u?"end":"center",inline:a?"end":l?"start":"center"};o.current.contentWindow.postMessage({type:"scroll-in-view",payload:{path:t,options:c}},window.location.href)},title:"Scroll in view",className:"scroll-in-view",style:{border:"1px solid gray",background:"white",borderRadius:"5px",padding:"4px",fontSize:"12px",float:"right",cursor:"zoom-in"},onClick:()=>{if(o.current){o.current.contentWindow.postMessage({type:"scroll-in-view",payload:{path:t}},window.location.href);return}element.scrollIntoView({behavior:"smooth",block:"nearest",inline:"end"})},children:"👁"})}const hs=18;function eV({label:e}){const[t,...n]=e.replace(/\s*\(\d\/\d\)$/,"").split(".").map(i=>i.trim()),[r,o]=w.useState(!1);return k(w.Fragment,{children:[d(Se,{controls:[r,o],children:d("div",{children:r?d("span",{children:"close"}):e})}),r&&k(w.Fragment,{children:[d(co,{selector:t,initialized:!0,showLabel:!0}),n.map(i=>d(co,{selector:`.${i}`,initialized:!0,showLabel:!0}))]})]})}function ir({children:e}){return d("span",{style:{filter:"grayscale(1)",fontSize:"1.5rem",minWidth:"2rem",display:"inline-block",textAlign:"center"},children:e})}const h5={uiLayout:d(ir,{children:"💻"}),inspectedPath:d(ir,{children:"🔍"}),themeEditor:d(ir,{children:"🖌"}),scales:d(ir,{children:"🔬"}),width:d(ir,{children:"↔"}),height:d(ir,{children:"↕"}),search:d(ir,{children:"🕵️"}),note:d(ir,{children:"🗨"})},tV={openGroups:({action:e})=>{const t=Object.keys(e);return t.length===0?"No open groups":d("div",{className:"history-open-groups",children:t.reverse().map(n=>d(w.Fragment,{children:d("pre",{className:"monospace-code",style:{fontSize:"10px",display:"inline-block"},children:d(eV,{label:n})},n)}))})},inspectedPath:({action:e,historyIndex:t})=>{const{frameRef:n}=w.useContext(qe),{historyOffset:r,past:o}=w.useContext(Ze),i=tf<=t)||[]:[],u=s?d("a",{href:s,children:s.replace(/http:\/\/|https:\/\//,"")}):null;if(!a)return u||"...";const c=l&&s!==window.location.href;return k(w.Fragment,{children:[d(p5,{path:e}),d("pre",{className:"monospace-code",children:a==null?void 0:a.label}),c&&u]})},themeEditor:{set:({payload:{scope:e,name:t,value:n,alternatives:r}})=>k(w.Fragment,{children:[e&&d("pre",{className:"monospace-code",style:{maxHeight:"120px"},children:e}),d("br",{}),d("b",{draggable:!0,onDragStart:Ut(`var(${t})`),children:d(_r,{name:t})})," ",d("br",{}),k("span",{draggable:!0,onDragStart:Ut(n),children:[(Cu.test(n)||rl.test(n)||/var\(/.test(n))&&d("span",{style:{width:hs,height:hs,border:"1px solid black",borderRadius:"6px",backgroundImage:`${n}`,backgroundColor:`${n}`,backgroundRepeat:"no-repeat",backgroundSize:"cover",display:"inline-block",textShadow:"white 0px 10px"}}),n]}),(r==null?void 0:r.length)>0&&k("div",{children:["Alternatives (WIP, can't switch yet):"," ",d(kt,{onChange:o=>{const i=r[o.target.value];console.log(i)},options:r.map((o,i)=>({label:`${o.varName} [element ${o.element} ${o.property}]`,value:i}))})]})]}),unset:({payload:{scope:e,name:t}})=>k(w.Fragment,{children:[e&&d("pre",{className:"monospace-code",style:{maxHeight:"120px"},children:e}),d("br",{}),d("b",{children:d(_r,{name:t})})," = default"]}),createAlias:({payload:{name:e,value:t,generatedName:n}})=>k("span",{draggable:!0,onDragStart:Ut(`var(${n})`),children:["Alias",d("br",{}),(Cu.test(t)||rl.test(t)||/var\(/.test(t))&&d("span",{style:{width:hs,height:hs,border:"1px solid black",borderRadius:"6px",backgroundImage:`${t}`,backgroundColor:`${t}`,backgroundRepeat:"no-repeat",backgroundSize:"cover",display:"inline-block",textShadow:"white 0px 10px"}}),k("b",{children:[d(_r,{name:n})," = ",t]})]})}};function nV(){const{past:e,historyOffset:t}=w.useContext(Ze),n=e.length-t,r=n<1;return d("button",{className:"history-button",disabled:r,title:r?"No history":n,onClick:xS,children:"←"})}function rV(){const{historyOffset:e}=w.useContext(Ze),t=e===0;return d("button",{className:"history-button",disabled:t,title:t?"No future":e,onClick:CS,children:"→"})}function oV(){const{past:e,historyOffset:t}=w.useContext(Ze),n=e.length-t,r=n<1;return d("button",{className:"history-button",disabled:r,title:r?"No history":n,onClick:SS,children:"!←"})}function iV(){const{historyOffset:e}=w.useContext(Ze),t=e===0;return d("button",{className:"history-button",disabled:t,title:t?"No future":e,onClick:ES,children:"→!"})}function aV({amount:e}){const t=[];for(let n=0;nd("span",{onDragEnter:()=>{hg(e-n-1)},style:{height:"6px",borderLeft:"1px solid #646262"}},n))})}const lV=k(xt,{el:Tg,children:["Here's a compact version of the history timeline. You can scroll above the history section to move the timeline one step at a time, however fast you and your mouse like to work with.",d("h1",{children:"Warning!"}),d("p",{children:"This will restore the UI state across the whole screen, which definitely is a concern for people with epilepsy."}),d("p",{children:"After having changed the page background color multiple times, for example, going through this history timeline fast will cause the whole preview screen to flash."}),d("p",{children:"It's recommended to only use it when controlled, small nudges of the wheel are possible."}),d("p",{children:"Keeping some state pinned can help reduce the amount of changes happening in rapid succession."})]});function g5(e,t){const r=(t.currentTarget.closest("minitimeline")||t.currentTarget).getBoundingClientRect(),o=Math.max(0,(t.clientX-r.left)/r.width),i=Math.round(e*o);hg(e-i)}function sV(e,t,n){var r;n.pressure>.01&&((r=t.current)!=null&&r.matches(":hover"))&&g5(e,n)}function Tg(){const{past:e,historyOffset:t}=w.useContext(Ze),n=e.length===0?0:100-100*t/e.length,r=w.useRef(null);return k("div",{ref:r,className:"minitimeline",onPointerMove:sV.bind(null,e.length,r),onClick:g5.bind(null,e.length),style:{width:"100%",height:"8px",padding:"2px",background:"darkgrey",boxSizing:"border-box",userSelect:"none",touchAction:"none"},children:[d("div",{style:{width:`${n}%`,height:"6px",background:"rgb(26, 217, 210)",borderRight:"3px solid black",transition:"width .06s ease-out",boxSizing:"border-box"}}),d(aV,{amount:e.length+1}),lV]})}function m5({id:e}){if(e!=="themeEditor")return d("button",{title:"Clear all other values and move this one to start",onClick:AH.bind(null,e),children:"Clear others"})}function Og(){const{pins:e}=w.useContext(Ze),[t,n]=w.useState(!1),r=e.size;return k(w.Fragment,{children:[k("button",{title:t?"":[...e.keys()].join(", "),onClick:o=>{n(!t)},children:[k("span",{style:{filter:r===0?"grayscale(1)":"none"},children:["📌",r]}),k(xt,{el:Og,children:[d("p",{children:"This button shows how many pins are applied and allows you to toggle each."}),d("p",{children:"Notice how the timeline now jumps over the entries we pinned earlier."})]})]}),t&&d(uV,{close:()=>n(!1)})]})}function uV({close:e}){const{pins:t,past:n,historyOffset:r,states:o}=w.useContext(Ze),[i]=w.useState(new Map(t)),a=[...i.entries()],l=w.useRef();let s=0;return w.useEffect(()=>{const u=c=>{l.current.parentNode.contains(c.target)||e()};return document.addEventListener("click",u),()=>{document.removeEventListener("click",u)}},[]),d("ul",{ref:l,style:{zIndex:100,position:"absolute",background:"white",border:"1px solid black"},children:a.map(([u,c])=>{const f=t.has(u),p=()=>Wi(u,c),h=()=>Fl(u),g=c{hg(C),m.stopPropagation()},children:"visit"})]})})})}function v5(e){const t=Math.round(e.deltaY/100);t>0?pg(t,!0):Ta(-t,!0)}function qc(){const[e,t]=ee.visualizeHistory(),[n,r]=ee.visualizeHistoryAlways();return k("div",{onWheelCapture:v5,children:[d(Tg,{}),d(Og,{}),d(Se,{controls:[e,t],children:"Visualize"}),e&&d(Se,{title:"Always or only when in a previous state",controls:[n,r],children:"Always"}),d("button",{onClick:()=>{confirm("Clear all history, keeping only current state?")&&jH()},children:"Clear"}),k("div",{style:{display:"inline-flex"},children:[d(oV,{}),d(nV,{}),d(rV,{}),d(iV,{})]}),k(xt,{el:qc,children:[d("p",{children:"Every step you do in the editor is tracked in a history timeline. Keyboard shortcuts (control+z and others) work like anywhere else."}),d("p",{children:`On top of "normal" history buttons, there's the fast buttons (!← and →!), that jump to the most important steps like edits to style rules, newly inspected elements, and editor UI layout changes. It jumps over the less interesting steps, while still applying their result.`})]})]})}qc.fName="HistoryControls";function Jc(){const{lastAlternate:e,historyOffset:t,past:n,lastAlternateIndex:r,savedStashes:o}=w.useContext(Ze),i=n.length-t-r,a=e.length===0,l=a?d(w.Fragment,{children:"Stash"}):k(w.Fragment,{children:[e.length," steps stashed ",d("br",{}),i," steps since"]}),s=w.useMemo(()=>JSON.stringify(e.map(u=>[...u.entries()].map(([c])=>c)),null,2),[e]);return k(w.Fragment,{children:[k("div",{className:"flex-row",children:[d("button",{title:`Apply/create stash: -`+s,onClick:FS,style:{textAlign:"left",background:`rgba(26, 217, 210, ${Math.min(e.length/50,1)})`},disabled:a&&t===0,children:l}),!a&&d(cV,{}),o.length>0&&d("span",{children:" Saved: "}),o.map(([u,c],f)=>k(w.Fragment,{children:[k("button",{title:`Apply/create stash: -`+JSON.stringify(c.map(p=>p.entries())),onClick:IH.bind(null,f),style:{background:`rgba(26, 217, 210, ${Math.min(c.length/50,1)})`},children:[c.length," steps",d("br",{}),n.length-t-u," steps since"]}),d("button",{onClick:()=>{confirm("Permanently delete stash?")&&yS(f)},style:{textAlign:"left"},children:"clear"})]}))]}),d(xt,{el:Jc,tasks:[()=>{const{pins:u}=w.useContext(Ze);return["Remove all pins",u.size===0]},()=>{const{historyOffset:u}=w.useContext(Ze);return["Navigate back",u!==0||!a]},()=>["Add future actions to the stash",!a]],children:"If you travel back and discard future, it's still kept here. This allows you to splice in a new edit earlier into your history and just re-apply everything after it."})]})}function cV(){return d("button",{onClick:LH,children:"Clear"})}Jc.fName="HistoryStash";function fV(e,t,n){return e.addEventListener(t,n),()=>{e.removeEventListener(t,n)}}function dV({containerRef:e,id:t}){const{past:{length:n}}=w.useContext(Ze),[r,o]=Tn(`areaOffset#${t}`,[0,n]),[i,a]=r.length?r:[r,0];w.useEffect(()=>{a===n&&e.current.scrollTo({top:i,left:0})},[]),w.useEffect(()=>{const l=performance.now(),s=u=>{if(performance.now()-l<500)return;const c=u.currentTarget.scrollTop,f=c<10?0:Math.floor(c);o([f,n],{skipHistory:!0,appendOnly:!0})};return fV(e.current,"scroll",s)},[])}function pV({containerRef:e,id:t}){const[n]=Tn(`areaOffset#${t}`,[0]),[r]=n.length?n:[n];w.useEffect(()=>{var i;(i=e.current)==null||i.scrollTo({top:r,left:0});const o=setTimeout(()=>{var a;(a=e.current)==null||a.scrollTo({top:r,left:0})},500);return()=>{clearTimeout(o)}},[r])}let y5;function hV(e){return y5=e}function gV(e){const{historyOffset:t}=w.useContext(Ze);return y5===e.id||e.id==="drawer"?null:t===0?d(dV,V({},e)):d(pV,V({},e))}function lr(r){var o=r,{id:e,children:t=[]}=o,n=mn(o,["id","children"]);const{overArea:i,setOverArea:a,setOverElement:l,timeoutRef:s,areaRefs:u}=w.useContext(Fo),c=i===e,f=w.useRef();return u.current[e]||(u.current[e]=f),k("div",ie(V({style:{position:"relative"}},n),{id:e,ref:f,className:"area",children:[d(gV,{id:e,containerRef:f}),!!t&&w.Children.map(t,(p,h)=>d(tG,{homeAreaId:e,element:p,index:h})),d("div",{className:"area-dropzone"+(c?" drag-hovered":""),style:{order:1e3,background:"rgba(167,238,227,0.22)",outline:"2px dashed grey",outlineOffset:"-8px"},onDragEnter:w.useCallback(()=>{s.current.area&&(clearTimeout(s.current.area),s.current.area=null),s.current.area&&clearTimeout(s.current.area),a(e),l(null),s.current.lastEntered=e},[]),onDragLeave:w.useCallback(()=>{s.current.area&&(clearTimeout(s.current.area),s.current.area=null),s.current.area=setTimeout(()=>{s.current.lastEntered===e&&a(null)},_S)},[])})]}))}function mV(){const{hostAreaId:e,homeAreaId:t}=w.useContext(Fi),n=e||t;w.useEffect(()=>{hV(n)},[n])}function gb(e){return e?typeof e.type=="function"?e.type.name:e.type:""}const b5=[()=>{const{pins:e}=w.useContext(Ze);return["Pin the screen width and height.",e.has("width")&&e.has("height")]}];function w5(){return k(w.Fragment,{children:[d("p",{children:"We're tracking so many things, that it's quite likely you'll not want to use the older version of certain things, but still want to wind back to any point in history for everything else."}),d("p",{children:"To achieve this, there is a pin button, which pins the value at a particular point in time, and so allows you to browse everything else."}),d("p",{children:"Note that pinning does not prevent you from making new changes to the same type of value (e.g. screen width). Rather, the new value will now be pinned instead. You can easily unpin this value again if needed."})]})}function vV(e){const{id:t,historyIndex:n}=e,{pins:r,historyOffset:o,past:i}=w.useContext(Ze),a=r.get(t),l=n===a;return a>i.length-o,d(w.Fragment,{children:d("button",{className:l?"pinned-here":"",style:{outline:l?"2px solid black":"none",background:l?"white":"transparent"},onClick:s=>{l?Fl(t):Wi(t,n),s.stopPropagation()},children:d("span",{className:"pin",children:"📌"})})})}function yV(e){const{id:t}=e,{pins:n}=w.useContext(Ze),r=gS(t),i=n.get(t)===r;return k("button",{className:i?"pinned-latest":"pin-latest",style:{float:"right",outline:i?"2px solid black":"none",background:i?"white":"transparent"},onClick:i?()=>{Fl(t)}:()=>{_H(t)},title:"Pin to latest",children:[d("span",{className:"pin",children:"📌"}),"→"]})}function bV(e){const{id:t,historyIndex:n}=e,{pins:r}=w.useContext(Ze);if(n===0)return null;const i=r.get(t)===0;return k("button",{className:i?"pinned-initial":"",style:{float:"right",outline:i?"2px solid black":"none",background:i?"white":"transparent"},onClick:i?()=>{Fl(t)}:()=>{DH(t)},title:"Pin to initial",children:["←",d("span",{className:"pin",children:"📌"})]})}function wV({id:e}){const[t,n]=w.useState(!1);return k("div",{style:{position:"relative"},children:[d(Rt,{controls:[t,n],children:"..."}),t&&d("div",{style:{position:"absolute",top:"100%"},children:d(m5,{id:e})})]})}function ah(e){const{showScrolls:t}=Ce,{actions:n,showPayloads:r,historyIndex:o}=e,{previewComponents:i,pins:a}=w.useContext(Ze);return d("ul",{className:"history-actions",children:[...n].map(([l,s],u)=>{if(!t&&l.startsWith("areaOffset"))return;const c=typeof s=="object";if(s===null)return d("span",{style:{color:"red"},children:"IT IS NULL"});const f=c&&"type"in s,p=f?JSON.stringify(s.payload,null,2):c?JSON.stringify(s,null,2):s,h=f?"::"+gb(s):"",g=p==="{}",y=!f&&(typeof p=="boolean"||typeof p=="number"||(p==null?void 0:p.length)<320),C=i[l],m=typeof C=="function"?C:l in i?i[l][gb(s)]:null,v=a.has(l),b=v&&a.get(l)!==o,F=h5[l]||"";return k("li",{title:b?"Overridden by pin":"",style:{clear:"both",opacity:b?.5:1},children:[d(vV,{id:l,historyIndex:o}),d(yV,{id:l,historyIndex:o}),d(bV,{id:l,historyIndex:o}),v&&d("span",{style:{float:"right"},children:d(wV,{id:l})}),F,!m&&k("span",{children:[d("b",{children:l}),h]}),!m&&y&&d("pre",{style:{margin:0,float:"right"},className:"monospace-code",children:p===!1?"false":p===!0?"true":p}),!g&&r&&d("pre",{className:"monospace-code",children:p===!1?"false":p===!0?"true":p}),m&&d(m,{action:s,historyIndex:o,payload:s.payload})]},`${o}:${u}`)})})}const xV=k(xt,{el:Ol,tasks:b5,children:[d(w5,{}),"Since history visualization is disabled, this only shows current history entry."]});function CV(){const{past:e,historyOffset:t,lastActions:n,initialStates:r}=w.useContext(Ze),[o,i]=w.useState(!1),a=e.length-t,s=t===0?n:e[a].lastActions,u=a===0,c=u&&o?[...r.entries()].filter(([f])=>f in ee):[...s.entries()];return k("div",{onWheelCapture:v5,style:{minWidth:"280px",maxWidth:"400px",minHeight:"240px",overflow:"hidden visible"},children:[xV,u&&d(Se,{controls:[o,i],children:"Show all initial values"}),d(ah,{historyIndex:a,actions:c})]})}function Ol(){const[e,t]=ee.visualizeHistoryAlways(),[n,r]=w.useState(!1),[o,i]=we("showAllHistory",!0),[a,l]=w.useState(!1),[s,u]=w.useState(!1),{past:c,historyOffset:f,lastActions:p,pointedStates:h,pins:g}=w.useContext(Ze),y=Ce.visualizeHistory&&(e||f!==0);let C=w.useRef();if(w.useEffect(()=>{var b;(b=C.current)==null||b.scrollIntoView({block:"nearest"})},[f]),!y)return d(CV,{});const m=c.length-f;let v=!1;return k("div",{className:"history",children:[k(xt,{el:Ol,tasks:b5,children:[d(w5,{}),"See all steps you took here."]}),d(mV,{}),d(Se,{controls:[o,i],children:"Show all"}),d(TS,{hook:ee.showScrolls,children:"Include scroll position"}),d(Se,{controls:[n,r],children:"Debug"}),n&&k("div",{children:[d(Se,{controls:[a,l],children:"Inspect current state"}),d(Se,{controls:[s,u],children:"Show payloads"}),d("button",{onClick:()=>console.log(h),children:"console.log"}),d("button",{onClick:TH,children:"export"}),a&&d("pre",{className:"monospace-code",children:JSON.stringify(Object.fromEntries(h),null,2)})]}),k("ul",{className:"connected-list",children:[c.map(({states:b,lastActions:F},_)=>{const A=_===m;v=v||A;const D=Math.abs(_-m),T=[...F.entries()].some(([O,z])=>typeof z=="object"||b.get(O)!==h.get(O));if(!A&&!o&&_!==0&&!dg(F)){const O=[...F.keys()];if(!O.some(Y=>g.has(Y)&&g.get(Y)===_)&&!O.some(Y=>fg.includes(Y)))return null}return k("li",{id:A?"history-current-state":"",ref:_===m?C:null,style:{position:"relative",outline:_===m?"3px solid black":"none"},children:[d("span",{style:{marginLeft:"-32px"},children:_}),d(ah,{historyIndex:_,actions:[...F.entries()],showPayloads:s}),k("div",{className:"history-state-buttons",style:{display:"flex",justifyContent:"stretch"},children:[d("button",{style:{width:"50%"},onClick:A?()=>{t(!0),Ta(f)}:v?()=>{Ta(D)}:()=>{pg(D)},children:A?"jump to end":"jump here"}),T&&d("button",{style:{width:"50%"},onClick:O=>{for(const[z,Y]of F.entries())_c(z,Y);O.preventDefault(),O.stopPropagation()},children:"do again"})]})]},_)}),k("li",{onClick:v?()=>{Ta(f)}:null,style:{outline:f===0?"3px solid black":"none"},children:[d("span",{style:{marginLeft:"-32px"},children:"Latest"}),d(ah,{historyIndex:c.length,actions:[...p.entries()],showPayloads:s})]},"latest")]})]})}Ol.fName="HistoryVisualization";function x5(e,t){try{return t===""||e.name.replace(/-+/g," ").match(t)?!0:e.usages.some(n=>n.property.match(t))}catch(n){return!0}}const SV=(e,t)=>{if(!t)return e;const n=t.replace(/^\!/,""),r=n.length!==t.length;try{return e.map(o=>ie(V({},o),{vars:o.vars.filter(i=>{const a=x5(i,n);return r?!a:a})}))}catch(o){return e}};function EV(e,t){return t.length===0?e:e.map(n=>ie(V({},n),{vars:n.vars.filter(r=>t.some(i=>r.maxSpecific.selector.includes(i)))}))}function FV(e){const t=gn(),{group:n,elementScopes:r}=e,o=Object.entries(n.inlineStyles);return o.length===0?null:k("div",{children:[d("h5",{style:{color:"red"},children:"Inline styles"}),d("ul",{children:o.map(([i,a])=>{if(typeof a=="undefined")return null;const l=a.match(/^var\(\s*(\-\-[\w-]+)\s*[\,\)]/);if(l&&l.length>0){const u={name:l[1],usages:[{property:i}],properties:{[i]:{isFullProperty:!0,fullValue:a,isImportant:!1}},maxSpecific:{property:i},positions:[]};return w.createElement(Ui,{group:n,key:u.name,cssVar:u,scopes:r,onChange:c=>{t({type:Me.set,payload:{name:u.name,value:c}})},onUnset:()=>{t({type:Me.unset,payload:{name:u.name}})}})}return d("li",{children:k("span",{className:"monospace-code",children:[i,": ",a]})},i)})})]})}function kV(e){const{scopes:t,vars:n,element:r,group:o}=e,i=gn(),[a,l]=we("show-scope-locators",!1);if(t.length===0)return null;const s=[];return k("div",{style:{background:"lightyellow",marginBottom:"24px",padding:"4px",border:"1px solid black"},children:[d(Se,{controls:[a,l],style:{float:"right"},children:"Find on page"}),d("ul",{children:t.map(({selector:u,matchingSelector:c,scopeVars:f})=>{const p=u.split();s.push(...f);const h=n.filter(g=>g.currentScope===u);return h.length===0?null:k("li",{children:[d("span",{style:{border:"1px solid gray"},className:"monospace-code",children:p.map(g=>g===c?d("b",{children:g},"selector"):g)}),a&&!u.includes(":root")&&!u.includes(":where(html)")&&d(co,{selector:u,initialized:!0,showLabel:!1}),d("ul",{style:{marginBottom:"24px"},children:h.map(g=>w.createElement(Ui,{cssVar:g,scopes:t,currentScope:u,element:r,group:o,key:g.name,onChange:y=>{i({type:Me.set,payload:{name:g.name,value:y,scope:u}})},onUnset:()=>{i({type:Me.unset,payload:{name:g.name,scope:u}})}}))})]},u)})})]})}const AV=({amount:e=3,format:t="array",group:n=20,sample:r=10,minHue:o=0,maxHue:i=360}={})=>({amount:e,format:t,group:n,sample:r,minHue:o,maxHue:i}),$V=e=>typeof e=="string"?e:e.src,_V=(e,t)=>{const n=e.map(r=>{const[o,i,a]=Array.isArray(r)?r:r.split(",").map(Number);return`color(display-p3 ${o/255} ${i/255} ${a/255})`});return t.amount===1?n[0]:n},Pd=(e,t)=>{const n=Math.round(e/t)*t;return Math.min(n,255)},Td=new Map,DV=e=>Td.has(e)?Promise.resolve(Td.get(e)):new Promise((t,n)=>{const r=new OffscreenCanvas(0,0),o=r.getContext("2d",{colorSpace:"display-p3"}),i=new Image;i.onload=()=>{r.height=i.height,r.width=i.width,o.drawImage(i,0,0);const{data:a}=o.getImageData(0,0,i.width,i.height,{colorSpace:"display-p3"});Td.set(e,a),t(a)},i.onerror=a=>(console.log(a),n(Error("Image loading failed."))),i.crossOrigin="",i.src=e}),PV=(e,t)=>{const n=4*t.sample,r={},o=t.minHue===0,i=t.maxHue===360,a=o&&i;for(let p=0;p360,u=l?360+t.minHue:t.minHue,c=i?360:t.maxHue%360;function f([,,{h:p}]){return a?!0:l?p>=u||p<=c:s?p<=c||p>=u:p>=u&&p<=c}return _V(Object.entries(r).filter(([,p])=>p>1).map(([p,h])=>{const[g,y,C]=p.split(",");return[p,h,kr(`color(display-p3 ${g/255} ${y/255} ${C/255})`)]}).filter(f).sort(([,,p],[,,h])=>p.c>h.c?-1:1).slice(0,t.amount).map(([p])=>p),t)};function TV(e,t){return tt(this,null,function*(){const n=yield DV($V(e));return PV(n,AV(t))})}const mb=42;function OV({value:e,h:t,rangeSize:n}){const{palette:r,pickedHue:o}=Ce,[i,a]=ee.pickedValue(),l=r.some(({value:u})=>u===e),s=Math.abs(Math.abs(t)-Math.abs(o))>n/20;return d("div",{style:{background:s?"white":"transparent",border:"transparent",position:"absolute",top:0,right:0,bottom:0,left:0},onClick:()=>{a(i===e?"":e)},children:l&&"V"})}function BV({color:e,minLightness:t,maxLightness:n,rangeSize:r}){const o=kr(e);if(!o)return;const{l:i,c:a,h:l=0,alpha:s=1}=o,u=i*100;if(un)return;const c=zn(u,a,l,s);return d("div",{title:c,draggable:!0,onDragStart:f=>f.dataTransfer.setData("value",c),style:{position:"relative",display:"inline-block",fontWeight:900,verticalAlign:"top",width:mb,height:mb,backgroundColor:e,color:"green"},children:d(OV,{value:c,h:l,rangeSize:r})})}function MV({minLightness:e,maxLightness:t,rangeSize:n,colors:r}){return r.map(o=>d(BV,{color:o,minLightness:e,maxLightness:t,rangeSize:n}))}function RV(e){const{pickedHue:t}=Ce,{path:n}=e,[r,o]=w.useState(),[i,a]=w.useState(),[l,s]=st("image color group",2),[u,c]=st("image color sample",16),[f,p]=st("image color amount",90),[h,g]=st("image color min lightness",0),[y,C]=st("image color max lightness",100),[m,v]=st("image color min hue",0),[b,F]=st("image color max hue",360),[_,A]=we("image color preserve lightness range",!1),[D,T]=we("image color preserve hue range",!1),[O,z]=w.useState(!0);if(w.useEffect(()=>{const B=performance.now(),W=setTimeout(()=>tt(this,null,function*(){z(!0),o(yield TV(n,{sample:u,group:l,amount:Math.max(2,f),minHue:m,maxHue:b})),a(performance.now()-B),z(!1)}),80);return()=>clearTimeout(W)},[n,l,u,f,m,b]),!r)return;const Y=b-m||360;return k("div",{children:[d("br",{}),"group: ",l,k("span",{style:{float:"right"},children:[" ",i,"ms"]}),d("input",{disabled:O,type:"range",value:l,min:1,max:100,style:{width:"95%"},onChange:B=>{s(parseInt(B.target.value))}}),"sample: ",u,d("input",{disabled:O,type:"range",value:u,min:1,max:50,style:{width:"95%"},onChange:B=>{c(parseInt(B.target.value))}}),"amount: ",d("input",{type:"number",value:f,onChange:B=>p(B.target.value)}),d("input",{disabled:O,type:"range",value:f,step:9,min:9,max:90,style:{width:"95%"},onChange:B=>{p(parseInt(B.target.value))}}),k("div",{style:{display:"flex"},children:[d("input",{disabled:O,type:"number",value:m,min:0,max:360,onChange:B=>{v(parseInt(B.target.value))}}),d("input",{disabled:O,type:"number",value:b,min:1,max:360,onChange:B=>{F(parseInt(B.target.value))}}),d(Se,{disabled:!D&&b-m>=360,controls:[D,T],children:"Fix hue range"})]}),k("div",{style:{position:"relative",background:"linear-gradient(90deg in oklch longer hue, transparent 0%, transparent 16px, oklch(71.68% 0.1505 0) 16px, oklch(71.68% 0.1505 0) calc(100% - 16px), transparent calc(100% - 16px), transparent 100%)"},children:[t&&d("div",{style:{position:"absolute",width:"100%",height:62,background:"transparent",backdropFilter:"blur(1px)"},children:d("div",{style:{border:"1px dashed black",width:"100%",height:"100%",fontSize:"2rem"},onClick:()=>{const W=(b-m)/20;v(t-W),F(t+W)},children:"click to narrow down"})}),d("input",{disabled:O||m<0,type:"range",value:(360+m)%360,min:0,max:360,style:{width:"100%",height:28,padding:0},onChange:B=>{const W=parseInt(B.target.value);v(W),W>b-5&&F(W+5),D&&F(b+W-m)}}),d("input",{disabled:O||b>360,type:"range",value:b===360?360:b%360,min:1,max:360,style:{width:"100%",height:28,padding:0},onChange:B=>{const W=parseInt(B.target.value);F(W),W{g(parseInt(B.target.value))}}),d("input",{disabled:O,type:"number",value:y,min:1,max:100,onChange:B=>{C(parseInt(B.target.value))}}),d(Se,{disabled:h<=0&&y>=100,controls:[_,A],children:"Fix lightness range"})]}),k("div",{children:[d("input",{disabled:O,type:"range",value:h,min:0,max:99,style:{width:"95%"},onChange:B=>{const W=parseInt(B.target.value);g(W),W>y-5&&C(W+5),_&&C(y+W-h)}}),d("input",{disabled:O,type:"range",value:y,min:1,max:100,style:{width:"95%"},onChange:B=>{const W=parseInt(B.target.value);C(W),W!l.isRawValue).map(([{name:l}])=>`var(${l})`);let i=!1;const a=gn();return t.forEach(([{name:l,isRawValue:s},u,c,f=":root"])=>{if(s||o.includes(c))return;const p=kr(u);if(!p||p.l<.001||p.l>.999||!n&&p.c{t("")},children:"X"})]})}const gs=new WeakSet,vb=new Set;function zV({src:e,element:t}){const[n,r]=ee.inspectedPath(),{xrayFrameRef:o}=w.useContext(qe);return!(e!=null&&e.endsWith(".svg"))||vb.has(e)?null:d("button",{onClick:()=>{tt(this,null,function*(){const i=URL.parse(e,window.location.href),l=yield(yield fetch((i==null?void 0:i.href)||e)).text(),s=document.createElement("div");if(s.style.minHeight="100px",s.style.minWidth="100px",s.innerHTML=l,t.after(s),o.current){const u=o.current.contentWindow.document,c=u.createElement("div");c.innerHTML=l,c.style.minHeight="100px",c.style.minWidth="100px",Qt(n,u).after(c),r([...n.slice(0,-1),["SVG",n.at(-1)[1]+1]])}vb.add(e)})},children:"inline SVG"})}function jV({path:e}){const[t,n]=ee.elementSelectionMode(),[,r]=ee.inspectedPath();return t?d("div",{onClick:o=>{r(e),n(!1)},title:"Go up to this element",style:{outline:"3px solid indigo",borderRadius:"7px",position:"absolute",top:0,left:0,bottom:0,right:0,zIndex:99,cursor:"pointer"}}):null}const HV=e=>{const{group:t,index:n}=e,r=n===0,{propertyFilter:o,maximizeChroma:i,inspectedPath:a}=Ce,[{scopes:l},s]=ee.themeEditor(),[u,c]=ee.svgDarkBg(),f=vg("pickedValue"),[p,h]=we("image color show",!1),{element:g,path:y,elementInfo:{src:C,srcset:m,imgWidth:v,imgHeight:b,alt:F,title:_,html:A,width:D},label:T,vars:O,scopes:z,isRootElement:Y,inlineStyles:B={},inheritedInlineStyles:W={}}=t,de=Object.keys(B).length>0,ae=r&&[...g.childNodes].some(X=>X.nodeType===3&&X.textContent.trim()!=="")?g.textContent.trim():null,{defaultValues:se}=w.useContext(qe),[L,te]=ee.openGroups(),j=X=>{const pe=L,{[X]:M}=pe,ve=mn(pe,[of(X)]),ue=M?ve:ie(V({},ve),{[X]:!0});return te(ue),!M},[le,N]=w.useState(gs.has(g)),K=w.useMemo(()=>O.reduce((X,M)=>{var ve,ue;if(Tl(M)){const{name:pe}=M;if(!pe.startsWith("--"))return pe.toLowerCase()!=="currentcolor"&&X.push([M,pe]),X;const ce=di[pe];let S=M.currentScope;if(!S&&z.length>0){for(const H in ce||{})if(S=((ve=z.find(fe=>fe.selector===H))==null?void 0:ve.selector)||S,S)break}const $=pt[S||":root"][pe]||f5(z,M)||se[pe]||((ue=M.maxSpecific)==null?void 0:ue.defaultValue)||M.usages[0].defaultValue,E=!l||!l[S]?null:l[S][pe],R=B[pe]||W[pe]||E||$;let[I]=Pg(R,z,l,0,B,W);if(I.includes("calc(")){const H={steps:[]};let fe=I;for(;fe.includes("calc(");){const ye=fe.indexOf("calc("),_e=Nr(fe,ye+5);try{const[he]=Yc(fe.slice(ye+5,_e-1),H);fe=fe.slice(0,ye)+he+fe.slice(_e+1)}catch(he){break}}I=fe}I&&I!=="inherit"&&I.toLowerCase()!=="currentcolor"&&X.push([M,M.cssFunc?`${M.cssFunc}(${I})`:I,R,S])}return X},[]),[O,z,l]),ne=!(O.length===0)||C;if(w.useEffect(()=>{le?g.classList.add("force-nodisplay"):g.classList.remove("force-nodisplay")},[le]),!ne&&!r&&!C&&!A)return null;const P=!!L[T];return k("li",{className:"var-group",style:{viewTransitionName:r&&a.length>1?`inspected${a.length}-${a.at(-1)[1]}`:n,marginBottom:"12px"},children:[k("div",{onMouseEnter:()=>{Za(g)},onMouseLeave:()=>{fi(g)},children:[!r&&d(jV,{path:y}),k("div",{style:{position:"sticky",top:0,background:"white",zIndex:12,overflow:P?"hidden":"auto"},children:[Y?d("span",{style:{float:"right"},children:"global"}):d(p5,{path:y}),k("h4",{style:{fontWeight:400,marginBottom:0,paddingRight:"4px",cursor:ne?"pointer":"initial",display:"flex",justifyContent:"space-between",alignItems:"flex-start",maxHeight:P?"128px":"300px",overflowX:"hidden",overflowY:"auto"},onClick:ne?X=>{const M=IF("pickedValue");if(M&&C5(M,{groupColors:K,maximizeChroma:i}))return;const ve=j(T);queueMicrotask(()=>{var ue;ve?(ue=X.target.closest(".var-group"))==null||ue.scrollIntoView({block:"start"}):X.target.scrollIntoView({block:"nearest"})},0)}:null,onDrop:X=>IV({groupColors:K,maximizeChroma:i},X),onDragOver:X=>{X.preventDefault()},children:[k("div",{style:{flexShrink:1},children:[T," (",O.length,")",o!=="all"&&d("span",{style:{color:"grey",fontSize:"12px"},children:o}),d(LV,{}),K.length>0&&d("div",{style:{overflowX:"hidden"},children:K.map(([{name:X},M,ve,ue])=>{const pe=X.startsWith("--");return w.createElement("div",ie(V({onDragOver:ce=>ce.preventDefault(),onDrop:ce=>{let S=ce.dataTransfer.getData("value");S===""&&(S=ce.dataTransfer.getData("text/plain").trim()),S!==""&&(s({type:Me.set,payload:{name:X,value:S,scope:ue}}),ce.stopPropagation())},draggable:!0},c5(()=>f(M))),{onDragStart:Ut(ve),key:X,title:X===M?X:`${X}: ${ve}`,style:{display:"inline-block",width:Od,height:Od,lineHeight:"1.5",border:"1px solid black",borderRadius:"6px",backgroundImage:`${M}`,backgroundColor:`${M}`,backgroundRepeat:"no-repeat",backgroundSize:"cover",marginTop:"3px",marginLeft:"6px",paddingTop:"3.5px",fontSize:"14px",textAlign:"center",textShadow:pe?"white 0px 3px":"white 2px 2px"}}),/^var\(/.test(ve)?"v":M==="transparent"?"👻":pe?d(w.Fragment,{children:" "}):"r")})})]}),de&&d("span",{style:ie(V({border:"1px solid black"},B),{maxHeight:Od,width:"auto"}),children:"Inline"}),C&&d("img",{src:C,srcSet:m,alt:F,title:_||F,style:{height:"52px",float:"right",backgroundColor:"grey"}}),(A==null?void 0:A.length)>0&&d("div",{className:"svg-inspect-wrapper",style:{display:"inline",position:"relative",minWidth:`${D}px`,maxWidth:"50%",maxHeight:"160px",outline:"1px solid grey",padding:"2px",background:u?"black":"transparent"},onClick:X=>{c(!u),X.stopPropagation()},dangerouslySetInnerHTML:{__html:A}}),ae&&d("div",{style:{fontSize:"12px",border:"1p solid grey",background:"lightgrey",maxWidth:"45%",margin:"4px",padding:"4px",float:"right",maxHeight:"62px",overflow:"auto"},children:ae})]})]})]}),P&&k(w.Fragment,{children:[C&&k(w.Fragment,{children:[d("a",{href:C,target:"_blank",children:C}),d("br",{}),d(Se,{controls:[p,h],children:"Extract colors"}),k("code",{style:{float:"right"},children:[v," x ",b]}),p&&d(RV,{path:C})]}),d(FV,{group:t,elementScopes:z}),d(kV,{scopes:z,vars:O,element:g,group:t}),d("ul",{className:"group-list",children:O.filter(X=>!X.currentScope).map(X=>w.createElement(Ui,{cssVar:X,scopes:z,element:g,group:t,key:X.name,onChange:M=>{s({type:Me.set,payload:{name:X.name,value:M}})},onUnset:()=>{s({type:Me.unset,payload:{name:X.name}})}}))}),d(Se,{controls:[gs.has(g),X=>{X?gs.add(g):gs.delete(g),N(X)}],children:"Hide"})]}),d(zV,{element:g,src:C})]},T)},GV=k(xt,{el:Qc,children:[d("p",{children:"The appearance of each element is determined by rules. These rules can be attached to the element itself, or to one of its parents."}),d("p",{children:"They are grouped in a box per element. You can hover the title of the box to highlight the corresponding element on the page."}),k("p",{children:["You can think of it as a tree view, except:",k("ul",{style:{paddingLeft:"48px"},children:[d("li",{children:"It's upside down, so that the most useful information is easy to find"}),d("li",{children:"Doesn't include the whole tree, only the section leading to the inspected element."}),d("li",{children:"Everything related to the element is here, so it's always obvious what applies to what"})]})]})]});function Qc(){var c;const{frameRef:e}=w.useContext(qe),{propertyFilter:t,search:n,filteredSelectors:r,showRawValues:o,excludedRawValues:i,inspectedPath:a}=Ce;let l;try{const f=Qt(a,(c=e.current)==null?void 0:c.contentWindow.document);l=ko(f)}catch(f){l=[]}const s=w.useMemo(()=>{const f=EV(l,r);return SV(f,n).map(h=>ie(V({},h),{vars:h.vars.filter(g=>g.isRawValue&&!o||i.some(y=>g.name===y)?!1:t==="all"?!0:Tl(g))}))},[l,t,n,r]),u=w.useRef();return k(w.Fragment,{children:[GV,k("ul",{className:"group-list",ref:u,children:[s.length===0&&d("li",{children:d("span",{className:"alert",children:"No element selected"})}),s.map((f,p)=>d(HV,{group:f,index:p},f.label))]})]})}Qc.fName="Inspector";function Bg(){const[e,t]=Pc();return d("button",{className:"movable-element-collapse",onClick:()=>{t(!e)},children:e?"+":"-"})}function WV(e){const{value:t,isHtml:n}=e,r=t.replace(/var\(/,"").replace(/\)$/,"").trim(),o=r!==t&&/^[\w\-]+$/.test(r),i=w.useRef();return w.useEffect(()=>{},[t]),n?d("div",{style:{pointerEvents:"none"},dangerouslySetInnerHTML:{__html:t}}):d("div",{ref:i,style:{listStyleType:"none"},draggable:!0,onDrag:a=>{a.dataTransfer.setData("value",t),a.stopPropagation()},children:o?d(VV,{value:t,varName:r}):d(UV,{value:t})})}function UV(e){const{value:t}=e;return d("div",{children:d(Ou,{value:t,cssVar:{name:t,value:t,usages:[]}})})}function VV(e){const{value:t,varName:n}=e,{themeEditor:{scopes:r}}=Ce,{allVars:o}=w.useContext(qe),[i,a]=w.useState(!1),l=o.find(f=>f.name===n)||{name:n,usages:[]},s=w.useMemo(()=>{if(!i)return null;if(!l.name.startsWith("--"))return[];const f=new RegExp(`var\\(\\s*${l.name.replaceAll(/-/g,"\\-")}[\\s\\,\\)]`),p=[];for(const h of o){const{name:g}=h;if(!g.startsWith("--"))continue;const y=new Set;Object.entries(r).forEach(([C,m])=>{m[g]&&f.test(m[g])&&y.add(C)}),Object.entries(pt).forEach(([C,m])=>{if(y.has(C))return;const v=m[g];v&&v.includes("--")&&f.test(v)&&y.add(C)}),y.size>0&&p.push([[...y.values()],h])}return p},[r,i]),u=Object.entries(di[n]||{});let c;if(u.length===0){const f=[];for(const[p,h]of Object.entries(r))for(const[g,y]of Object.entries(h))g===n&&f.push([p,y]);c=f}else c=u;return c.length===0?d("div",{children:k("b",{children:[n," ",d("span",{style:{color:"red"},children:"is undefined"})]})}):c.length===1?k("div",{children:[d("b",{draggable:!0,onDragStart:Ut(t),children:n}),d(Ou,{value:c[0][1],cssVar:l}),d(Rt,{controls:[i,a],children:"Usages"}),i&&k(w.Fragment,{children:[d(u5,{references:s}),d(s5,V({},l))]})]}):k("div",{children:[k("b",{draggable:!0,onDragStart:Ut(t),children:[n," (",c.length,")"]}),d("ul",{children:c.map(([f,p])=>k("li",{style:{clear:"both"},children:[d("span",{style:{float:"right"},className:"monospace-code",children:f}),d(Ou,{value:f in r&&n in r[f]?r[f][n]:p,cssVar:l})]},f))})]})}function S5({values:e,setValues:t,width:n=65,mini:r=!1}){const[o,i]=ee.pickedValue(),a=e.some(({value:f})=>f===o),[l,s]=we("palette-vertical",!1),[u,c]=w.useState(!1);return w.useEffect(()=>{if(u){const f=()=>{c(!1)};return document.addEventListener("drop",f),document.addEventListener("dragend",f),()=>{document.removeEventListener("drop",f),document.removeEventListener("dragend",f)}}},[u]),w.useEffect(()=>{c(!1)},[e]),k("div",{style:{display:"flex",flexDirection:l?"column":"row"},children:[(u||a)&&d("div",{style:{fontSize:"25px",fontWeight:"bold",textAlign:"center",border:"1px dashed grey",minWidth:"42px"},onClick:()=>t(e.filter(({value:f})=>f!==o)),onDrop:f=>{const p=f.dataTransfer.getData("value");p!==void 0&&t(e.filter(({value:h})=>h!==p))},children:"🗑"}),!r&&d("div",{className:l?"flex-row":"flex-column",children:d(YV,{})}),!u&&!a&&d(Rt,{style:{maxWidth:"28px"},controls:[l,s],children:l?"⇓":"⇒"}),e.map(({value:f,isHtml:p},h)=>p?d("div",{style:{width:n,height:n,overflow:"hidden",background:"white"},draggable:!0,onDragStart:Ut(f,()=>c(!0)),children:d("div",{style:{width:"320px",transform:"scale(.3)",transformOrigin:"left top"},dangerouslySetInnerHTML:{__html:f}})}):d("span",{style:{display:"inline-block"},children:d("span",{draggable:!0,onClick:()=>{i(o===f?"":f)},onDragStart:Ut(f,()=>c(!0)),title:f,onDrop:g=>{let y=!1,C=g.dataTransfer.getData("value");if(C===""&&(C=g.dataTransfer.getData("text/html").trim(),y=!0),C===""&&(C=g.dataTransfer.getData("text/plain").trim()),e.some(({value:m})=>m===g.dataTransfer.getData("value"))){const m=e.filter(({value:b})=>C!==b),v=[...m.slice(0,h),{value:C,isHtml:y},...m.slice(h)];t(v),g.stopPropagation()}else t([...e,{value:C,isHtml:y}]),g.stopPropagation()},style:{display:"inline-block",overflow:"hidden",margin:"2px",backgroundImage:`${f}`,backgroundColor:f,backgroundRepeat:"no-repeat",backgroundSize:"cover",fontSize:"14px",textShadow:"white 0px 10px",lineHeight:"20px",width:n,height:n,outline:f===o?"4px solid yellow":"none"},children:f},f)}))]})}function KV({values:e,setValues:t}){return d("ul",{style:{display:"flex",flexDirection:"column",maxWidth:"320px"},children:e.map(n=>{const{value:r}=n;return k("li",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end"},children:[d(WV,V({values:e,setValues:t},n)),d("button",{style:{alignSelf:"flex-end"},onClick:()=>{t(e.filter(o=>o!==n))},children:"X"})]},r)})})}function YV(){const[e,t]=ee.palette(),[n,r]=w.useState(!1),[o,i]=we("manage palettes open",!1),[a,l]=w.useState(""),s=a.trim(),[u,c]=we("palettes",[]),f=e.length===0;return k("div",{children:[d(Rt,{controls:[n,r],children:"..."}),n&&k(w.Fragment,{children:[d(Ve,{value:a,onChange:l}),d("button",{disabled:s==="",onClick:()=>{c([...u,{name:a,contents:e}])},children:"save"}),d("button",{disabled:f,onClick:()=>{f||c([...u,{name:"tmp",contents:e}]),t([])},children:"clear"}),d(Rt,{controls:[o,i],children:"Stored palettes"}),o&&d("ul",{children:u.map(({name:p,contents:h=[],palette:g})=>k("li",{style:{display:"flex",justifyContent:"flex-end"},children:[p," (",h.length,")",d(S5,{mini:!0,values:h,setValues:()=>{},width:20}),d("button",{onClick:()=>{f||c([...u,{name:"tmp",contents:g}]),t(h)},children:"restore"}),d("button",{onClick:()=>{confirm(`Delete palette "${p}"?`)&&c(u.filter(({name:y})=>y!==p))},children:"X"})]},p))})]})]})}function Zc(){const[e,t]=ee.pickedValue(),[n,r]=ee.palette(),[o]=Pc();return k("div",{onDragOver:i=>{n.some(({value:a})=>a===i.dataTransfer.getData("value"))||i.preventDefault()},onClick:()=>{e!==""&&!n.some(({value:i})=>i===e)&&(r([...n,{value:e,isHtml:!1}]),console.log("test"),t(""))},onDrop:i=>{let a=!1,l=i.dataTransfer.getData("value");l===""&&(l=i.dataTransfer.getData("text/html").trim(),a=!0),l===""&&(l=i.dataTransfer.getData("text/plain").trim()),n.some(({value:s})=>s===i.dataTransfer.getData("value"))||r([...n,{value:l,isHtml:a}]),i.stopPropagation()},children:[d(Bg,{}),n.length===0&&k("span",{children:["Empty",d("br",{})]}),o?d(S5,{values:n,setValues:r}):d(KV,{values:n,setValues:r}),d(xt,{el:Zc,tasks:[()=>[`Add 2 items to the palette (${Math.min(2,n.length)}/2)`,n.length>1]],children:"You can drop values from almost anywhere here, and drag them onto the page and UI elements later."})]})}Zc.fName="Palette";function XV(e){const l=e,{options:t,onChange:n,selected:r}=l,o=mn(l,["options","onChange","selected"]),i=w.useId(),a=w.useCallback(s=>n(s.target.value),[]);return d("div",{children:t.map((s,u)=>k("div",{children:[d("input",V({id:`${i}-${u}`,type:"radio",name:i,value:s.value,onChange:a,checked:s.value===r},o)),d("label",{htmlFor:`${i}-${u}`,children:s.label})]},s.value))})}function ef(){const[e,t]=ee.width(),[n,r]=ee.height(),[o,i]=ee.isSimpleSizes(),{screenOptions:a}=Ce,[l]=Pc(),s=l?d(kt,{style:{marginRight:"-9px"},options:a,value:`${e},${n}`,onChange:u=>{const[c,f]=u.split(",");t(parseInt(c)),r(parseInt(f))}}):k(w.Fragment,{children:[d("button",{onClick:()=>{i(!o)},children:o?"Show all sizes":"Show only simple sizes"}),d(XV,{options:a,selected:[e,n].join(),onChange:u=>{const[c,f]=u.split(",");t(parseInt(c)),r(parseInt(f))}})]});return k("div",{children:[d(Bg,{}),s,d(xt,{el:ef,tasks:[u=>["Switch to a phone view",u.width<400]],children:"Use one of these preset screen dimensions. This can display as a dropdown or radio buttons. You can choose either a simple or a complete set of options."})]})}ef.fName="ScreenSwitcher";const qV=e=>{const{name:t,serverTheme:n,activeThemeRef:r,deleteTheme:o}=e,{modifiedServerVersion:i}=Ce,[a,l]=ee.fileName(),s=gn(),u=a===t;return k("li",{ref:u?r:null,className:"server-theme "+(u?"server-theme-current":""),children:[t," ",u&&i&&"(*)",t!=="default"&&d("button",{style:{float:"right"},onClick:()=>tt(Be,null,function*(){confirm(`Remove theme "${t}" from server?`)&&o(t)}),children:"Delete"}),d("button",{style:{float:"right"},onClick:()=>{!u&&l(t),s({type:Me.loadTheme,payload:{theme:n}})},children:u?"Reset":"Switch"}),Object.keys(n).length>0&&k("span",{style:{float:"right"},children:["(",Object.keys(n).length,")"]})]},t)},Mg=()=>{const e=w.useRef(),[t,{serverThemesLoading:n,deleteTheme:r}]=ee.serverThemes(),[o,i]=we("theme-server-theme-height-list","140px");return n?d("div",{style:{height:o},children:"Loading server themes..."}):k(w.Fragment,{children:[d("ul",{className:"server-theme-list",onMouseUp:a=>{i(a.target.closest("ul").style.height)},style:{resize:"vertical",height:o},children:Object.entries(t).map(([a,l])=>d(qV,{name:a,serverTheme:l,activeThemeRef:e,deleteTheme:r},a))}),d(xt,{el:Mg,children:"Here are all your saved themes."})]})};function tf(){const[e,t]=ee.frameClickBehavior(),n=e==="alt";return k("div",{children:[d(xt,{el:tf,children:"Toggle whether a normal click performs an inspection and blocks default click behavior."}),d("button",{title:n?`Clicks are processed by the page and should result in normal responses. +)`}function pb(e){const{scope:t,selector:n,highLightMatch:r,position:o,property:i,isLocal:a,hideIfNotFound:l}=e,s=a?s5(t,n):n;return s?k("li",{style:r?l5:{},children:[!!o&&d(Ou,V({},o)),d(fo,{label:n,selector:s,initialized:!0,showLabel:!0,property:i,hideIfNotFound:l})]},n):k("li",{children:[!!o&&d(Ou,V({},o)),d("code",{children:n}),";a"]},n)}const u5=({usages:e,maxSpecificSelector:t,winningSelector:n,scope:r=":root"})=>{const[o,i]=we("use local scope selectors",!0),[a,l]=we("hide not found usages",!0),[s,u]=w.useState({}),c={},f=e.filter(({selector:h})=>h in c?(c[h]++,!1):(c[h]=1,!0));if(e.length===1&&!e[0].selector)return null;const p=r.includes(":root");return k(w.Fragment,{children:[!p&&d(Se,{controls:[o,i],title:r,children:"In local scope"}),d(Se,{controls:[a,l],title:r,children:"Only on this page"}),d("ul",{children:f.map(({property:h,selector:g,position:y})=>{const C=Dg(g),m=e.length>1&&g===t;return C.length>1?k("li",{style:{border:"1px solid gray"},children:[!!y&&d(Ou,V({},y)),d("h4",{style:m?l5:{},onClick:()=>u(ie(V({},s),{[g]:!s[g]})),children:d("div",{className:"monospace-code",style:{backgroundColor:"#d0d7de"},children:g.replaceAll(/\s*\,\s*/g,`, +`).trim().substring(0,100)})}),!s[g]&&d("ul",{style:{marginLeft:"16px"},children:C.map(v=>d(pb,{scope:r,selector:v,highLightMatch:m,position:y,property:h,isLocal:o,hideIfNotFound:a},`${o?"l":"g"}~${v}`))})]},g):d(pb,{scope:r,selector:g,highLightMatch:m,position:y,property:h,isLocal:o,hideIfNotFound:a},`${o?"l":"g"}~${g}`)})})]})};function c5(e){const{references:t,excludedVarName:n}=e,[r,o]=w.useState(!0);return t.length===0?null:k("div",{style:{marginLeft:"24px",marginTop:"8px"},children:[d(Se,{title:"Show only elements that were found on the page ",controls:[r,o],children:"Filter found"}),d("ul",{style:{marginTop:"0"},children:t.map(([{name:i,usages:a},l])=>i===n?null:k(w.Fragment,{children:[d("h5",{style:{marginTop:"8px"},children:d(_r,{name:i})}),l.map(s=>{const u=a.reduce((f,p)=>f+","+p.selector,"").replace(/^,/,""),c=s5(s,u);return k("li",{style:{borderBottom:"1px solid gray"},children:[s!==":root"&&d("code",{style:{marginTop:"4px"},className:"monospace-code",children:s}),d("div",{draggable:!0,onDragStart:Ut(()=>`var(${i})`)}),d(fo,{label:u,hideIfNotFound:r,initialized:!0,selector:c})]},i)})]}))})]})}const XU=[":root",":where(html)","html"],hb=20;function qU(e){const{themeEditor:{scopes:t}}=Ce,n=t[Lt]||{},{value:r,onChange:o,elementScopes:i=[]}=e,[a,l]=w.useState(""),[s,u]=w.useState(""),[c,f]=w.useState(!0),p=w.useRef();w.useEffect(()=>{var F;return(F=p.current)==null?void 0:F.scrollIntoView({block:"nearest"})},[r]);const h=w.useMemo(()=>{const F=Object.entries(pt).reduce((A,[D,T])=>{if(i.some(O=>O.selector===D)||c&&XU.includes(D))for(const O in T)A[O]=T[O];return A},{}),_=V(V({},F),n);return Object.entries(_).filter(([A,D])=>typeof D!="undefined"&&D!==""&&(!a||new RegExp(a.replaceAll(" ","(\\-\\-?| )")).test(A))&&(!s||new RegExp(s.replaceAll(" ","(\\-\\-?| )")).test(D)))},[a,s,n,c]),[g,y]=w.useState(!1),C=g?null:h.findIndex(([F])=>`var(${F})`===r),m=g?null:C-hb,v=g?null:C+hb,b=performance.now();return k("div",{onClick:F=>F.stopPropagation(),style:{},children:[d(Se,{controls:[c,f],children:"Global values"}),k("div",{style:{display:"flex",width:"100%"},children:[d(Ve,{placeholder:`Filter name ${h.length}`,value:a,onChange:l}),d(Ve,{placeholder:`Filter value ${h.length}`,value:s,onChange:u})]}),d("ul",{style:{maxHeight:"50vh",background:"white",overflowY:"scroll"},onScroll:()=>{performance.now()-b>200&&y(!0)},children:h.map(([F,_],A)=>{if(!g&&(Av))return;const D=`var(${F})`,T=D===r,O=k(w.Fragment,{children:[k("span",{style:{display:"flex",justifyContent:"space-between",flexGrow:1},children:[d(_r,{name:F,style:{fontWeight:600}}),!/url\(|gradient\(/.test(_)&&d("span",{style:{maxWidth:"30%"},children:_})]}),d("span",{draggable:!0,onDragStart:Ut(D),title:_,style:{width:Fi,height:Fi,border:"1px solid black",borderRadius:"6px",background:`no-repeat left top/ cover ${_}`,float:"right",textShadow:"white 0px 10px"},children:/var\(/.test(_)&&"var"},F)]});return d("li",{ref:T?p:null,children:d("button",{onClick:()=>{!T&&o(D)},style:{display:"flex",justifyContent:"space-between",width:"100%",border:T?"4px solid black":"1px solid black"},children:O})},F)})})]})}function JU({media:e}){return d("div",{children:d("b",{className:"monospace-code",style:{fontSize:"14px",background:"#ebe9fb"},children:e})})}const Rt=w.memo(function(l){var s=l,{controls:[t,n],style:r,dispatchArgs:o=[],children:i}=s,a=mn(s,["controls","style","dispatchArgs","children"]);return d("button",ie(V({},a),{title:t?"Hide":"Show",onClick:()=>n(!t,...o),style:ie(V({},r),{border:t?"4px solid black":"1px solid black"}),children:i}))},TS);function f5(e){let t,n=!1;function r(){t=setTimeout(()=>{n=!0,e()},400)}function o(){t&&clearTimeout(t),n=!1}function i(a){n&&(a.stopPropagation(),n=!1)}return{onMouseDown:r,onTouchStart:r,onMouseUp:o,onDrag:o,onMouseLeave:o,onTouchMove:o,onTouchEnd:o,onClickCapture:i}}const QU=e=>e.charAt(0).toUpperCase()+e.slice(1),ZU=e=>{if(!/^--/.test(e))return["",""];const n=e.replace(/^--/,"").replace(/[-_]/g," ").split("--");return[n.slice(0,-1).join(" — "),n[n.length-1].trim().replace(/ /g,"-")]},gb=e=>e.preventDefault(),_r=({name:e,style:t})=>{const{annoyingPrefix:n,nameReplacements:r}=Ce,[o,i]=ZU(e);let a=i.replaceAll(/-/g," ").trim();if(n)try{a=a.replace(new RegExp(`^${n} `),"").trim()}catch(u){}a=r?r.filter(u=>u.active&&u.to.length>0&&u.from.length>1).reduce((u,{from:c,to:f})=>{try{return u.replace(new RegExp(c),f)}catch(p){return console.log(`Failed replacing ${c} to ${f}`),u}},a):a;let l;try{l=new RegExp(`^${n}\\s*\\—\\s*`)}catch(u){}const s=o.trim().replace(l,"");return k("span",{draggable:!0,onDragStart:Ut(`var(${e})`),style:t,children:[d("span",{style:{fontSize:"13px",fontStyle:"italic",color:"black",display:"block"},children:QU(n?s:o)}),d("span",{className:"var-control-property",children:a})]})},Bu=({value:e,resolvedValue:t,cssVar:n,isDefault:r,referencedVariable:o,isOpen:i,group:a})=>{var g;const l=Fi,s=`${e}${r?" (default)":""}`,u=/url\(/.test(t),f=Ol(n)||Su.test(t)||ol.test(t)||u;if(t&&f&&t!=="currentcolor")return k(w.Fragment,{children:[k("span",{className:"var-preview",draggable:!0,onDragStart:Ut(t),title:s,style:{width:l,height:l,border:"1px solid black",borderRadius:"6px",backgroundImage:`${t}`,backgroundColor:n.cssFunc?`${n.cssFunc}(${t})`:t,backgroundRepeat:"no-repeat",backgroundSize:"cover",float:"right",textShadow:"white 0px 10px"},children:[/var\(/.test(e)&&"var",t==="transparent"&&"👻"]}),k("span",{style:{float:"right",marginRight:"4px"},children:[o&&d(_r,{name:o.name}),!o&&(u?null:e)]})]});if(o&&i)return null;const p=t.startsWith('"')||t.startsWith("'")||t.startsWith("attr("),h=p?t.replaceAll('" "',`" +"`):e;return d("span",{className:"var-preview",draggable:!0,onDragStart:Ut(e),title:s,style:{fontSize:"14px",float:"right",fontFamily:p?(g=a==null?void 0:a.computedStyles)==null?void 0:g.fontFamily:null,whiteSpace:"pre-wrap"},children:o?d(_r,{name:o.name}):h},1)};function d5(e,t){var n;if(!e)return null;for(const{selector:r}of e)if((n=pt[r])!=null&&n.hasOwnProperty(t.name))return pt[r][t.name];return null}function eV(e,t){return[...e,t].map(n=>n.name).join()}const p5={type:"screen","any-hover":"hover","any-pointer":"fine","forced-colors":"none",hover:"hover","inverted-colors":"none",pointer:"fine","prefers-color-scheme":"no-preference","prefers-contrast":"no-preference","prefers-reduced-motion":"no-preference","prefers-reduced-transparency":"no-preference",scripting:"enabled",update:"fast"},tV=20;function Tg(e="",t,n,r=0,o={},i={}){if(r>tV)return["<>"];const a=[];let l;for(;l=e.indexOf("var(--"),l!==-1;){const s=l+3,u=Nr(e,s),c=e.slice(s+1,u).trim(),f=c.indexOf(","),p=f===-1,h=p?c:c.slice(0,f).trim(),g=o[h]||i[h];let y;for(const{selector:v}of t||[]){if(h in(n[v]||{})){y=n[v][h];break}if(h in(pt[v]||{})){y=pt[v][h];break}}if(g!==void 0&&(y=g),!y){if(p)return[e,a,`<>`];y=c.slice(f+1).trim()}r===0&&!a.includes(h)&&a.push(h);const[C,,m]=Tg(y,t,n,r+1,o,i);if(m)return console.log(m),[e,a,m];e=e.slice(0,l)+C+e.slice(u+1)}return[e,a]}const Vi=e=>{var _e;const{cssVar:t,onChange:n,onUnset:r,referenceChain:o=[],scopes:i,parentVar:a,currentScope:l=Lt,element:s,group:u}=e,{width:c,showCssProperties:f,linkCssProperties:p}=Ce,[{scopes:h},g]=ee.themeEditor(),[y,C]=ee.pickedValue(),{defaultValues:m,allVars:v}=w.useContext(qe),b=h[Lt]||{},{name:F,usages:_,maxSpecific:A,positions:D,properties:T}=t,O=new Set(_.map(he=>he.selector)).size,z=(u==null?void 0:u.inlineStyles[F])||(u==null?void 0:u.inheritedInlineStyles[F]),Y=!!z,B=Y?()=>{}:n,W=z||pt[l][F]||d5(i,t)||m[F]||((_e=t.maxSpecific)==null?void 0:_e.defaultValue)||t.usages[0].defaultValue,[de,me]=w.useState(!1),se=(!h||!h[l]?null:h[l][F])||W,L=se===W,{media:te}=A||{};let[j,le]=Tg(se,i,h,0,u==null?void 0:u.inlineStyles,u==null?void 0:u.inheritedInlineStyles);const[N,K]=w.useMemo(()=>{var De,gt;const he=se==null?void 0:se.match(/^var\(\s*(\-\-[\w-]+)\s*[\,\)]/),Ae=!he||he.length===0?null:v.find(Ct=>Ct.name===he[1])||{name:he[1],usages:[{property:((De=t.maxSpecific)==null?void 0:De.defaultValue)||t.usages[0].property,isFake:!0}],properties:{},positions:[]};if(!Ae)return[];const re=(gt=i==null?void 0:i.find(Ct=>Ct.scopeVars.some(on=>on.name===he[1])))==null?void 0:gt.selector;return[Ae,re]},[se]),Q=w.useMemo(()=>{const{overridingMedia:he}=t.allVar||t;return(!te||zU(te,V({width:c},p5)))&&(!he||!a5({media:te,cssVar:t,width:c}))},[c]);let ne=o.length;const P=eV(o,t),X=a==null?void 0:a.name,[M,ve]=Tn(`open_${P}`,ne>0&&!!N),ue=()=>ve(!M),[pe,ce]=Tn(`showSelectors_${P}`,!1),[S,$]=Tn(`showRefs_${P}`,!1),[E,R]=Tn(`showPicker_${P}`,!1),I=w.useMemo(()=>{if(!M)return[];if(!F.startsWith("--"))return[];const he=new RegExp(`var\\(\\s*${F.replaceAll(/-/g,"\\-")}[\\s\\,\\)]`),Ae=new Map;for(const[re,De]of Object.entries(h))for(const[gt,Ct]of Object.entries(De))he.test(Ct)&&Ae.set(gt,[...Ae.get(gt)||[],re]);for(const[re,De]of Object.entries(pt)){const gt=re in h;for(const[Ct,on]of Object.entries(De))gt&&h[re].hasOwnProperty(Ct)||he.test(on)&&Ae.set(Ct,[...Ae.get(Ct)||[],re])}return[...Ae.entries()].map(([re,De])=>[v.find(gt=>gt.name===re)||{name:re,usages:[]},De])},[h,M]),H=t.cssFunc;if(ne>20)return null;const fe=F in b||F in(h[l]||{}),ye=I.length-(X?1:0);return k("li",{onDragEnter:t.isRawValue?null:gb,onDragOver:t.isRawValue?null:gb,onDrop:he=>{if(t.isRawValue)return;const Ae=he.dataTransfer.getData("value");new RegExp(`var\\(\\s*${t.name.replaceAll(/-/g,"\\-")}[\\s\\,\\)]`).test(Ae)||(Ae&&B(Ae),he.stopPropagation())},"data-nesting-level":ne,className:Jp("var-control",{"var-control-in-theme":fe,"var-control-no-match-screen":!Q}),onClick:()=>{if(y&&y!==se){B(y);return}(y===""||y===se)&&(M||ue())},style:{position:"relative",listStyleType:"none",fontSize:"15px",clear:"both",cursor:M?"auto":"pointer",paddingTop:0},children:[!Q&&d(YU,{cssVar:t,media:te,element:s}),k("div",ie(V({},f5(he=>{C(se)})),{style:{paddingTop:6},onClick:()=>{M&&ue()},children:[k("h5",{draggable:!0,onDragStart:Ut(()=>`var(${F})`),style:{display:"inline-block",fontSize:"16px",padding:"0 4px 0",fontWeight:"400",userSelect:"none",cursor:"pointer",clear:"left"},children:[d(_r,{style:{fontWeight:o.length===0?"bold":"normal"},name:F}),Y&&d("span",{style:{color:"red"},children:"inline"})]}),d(Bu,{value:se,resolvedValue:j,cssVar:t,isDefault:L,referencedVariable:N,isOpen:M,group:u})]})),k("div",{children:[te&&d(JU,{media:te}),!!f&&k(w.Fragment,{children:[!!H&&d("span",{style:{color:"darkcyan"},children:H}),Object.entries(T).map(([he,{isFullProperty:Ae,fullValue:re,isImportant:De}])=>{const gt=he===(A==null?void 0:A.property),Ct=k("span",{className:"monospace-code",style:V({fontSize:"14px"},gt?{}:{background:"grey"}),title:Ae?"":re,children:[he,gt&&t.states&&!t.pseudos&&d("b",{style:{color:"purple"},children:t.states}),gt&&t.pseudos&&d("a",{target:"_blank",href:p?`https://developer.mozilla.org/en-US/docs/Web/CSS/${t.pseudos}`:null,children:d("b",{style:{color:"indigo"},children:t.pseudos})}),!Ae&&d("b",{style:{color:"red"},children:"*"}),!!De&&d("b",{style:{fontWeight:"bold",color:"darkorange"},children:"!important"})]},he);return p?d("a",{target:"_blank",href:`https://developer.mozilla.org/en-US/docs/Web/CSS/${he.replace(/^-webkit-/,"")}`,style:{cursor:"help"},children:Ct},he):Ct})]})]}),!!D[0]&&d(Ou,V({},D[0]||{})),M&&k(w.Fragment,{children:[ye>0&&k("div",{children:[k(Rt,{controls:[S,$],children:[ye,ne>0&&" more"," links"]}),S&&d(c5,{references:I,excludedVarName:X})]}),k("div",{style:{display:"flex",clear:"both",justifyContent:"flex-end"},children:[L&&!t.isRawValue&&d("span",{style:{margin:"6px 6px 0",color:"grey"},children:"default"}),fe&&W!==null&&d("button",{title:`Remove from current theme? The value from the default theme will be used, which is currently: "${W}"`,onClick:()=>{r()},children:"Revert"}),N&&d("button",{style:{borderWidth:de?"4px":"1px"},onClick:()=>{me(!de)},children:"Raw"}),/^--/.test(t.name)&&d("button",{style:{borderWidth:E?"4px":"1px"},onClick:he=>{R(!E),he.stopPropagation()},children:"Link"}),!_[0].isFake&&k(Rt,{controls:[pe,ce],children:["Rules (",O,")"]})]}),E&&d(qU,{value:se,elementScopes:i,onChange:he=>{B(he)}}),pe&&!_[0].isFake&&k(w.Fragment,{children:[d("div",{children:F}),d(u5,{usages:_,maxSpecificSelector:A==null?void 0:A.selector,winningSelector:A==null?void 0:A.winningSelector,scope:l})]}),(!N||de)&&!E&&d("div",{children:d(LU,{cssVar:t,value:se,resolvedValue:j,referencedVars:le,onChange:B,cssFunc:H,elementScopes:i})}),!F.startsWith("--")&&Pg(F)&&d(r5,{disabled:!0,value:se,resolvedValue:j,referencedVars:le,onChange:()=>{},elementScopes:i}),!!N&&!de&&k("ul",{style:{margin:0},children:[d("span",{className:"monospace-code",children:K}),w.createElement(Vi,{scopes:i,currentScope:K,cssVar:N,onChange:he=>{g({type:Me.set,payload:{name:N.name,value:he,scope:K}})},onUnset:()=>{g({type:Me.unset,payload:{name:N.name,scope:K}})},key:N.name,referenceChain:[...o,t],parentVar:t})]})]})]},F)};function h5(e){const{path:t}=e,[n,r]=w.useState(!1),{frameRef:o}=w.useContext(qe);return d("button",{draggable:!0,onDragStart:i=>{r(!0),i.stopPropagation()},onDragEnd:()=>{r(!1)},onDragLeave:i=>{if(!n)return;const a=i.clientX>i.currentTarget.getBoundingClientRect().right,l=i.clientXi.currentTarget.getBoundingClientRect().bottom,c={behavior:"smooth",block:s?"start":u?"end":"center",inline:a?"end":l?"start":"center"};o.current.contentWindow.postMessage({type:"scroll-in-view",payload:{path:t,options:c}},window.location.href)},title:"Scroll in view",className:"scroll-in-view",style:{border:"1px solid gray",background:"white",borderRadius:"5px",padding:"4px",fontSize:"12px",float:"right",cursor:"zoom-in"},onClick:()=>{if(o.current){o.current.contentWindow.postMessage({type:"scroll-in-view",payload:{path:t}},window.location.href);return}element.scrollIntoView({behavior:"smooth",block:"nearest",inline:"end"})},children:"👁"})}const gs=18;function nV({label:e}){const[t,...n]=e.replace(/\s*\(\d\/\d\)$/,"").split(".").map(i=>i.trim()),[r,o]=w.useState(!1);return k(w.Fragment,{children:[d(Se,{controls:[r,o],children:d("div",{children:r?d("span",{children:"close"}):e})}),r&&k(w.Fragment,{children:[d(fo,{selector:t,initialized:!0,showLabel:!0}),n.map(i=>d(fo,{selector:`.${i}`,initialized:!0,showLabel:!0}))]})]})}function ir({children:e}){return d("span",{style:{filter:"grayscale(1)",fontSize:"1.5rem",minWidth:"2rem",display:"inline-block",textAlign:"center"},children:e})}const g5={uiLayout:d(ir,{children:"💻"}),inspectedPath:d(ir,{children:"🔍"}),themeEditor:d(ir,{children:"🖌"}),scales:d(ir,{children:"🔬"}),width:d(ir,{children:"↔"}),height:d(ir,{children:"↕"}),search:d(ir,{children:"🕵️"}),note:d(ir,{children:"🗨"})},rV={openGroups:({action:e})=>{const t=Object.keys(e);return t.length===0?"No open groups":d("div",{className:"history-open-groups",children:t.reverse().map(n=>d(w.Fragment,{children:d("pre",{className:"monospace-code",style:{fontSize:"10px",display:"inline-block"},children:d(nV,{label:n})},n)}))})},inspectedPath:({action:e,historyIndex:t})=>{const{frameRef:n}=w.useContext(qe),{historyOffset:r,past:o}=w.useContext(Ze),i=tf<=t)||[]:[],u=s?d("a",{href:s,children:s.replace(/http:\/\/|https:\/\//,"")}):null;if(!a)return u||"...";const c=l&&s!==window.location.href;return k(w.Fragment,{children:[d(h5,{path:e}),d("pre",{className:"monospace-code",children:a==null?void 0:a.label}),c&&u]})},themeEditor:{set:({payload:{scope:e,name:t,value:n,alternatives:r}})=>k(w.Fragment,{children:[e&&d("pre",{className:"monospace-code",style:{maxHeight:"120px"},children:e}),d("br",{}),d("b",{draggable:!0,onDragStart:Ut(`var(${t})`),children:d(_r,{name:t})})," ",d("br",{}),k("span",{draggable:!0,onDragStart:Ut(n),children:[(Su.test(n)||ol.test(n)||/var\(/.test(n))&&d("span",{style:{width:gs,height:gs,border:"1px solid black",borderRadius:"6px",backgroundImage:`${n}`,backgroundColor:`${n}`,backgroundRepeat:"no-repeat",backgroundSize:"cover",display:"inline-block",textShadow:"white 0px 10px"}}),n]}),(r==null?void 0:r.length)>0&&k("div",{children:["Alternatives (WIP, can't switch yet):"," ",d(kt,{onChange:o=>{const i=r[o.target.value];console.log(i)},options:r.map((o,i)=>({label:`${o.varName} [element ${o.element} ${o.property}]`,value:i}))})]})]}),unset:({payload:{scope:e,name:t}})=>k(w.Fragment,{children:[e&&d("pre",{className:"monospace-code",style:{maxHeight:"120px"},children:e}),d("br",{}),d("b",{children:d(_r,{name:t})})," = default"]}),createAlias:({payload:{name:e,value:t,generatedName:n}})=>k("span",{draggable:!0,onDragStart:Ut(`var(${n})`),children:["Alias",d("br",{}),(Su.test(t)||ol.test(t)||/var\(/.test(t))&&d("span",{style:{width:gs,height:gs,border:"1px solid black",borderRadius:"6px",backgroundImage:`${t}`,backgroundColor:`${t}`,backgroundRepeat:"no-repeat",backgroundSize:"cover",display:"inline-block",textShadow:"white 0px 10px"}}),k("b",{children:[d(_r,{name:n})," = ",t]})]})}};function oV(){const{past:e,historyOffset:t}=w.useContext(Ze),n=e.length-t,r=n<1;return d("button",{className:"history-button",disabled:r,title:r?"No history":n,onClick:CS,children:"←"})}function iV(){const{historyOffset:e}=w.useContext(Ze),t=e===0;return d("button",{className:"history-button",disabled:t,title:t?"No future":e,onClick:SS,children:"→"})}function aV(){const{past:e,historyOffset:t}=w.useContext(Ze),n=e.length-t,r=n<1;return d("button",{className:"history-button",disabled:r,title:r?"No history":n,onClick:ES,children:"!←"})}function lV(){const{historyOffset:e}=w.useContext(Ze),t=e===0;return d("button",{className:"history-button",disabled:t,title:t?"No future":e,onClick:FS,children:"→!"})}function sV({amount:e}){const t=[];for(let n=0;nd("span",{onDragEnter:()=>{gg(e-n-1)},style:{height:"6px",borderLeft:"1px solid #646262"}},n))})}const uV=k(xt,{el:Og,children:["Here's a compact version of the history timeline. You can scroll above the history section to move the timeline one step at a time, however fast you and your mouse like to work with.",d("h1",{children:"Warning!"}),d("p",{children:"This will restore the UI state across the whole screen, which definitely is a concern for people with epilepsy."}),d("p",{children:"After having changed the page background color multiple times, for example, going through this history timeline fast will cause the whole preview screen to flash."}),d("p",{children:"It's recommended to only use it when controlled, small nudges of the wheel are possible."}),d("p",{children:"Keeping some state pinned can help reduce the amount of changes happening in rapid succession."})]});function m5(e,t){const r=(t.currentTarget.closest("minitimeline")||t.currentTarget).getBoundingClientRect(),o=Math.max(0,(t.clientX-r.left)/r.width),i=Math.round(e*o);gg(e-i)}function cV(e,t,n){var r;n.pressure>.01&&((r=t.current)!=null&&r.matches(":hover"))&&m5(e,n)}function Og(){const{past:e,historyOffset:t}=w.useContext(Ze),n=e.length===0?0:100-100*t/e.length,r=w.useRef(null);return k("div",{ref:r,className:"minitimeline",onPointerMove:cV.bind(null,e.length,r),onClick:m5.bind(null,e.length),style:{width:"100%",height:"8px",padding:"2px",background:"darkgrey",boxSizing:"border-box",userSelect:"none",touchAction:"none"},children:[d("div",{style:{width:`${n}%`,height:"6px",background:"rgb(26, 217, 210)",borderRight:"3px solid black",transition:"width .06s ease-out",boxSizing:"border-box"}}),d(sV,{amount:e.length+1}),uV]})}function v5({id:e}){if(e!=="themeEditor")return d("button",{title:"Clear all other values and move this one to start",onClick:_H.bind(null,e),children:"Clear others"})}function Bg(){const{pins:e}=w.useContext(Ze),[t,n]=w.useState(!1),r=e.size;return k(w.Fragment,{children:[k("button",{title:t?"":[...e.keys()].join(", "),onClick:o=>{n(!t)},children:[k("span",{style:{filter:r===0?"grayscale(1)":"none"},children:["📌",r]}),k(xt,{el:Bg,children:[d("p",{children:"This button shows how many pins are applied and allows you to toggle each."}),d("p",{children:"Notice how the timeline now jumps over the entries we pinned earlier."})]})]}),t&&d(fV,{close:()=>n(!1)})]})}function fV({close:e}){const{pins:t,past:n,historyOffset:r,states:o}=w.useContext(Ze),[i]=w.useState(new Map(t)),a=[...i.entries()],l=w.useRef();let s=0;return w.useEffect(()=>{const u=c=>{l.current.parentNode.contains(c.target)||e()};return document.addEventListener("click",u),()=>{document.removeEventListener("click",u)}},[]),d("ul",{ref:l,style:{zIndex:100,position:"absolute",background:"white",border:"1px solid black"},children:a.map(([u,c])=>{const f=t.has(u),p=()=>Ui(u,c),h=()=>kl(u),g=c{gg(C),m.stopPropagation()},children:"visit"})]})})})}function y5(e){const t=Math.round(e.deltaY/100);t>0?hg(t,!0):Oa(-t,!0)}function Jc(){const[e,t]=ee.visualizeHistory(),[n,r]=ee.visualizeHistoryAlways();return k("div",{onWheelCapture:y5,children:[d(Og,{}),d(Bg,{}),d(Se,{controls:[e,t],children:"Visualize"}),e&&d(Se,{title:"Always or only when in a previous state",controls:[n,r],children:"Always"}),d("button",{onClick:()=>{confirm("Clear all history, keeping only current state?")&&GH()},children:"Clear"}),k("div",{style:{display:"inline-flex"},children:[d(aV,{}),d(oV,{}),d(iV,{}),d(lV,{})]}),k(xt,{el:Jc,children:[d("p",{children:"Every step you do in the editor is tracked in a history timeline. Keyboard shortcuts (control+z and others) work like anywhere else."}),d("p",{children:`On top of "normal" history buttons, there's the fast buttons (!← and →!), that jump to the most important steps like edits to style rules, newly inspected elements, and editor UI layout changes. It jumps over the less interesting steps, while still applying their result.`})]})]})}Jc.fName="HistoryControls";function Qc(){const{lastAlternate:e,historyOffset:t,past:n,lastAlternateIndex:r,savedStashes:o}=w.useContext(Ze),i=n.length-t-r,a=e.length===0,l=a?d(w.Fragment,{children:"Stash"}):k(w.Fragment,{children:[e.length," steps stashed ",d("br",{}),i," steps since"]}),s=w.useMemo(()=>JSON.stringify(e.map(u=>[...u.entries()].map(([c])=>c)),null,2),[e]);return k(w.Fragment,{children:[k("div",{className:"flex-row",children:[d("button",{title:`Apply/create stash: +`+s,onClick:kS,style:{textAlign:"left",background:`rgba(26, 217, 210, ${Math.min(e.length/50,1)})`},disabled:a&&t===0,children:l}),!a&&d(dV,{}),o.length>0&&d("span",{children:" Saved: "}),o.map(([u,c],f)=>k(w.Fragment,{children:[k("button",{title:`Apply/create stash: +`+JSON.stringify(c.map(p=>p.entries())),onClick:zH.bind(null,f),style:{background:`rgba(26, 217, 210, ${Math.min(c.length/50,1)})`},children:[c.length," steps",d("br",{}),n.length-t-u," steps since"]}),d("button",{onClick:()=>{confirm("Permanently delete stash?")&&bS(f)},style:{textAlign:"left"},children:"clear"})]}))]}),d(xt,{el:Qc,tasks:[()=>{const{pins:u}=w.useContext(Ze);return["Remove all pins",u.size===0]},()=>{const{historyOffset:u}=w.useContext(Ze);return["Navigate back",u!==0||!a]},()=>["Add future actions to the stash",!a]],children:"If you travel back and discard future, it's still kept here. This allows you to splice in a new edit earlier into your history and just re-apply everything after it."})]})}function dV(){return d("button",{onClick:jH,children:"Clear"})}Qc.fName="HistoryStash";function pV(e,t,n){return e.addEventListener(t,n),()=>{e.removeEventListener(t,n)}}function hV({containerRef:e,id:t}){const{past:{length:n}}=w.useContext(Ze),[r,o]=Tn(`areaOffset#${t}`,[0,n]),[i,a]=r.length?r:[r,0];w.useEffect(()=>{a===n&&e.current.scrollTo({top:i,left:0})},[]),w.useEffect(()=>{const l=performance.now(),s=u=>{if(performance.now()-l<500)return;const c=u.currentTarget.scrollTop,f=c<10?0:Math.floor(c);o([f,n],{skipHistory:!0,appendOnly:!0})};return pV(e.current,"scroll",s)},[])}function gV({containerRef:e,id:t}){const[n]=Tn(`areaOffset#${t}`,[0]),[r]=n.length?n:[n];w.useEffect(()=>{var i;(i=e.current)==null||i.scrollTo({top:r,left:0});const o=setTimeout(()=>{var a;(a=e.current)==null||a.scrollTo({top:r,left:0})},500);return()=>{clearTimeout(o)}},[r])}let b5;function mV(e){return b5=e}function vV(e){const{historyOffset:t}=w.useContext(Ze);return b5===e.id||e.id==="drawer"?null:t===0?d(hV,V({},e)):d(gV,V({},e))}function lr(r){var o=r,{id:e,children:t=[]}=o,n=mn(o,["id","children"]);const{overArea:i,setOverArea:a,setOverElement:l,timeoutRef:s,areaRefs:u}=w.useContext(ko),c=i===e,f=w.useRef();return u.current[e]||(u.current[e]=f),k("div",ie(V({style:{position:"relative"}},n),{id:e,ref:f,className:"area",children:[d(vV,{id:e,containerRef:f}),!!t&&w.Children.map(t,(p,h)=>d(rG,{homeAreaId:e,element:p,index:h})),d("div",{className:"area-dropzone"+(c?" drag-hovered":""),style:{order:1e3,background:"rgba(167,238,227,0.22)",outline:"2px dashed grey",outlineOffset:"-8px"},onDragEnter:w.useCallback(()=>{s.current.area&&(clearTimeout(s.current.area),s.current.area=null),s.current.area&&clearTimeout(s.current.area),a(e),l(null),s.current.lastEntered=e},[]),onDragLeave:w.useCallback(()=>{s.current.area&&(clearTimeout(s.current.area),s.current.area=null),s.current.area=setTimeout(()=>{s.current.lastEntered===e&&a(null)},DS)},[])})]}))}function yV(){const{hostAreaId:e,homeAreaId:t}=w.useContext(ki),n=e||t;w.useEffect(()=>{mV(n)},[n])}function mb(e){return e?typeof e.type=="function"?e.type.name:e.type:""}const w5=[()=>{const{pins:e}=w.useContext(Ze);return["Pin the screen width and height.",e.has("width")&&e.has("height")]}];function x5(){return k(w.Fragment,{children:[d("p",{children:"We're tracking so many things, that it's quite likely you'll not want to use the older version of certain things, but still want to wind back to any point in history for everything else."}),d("p",{children:"To achieve this, there is a pin button, which pins the value at a particular point in time, and so allows you to browse everything else."}),d("p",{children:"Note that pinning does not prevent you from making new changes to the same type of value (e.g. screen width). Rather, the new value will now be pinned instead. You can easily unpin this value again if needed."})]})}function bV(e){const{id:t,historyIndex:n}=e,{pins:r,historyOffset:o,past:i}=w.useContext(Ze),a=r.get(t),l=n===a;return a>i.length-o,d(w.Fragment,{children:d("button",{className:l?"pinned-here":"",style:{outline:l?"2px solid black":"none",background:l?"white":"transparent"},onClick:s=>{l?kl(t):Ui(t,n),s.stopPropagation()},children:d("span",{className:"pin",children:"📌"})})})}function wV(e){const{id:t}=e,{pins:n}=w.useContext(Ze),r=mS(t),i=n.get(t)===r;return k("button",{className:i?"pinned-latest":"pin-latest",style:{float:"right",outline:i?"2px solid black":"none",background:i?"white":"transparent"},onClick:i?()=>{kl(t)}:()=>{PH(t)},title:"Pin to latest",children:[d("span",{className:"pin",children:"📌"}),"→"]})}function xV(e){const{id:t,historyIndex:n}=e,{pins:r}=w.useContext(Ze);if(n===0)return null;const i=r.get(t)===0;return k("button",{className:i?"pinned-initial":"",style:{float:"right",outline:i?"2px solid black":"none",background:i?"white":"transparent"},onClick:i?()=>{kl(t)}:()=>{TH(t)},title:"Pin to initial",children:["←",d("span",{className:"pin",children:"📌"})]})}function CV({id:e}){const[t,n]=w.useState(!1);return k("div",{style:{position:"relative"},children:[d(Rt,{controls:[t,n],children:"..."}),t&&d("div",{style:{position:"absolute",top:"100%"},children:d(v5,{id:e})})]})}function lh(e){const{showScrolls:t}=Ce,{actions:n,showPayloads:r,historyIndex:o}=e,{previewComponents:i,pins:a}=w.useContext(Ze);return d("ul",{className:"history-actions",children:[...n].map(([l,s],u)=>{if(!t&&l.startsWith("areaOffset"))return;const c=typeof s=="object";if(s===null)return d("span",{style:{color:"red"},children:"IT IS NULL"});const f=c&&"type"in s,p=f?JSON.stringify(s.payload,null,2):c?JSON.stringify(s,null,2):s,h=f?"::"+mb(s):"",g=p==="{}",y=!f&&(typeof p=="boolean"||typeof p=="number"||(p==null?void 0:p.length)<320),C=i[l],m=typeof C=="function"?C:l in i?i[l][mb(s)]:null,v=a.has(l),b=v&&a.get(l)!==o,F=g5[l]||"";return k("li",{title:b?"Overridden by pin":"",style:{clear:"both",opacity:b?.5:1},children:[d(bV,{id:l,historyIndex:o}),d(wV,{id:l,historyIndex:o}),d(xV,{id:l,historyIndex:o}),v&&d("span",{style:{float:"right"},children:d(CV,{id:l})}),F,!m&&k("span",{children:[d("b",{children:l}),h]}),!m&&y&&d("pre",{style:{margin:0,float:"right"},className:"monospace-code",children:p===!1?"false":p===!0?"true":p}),!g&&r&&d("pre",{className:"monospace-code",children:p===!1?"false":p===!0?"true":p}),m&&d(m,{action:s,historyIndex:o,payload:s.payload})]},`${o}:${u}`)})})}const SV=k(xt,{el:Bl,tasks:w5,children:[d(x5,{}),"Since history visualization is disabled, this only shows current history entry."]});function EV(){const{past:e,historyOffset:t,lastActions:n,initialStates:r}=w.useContext(Ze),[o,i]=w.useState(!1),a=e.length-t,s=t===0?n:e[a].lastActions,u=a===0,c=u&&o?[...r.entries()].filter(([f])=>f in ee):[...s.entries()];return k("div",{onWheelCapture:y5,style:{minWidth:"280px",maxWidth:"400px",minHeight:"240px",overflow:"hidden visible"},children:[SV,u&&d(Se,{controls:[o,i],children:"Show all initial values"}),d(lh,{historyIndex:a,actions:c})]})}function Bl(){const[e,t]=ee.visualizeHistoryAlways(),[n,r]=w.useState(!1),[o,i]=we("showAllHistory",!0),[a,l]=w.useState(!1),[s,u]=w.useState(!1),{past:c,historyOffset:f,lastActions:p,pointedStates:h,pins:g}=w.useContext(Ze),y=Ce.visualizeHistory&&(e||f!==0);let C=w.useRef();if(w.useEffect(()=>{var b;(b=C.current)==null||b.scrollIntoView({block:"nearest"})},[f]),!y)return d(EV,{});const m=c.length-f;let v=!1;return k("div",{className:"history",children:[k(xt,{el:Bl,tasks:w5,children:[d(x5,{}),"See all steps you took here."]}),d(yV,{}),d(Se,{controls:[o,i],children:"Show all"}),d(OS,{hook:ee.showScrolls,children:"Include scroll position"}),d(Se,{controls:[n,r],children:"Debug"}),n&&k("div",{children:[d(Se,{controls:[a,l],children:"Inspect current state"}),d(Se,{controls:[s,u],children:"Show payloads"}),d("button",{onClick:()=>console.log(h),children:"console.log"}),d("button",{onClick:BH,children:"export"}),a&&d("pre",{className:"monospace-code",children:JSON.stringify(Object.fromEntries(h),null,2)})]}),k("ul",{className:"connected-list",children:[c.map(({states:b,lastActions:F},_)=>{const A=_===m;v=v||A;const D=Math.abs(_-m),T=[...F.entries()].some(([O,z])=>typeof z=="object"||b.get(O)!==h.get(O));if(!A&&!o&&_!==0&&!pg(F)){const O=[...F.keys()];if(!O.some(Y=>g.has(Y)&&g.get(Y)===_)&&!O.some(Y=>dg.includes(Y)))return null}return k("li",{id:A?"history-current-state":"",ref:_===m?C:null,style:{position:"relative",outline:_===m?"3px solid black":"none"},children:[d("span",{style:{marginLeft:"-32px"},children:_}),d(lh,{historyIndex:_,actions:[...F.entries()],showPayloads:s}),k("div",{className:"history-state-buttons",style:{display:"flex",justifyContent:"stretch"},children:[d("button",{style:{width:"50%"},onClick:A?()=>{t(!0),Oa(f)}:v?()=>{Oa(D)}:()=>{hg(D)},children:A?"jump to end":"jump here"}),T&&d("button",{style:{width:"50%"},onClick:O=>{for(const[z,Y]of F.entries())Dc(z,Y);O.preventDefault(),O.stopPropagation()},children:"do again"})]})]},_)}),k("li",{onClick:v?()=>{Oa(f)}:null,style:{outline:f===0?"3px solid black":"none"},children:[d("span",{style:{marginLeft:"-32px"},children:"Latest"}),d(lh,{historyIndex:c.length,actions:[...p.entries()],showPayloads:s})]},"latest")]})]})}Bl.fName="HistoryVisualization";function C5(e,t){try{return t===""||e.name.replace(/-+/g," ").match(t)?!0:e.usages.some(n=>n.property.match(t))}catch(n){return!0}}const FV=(e,t)=>{if(!t)return e;const n=t.replace(/^\!/,""),r=n.length!==t.length;try{return e.map(o=>ie(V({},o),{vars:o.vars.filter(i=>{const a=C5(i,n);return r?!a:a})}))}catch(o){return e}};function kV(e,t){return t.length===0?e:e.map(n=>ie(V({},n),{vars:n.vars.filter(r=>t.some(i=>r.maxSpecific.selector.includes(i)))}))}function AV(e){const t=gn(),{group:n,elementScopes:r}=e,o=Object.entries(n.inlineStyles);return o.length===0?null:k("div",{children:[d("h5",{style:{color:"red"},children:"Inline styles"}),d("ul",{children:o.map(([i,a])=>{if(typeof a=="undefined")return null;const l=a.match(/^var\(\s*(\-\-[\w-]+)\s*[\,\)]/);if(l&&l.length>0){const u={name:l[1],usages:[{property:i}],properties:{[i]:{isFullProperty:!0,fullValue:a,isImportant:!1}},maxSpecific:{property:i},positions:[]};return w.createElement(Vi,{group:n,key:u.name,cssVar:u,scopes:r,onChange:c=>{t({type:Me.set,payload:{name:u.name,value:c}})},onUnset:()=>{t({type:Me.unset,payload:{name:u.name}})}})}return d("li",{children:k("span",{className:"monospace-code",children:[i,": ",a]})},i)})})]})}function $V(e){const{scopes:t,vars:n,element:r,group:o}=e,i=gn(),[a,l]=we("show-scope-locators",!1);if(t.length===0)return null;const s=[];return k("div",{style:{background:"lightyellow",marginBottom:"24px",padding:"4px",border:"1px solid black"},children:[d(Se,{controls:[a,l],style:{float:"right"},children:"Find on page"}),d("ul",{children:t.map(({selector:u,matchingSelector:c,scopeVars:f})=>{const p=u.split();s.push(...f);const h=n.filter(g=>g.currentScope===u);return h.length===0?null:k("li",{children:[d("span",{style:{border:"1px solid gray"},className:"monospace-code",children:p.map(g=>g===c?d("b",{children:g},"selector"):g)}),a&&!u.includes(":root")&&!u.includes(":where(html)")&&d(fo,{selector:u,initialized:!0,showLabel:!1}),d("ul",{style:{marginBottom:"24px"},children:h.map(g=>w.createElement(Vi,{cssVar:g,scopes:t,currentScope:u,element:r,group:o,key:g.name,onChange:y=>{i({type:Me.set,payload:{name:g.name,value:y,scope:u}})},onUnset:()=>{i({type:Me.unset,payload:{name:g.name,scope:u}})}}))})]},u)})})]})}const _V=({amount:e=3,format:t="array",group:n=20,sample:r=10,minHue:o=0,maxHue:i=360}={})=>({amount:e,format:t,group:n,sample:r,minHue:o,maxHue:i}),DV=e=>typeof e=="string"?e:e.src,PV=(e,t)=>{const n=e.map(r=>{const[o,i,a]=Array.isArray(r)?r:r.split(",").map(Number);return`color(display-p3 ${o/255} ${i/255} ${a/255})`});return t.amount===1?n[0]:n},Td=(e,t)=>{const n=Math.round(e/t)*t;return Math.min(n,255)},Od=new Map,TV=e=>Od.has(e)?Promise.resolve(Od.get(e)):new Promise((t,n)=>{const r=new OffscreenCanvas(0,0),o=r.getContext("2d",{colorSpace:"display-p3"}),i=new Image;i.onload=()=>{r.height=i.height,r.width=i.width,o.drawImage(i,0,0);const{data:a}=o.getImageData(0,0,i.width,i.height,{colorSpace:"display-p3"});Od.set(e,a),t(a)},i.onerror=a=>(console.log(a),n(Error("Image loading failed."))),i.crossOrigin="",i.src=e}),OV=(e,t)=>{const n=4*t.sample,r={},o=t.minHue===0,i=t.maxHue===360,a=o&&i;for(let p=0;p360,u=l?360+t.minHue:t.minHue,c=i?360:t.maxHue%360;function f([,,{h:p}]){return a?!0:l?p>=u||p<=c:s?p<=c||p>=u:p>=u&&p<=c}return PV(Object.entries(r).filter(([,p])=>p>1).map(([p,h])=>{const[g,y,C]=p.split(",");return[p,h,kr(`color(display-p3 ${g/255} ${y/255} ${C/255})`)]}).filter(f).sort(([,,p],[,,h])=>p.c>h.c?-1:1).slice(0,t.amount).map(([p])=>p),t)};function BV(e,t){return tt(this,null,function*(){const n=yield TV(DV(e));return OV(n,_V(t))})}const vb=42;function MV({value:e,h:t,rangeSize:n}){const{palette:r,pickedHue:o}=Ce,[i,a]=ee.pickedValue(),l=r.some(({value:u})=>u===e),s=Math.abs(Math.abs(t)-Math.abs(o))>n/20;return d("div",{style:{background:s?"white":"transparent",border:"transparent",position:"absolute",top:0,right:0,bottom:0,left:0},onClick:()=>{a(i===e?"":e)},children:l&&"V"})}function RV({color:e,minLightness:t,maxLightness:n,rangeSize:r}){const o=kr(e);if(!o)return;const{l:i,c:a,h:l=0,alpha:s=1}=o,u=i*100;if(un)return;const c=zn(u,a,l,s);return d("div",{title:c,draggable:!0,onDragStart:f=>f.dataTransfer.setData("value",c),style:{position:"relative",display:"inline-block",fontWeight:900,verticalAlign:"top",width:vb,height:vb,backgroundColor:e,color:"green"},children:d(MV,{value:c,h:l,rangeSize:r})})}function NV({minLightness:e,maxLightness:t,rangeSize:n,colors:r}){return r.map(o=>d(RV,{color:o,minLightness:e,maxLightness:t,rangeSize:n}))}function IV(e){const{pickedHue:t}=Ce,{path:n}=e,[r,o]=w.useState(),[i,a]=w.useState(),[l,s]=st("image color group",2),[u,c]=st("image color sample",16),[f,p]=st("image color amount",90),[h,g]=st("image color min lightness",0),[y,C]=st("image color max lightness",100),[m,v]=st("image color min hue",0),[b,F]=st("image color max hue",360),[_,A]=we("image color preserve lightness range",!1),[D,T]=we("image color preserve hue range",!1),[O,z]=w.useState(!0);if(w.useEffect(()=>{const B=performance.now(),W=setTimeout(()=>tt(this,null,function*(){z(!0),o(yield BV(n,{sample:u,group:l,amount:Math.max(2,f),minHue:m,maxHue:b})),a(performance.now()-B),z(!1)}),80);return()=>clearTimeout(W)},[n,l,u,f,m,b]),!r)return;const Y=b-m||360;return k("div",{children:[d("br",{}),"group: ",l,k("span",{style:{float:"right"},children:[" ",i,"ms"]}),d("input",{disabled:O,type:"range",value:l,min:1,max:100,style:{width:"95%"},onChange:B=>{s(parseInt(B.target.value))}}),"sample: ",u,d("input",{disabled:O,type:"range",value:u,min:1,max:50,style:{width:"95%"},onChange:B=>{c(parseInt(B.target.value))}}),"amount: ",d("input",{type:"number",value:f,onChange:B=>p(B.target.value)}),d("input",{disabled:O,type:"range",value:f,step:9,min:9,max:90,style:{width:"95%"},onChange:B=>{p(parseInt(B.target.value))}}),k("div",{style:{display:"flex"},children:[d("input",{disabled:O,type:"number",value:m,min:0,max:360,onChange:B=>{v(parseInt(B.target.value))}}),d("input",{disabled:O,type:"number",value:b,min:1,max:360,onChange:B=>{F(parseInt(B.target.value))}}),d(Se,{disabled:!D&&b-m>=360,controls:[D,T],children:"Fix hue range"})]}),k("div",{style:{position:"relative",background:"linear-gradient(90deg in oklch longer hue, transparent 0%, transparent 16px, oklch(71.68% 0.1505 0) 16px, oklch(71.68% 0.1505 0) calc(100% - 16px), transparent calc(100% - 16px), transparent 100%)"},children:[t&&d("div",{style:{position:"absolute",width:"100%",height:62,background:"transparent",backdropFilter:"blur(1px)"},children:d("div",{style:{border:"1px dashed black",width:"100%",height:"100%",fontSize:"2rem"},onClick:()=>{const W=(b-m)/20;v(t-W),F(t+W)},children:"click to narrow down"})}),d("input",{disabled:O||m<0,type:"range",value:(360+m)%360,min:0,max:360,style:{width:"100%",height:28,padding:0},onChange:B=>{const W=parseInt(B.target.value);v(W),W>b-5&&F(W+5),D&&F(b+W-m)}}),d("input",{disabled:O||b>360,type:"range",value:b===360?360:b%360,min:1,max:360,style:{width:"100%",height:28,padding:0},onChange:B=>{const W=parseInt(B.target.value);F(W),W{g(parseInt(B.target.value))}}),d("input",{disabled:O,type:"number",value:y,min:1,max:100,onChange:B=>{C(parseInt(B.target.value))}}),d(Se,{disabled:h<=0&&y>=100,controls:[_,A],children:"Fix lightness range"})]}),k("div",{children:[d("input",{disabled:O,type:"range",value:h,min:0,max:99,style:{width:"95%"},onChange:B=>{const W=parseInt(B.target.value);g(W),W>y-5&&C(W+5),_&&C(y+W-h)}}),d("input",{disabled:O,type:"range",value:y,min:1,max:100,style:{width:"95%"},onChange:B=>{const W=parseInt(B.target.value);C(W),W!l.isRawValue).map(([{name:l}])=>`var(${l})`);let i=!1;const a=gn();return t.forEach(([{name:l,isRawValue:s},u,c,f=":root"])=>{if(s||o.includes(c))return;const p=kr(u);if(!p||p.l<.001||p.l>.999||!n&&p.c{t("")},children:"X"})]})}const ms=new WeakSet,yb=new Set;function HV({src:e,element:t}){const[n,r]=ee.inspectedPath(),{xrayFrameRef:o}=w.useContext(qe);return!(e!=null&&e.endsWith(".svg"))||yb.has(e)?null:d("button",{onClick:()=>{tt(this,null,function*(){const i=URL.parse(e,window.location.href),l=yield(yield fetch((i==null?void 0:i.href)||e)).text(),s=document.createElement("div");if(s.style.minHeight="100px",s.style.minWidth="100px",s.innerHTML=l,t.after(s),o.current){const u=o.current.contentWindow.document,c=u.createElement("div");c.innerHTML=l,c.style.minHeight="100px",c.style.minWidth="100px",Qt(n,u).after(c),r([...n.slice(0,-1),["SVG",n.at(-1)[1]+1]])}yb.add(e)})},children:"inline SVG"})}function GV({path:e}){const[t,n]=ee.elementSelectionMode(),[,r]=ee.inspectedPath();return t?d("div",{onClick:o=>{r(e),n(!1)},title:"Go up to this element",style:{outline:"3px solid indigo",borderRadius:"7px",position:"absolute",top:0,left:0,bottom:0,right:0,zIndex:99,cursor:"pointer"}}):null}const WV=e=>{const{group:t,index:n}=e,r=n===0,{propertyFilter:o,maximizeChroma:i,inspectedPath:a}=Ce,[{scopes:l},s]=ee.themeEditor(),[u,c]=ee.svgDarkBg(),f=yg("pickedValue"),[p,h]=we("image color show",!1),{element:g,path:y,elementInfo:{src:C,srcset:m,imgWidth:v,imgHeight:b,alt:F,title:_,html:A,width:D},label:T,vars:O,scopes:z,isRootElement:Y,inlineStyles:B={},inheritedInlineStyles:W={}}=t,de=Object.keys(B).length>0,ae=r&&[...g.childNodes].some(X=>X.nodeType===3&&X.textContent.trim()!=="")?g.textContent.trim():null,{defaultValues:se}=w.useContext(qe),[L,te]=ee.openGroups(),j=X=>{const pe=L,{[X]:M}=pe,ve=mn(pe,[af(X)]),ue=M?ve:ie(V({},ve),{[X]:!0});return te(ue),!M},[le,N]=w.useState(ms.has(g)),K=w.useMemo(()=>O.reduce((X,M)=>{var ve,ue;if(Ol(M)){const{name:pe}=M;if(!pe.startsWith("--"))return pe.toLowerCase()!=="currentcolor"&&X.push([M,pe]),X;const ce=pi[pe];let S=M.currentScope;if(!S&&z.length>0){for(const H in ce||{})if(S=((ve=z.find(fe=>fe.selector===H))==null?void 0:ve.selector)||S,S)break}const $=pt[S||":root"][pe]||d5(z,M)||se[pe]||((ue=M.maxSpecific)==null?void 0:ue.defaultValue)||M.usages[0].defaultValue,E=!l||!l[S]?null:l[S][pe],R=B[pe]||W[pe]||E||$;let[I]=Tg(R,z,l,0,B,W);if(I.includes("calc(")){const H={steps:[]};let fe=I;for(;fe.includes("calc(");){const ye=fe.indexOf("calc("),_e=Nr(fe,ye+5);try{const[he]=Xc(fe.slice(ye+5,_e-1),H);fe=fe.slice(0,ye)+he+fe.slice(_e+1)}catch(he){break}}I=fe}I&&I!=="inherit"&&I.toLowerCase()!=="currentcolor"&&X.push([M,M.cssFunc?`${M.cssFunc}(${I})`:I,R,S])}return X},[]),[O,z,l]),ne=!(O.length===0)||C;if(w.useEffect(()=>{le?g.classList.add("force-nodisplay"):g.classList.remove("force-nodisplay")},[le]),!ne&&!r&&!C&&!A)return null;const P=!!L[T];return k("li",{className:"var-group",style:{viewTransitionName:r&&a.length>1?`inspected${a.length}-${a.at(-1)[1]}`:n,marginBottom:"12px"},children:[k("div",{onMouseEnter:()=>{el(g)},onMouseLeave:()=>{di(g)},children:[!r&&d(GV,{path:y}),k("div",{style:{position:"sticky",top:0,background:"white",zIndex:12,overflow:P?"hidden":"auto"},children:[Y?d("span",{style:{float:"right"},children:"global"}):d(h5,{path:y}),k("h4",{style:{fontWeight:400,marginBottom:0,paddingRight:"4px",cursor:ne?"pointer":"initial",display:"flex",justifyContent:"space-between",alignItems:"flex-start",maxHeight:P?"128px":"300px",overflowX:"hidden",overflowY:"auto"},onClick:ne?X=>{const M=LF("pickedValue");if(M&&S5(M,{groupColors:K,maximizeChroma:i}))return;const ve=j(T);queueMicrotask(()=>{var ue;ve?(ue=X.target.closest(".var-group"))==null||ue.scrollIntoView({block:"start"}):X.target.scrollIntoView({block:"nearest"})},0)}:null,onDrop:X=>zV({groupColors:K,maximizeChroma:i},X),onDragOver:X=>{X.preventDefault()},children:[k("div",{style:{flexShrink:1},children:[T," (",O.length,")",o!=="all"&&d("span",{style:{color:"grey",fontSize:"12px"},children:o}),d(jV,{}),K.length>0&&d("div",{style:{overflowX:"hidden"},children:K.map(([{name:X},M,ve,ue])=>{const pe=X.startsWith("--");return w.createElement("div",ie(V({onDragOver:ce=>ce.preventDefault(),onDrop:ce=>{let S=ce.dataTransfer.getData("value");S===""&&(S=ce.dataTransfer.getData("text/plain").trim()),S!==""&&(s({type:Me.set,payload:{name:X,value:S,scope:ue}}),ce.stopPropagation())},draggable:!0},f5(()=>f(M))),{onDragStart:Ut(ve),key:X,title:X===M?X:`${X}: ${ve}`,style:{display:"inline-block",width:Bd,height:Bd,lineHeight:"1.5",border:"1px solid black",borderRadius:"6px",backgroundImage:`${M}`,backgroundColor:`${M}`,backgroundRepeat:"no-repeat",backgroundSize:"cover",marginTop:"3px",marginLeft:"6px",paddingTop:"3.5px",fontSize:"14px",textAlign:"center",textShadow:pe?"white 0px 3px":"white 2px 2px"}}),/^var\(/.test(ve)?"v":M==="transparent"?"👻":pe?d(w.Fragment,{children:" "}):"r")})})]}),de&&d("span",{style:ie(V({border:"1px solid black"},B),{maxHeight:Bd,width:"auto"}),children:"Inline"}),C&&d("img",{src:C,srcSet:m,alt:F,title:_||F,style:{height:"52px",float:"right",backgroundColor:"grey"}}),(A==null?void 0:A.length)>0&&d("div",{className:"svg-inspect-wrapper",style:{display:"inline",position:"relative",minWidth:`${D}px`,maxWidth:"50%",maxHeight:"160px",outline:"1px solid grey",padding:"2px",background:u?"black":"transparent"},onClick:X=>{c(!u),X.stopPropagation()},dangerouslySetInnerHTML:{__html:A}}),ae&&d("div",{style:{fontSize:"12px",border:"1p solid grey",background:"lightgrey",maxWidth:"45%",margin:"4px",padding:"4px",float:"right",maxHeight:"62px",overflow:"auto"},children:ae})]})]})]}),P&&k(w.Fragment,{children:[C&&k(w.Fragment,{children:[d("a",{href:C,target:"_blank",children:C}),d("br",{}),d(Se,{controls:[p,h],children:"Extract colors"}),k("code",{style:{float:"right"},children:[v," x ",b]}),p&&d(IV,{path:C})]}),d(AV,{group:t,elementScopes:z}),d($V,{scopes:z,vars:O,element:g,group:t}),d("ul",{className:"group-list",children:O.filter(X=>!X.currentScope).map(X=>w.createElement(Vi,{cssVar:X,scopes:z,element:g,group:t,key:X.name,onChange:M=>{s({type:Me.set,payload:{name:X.name,value:M}})},onUnset:()=>{s({type:Me.unset,payload:{name:X.name}})}}))}),d(Se,{controls:[ms.has(g),X=>{X?ms.add(g):ms.delete(g),N(X)}],children:"Hide"})]}),d(HV,{element:g,src:C})]},T)},UV=k(xt,{el:Zc,children:[d("p",{children:"The appearance of each element is determined by rules. These rules can be attached to the element itself, or to one of its parents."}),d("p",{children:"They are grouped in a box per element. You can hover the title of the box to highlight the corresponding element on the page."}),k("p",{children:["You can think of it as a tree view, except:",k("ul",{style:{paddingLeft:"48px"},children:[d("li",{children:"It's upside down, so that the most useful information is easy to find"}),d("li",{children:"Doesn't include the whole tree, only the section leading to the inspected element."}),d("li",{children:"Everything related to the element is here, so it's always obvious what applies to what"})]})]})]});function Zc(){var c;const{frameRef:e}=w.useContext(qe),{propertyFilter:t,search:n,filteredSelectors:r,showRawValues:o,excludedRawValues:i,inspectedPath:a}=Ce;let l;try{const f=Qt(a,(c=e.current)==null?void 0:c.contentWindow.document);l=Ao(f)}catch(f){l=[]}const s=w.useMemo(()=>{const f=kV(l,r);return FV(f,n).map(h=>ie(V({},h),{vars:h.vars.filter(g=>g.isRawValue&&!o||i.some(y=>g.name===y)?!1:t==="all"?!0:Ol(g))}))},[l,t,n,r]),u=w.useRef();return k(w.Fragment,{children:[UV,k("ul",{className:"group-list",ref:u,children:[s.length===0&&d("li",{children:d("span",{className:"alert",children:"No element selected"})}),s.map((f,p)=>d(WV,{group:f,index:p},f.label))]})]})}Zc.fName="Inspector";function Mg(){const[e,t]=Tc();return d("button",{className:"movable-element-collapse",onClick:()=>{t(!e)},children:e?"+":"-"})}function VV(e){const{value:t,isHtml:n}=e,r=t.replace(/var\(/,"").replace(/\)$/,"").trim(),o=r!==t&&/^[\w\-]+$/.test(r),i=w.useRef();return w.useEffect(()=>{},[t]),n?d("div",{style:{pointerEvents:"none"},dangerouslySetInnerHTML:{__html:t}}):d("div",{ref:i,style:{listStyleType:"none"},draggable:!0,onDrag:a=>{a.dataTransfer.setData("value",t),a.stopPropagation()},children:o?d(YV,{value:t,varName:r}):d(KV,{value:t})})}function KV(e){const{value:t}=e;return d("div",{children:d(Bu,{value:t,cssVar:{name:t,value:t,usages:[]}})})}function YV(e){const{value:t,varName:n}=e,{themeEditor:{scopes:r}}=Ce,{allVars:o}=w.useContext(qe),[i,a]=w.useState(!1),l=o.find(f=>f.name===n)||{name:n,usages:[]},s=w.useMemo(()=>{if(!i)return null;if(!l.name.startsWith("--"))return[];const f=new RegExp(`var\\(\\s*${l.name.replaceAll(/-/g,"\\-")}[\\s\\,\\)]`),p=[];for(const h of o){const{name:g}=h;if(!g.startsWith("--"))continue;const y=new Set;Object.entries(r).forEach(([C,m])=>{m[g]&&f.test(m[g])&&y.add(C)}),Object.entries(pt).forEach(([C,m])=>{if(y.has(C))return;const v=m[g];v&&v.includes("--")&&f.test(v)&&y.add(C)}),y.size>0&&p.push([[...y.values()],h])}return p},[r,i]),u=Object.entries(pi[n]||{});let c;if(u.length===0){const f=[];for(const[p,h]of Object.entries(r))for(const[g,y]of Object.entries(h))g===n&&f.push([p,y]);c=f}else c=u;return c.length===0?d("div",{children:k("b",{children:[n," ",d("span",{style:{color:"red"},children:"is undefined"})]})}):c.length===1?k("div",{children:[d("b",{draggable:!0,onDragStart:Ut(t),children:n}),d(Bu,{value:c[0][1],cssVar:l}),d(Rt,{controls:[i,a],children:"Usages"}),i&&k(w.Fragment,{children:[d(c5,{references:s}),d(u5,V({},l))]})]}):k("div",{children:[k("b",{draggable:!0,onDragStart:Ut(t),children:[n," (",c.length,")"]}),d("ul",{children:c.map(([f,p])=>k("li",{style:{clear:"both"},children:[d("span",{style:{float:"right"},className:"monospace-code",children:f}),d(Bu,{value:f in r&&n in r[f]?r[f][n]:p,cssVar:l})]},f))})]})}function E5({values:e,setValues:t,width:n=65,mini:r=!1}){const[o,i]=ee.pickedValue(),a=e.some(({value:f})=>f===o),[l,s]=we("palette-vertical",!1),[u,c]=w.useState(!1);return w.useEffect(()=>{if(u){const f=()=>{c(!1)};return document.addEventListener("drop",f),document.addEventListener("dragend",f),()=>{document.removeEventListener("drop",f),document.removeEventListener("dragend",f)}}},[u]),w.useEffect(()=>{c(!1)},[e]),k("div",{style:{display:"flex",flexDirection:l?"column":"row"},children:[(u||a)&&d("div",{style:{fontSize:"25px",fontWeight:"bold",textAlign:"center",border:"1px dashed grey",minWidth:"42px"},onClick:()=>t(e.filter(({value:f})=>f!==o)),onDrop:f=>{const p=f.dataTransfer.getData("value");p!==void 0&&t(e.filter(({value:h})=>h!==p))},children:"🗑"}),!r&&d("div",{className:l?"flex-row":"flex-column",children:d(qV,{})}),!u&&!a&&d(Rt,{style:{maxWidth:"28px"},controls:[l,s],children:l?"⇓":"⇒"}),e.map(({value:f,isHtml:p},h)=>p?d("div",{style:{width:n,height:n,overflow:"hidden",background:"white"},draggable:!0,onDragStart:Ut(f,()=>c(!0)),children:d("div",{style:{width:"320px",transform:"scale(.3)",transformOrigin:"left top"},dangerouslySetInnerHTML:{__html:f}})}):d("span",{style:{display:"inline-block"},children:d("span",{draggable:!0,onClick:()=>{i(o===f?"":f)},onDragStart:Ut(f,()=>c(!0)),title:f,onDrop:g=>{let y=!1,C=g.dataTransfer.getData("value");if(C===""&&(C=g.dataTransfer.getData("text/html").trim(),y=!0),C===""&&(C=g.dataTransfer.getData("text/plain").trim()),e.some(({value:m})=>m===g.dataTransfer.getData("value"))){const m=e.filter(({value:b})=>C!==b),v=[...m.slice(0,h),{value:C,isHtml:y},...m.slice(h)];t(v),g.stopPropagation()}else t([...e,{value:C,isHtml:y}]),g.stopPropagation()},style:{display:"inline-block",overflow:"hidden",margin:"2px",backgroundImage:`${f}`,backgroundColor:f,backgroundRepeat:"no-repeat",backgroundSize:"cover",fontSize:"14px",textShadow:"white 0px 10px",lineHeight:"20px",width:n,height:n,outline:f===o?"4px solid yellow":"none"},children:f},f)}))]})}function XV({values:e,setValues:t}){return d("ul",{style:{display:"flex",flexDirection:"column",maxWidth:"320px"},children:e.map(n=>{const{value:r}=n;return k("li",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end"},children:[d(VV,V({values:e,setValues:t},n)),d("button",{style:{alignSelf:"flex-end"},onClick:()=>{t(e.filter(o=>o!==n))},children:"X"})]},r)})})}function qV(){const[e,t]=ee.palette(),[n,r]=w.useState(!1),[o,i]=we("manage palettes open",!1),[a,l]=w.useState(""),s=a.trim(),[u,c]=we("palettes",[]),f=e.length===0;return k("div",{children:[d(Rt,{controls:[n,r],children:"..."}),n&&k(w.Fragment,{children:[d(Ve,{value:a,onChange:l}),d("button",{disabled:s==="",onClick:()=>{c([...u,{name:a,contents:e}])},children:"save"}),d("button",{disabled:f,onClick:()=>{f||c([...u,{name:"tmp",contents:e}]),t([])},children:"clear"}),d(Rt,{controls:[o,i],children:"Stored palettes"}),o&&d("ul",{children:u.map(({name:p,contents:h=[],palette:g})=>k("li",{style:{display:"flex",justifyContent:"flex-end"},children:[p," (",h.length,")",d(E5,{mini:!0,values:h,setValues:()=>{},width:20}),d("button",{onClick:()=>{f||c([...u,{name:"tmp",contents:g}]),t(h)},children:"restore"}),d("button",{onClick:()=>{confirm(`Delete palette "${p}"?`)&&c(u.filter(({name:y})=>y!==p))},children:"X"})]},p))})]})]})}function ef(){const[e,t]=ee.pickedValue(),[n,r]=ee.palette(),[o]=Tc();return k("div",{onDragOver:i=>{n.some(({value:a})=>a===i.dataTransfer.getData("value"))||i.preventDefault()},onClick:()=>{e!==""&&!n.some(({value:i})=>i===e)&&(r([...n,{value:e,isHtml:!1}]),console.log("test"),t(""))},onDrop:i=>{let a=!1,l=i.dataTransfer.getData("value");l===""&&(l=i.dataTransfer.getData("text/html").trim(),a=!0),l===""&&(l=i.dataTransfer.getData("text/plain").trim()),n.some(({value:s})=>s===i.dataTransfer.getData("value"))||r([...n,{value:l,isHtml:a}]),i.stopPropagation()},children:[d(Mg,{}),n.length===0&&k("span",{children:["Empty",d("br",{})]}),o?d(E5,{values:n,setValues:r}):d(XV,{values:n,setValues:r}),d(xt,{el:ef,tasks:[()=>[`Add 2 items to the palette (${Math.min(2,n.length)}/2)`,n.length>1]],children:"You can drop values from almost anywhere here, and drag them onto the page and UI elements later."})]})}ef.fName="Palette";function JV(e){const l=e,{options:t,onChange:n,selected:r}=l,o=mn(l,["options","onChange","selected"]),i=w.useId(),a=w.useCallback(s=>n(s.target.value),[]);return d("div",{children:t.map((s,u)=>k("div",{children:[d("input",V({id:`${i}-${u}`,type:"radio",name:i,value:s.value,onChange:a,checked:s.value===r},o)),d("label",{htmlFor:`${i}-${u}`,children:s.label})]},s.value))})}function tf(){const[e,t]=ee.width(),[n,r]=ee.height(),[o,i]=ee.isSimpleSizes(),{screenOptions:a}=Ce,[l]=Tc(),s=l?d(kt,{style:{marginRight:"-9px"},options:a,value:`${e},${n}`,onChange:u=>{const[c,f]=u.split(",");t(parseInt(c)),r(parseInt(f))}}):k(w.Fragment,{children:[d("button",{onClick:()=>{i(!o)},children:o?"Show all sizes":"Show only simple sizes"}),d(JV,{options:a,selected:[e,n].join(),onChange:u=>{const[c,f]=u.split(",");t(parseInt(c)),r(parseInt(f))}})]});return k("div",{children:[d(Mg,{}),s,d(xt,{el:tf,tasks:[u=>["Switch to a phone view",u.width<400]],children:"Use one of these preset screen dimensions. This can display as a dropdown or radio buttons. You can choose either a simple or a complete set of options."})]})}tf.fName="ScreenSwitcher";const QV=e=>{const{name:t,serverTheme:n,activeThemeRef:r,deleteTheme:o}=e,{modifiedServerVersion:i}=Ce,[a,l]=ee.fileName(),s=gn(),u=a===t;return k("li",{ref:u?r:null,className:"server-theme "+(u?"server-theme-current":""),children:[t," ",u&&i&&"(*)",t!=="default"&&d("button",{style:{float:"right"},onClick:()=>tt(Be,null,function*(){confirm(`Remove theme "${t}" from server?`)&&o(t)}),children:"Delete"}),d("button",{style:{float:"right"},onClick:()=>{!u&&l(t),s({type:Me.loadTheme,payload:{theme:n}})},children:u?"Reset":"Switch"}),Object.keys(n).length>0&&k("span",{style:{float:"right"},children:["(",Object.keys(n).length,")"]})]},t)},Rg=()=>{const e=w.useRef(),[t,{serverThemesLoading:n,deleteTheme:r}]=ee.serverThemes(),[o,i]=we("theme-server-theme-height-list","140px");return n?d("div",{style:{height:o},children:"Loading server themes..."}):k(w.Fragment,{children:[d("ul",{className:"server-theme-list",onMouseUp:a=>{i(a.target.closest("ul").style.height)},style:{resize:"vertical",height:o},children:Object.entries(t).map(([a,l])=>d(QV,{name:a,serverTheme:l,activeThemeRef:e,deleteTheme:r},a))}),d(xt,{el:Rg,children:"Here are all your saved themes."})]})};function nf(){const[e,t]=ee.frameClickBehavior(),n=e==="alt";return k("div",{children:[d(xt,{el:nf,children:"Toggle whether a normal click performs an inspection and blocks default click behavior."}),d("button",{title:n?`Clicks are processed by the page and should result in normal responses. You can still inspect by holding the ALT key while clicking.`:`Clicking on an element will inspect it. - Most normal behavior is prevented (e.g. links), but some may still get triggered (e.g. accordion state).`,onClick:()=>{t(e==="alt"?"any":"alt")},children:n?"Cursor: interact":"Cursor: inspect 🔍"})]})}tf.fName="CursorBehavior";let fo;function JV(){fo={prep:{name:"prep",steps:[nf]},basics:{name:"basics",steps:[Rg,Qc,ef,Tc,Oc]},history:{name:"history",steps:[qc,Tg,Ol,Og,Jc]},inspection:{name:"inspection",steps:[tf]},changes:{name:"changes",steps:[Zc]},themes:{name:"themes",steps:[Mg]}}}let _t;function QV(){_t="prep",rf()}function ZV(){_t=null,Rn=0,rf()}const yb=k(xt,{el:nf,children:[d("h1",{children:"Preparation"}),d("h2",{children:"Checklist"}),k("ul",{children:[k("li",{children:[d("b",{children:"Use a large screen. "}),"On smaller screens you will likely have to remove some UI elements from the screen."]}),k("li",{children:[d("b",{children:"Mouse is required for some interactions"}),". Other types of input will be added at a later point to simplify development."]}),k("li",{children:["For now, ",d("b",{children:"a P3 capable monitor"})," is required to properly display the `oklch` color pickers, but the UI does not validate this yet. You can use the external ",d("a",{target:"_blank",href:"https://oklch.com/",children:'"online picker" link'}),' below color pickers, and enable the "Show P3" toggle, which will then indicate whether your current environment (monitor + OS/software settings) supports P3.']})]}),d("h2",{children:"Things to be aware of / watch out for"}),k("ul",{children:[k("li",{children:["The quality and mostly the quantity of CSS on a page has a big impact on the quality of the experience. The ",d("a",{href:"https://inwerpsel.github.io/use-theme-editor/demo/halfmoon/docs/forms",children:"halfmoon demo"})," currently has the most complete and glitch free experience."]}),d("li",{children:"You can display data that does not use CSS variables, but can't modify those values yet."}),d("li",{children:"There are some bugs and possible crashes when using pin together with lock system."})]})]});function nf(){return F5()?_t==="prep"?k(w.Fragment,{children:[d("button",{onClick:ZV,children:"Exit tutorial"}),yb]}):yb:d("button",{onClick:QV,children:"Start tutorial"})}let Rn=0;function E5(){sh=null,setTimeout(()=>{sh===null&&k5(!0)},100)}function eK(e){if(Rn>=fo[_t].steps.length-1){const t=[...Object.keys(fo)],n=t.indexOf(_t);_t=t[n+1],Rn=0}else Rn++;_t||alert("Congratulations, you finished the tutorial!"),rf(),e.stopPropagation(),e.preventDefault(),_t&&E5()}function tK(e){if(Rn===0){const t=[...Object.keys(fo)],n=t.indexOf(_t);_t=t[n-1],Rn=fo[_t].steps.length-1}else Rn--;rf(),e.stopPropagation(),e.preventDefault(),E5()}function nK(){return _t==="prep"&&Rn===0?null:d("button",{onClick:tK,children:"Previous"})}const lh=new Set;function rf(){for(const e of lh)e()}function rK(e){return lh.add(e),()=>{lh.delete(e)}}function oK(){return _t?fo[_t].steps[Rn]:null}function F5(){return w.useSyncExternalStore(rK,oK)}let sh=null,k5;function iK({label:e,done:t}){return d("li",{"data-done":t,children:e})}function aK(e){const t=[];let n=!0;for(const r of e){const[o,i]=r(Ce);t.push([o,i]),n&&(n=i)}return[n,t]}function xt({el:e,children:t,tasks:n=[]}){const[r,o]=aK(n),{setDrawerOpen:i}=w.useContext(Fo);k5=i;const a=w.useRef(),l=w.useRef(),s=e===F5();return w.useEffect(()=>{var u;s&&(sh=e),(u=a.current)==null||u.scrollIntoView({behavior:"smooth"})},[s]),w.useEffect(()=>{var u;(u=l==null?void 0:l.current)==null||u.focus()},[s]),s?k("div",{ref:a,className:"tutorial-content",style:{border:"4px solid purple",background:"white",borderRadius:"7px",position:"absolute",zIndex:10},children:[k("span",{style:{float:"right",fontStyle:"italic",border:"1px solid gray"},children:[_t," ",Rn+1,"/",fo[_t].steps.length]}),t,d("ul",{children:o.map(([u,c])=>d(iK,{label:u,done:c}))}),d(nK,{}),d("button",{ref:l,disabled:!r,onClick:eK,children:"Next"})]}):null}nf.fName="StartTutorial";const aa=16;let bb=-1/0;function Bl(){setTimeout(()=>{const e=document.querySelector(".var-group:first-child");e==null||e.scrollIntoView({block:"start"})},0)}let wb;function lK({frameRef:e,loaded:t}){const{frameClickBehavior:n,openFirstOnInspect:r,enableScrollingInView:o}=Ce,[i,a]=ee.inspectedPath(),[,l]=ee.openGroups();w.useEffect(()=>{var c;const s=(c=e.current)==null?void 0:c.contentWindow.document;if(!s)return;function u(f){if(n==="alt"&&!f.altKey)return;const p=f.target;if(f.preventDefault(),f.stopPropagation(),p===wb)return;const h=Bc(p);if(h===i)return;a(h);const g=ko(p);r&&l({[g[0].label]:!0},{skipHistory:!0,appendOnly:!0}),bb=performance.now(),Za(p),setTimeout(()=>{fi(p)},700),ch(p),p.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}),Bl(),wb=p}return s.addEventListener("click",u),()=>{s.removeEventListener("click",u)}},[n,t,r]),w.useEffect(()=>{var s;if(o&&!(performance.now()-bb<400))try{const u=Qt(i,(s=e.current)==null?void 0:s.contentWindow.document);if(!u||u.nodeName==="BODY"||u.nodeName==="HTML")return;u.scrollIntoView({block:"center",inline:"nearest"}),Za(u);const c=setTimeout(()=>{fi(u)},700);return()=>{clearTimeout(c),fi(u)}}catch(u){}},[i,t,o])}function sK({frameRef:e,loaded:t}){const n=gn();w.useEffect(()=>{var i;const r=(i=e.current)==null?void 0:i.contentWindow.document;if(!r)return;function o(a){var g,y,C;const l=a.dataTransfer.getData("value")||a.dataTransfer.getData("text/plain");if(!l||l.startsWith("http"))return;const s=a.target,u=ko(s),c=[];let f=0;for(const m of u){f++;const v=["background-color","background","background-image","color","border-color","outline-color"];for(const b of v)for(const F of m.vars)((g=F.maxSpecific)==null?void 0:g.property)===b&&!F.isRawValue&&((y=F.usages[0])!=null&&y.isFullProperty)&&c.push({element:f,property:b,varName:F.name,scope:(C=m.scopes.find(_=>_.scopeVars.some(A=>A.name===F.name)))==null?void 0:C.selector})}if(c.length===0)return;const[p,...h]=c;n({type:Me.set,payload:{name:p.varName,scope:p.scope,value:l,alternatives:h}}),a.stopPropagation()}return r.addEventListener("drop",o),r.addEventListener("dragenter",ms),r.addEventListener("dragover",ms),()=>{r.removeEventListener("drop",o),r.removeEventListener("dragenter",ms),r.removeEventListener("dragover",ms)}},[t])}function ms(e){e.preventDefault()}const Rg=e=>{const{src:t}=e,{frameRef:n}=w.useContext(qe),[r,o]=ee.frameLoaded(),[i,a]=ee.width(),[l,s]=ee.height(),u=Ce.scales[`${i}x${l}`]||1;return d("div",{style:{overflow:"hidden"},className:"responsive-frame-outer-container",children:k("div",{className:"responsive-frame-container",onMouseMove:c=>{if(c.buttons!==1||c.currentTarget.className!=="responsive-frame-container")return;const f=parseInt(c.currentTarget.style.height.replace("px",""))-aa,p=parseInt(c.currentTarget.style.width.replace("px",""))-aa;isNaN(f)||isNaN(p)||(s(f),a(p))},style:{transform:`scale(${u})`,resize:"both",minWidth:"200px",width:`max(calc(${aa+parseInt(i)}px * ${u}), ${aa+parseInt(i)}px)`,minHeight:"200px",height:`${aa+parseInt(l)}px`,overflow:"hidden",padding:"0",boxSizing:"border-box",marginLeft:"1rem"},children:[uK,d("iframe",{onLoad:()=>o(!0),className:"responsive-frame",ref:n,src:t,width:parseInt(i),height:parseInt(l)}),d(lK,{frameRef:n,loaded:r}),d(sK,{frameRef:n,loaded:r})]})})},uK=d(xt,{el:Rg,tasks:[e=>["Click any element on the page",e.inspectedPath!==""]],children:"Select an element here to see all its styles."}),A5=()=>{const{themeEditor:{scopes:e}}=Ce,t=gn(),[n,r]=w.useState(!1),o=e[Lt]||{},[i,a]=w.useState(!1),[l,s]=w.useState(""),[u,c]=w.useState(""),f=l in o,p=/^--[a-zA-Z0-9][a-zA-Z0-9_-]+/.test(l);return k("div",{style:{marginBottom:"8px"},children:[d(Rt,{controls:[n,r],children:"Custom variable"}),n&&k("div",{children:[k("form",{onSubmit:h=>(t({type:Me.set,payload:{name:l,value:u}}),h.preventDefault(),!1),children:[d(Ve,{value:l||"--",onChange:h=>{s(h.replace(" ","-").replace(/^-*/,"--"))}}),d("br",{}),d(Ve,{required:!0,value:u,onChange:c}),d("button",{disabled:!p||u===o[l]||!i&&f,title:f?o[l]===u?"Variable already has this value":`Overwrite existing value of ${o[l]}`:"Add new variable",children:"Add"})]}),f&&k("div",{children:[d("button",{onClick:()=>{t({type:Me.unset,payload:{name:l}})},children:"Unset"}),d(Se,{controls:[i,a],children:"Confirm overwrite existing"}),k("div",{children:["Current value: ",o[l]]})]})]})]})};A5.fName="CustomVariableInput";const cK=(e,t)=>{w.useEffect(()=>{var n;[...document.styleSheets].forEach(r=>{r.disabled=!!e[r.href]}),(n=t.current)==null||n.contentWindow.postMessage({type:"set-sheet-config",payload:JSON.stringify(e)})},[e])},fK=()=>{const{frameRef:e,setSheetDisablerDisplayed:t}=w.useContext(qe),[n,r]=we("set-disabled-sheets",{}),o=[...document.styleSheets].filter(({href:i})=>!!i);return cK(n,e),o===null?d("div",{children:"Loading..."}):k("div",{style:{background:"white",color:"black",border:"1px solid black",borderRadius:"6px",padding:"5px"},children:[d("button",{style:{float:"right"},onClick:()=>t(!1),children:"Close"}),d("p",{children:"The following stylesheets are loaded on the page in the same order as they are shown."}),k("p",{children:["If you uncheck one it is disabled ",d("b",{children:"while in the editor"}),"."]}),d("ul",{style:{paddingLeft:"3px",listStyleType:"none"},children:o.map(({href:i})=>{const a=i.replace(/\?.*/,""),s=a.replace(window.location.origin,"").split("/"),u=s.slice(0,-1)||[];return k("li",{style:{fontSize:"14px",marginBottom:"8px",wordBreak:"break-all"},onClick:()=>{r(ie(V({},n),{[a]:!n[a]||null}))},children:[d("input",{readOnly:!0,type:"checkbox",checked:!n[a]}),u.join("/"),"/",d("b",{children:s.at(-1)})]},i)})})]})},dK={all:{label:"All"},colors:{label:"Colors"}},pK=Object.entries(dK).map(([e,{label:t}])=>({value:e,label:t}));function hK(){const[e,t]=ee.propertyFilter();return d(kt,{className:"property-category-filter",title:"Filter by category",value:e||"all",onChange:t,options:pK})}function gK(){const[e,t]=ee.search(),n=w.useRef();return ri("ctrl+/,cmd+/",()=>{var r;(r=n.current)==null||r.focus()}),k(w.Fragment,{children:[d(Ve,{value:e,inputRef:n,onChange:t,placeholder:"search (cmd+/ or ctrl+/)",style:{marginRight:e?"24px":"4px",flexShrink:1,maxWidth:"52%"},autoComplete:"on"}),!!e&&d("button",{style:{position:"relative",right:"48px",width:"30px"},title:"clear",onClick:()=>t(""),children:"x"}),d(TS,{id:"show-raw-values",hook:ee.showRawValues,title:"View only",children:"Raw values"})]})}const mK=(e,t,n,r,o)=>{var l;const i=new FileReader,a=(l=t.target.files[0])==null?void 0:l.name;i.onload=s=>{try{const u=JSON.parse(s.target.result),c=n?V(V({},r),ensured):u;e({type:Me.loadTheme,payload:{theme:{scopes:c}}}),a&&o(a.replace(".json",""))}catch(u){console.log("File contents is not valid JSON.",s.target.result,s)}},i.readAsText(t.target.files[0])},vK={":root":{"--heading-font-text-transform":"none","--siteBackgroundColor":"oklch(18.50% 0.000 0.00)","--paragraphMediumColor":"hsla(0,0%,100%,1)","--siteTitleColor":"oklch(67.60% 0.187 56.71)","--navigationLinkColor":"oklch(92.90% 0.069 72.20)","--headingExtraLargeColor":"oklch(51.80% 0.288 264.05)","--headingSmallColor":"oklch(78.60% 0.091 72.20)","--paragraphSmallColor":"oklch(78.60% 0.091 72.20)","--paragraphLinkColor":"oklch(70.90% 0.196 56.71)","--primaryButtonBackgroundColor":"oklch(38.84% 0.269 264.05)","--primary-button-font-text-transform":"none"}},yK={scopes:vK},bK={":root":{"--heading-font-text-transform":"none","--siteBackgroundColor":"oklch(18.50% 0.000 0.00)","--paragraphMediumColor":"hsla(0,0%,100%,1)","--siteTitleColor":"oklch(67.60% 0.000 0.00)","--navigationLinkColor":"oklch(92.90% 0.000 0.00)","--headingExtraLargeColor":"oklch(92.90% 0.000 0.00)","--headingSmallColor":"oklch(52.30% 0.000 0.00)","--paragraphSmallColor":"oklch(78.60% 0.000 0.00)","--paragraphLinkColor":"oklch(70.90% 0.000 280.96)","--primaryButtonBackgroundColor":"oklch(38.84% 0.000 264.05)"}},wK={scopes:bK};function xb(e,t){const n=gn(),r=vg("fileName");return()=>{n({type:Me.loadTheme,payload:{theme:e}}),r(t)}}function xK(){const[e,t]=w.useState(!1);return k(w.Fragment,{children:[d(Rt,{controls:[e,t],children:"Presets"}),e&&k(w.Fragment,{children:[d("button",{onClick:xb(wK,"kapow-gray"),children:"Kapow gray"}),d("button",{onClick:xb(yK,"kapow-colorful"),children:"Kapow colors"})]})]})}function CK(){const[{scopes:e},t]=ee.themeEditor();w.useContext(qe);const n=e[Lt]||{},[r,o]=ee.fileName(),[i,a]=w.useState(!1);return w.useState(!1),k("div",{style:{background:"white",padding:"16px"},children:[d(xK,{}),d("div",{children:d(Se,{controls:[i,a],children:"Merge into current theme"})}),k("div",{children:[d("button",{onClick:()=>xH(r,e),children:"Export JSON"}),d("button",{onClick:()=>EH(r,e),children:"Export CSS"})]}),d("div",{children:k("label",{style:{background:"rgba(255,255,255,.3)",cursor:"copy"},children:[" Upload JSON:",d("input",{type:"file",accept:".json",onChange:l=>{mK(t,l,i,n,o)},style:{cursor:"copy"}})]})}),d("div",{children:k("label",{style:{background:"rgba(255,255,255,.3)",cursor:"copy"},children:[" Import history JSON",d("input",{type:"file",accept:".json",onChange:l=>{const s=new FileReader;s.onload=u=>{try{const c=JSON.parse(u.target.result);BH(c)}catch(c){console.log("failed uploading",c)}},s.readAsText(l.target.files[0])},style:{cursor:"copy"}})]})}),d(Ve,{value:"",placeholder:"Drop/paste JSON here to import as a new theme",style:{border:"1px dashed black",width:"100%"},onChange:l=>{try{const s=JSON.parse(l),u=i?V(V({},n),s):s;t({type:Me.loadTheme,payload:{theme:u}})}catch(s){console.log(s)}}})]})}function $5(){const{existsOnServer:e,modifiedServerVersion:t,themeEditor:{scopes:n}}=Ce,[r,o]=ee.fileName(),[,{uploadTheme:i}]=ee.serverThemes();return k("div",{children:[d(Ve,{value:r,onChange:o,style:{width:"130px",clear:"both"},placeholder:"theme"}),d("button",{style:{clear:"both"},disabled:!r||r==="default",onClick:()=>tt(this,null,function*(){e&&!confirm("Overwrite theme on server?")||i(r,n)}),children:e?`Save${t?" (*)":""}`:"Upload"})]})}$5.fName="ThemeUploadPanel";const Cb="responsive-size-controls";function Ng(){const[e,t]=ee.width(),[n,r]=ee.height();return k("div",{className:Cb,id:Cb,children:[k("span",{children:[d("input",{type:"number",onChange:o=>t(parseInt(o.target.value)),value:e})," x ",d("input",{type:"number",onChange:o=>r(parseInt(o.target.value)),value:n})]}),d(xt,{el:Ng,children:"Enter precise screen dimensions here if necessary."})]})}Ng.fName="FrameSizeSettings";function Ig(){const{uiState:e,setUiState:t,resetPanels:n,dragEnabled:r,setDragEnabled:o,showMovers:i,setShowMovers:a,drawerOpen:l}=w.useContext(Fo),[s,u]=ee.windowArrangments(),[c,f]=we("panel-arrangements-name",""),p=w.useMemo(()=>JSON.stringify(e)===s[c],[s,e,c]);return k("div",{children:[d(yg,{}),d(xt,{el:Ig,tasks:[()=>["Enable dragging elements",w.useContext(Fi).hostAreaId==="area-right"||r],()=>["Move the element from the drawer to any other area",(w.useContext(Fi).hostAreaId||"drawer")!=="drawer"],()=>["Close the drawer",!l]],children:'Turn on "drag elements" to drag any element to any area. "Move elements" is very broken atm.'}),d(Se,{controls:[r,o],children:"Drag elements"}),d(Se,{controls:[i,a],children:"Move elements"}),Object.keys(e.map).length>0&&d("button",{onClick:()=>document.startViewTransition(()=>n()),children:"reset"}),k("div",{children:[d(Ve,{value:c,onChange:f}),d("button",{disabled:c.length===0,onClick:()=>{c in s&&!confirm("Update arrangement?")||c.length!==0&&u(ie(V({},s),{[c]:JSON.stringify(e)}))},children:"Save"}),d(kt,{value:p?c:"",options:[{label:"",value:""},...Object.entries(s).map(([h])=>({label:h,value:h}))],onChange:h=>{f(h),h!==""&&document.startViewTransition(()=>{t(JSON.parse(s[h]))})}})]})]})}Ig.fName="MoveControls";function SK({children:e}){const{drawerOpen:t,setDrawerOpen:n}=w.useContext(Fo);return k("div",{id:"drawer-wrapper",children:[d(lr,{id:"drawer","data-open":t,children:e}),d(Rt,{id:"drawer-opener",controls:[t,n],children:"Drawer"})]})}function _5(){const{propertyFilter:e,search:t}=Ce,n=gn(),{allVars:r,defaultValues:o}=w.useContext(qe),[i,a]=w.useState(!1),[l,s]=w.useState(!0),[u,c]=w.useState(!0),[f,p]=we("current-theme-open",!1),h="UNFOUND",g=w.useMemo(()=>f?Object.keys(o).reduce((y,C)=>{const m=r.find(_=>_.name===C),v=t.replace(/^\!/,""),b=v.length!==t.length;if(!m)return v&&C.replace(/-+/g," ").match(v)||b||(y[h]||(y[h]=[]),y[h].push({name:C})),y;if(!x5(m,v)||b||e!=="all"&&!Tl(m))return y;const F=m.statelessSelector.replace(/,\s\:where.*\*$/,"");return y[F]||(y[F]=[]),y[F].push(m),y},{}):{},[f,e,t]);return k("div",{children:[k("h4",{children:[Object.keys(o).length,")",d(Rt,{style:{float:"right"},controls:[f,p],children:f?"Close":"Open"})]}),f&&k("div",{children:[d(Se,{controls:[l,s],children:"Show active"}),d(Se,{controls:[i,a],children:"Show unknown"}),d(Se,{controls:[u,c],children:"Hide not found"})]}),f&&d("ul",{style:{background:"white",listStyleType:"none",paddingLeft:0},children:Object.entries(g).map(([y,C])=>d("li",{style:{marginTop:"12px"},children:d(co,{hideIfNotFound:u,selector:y,children:d("ul",{children:C.map(m=>{const v=m.name;return y===h&&i?d("li",{children:k("p",{children:[d("em",{children:v})," was not found.",d("button",{onClick:()=>{n({type:Me.unset,payload:{name:v}})},children:"unset"})]})},v):!l||y===h?null:d(Ui,{onChange:b=>{n({type:Me.set,payload:{name:m.name,value:b}})},onUnset:()=>{n({type:Me.unset,payload:{name:m.name}})},cssVar:m},v)})})})},y))})]})}_5.fName="CurrentTheme";function EK(){return"_"+Math.random().toString(36).substr(2,9)}function FK(e,t){return[...e,ie(V({},t),{order:e.reduce((n,r)=>Math.max(n,r),-1)+1})].sort(D5)}function D5({order:e},{order:t}){return e-t}function la(e,t){return e.map(n=>n.id!==t.id?n:t).sort(D5)}function P5(){const[e,t]=ee.nameReplacements(),[n,r]=w.useState(""),[o,i]=w.useState(""),[a]=Pc();return k("div",{children:[d(yg,{}),d(Bg,{}),d("h4",{children:"Replace strings in names"}),!a&&d("ul",{style:{maxHeight:"30vh",overflowY:"auto"},children:e.map(l=>{const{id:s,from:u,to:c,order:f,active:p}=l;return k("li",{style:{display:"flex"},children:[k("div",{children:[d(Ve,{value:u,onChange:h=>{t(g=>la(g,ie(V({},l),{from:h})))},placeholder:"From"}),d(Ve,{value:c,onChange:h=>{t(g=>la(g,ie(V({},l),{to:h})))},placeholder:"From"})]}),d("button",{onClick:()=>{t(h=>la(h,ie(V({},l),{order:f-1})))},children:"down"}),d("button",{onClick:()=>{t(h=>la(h,ie(V({},l),{order:f+1})))},children:"up"}),d(Se,{controls:[p,()=>t(h=>la(h,ie(V({},l),{active:!p})))]}),d("button",{onClick:()=>{t(h=>h.filter(g=>g.id!==s))},children:"X"})]},s)})}),!a&&k("div",{style:{display:"flex"},children:[k("div",{children:[d(Ve,{value:n,onChange:r,placeholder:"From"}),d(Ve,{value:o,onChange:i,placeholder:"To"})]}),d("button",{disabled:n.length<2||o.length<1,onClick:()=>{t(l=>FK(l,{id:EK(),to:o,from:n,active:!0})),i(""),r("")},children:"Add"})]})]})}P5.fName="NameReplacements";const T5=20;let Sb=0,Eb=0,ar;function Fb(e){if((ar==null?void 0:ar.length)===0&&(Sb++,Sb===T5))return[];if(ar&&ar.length>0)return ar;const t=[...e.querySelectorAll("*")].filter(n=>getComputedStyle(n).position==="fixed");return ar=t.filter(n=>!t.some(r=>r!==n&&r.contains(n))),ar}let Gr;function kK(e,t){let n=e.parentNode;for(;n;){if(t.includes(n))return!0;n=n.parentNode}return!1}function kb(e,t){if((Gr==null?void 0:Gr.length)===0&&(Eb++,Eb===T5))return[];if(Gr&&Gr.length>0)return Gr;const n=[...e.querySelectorAll("*")].filter(r=>getComputedStyle(r).position==="sticky"&&!kK(r,t));return Gr=n,n}const O5="transform .07s ease-out";function AK(e,t,n,r){for(const o of e){let i=0;const{bottom:a,top:l,height:s}=getComputedStyle(o);if(s==="0px")continue;parseInt(l.replace("px",""))>n&&parseInt(a.replace("px",""))p){Ab(i);continue}const y=Math.min(g,t-f+c);y>0&&o.add(i),i.style.transform=`translateY(${y}px)`,i.style.transition=O5}}const DK=28;function PK(e){const{src:t}=e,{width:n,height:r,fullHeightFrameScale:o,fullHeightFrameShowFixed:i}=Ce,a=1/o,[l,s]=w.useState(0),[u,c]=w.useState(!1),[f,p]=w.useState(0),[h,g]=w.useState(0),[y,C]=w.useState(null),[m,v]=w.useState(!1),[b,F]=w.useState(null),_=w.useRef();w.useEffect(()=>{var B;y!==null&&((B=A.current)==null||B.contentWindow.postMessage({type:"force-scroll",payload:{position:y,shouldSmoothScroll:m}},window.location.origin))},[y]);const{frameRef:A,scrollFrameRef:D}=w.useContext(qe);w.useEffect(()=>{D.current.contentDocument.documentElement.classList.add("hide-scrollbars"),setTimeout(()=>{var W;D.current.contentDocument.documentElement.classList.add("hide-scrollbars");const B=({data:{type:de,payload:me}})=>{de==="frame-scrolled"&&(s(me.scrollPosition),C(null))};return window.addEventListener("message",B),(W=A.current)==null||W.contentWindow.postMessage({type:"emit-scroll"},window.location.origin),()=>{window.removeEventListener("message",B)}},2e3)},[]),w.useEffect(()=>{const B=D.current.contentWindow.document,W=Fb(B),de=kb(B,W);if(i)for(const me of[...W,...de])me.classList.remove("hide-important");else{for(const me of[...W,...de])me.classList.add("hide-important");return}},[i]),w.useEffect(()=>{F(A.current.contentWindow.document.body.parentNode.scrollHeight);const B=setTimeout(()=>{F(A.current.contentWindow.document.body.parentNode.scrollHeight)},800);return()=>{clearTimeout(B)}},[n,r]);let T=0;w.useLayoutEffect(()=>{if(!i)return;const B=performance.now();if(B-T>50){const W=D.current.contentWindow.document,de=Fb(W),me=kb(W,de);T=B,_K(me,l,r,D.current),AK(de,l,r,D.current)}return()=>{}},[l,r,i]);const O=Math.max(0,(u&&y||l)*o),z=B=>{u&&(C(h-(f-B.clientY)*a),v(!1))},Y=B=>{const W=B.clientY-O-D.current.parentNode.getBoundingClientRect().top;C(Math.max(0,l+W*a-r/2)),v(!1)};return k("div",{onWheel:B=>{C(Math.max(0,l+B.deltaY)),v(!0)},style:{display:b===null?"none":"block",position:"relative",width:n*o},children:[k("div",{className:"responsive-frame-container",style:{transform:`scale(${o})`,width:`${DK+n}px`,overflow:"visible"},children:[d("div",{onMouseDown:Y,onMouseUp:()=>c(!1),onMouseMove:z,style:{zIndex:1,position:"absolute",top:0,right:0,bottom:0,left:0}}),d("iframe",{className:"responsive-frame",ref:D,src:t,width:n,height:Math.max(r,b),style:{width:n}})]}),d("span",{ref:_,onClick:Y,onMouseDown:B=>{c(!0),p(B.clientY),g(l)},onMouseMove:z,onMouseUp:()=>c(!1),style:{userSelect:"none",zIndex:2,top:O,position:"absolute",display:"inline-block",outline:"3px solid oklch(40.10% 0.2213 301.68)",width:n*o,height:(r-8)*o,transition:"top .05s ease-out",boxSizing:"content-box",visibility:u?"hidden":""}})]})}function B5(){const[e,t]=ee.fullHeightFrameShowFixed(),[n,r]=ee.fullHeightFrameScale(),[o,i]=st("fullheightframescalestep","0.01");return k("div",{style:{display:"flex"},children:[d("input",{type:"number",style:{maxWidth:"72px"},value:n,step:o,onChange:a=>{r(a.target.value)}}),k("label",{children:["step",d("input",{type:"number",style:{maxWidth:"72px"},value:o,onChange:a=>{i(a.target.value)}})]}),d(Se,{controls:[e,t],children:"Show fixed and sticky"})]})}B5.fName="FullHeightFrameScale";function M5(){return k("div",{style:{display:"flex",gap:"4px"},children:[d(Se,{controls:ee.includeDefaultPalette(),children:"Include default palette"}),d(Se,{title:"Disable this to get the best experience",controls:ee.nativeColorPicker(),children:"Native color picker"}),d(Se,{controls:ee.maximizeChroma(),children:"Maximize chroma when dropping"})]})}M5.fName="ColorSettings";function R5(){const[e,t]=ee.showCssProperties();return k("div",{style:{display:"flex",gap:"4px"},children:[d(Se,{id:"show-css-properties",controls:[e,t],children:"Show CSS properties"}),d(Se,{id:"link-css-properties",controls:ee.linkCssProperties(),children:"Link CSS properties"}),d(Se,{id:"show-source-links",controls:ee.showSourceLinks(),children:"Show source links"})]})}R5.fName="InformationVisibilitySettings";function N5(){const[e,t]=ee.webpackHome();return d(Ve,{style:{width:"100%"},value:e,onChange:n=>t(n),label:"Webpack home",placeholder:"webpack home path",title:"Enter the root folder on your system for this page to open source links in VSCode"})}N5.fName="WebpackHomeInput";function TK(){const{themeEditor:{scopes:e},frameLoaded:t}=Ce,{frameRef:n,scrollFrameRef:r,xrayFrameRef:o}=w.useContext(qe);return w.useInsertionEffect(()=>{W5(e,!0)},[e]),w.useEffect(()=>{var i,a;n.current.contentWindow.postMessage({type:"set-scopes-styles",payload:{scopes:e,resetAll:!0}},window.location.origin),(i=r.current)==null||i.contentWindow.postMessage({type:"set-scopes-styles",payload:{scopes:e,resetAll:!0}},window.location.origin),(a=o.current)==null||a.contentWindow.postMessage({type:"set-scopes-styles",payload:{scopes:e,resetAll:!0}},window.location.origin)},[e,t]),null}function OK(){const e=gn();return w.useEffect(()=>{window.addEventListener("message",t=>{if(t.data.type==="dropped-options"){const{options:n,value:r}=t.data.payload,[o,...i]=n;e({type:Me.set,payload:{name:o.varName,scope:o.scope,value:r,alternatives:i}})}},!1)},[]),null}function Db(){document.fullscreenElement!==this?this.requestFullscreen():document.exitFullscreen()}function I5(){var i;const{frameRef:e}=w.useContext(qe),[t,n]=w.useState(!1),r=d("button",{onClick:()=>{var l;const a=(l=e.current)==null?void 0:l.parentNode;n(document.fullscreenElement!==a),Db.bind(a)()},children:"fullscreen preview"}),o=k(w.Fragment,{children:[d("button",{onClick:Db.bind(document.body),children:"fullscreen"}),r]});return k(w.Fragment,{children:[o,t&&i0.createPortal(d("div",{style:{position:"fixed",top:0,right:0},children:r}),(i=e.current)==null?void 0:i.parentNode)]})}I5.fName="FullscreenToggle";function L5(){const[e,t]=ee.pickedValue();return d("div",{children:!(e==="")&&d("span",{onClick:()=>{t("")},style:{background:e,width:"32px",height:"32px"},children:e})})}L5.fName="PickedValue";function BK(){const[e,t]=ee.pickedValue(),n=w.useRef();if(w.useEffect(()=>{if(e==="")return;const r=i=>{if(!n.current)return;const a=i.clientY,l=i.clientX;n.current.style.transform=`translate3d(${l}px, ${a}px, 0)`},o=window.addEventListener("mousemove",r);return()=>{window.removeEventListener("mousemove",o)}},[e]),w.useEffect(()=>{if(!e)return;const r=document.addEventListener("click",o=>{(o.target.classList.contains("area")||!o.target.closest(".area"))&&t("")});return()=>{document.removeEventListener("click",r)}},[e]),e!=="")return d("div",{ref:n,style:{"--picked-value":e},className:"picked-cursor",children:e})}function Pb({onDrop:e,children:t}){return d("div",{style:{textAlign:"center",fontSize:"2rem",padding:"8px",background:"yellow"},onDrop:e,children:t})}function MK({selector:e,add:t,shown:n}){return n?k("div",{className:"stretch-over-parent flex-row",style:{justifyContent:"flex-end"},children:[d(Pb,{onDrop:r=>{const o=r.dataTransfer.getData("selector");o&&t(`:where(${e}):not(${o})`)},children:"Not"}),d(Pb,{onDrop:r=>{const o=r.dataTransfer.getData("selector");o&&t(`:where(${e}):where(${o})`)},children:"And"})]}):null}function RK({selector:e,add:t,remove:n}){const[r,o]=w.useState(!1);return k("div",{children:[d(MK,{selector:e,add:t,shown:r}),d("button",{style:{float:"right"},onClick:()=>n(e),children:"-"}),d(co,{selector:e,allowScroll:!0,allowDrag:!1})]})}function z5(){const[e,t]=ee.savedSelectors(),{frameRef:n}=w.useContext(qe),[r,o]=we("showSelectorsWidget",!0),[i,a]=w.useState(!1),[l,s]=w.useState(""),[u,c]=w.useMemo(()=>{var g;try{return[!0,(g=n.current)==null?void 0:g.contentWindow.document.querySelectorAll(l).length]}catch(y){return[!1]}},[l]);function f(g){e.includes(g)||t([...e,g])}function p(g){e.includes(g)&&t(e.filter(y=>y!==g))}const h=g=>{const y=g.dataTransfer.getData("text/plain").trim();try{document.querySelector(y),f(y)}catch(C){const m=g.dataTransfer.getData("selector");m&&f(m)}};return r?k("div",{onDragOver:g=>g.preventDefault(),onDrop:h,children:[e.length===0&&d("h2",{children:"Drop selectors here"}),d("ul",{children:e.map(g=>d("li",{style:{position:"relative"},children:d(RK,{selector:g,add:f,remove:p})},g))}),d("button",{onClick:()=>{o(!1)},children:"Close"}),d(Rt,{controls:[i,a],children:"New..."}),i&&k("div",{children:[d(Ve,{value:l,onChange:s}),d("button",{disabled:l==="",onClick:()=>{f(l)},children:"Add"}),u&&k("span",{children:["Found ",c]})]})]}):d("button",{onDragOver:g=>g.preventDefault(),onDrop:g=>{h(g),o(!0)},onClick:()=>{o(!0)},children:"Selectors..."})}z5.fName="Selectors";function NK({setReadonly:e}){const[t,n]=ee.note();return d("textarea",{style:{fontSize:"1.2rem",minHeight:160},autoFocus:!0,onBlur:()=>{e(!0)},value:t,onInput:r=>n(r.target.value,{debounceTime:1/0,skipHistory:!0})})}function j5(){const{note:e}=Ce,[t,n]=w.useState(!0);if(!t)return d(NK,{setReadonly:n});const r=()=>n(!1);return e===""?d("button",{onClick:r,children:"Note"}):d("div",{style:{background:"white",border:"2px solid black",fontSize:"1.2rem",maxWidth:800},onClick:r,children:d("pre",{children:e})})}j5.fName="NoteBox";function Lg(e){e.contains(Bu)||(Bu=e)}let Bu;function IK({frameRef:e,loaded:t}){const{frameClickBehavior:n,openFirstOnInspect:r}=Ce,[o,i]=ee.inspectedPath(),[,a]=ee.openGroups();w.useEffect(()=>{var u;const l=(u=e.current)==null?void 0:u.contentWindow.document;if(!l)return;function s(c){if(n==="alt"&&!c.altKey)return;const f=c.target,p=Qt(o,l);if(c.preventDefault(),c.stopPropagation(),f===p||f.contains(p)){ch(f);return}Lg(f);const h=Bc(f);document.startViewTransition(()=>{i(h),Bl();const g=ko(f);r&&a({[g[0].label]:!0},{skipHistory:!0,appendOnly:!0}),c.preventDefault(),c.stopPropagation(),ch(f)})}return l.addEventListener("click",s),()=>{l.removeEventListener("click",s)}},[n,t,r,o])}function LK(e){const t=[...e.children],n=e.querySelectorAll("*").length,r=e.childNodes.length,o=[...e.childNodes].filter(a=>a.nodeType===Node.TEXT_NODE&&a.wholeText.trim()==="").length,i=r-t.length-o;return{directDescendants:t,totalDescendants:n,textNodes:i,emptyTextNodes:o,groupedDescendants:t.reduce((a,l)=>{var u;const s=a.at(-1);return s&&((u=s[0])==null?void 0:u.tagName)===l.tagName?s.push(l):a.push([l]),a},[])}}function zK({el:e,index:t,xrayRef:n}){var f;const[r,o]=ee.inspectedPath(),i=[...r,[e.tagName,t]],a=(f=n.current)==null?void 0:f.contentWindow.document;let l;try{l=Qt(i,a)}catch(p){return null}const s=e.tagName.toLowerCase();if(s==="style"||s==="script")return;const u=e.id?`#${e.id}`:"",c=!l.checkVisibility();return k("button",{className:"monospace-code",style:{background:l===Bu||l.contains(Bu)?"lightblue":null,textDecoration:c?"underline red":null,viewTransitionName:`inspected${r.length+1}-${t}`},title:c&&"Element is currently not visible",onMouseEnter:()=>{for(const p of a.querySelectorAll(".highlight-descendant"))p.classList.toggle("highlight-descendant",!1);l.classList.toggle("highlight-descendant",!0),l.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})},onMouseLeave:()=>{l.classList.toggle("highlight-descendant",!1)},onClick:()=>{document.startViewTransition(()=>{l.classList.toggle("highlight-descendant",!1),o(i),Bl(),setTimeout(()=>{l.scrollIntoView({block:"center",inline:"center"})},1),Lg(l)})},children:[s,u]},e)}function jK({xrayRef:e}){var o;const{inspectedPath:t}=Ce,{frameRef:n}=w.useContext(qe),r=(o=n.current)==null?void 0:o.contentWindow.document;if(!r)return null;try{const i=Qt(t,r),a=LK(i,r);return k("div",{children:[k("code",{style:{float:"right"},children:[a.directDescendants.length>0&&k("span",{children:[" direct: ",a.directDescendants.length," "]}),a.totalDescendants>a.directDescendants.length&&k("span",{children:[" all: ",a.totalDescendants," "]}),a.textNodes>0&&k("span",{style:{fontWeight:"bold"},children:[" text: ",a.textNodes]})]}),a.directDescendants.map((l,s)=>d(zK,{el:l,index:s,xrayRef:e}))]})}catch(i){return null}}function HK(){const[e,t]=ee.elementSelectionMode(),[,n]=ee.openGroups(),{openFirstOnInspect:r}=Ce,[o,i]=ee.inspectedPath(),{frameRef:a}=w.useContext(qe);return k("button",{style:{float:"right",position:"sticky",top:0,outline:e?"4px solid indigo":null},disabled:o.length===0,onBlur:l=>{setTimeout(()=>{t(!1)},200)},onClick:l=>{a.current&&(t(!0),document.startViewTransition(()=>{const s=o.slice(0,-1);i(s),Bl();const u=Qt(s,a.current.contentWindow.document);if(r)try{const c=ko(u);n({[c[0].label]:!0},{skipHistory:!0,appendOnly:!0})}catch(c){console.log("Failed getting node",c)}}))},children:["go up (",o.length,")"]})}function H5(){const{width:e,height:t,inspectedPath:n,themeEditor:{scopes:r}}=Ce,[o,i]=w.useState(!1),{xrayFrameRef:a}=w.useContext(qe),l=window.location.href,[s,u]=we("savedNodes",[]),[c,f]=we("showSavedNodes",!0),[p,h]=we("xrayzoomout",!0),[g,y]=w.useState(!0),[C,m]=w.useState(parseInt(e)),[v,b]=w.useState(parseInt(t)),[F,_]=w.useState(0),[A,D]=w.useState(0),T=400/C,O=1.6,Y=Math.min(14,p?T:Math.max(O,T)),B=w.useRef(null);B.current,B.current=Y;const W=Math.min(500,Math.min(v,t)*Y+12);w.useEffect(()=>{var te;if(!o)return;const ae=(te=a.current)==null?void 0:te.contentWindow.document,se=ae==null?void 0:ae.documentElement;if(!se)return;se.classList.toggle("doxray",!0);for(const j of ae.querySelectorAll(".xray"))j.classList.remove("xray");const L=[];if(c)for(const j of s)try{const le=Qt(j,ae);le.classList.add("xray"),L.push(le)}catch(le){console.log(le,n)}if(n)try{const j=Qt(n,ae);if(!j.matches("html")){Lg(j),j.classList.add("xray");const le=j.getBoundingClientRect(),N=le.right-le.left+24,K=N>e;m(N);const Q=le.bottom-le.top+24,ne=Q>t;b(Q),_(le.top*-1),D(le.left*-1);const P=setTimeout(()=>{j==null||j.scrollIntoView({block:ne?"start":"nearest",inline:K?"start":"nearest"})},100);return()=>{clearTimeout(P)}}}catch(j){}},[n,o,s,c,r,e,t]),w.useLayoutEffect(()=>{var se;if(!g)return;const ae=(se=a.current)==null?void 0:se.contentWindow.document;if(!ae)return null;try{const L=Qt(n,ae),te=!p&&T{var ae;if(o){const se=(ae=a.current)==null?void 0:ae.contentWindow.document;for(const L of se.querySelectorAll("a"))L.href="#";se.addEventListener("mousedown",L=>{L.preventDefault(),L.stopPropagation()},{capture:!0})}},[o]),k("div",{style:{maxWidth:400},children:[!g&&d("h3",{style:{display:"inline-block"},children:"Xray"}),k("div",{children:[d(Se,{controls:[g,ae=>{y(ae),ae||i(!1)}],children:"Enable"}),g&&k(w.Fragment,{children:[d(Se,{title:"min zoom level 1.6",controls:[p,h],children:"Zoom out to fit"}),d(HK,{}),d("br",{}),d(Se,{controls:[me,()=>{u(me?s.filter(ae=>!de(ae)):[...s,n])}],children:"Save"}),d(Se,{controls:[c,f],children:"Show saved"}),c&&k("button",{disabled:s.length===0,onClick:()=>u([]),children:["Clear saved (",s.length,")"]})]}),g&&d(jK,{xrayRef:a})]}),g&&d("div",{style:{maxHeight:W,overflowY:"hidden",overflowX:Y>O||p?"hidden":"visible",visibility:o?"visible":"hidden",clear:"both"},children:k("div",{style:{scale:`${Y}`,transform:`translateX(${12+A}px) translateY(${12+Math.max(-W+12,F)}px)`,transformOrigin:"top left"},children:[d(IK,{frameRef:a,loaded:o}),d("iframe",{onLoad:()=>{i(!0)},resizable:!0,src:l,ref:a,width:e,height:t,style:{width:e,maxWidth:"none",background:"white"}})]})}),k("span",{children:["scale: ",Y.toFixed(2)," "]})]})}H5.fName="Xray";const qe=w.createContext({}),GK=e=>{const{frameLoaded:t}=Ce,{allVars:n,defaultValues:r}=e,o=w.useRef(null),i=w.useRef(null),a=w.useRef(null),[l,s]=w.useState(!1),[u,c]=we("server-themes-displayed",!0),[f,p]=w.useState(!1),[h,g]=we("full-page-preview",!1),[y,C]=ee.openFirstOnInspect();return k(qe.Provider,{value:{allVars:n,defaultValues:r,frameRef:o,scrollFrameRef:i,xrayFrameRef:a,setSheetDisablerDisplayed:p},children:[d(TK,{}),d(OK,{}),d(BK,{}),d(yH,{frameRef:o}),d("div",{className:"theme-editor",children:k(JH,{stateHook:ee.uiLayout,children:[k("div",{style:{display:"flex",columns:2,justifyContent:"space-between"},children:[k(lr,{id:"area-top",style:{justifyContent:"flex-start",flexGrow:1},children:[d(qc,{}),d(Jc,{})]}),k(lr,{id:"area-top-reverse",style:{flexDirection:"row-reverse",justifyContent:"flex-start",flexGrow:1},children:[d(ef,{}),d(Oc,{}),d($5,{})]})]}),k("div",{style:{display:"flex",justifyContent:"flex-start",flexGrow:"1"},children:[k(lr,{id:"area-left",children:[d(Ol,{}),d(H5,{})]}),k(lr,{id:"area-left-inner",children:[d(nf,{}),k("div",{id:"Filters",style:{display:"flex",alignItems:"flex-start"},children:[d(hK,{}),d(gK,{})]}),d("div",{id:"Inspector",children:t&&d(Qc,{})})]}),d(Rg,{src:window.location.href}),!!h&&d(PK,{src:window.location.href}),k(lr,{id:"area-right",children:[d(w.Fragment,{id:"ThemesList",children:u&&d(Mg,{})}),d(w.Fragment,{id:"StylesheetDisabler",children:f&&d(fK,{})}),d(w.Fragment,{id:"ImportExportTools",children:l&&d(CK,{})})]})]}),k("div",{style:{display:"flex",columns:2,justifyContent:"space-between",flexGrow:0,alignItems:"flex-end"},children:[k(lr,{id:"area-bottom",children:[d(z5,{}),d(j5,{}),d(Zc,{}),d(L5,{}),d(M5,{})]}),d(lr,{id:"area-bottom-reverse",style:{flexDirection:"row-reverse"},children:k("div",{id:"ExtraPanelsMenu",className:"theme-editor-menu",children:[d(Rt,{controls:[l,s],children:"Import/export"}),d(Rt,{controls:[f,p],children:"Stylesheets"}),d(Rt,{controls:[u,c],children:"Themes"})]})}),k(SK,{children:[d(Ig,{}),d(I5,{}),d(tf,{}),k("div",{id:"InspectionSettings",children:[d(Se,{controls:[h,g],title:"WARNING!!! 1) Affects performance on large pages 2) If scrollable section is below body, it cannot be fully shown (e.g. Halfmoon) 3) Does not work properly for pages that have different styles based on screen height.",children:"Full height preview"}),d(Se,{controls:[y,C],children:"Auto open first group on inspect"}),d(Se,{controls:ee.enableScrollingInView(),children:"Scroll into view in history"})]}),d(N5,{}),d(Tc,{}),d(P5,{}),d(_5,{}),d(B5,{}),d(R5,{}),d(A5,{}),d(Ng,{})]})]})]})})]})};let Bd;const WK=(e,t,n)=>{const r=d(UH,{previewComponents:tV,children:d(GK,{allVars:t,defaultValues:n})});Bd||(Bd=Xx(e)),Bd.render(r)},UK="https://unpkg.com/source-map@0.7.3/dist/source-map.js",VK=()=>new Promise((e,t)=>{const n=document.createElement("script");n.setAttribute("src",UK),n.addEventListener("load",e),n.addEventListener("error",t),document.head.appendChild(n)}),KK=()=>tt(Be,null,function*(){var e;return(yield VK())&&((e=window.sourceMap)==null?void 0:e.SourceMapConsumer.initialize({"lib/mappings.wasm":"https://unpkg.com/source-map@0.7.3/lib/mappings.wasm"}))}),YK=e=>e.reduce((n,{name:r,usages:o})=>{var a;if(!r.startsWith("--"))return n;const i=(a=o[0])==null?void 0:a.defaultValue;return i===null||(n[r]=i),n},{});function XK(e,{comments:t,rulesWithMap:n,rogueAtRules:r,sheet:o}){let i=[];const a=[];let l=0,s=0,u=0,c="",f,p,h=!1,g="",y=0,C=0,m=!1,v=!1,b=!1,F=!1,_=0,A,D="",T,O;const z={"{"(){if(m)return;O=!1;const Y=c.trim();if(F){F=!1,a.push(Y),c="";return}i.push([[f,p],Y]),A={selectors:i,start:{line:l,col:s-u-c.length-1},end:null,stylemap:new Map,atRules:[...a],sheet:o},i=[],c="",h=!0},"}"(){if(!m){if(O=!1,h)h=!1,D&&(A.stylemap.set(D,c.trim()),D=""),A.end={line:l,col:s-u-1},n.push(A),A=null;else{const Y=a.pop();let B=c.trim();B!==""&&(i.length>0&&(B=i.map(([,W])=>W).join()+", "+B),r.push({text:Y,body:B})),i=[]}c=""}},"\n"(){O=m&&!v,v&&(t.push({line:y,col:C,text:g,inline:!0}),g="",m=!1,v=!1),_=0,l++,u=s},"/"(){m&&!v&&T==="*"?(O=!1,m=!1,t.push({line:y,col:C,text:g.slice(0,-1),inline:!1}),g=""):!m&&_===0&&T==="/"&&(O=!1,m=!0,v=!0,y=l,C=s-u-1,g="",c=c.slice(0,-1))},"*"(){!m&&T==="/"&&(O=!1,m=!0,y=l,C=s-u-1,c=c.slice(0,-1))},"@"(){!m&&!h&&(F=!0,c="")},":"(){h&&D===""&&(D=c.trim(),c="",O=!1)},";"(){h&&_===0?(A.stylemap.set(D,c.trim()),c="",D="",O=!1):F&&(F=!1,c="",O=!1)},"("(){m||(_+=1)},")"(){m||(_-=1)},"\\"(){b=!0},","(){if(!m&&!h&&!F&&_===0){const Y=c.trim();i.push([[f,p],Y]),O=!1,c=""}}};for(const Y of e){if(O=!0,b)b=!1;else{const B=z[Y];B&&B()}if(O)if(m)g+=Y;else{const B=Y.trim()==="",W=c==="";(!B||!W)&&(c+=Y),W&&!B&&(f=l,p=s-u-1)}s++,T=Y}}const G5=/:(active|focus(-(visible|within))?|visited|hover)/g;function qK(e){return e.replaceAll(G5,":is(:$1, ._force-$1)")}const JK=/([\w\])-])(:(\-[\w-]+|:\-?[\w-]+|before|after|active|focus(-(visible|within))?|visited|hover))+/g;function QK(e){const t=e.replaceAll(JK,"$1").replaceAll(G5,"*").replaceAll(/\s+/g," ").replaceAll(/\s*,\s*/g,",").replaceAll(/:not\(\*\)/g,"").trim();return t===""||t.startsWith("::")?"*":t}function ZK({rulesWithMap:e=[],keyframesRules:t=[],selectorRules:n=[],testSelectors:r=new Map}){for(const o of e){const i=o.selectors.map(([,l])=>l).join(),a=o.atRules[0];if(a&&a.startsWith("@keyframes")){t.hasOwnProperty(a)||(t[a]={}),t[a][i]=o;continue}o.adaptedSelector=qK(i),o.testSelectors=new Set;for(const[,l]of o.selectors){const s=QK(l);if(r.has(s))o.testSelectors.add(r.get(s));else{const u={text:s,lastEl:null,origs:new Set};r.set(s,u),o.testSelectors.add(u)}r.get(s).origs.add(l)}n.push(o)}return{rulesWithMap:e,keyframesRules:t,selectorRules:n,testSelectors:r}}function ch(e){[...e.children].forEach(t=>{getComputedStyle(t).pointerEvents==="none"&&(t.style.pointerEvents="auto")})}const Tb=window.self!==window.top,eY=KK(),Ob=e=>{[...document.styleSheets].forEach(t=>{if(!t.href)return;const n=t.href.replace(/\?.*/,"");t.disabled=!!e[n]})};let mr=document.createElement("style");document.head.appendChild(mr);const zg="__forced-styles__";mr.id=zg;let ya={};document.title=`🖌${document.title}`;function tY(e){let t="";for(const n in e)t+=` ${n}: ${e[n]} !important;`;return t}function nY(e,t){const n=`${e} {${tY(t)} }`;if(!(e in ya)){ya[e]=mr.sheet.insertRule(n,Object.keys(ya).length);return}const r=ya[e];mr.sheet.cssRules[r].cssText!==n&&(mr.sheet.insertRule(n,r),mr.sheet.deleteRule(r+1))}function W5(e,t=!1){t&&([...mr.sheet.cssRules].forEach(()=>mr.sheet.deleteRule(0)),ya={}),Object.entries(e).forEach(([n,r])=>{nY(n,r)})}function rY(){[...document.body.childNodes].forEach(e=>{["STYLE","LINK","SCRIPT"].includes(e.nodeName)||document.body.removeChild(e)})}let Bb=[],oY=[],iY=[],aY=[],lY=[],sY=new Map,Ba;const Os=new WeakMap;function uY(e){return Os.has(e)}function ko(e){if(Os.has(e))return Os.get(e);const t=u2({cssVars:Ba,target:e}),n=gU(t,e,Ba),r=bU(n);return Os.set(e,r),r}let U5;function cY(){return U5}const fY=e=>tt(Be,null,function*(){var s;if(wF(e.localStorageNamespace||""),!Tb){yield eY,zF(e.serverThemes),Ba=yield n4();const u=YK(Ba);U5=u;const c=[...document.styleSheets].filter(p=>{var h;return((h=p.ownerNode)==null?void 0:h.id)!==zg});for(const p of c){let h;if(p.href)try{h=yield(yield fetch(p.href)).text()}catch(g){continue}else if(h=(s=p.ownerNode)==null?void 0:s.innerHTML,!h)continue;XK(h,{comments:iY,rulesWithMap:Bb,rogueAtRules:oY,sheet:p})}ZK({rulesWithMap:Bb,keyframesRules:aY,selectorRules:lY,testSelectors:sY}),rY();const f=document.createElement("div");WK(f,Ba,u),wH(),f.id="theme-editor-root",document.body.appendChild(f)}const t={};let n=null,r=!1,o=null;if(!Tb){JV();return}document.documentElement.classList.add("force-cursor");const i=localStorage.getItem(a0()+"set-disabled-sheets");if(i){const u=JSON.parse(i);Ob(u)}let a;const l=u=>{const{type:c,payload:f}=u.data,{index:p,selector:h,scopes:g,resetAll:y,path:C}=f||{};switch(c){case"scroll-in-view":const m=h?t[h][p]:Qt(f.path);if(m.scrollIntoView(f.options||{behavior:"smooth",block:"center",inline:"end"}),Za(m),n){const[F,_,A]=n;window.clearTimeout(F),A!==m&&_()}const v=()=>{fi(m),n=null};n=[setTimeout(v,1500),v,m];break;case"set-sheet-config":Ob(JSON.parse(f));break;case"set-scopes-styles":W5(g,y);break;case"force-scroll":r=!0,window.scrollTo({top:f.position,behavior:f.shouldSmoothScroll?"smooth":"auto"}),r=!1;break;case"emit-scroll":const b=()=>{window.parent.postMessage({type:"frame-scrolled",payload:{scrollPosition:document.documentElement.scrollTop}},window.location.href),o=null};a=F=>{r||o||(o=setTimeout(b,20))},document.addEventListener("scroll",a,{passive:!0});break}};window.addEventListener("message",l,!1)}),sa="all-the-themes";fY({serverThemes:{fetchThemes:()=>JSON.parse(localStorage.getItem(sa)),uploadTheme:(e,t)=>{const n=JSON.parse(localStorage.getItem(sa))||{};n[e]=t,localStorage.setItem(sa,JSON.stringify(n,null,2))},deleteTheme:e=>{const t=JSON.parse(localStorage.getItem(sa))||{};delete t[e],localStorage.setItem(sa,JSON.stringify(t,null,2))}}})});export default dY(); + Most normal behavior is prevented (e.g. links), but some may still get triggered (e.g. accordion state).`,onClick:()=>{t(e==="alt"?"any":"alt")},children:n?"Cursor: interact":"Cursor: inspect 🔍"})]})}nf.fName="CursorBehavior";let po;function ZV(){po={prep:{name:"prep",steps:[rf]},basics:{name:"basics",steps:[Ng,Zc,tf,Oc,Bc]},history:{name:"history",steps:[Jc,Og,Bl,Bg,Qc]},inspection:{name:"inspection",steps:[nf]},changes:{name:"changes",steps:[ef]},themes:{name:"themes",steps:[Rg]}}}let _t;function eK(){_t="prep",of()}function tK(){_t=null,Rn=0,of()}const bb=k(xt,{el:rf,children:[d("h1",{children:"Preparation"}),d("h2",{children:"Checklist"}),k("ul",{children:[k("li",{children:[d("b",{children:"Use a large screen. "}),"On smaller screens you will likely have to remove some UI elements from the screen."]}),k("li",{children:[d("b",{children:"Mouse is required for some interactions"}),". Other types of input will be added at a later point to simplify development."]}),k("li",{children:["For now, ",d("b",{children:"a P3 capable monitor"})," is required to properly display the `oklch` color pickers, but the UI does not validate this yet. You can use the external ",d("a",{target:"_blank",href:"https://oklch.com/",children:'"online picker" link'}),' below color pickers, and enable the "Show P3" toggle, which will then indicate whether your current environment (monitor + OS/software settings) supports P3.']})]}),d("h2",{children:"Things to be aware of / watch out for"}),k("ul",{children:[k("li",{children:["The quality and mostly the quantity of CSS on a page has a big impact on the quality of the experience. The ",d("a",{href:"https://inwerpsel.github.io/use-theme-editor/demo/halfmoon/docs/forms",children:"halfmoon demo"})," currently has the most complete and glitch free experience."]}),d("li",{children:"You can display data that does not use CSS variables, but can't modify those values yet."}),d("li",{children:"There are some bugs and possible crashes when using pin together with lock system."})]})]});function rf(){return k5()?_t==="prep"?k(w.Fragment,{children:[d("button",{onClick:tK,children:"Exit tutorial"}),bb]}):bb:d("button",{onClick:eK,children:"Start tutorial"})}let Rn=0;function F5(){uh=null,setTimeout(()=>{uh===null&&A5(!0)},100)}function nK(e){if(Rn>=po[_t].steps.length-1){const t=[...Object.keys(po)],n=t.indexOf(_t);_t=t[n+1],Rn=0}else Rn++;_t||alert("Congratulations, you finished the tutorial!"),of(),e.stopPropagation(),e.preventDefault(),_t&&F5()}function rK(e){if(Rn===0){const t=[...Object.keys(po)],n=t.indexOf(_t);_t=t[n-1],Rn=po[_t].steps.length-1}else Rn--;of(),e.stopPropagation(),e.preventDefault(),F5()}function oK(){return _t==="prep"&&Rn===0?null:d("button",{onClick:rK,children:"Previous"})}const sh=new Set;function of(){for(const e of sh)e()}function iK(e){return sh.add(e),()=>{sh.delete(e)}}function aK(){return _t?po[_t].steps[Rn]:null}function k5(){return w.useSyncExternalStore(iK,aK)}let uh=null,A5;function lK({label:e,done:t}){return d("li",{"data-done":t,children:e})}function sK(e){const t=[];let n=!0;for(const r of e){const[o,i]=r(Ce);t.push([o,i]),n&&(n=i)}return[n,t]}function xt({el:e,children:t,tasks:n=[]}){const[r,o]=sK(n),{setDrawerOpen:i}=w.useContext(ko);A5=i;const a=w.useRef(),l=w.useRef(),s=e===k5();return w.useEffect(()=>{var u;s&&(uh=e),(u=a.current)==null||u.scrollIntoView({behavior:"smooth"})},[s]),w.useEffect(()=>{var u;(u=l==null?void 0:l.current)==null||u.focus()},[s]),s?k("div",{ref:a,className:"tutorial-content",style:{border:"4px solid purple",background:"white",borderRadius:"7px",position:"absolute",zIndex:10},children:[k("span",{style:{float:"right",fontStyle:"italic",border:"1px solid gray"},children:[_t," ",Rn+1,"/",po[_t].steps.length]}),t,d("ul",{children:o.map(([u,c])=>d(lK,{label:u,done:c}))}),d(oK,{}),d("button",{ref:l,disabled:!r,onClick:nK,children:"Next"})]}):null}rf.fName="StartTutorial";const la=16;let wb=-1/0;function Ml(){setTimeout(()=>{const e=document.querySelector(".var-group:first-child");e==null||e.scrollIntoView({block:"start"})},0)}let xb;function uK({frameRef:e,loaded:t}){const{frameClickBehavior:n,openFirstOnInspect:r,enableScrollingInView:o}=Ce,[i,a]=ee.inspectedPath(),[,l]=ee.openGroups();w.useEffect(()=>{var c;const s=(c=e.current)==null?void 0:c.contentWindow.document;if(!s)return;function u(f){if(n==="alt"&&!f.altKey)return;const p=f.target;if(f.preventDefault(),f.stopPropagation(),p===xb)return;const h=Mc(p);if(h===i)return;a(h);const g=Ao(p);r&&l({[g[0].label]:!0},{skipHistory:!0,appendOnly:!0}),wb=performance.now(),el(p),setTimeout(()=>{di(p)},700),fh(p),p.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}),Ml(),xb=p}return s.addEventListener("click",u),()=>{s.removeEventListener("click",u)}},[n,t,r]),w.useEffect(()=>{var s;if(o&&!(performance.now()-wb<400))try{const u=Qt(i,(s=e.current)==null?void 0:s.contentWindow.document);if(!u||u.nodeName==="BODY"||u.nodeName==="HTML")return;u.scrollIntoView({block:"center",inline:"nearest"}),el(u);const c=setTimeout(()=>{di(u)},700);return()=>{clearTimeout(c),di(u)}}catch(u){}},[i,t,o])}function cK({frameRef:e,loaded:t}){const n=gn();w.useEffect(()=>{var i;const r=(i=e.current)==null?void 0:i.contentWindow.document;if(!r)return;function o(a){var g,y,C;const l=a.dataTransfer.getData("value")||a.dataTransfer.getData("text/plain");if(!l||l.startsWith("http"))return;const s=a.target,u=Ao(s),c=[];let f=0;for(const m of u){f++;const v=["background-color","background","background-image","color","border-color","outline-color"];for(const b of v)for(const F of m.vars)((g=F.maxSpecific)==null?void 0:g.property)===b&&!F.isRawValue&&((y=F.usages[0])!=null&&y.isFullProperty)&&c.push({element:f,property:b,varName:F.name,scope:(C=m.scopes.find(_=>_.scopeVars.some(A=>A.name===F.name)))==null?void 0:C.selector})}if(c.length===0)return;const[p,...h]=c;n({type:Me.set,payload:{name:p.varName,scope:p.scope,value:l,alternatives:h}}),a.stopPropagation()}return r.addEventListener("drop",o),r.addEventListener("dragenter",vs),r.addEventListener("dragover",vs),()=>{r.removeEventListener("drop",o),r.removeEventListener("dragenter",vs),r.removeEventListener("dragover",vs)}},[t])}function vs(e){e.preventDefault()}const Ng=e=>{const{src:t}=e,{frameRef:n}=w.useContext(qe),[r,o]=ee.frameLoaded(),[i,a]=ee.width(),[l,s]=ee.height(),u=Ce.scales[`${i}x${l}`]||1;return d("div",{style:{overflow:"hidden"},className:"responsive-frame-outer-container",children:k("div",{className:"responsive-frame-container",onMouseMove:c=>{if(c.buttons!==1||c.currentTarget.className!=="responsive-frame-container")return;const f=parseInt(c.currentTarget.style.height.replace("px",""))-la,p=parseInt(c.currentTarget.style.width.replace("px",""))-la;isNaN(f)||isNaN(p)||(s(f),a(p))},style:{transform:`scale(${u})`,resize:"both",minWidth:"200px",width:`max(calc(${la+parseInt(i)}px * ${u}), ${la+parseInt(i)}px)`,minHeight:"200px",height:`${la+parseInt(l)}px`,overflow:"hidden",padding:"0",boxSizing:"border-box",marginLeft:"1rem"},children:[fK,d("iframe",{onLoad:()=>o(!0),className:"responsive-frame",ref:n,src:t,width:parseInt(i),height:parseInt(l)}),d(uK,{frameRef:n,loaded:r}),d(cK,{frameRef:n,loaded:r})]})})},fK=d(xt,{el:Ng,tasks:[e=>["Click any element on the page",e.inspectedPath!==""]],children:"Select an element here to see all its styles."}),$5=()=>{const{themeEditor:{scopes:e}}=Ce,t=gn(),[n,r]=w.useState(!1),o=e[Lt]||{},[i,a]=w.useState(!1),[l,s]=w.useState(""),[u,c]=w.useState(""),f=l in o,p=/^--[a-zA-Z0-9][a-zA-Z0-9_-]+/.test(l);return k("div",{style:{marginBottom:"8px"},children:[d(Rt,{controls:[n,r],children:"Custom variable"}),n&&k("div",{children:[k("form",{onSubmit:h=>(t({type:Me.set,payload:{name:l,value:u}}),h.preventDefault(),!1),children:[d(Ve,{value:l||"--",onChange:h=>{s(h.replace(" ","-").replace(/^-*/,"--"))}}),d("br",{}),d(Ve,{required:!0,value:u,onChange:c}),d("button",{disabled:!p||u===o[l]||!i&&f,title:f?o[l]===u?"Variable already has this value":`Overwrite existing value of ${o[l]}`:"Add new variable",children:"Add"})]}),f&&k("div",{children:[d("button",{onClick:()=>{t({type:Me.unset,payload:{name:l}})},children:"Unset"}),d(Se,{controls:[i,a],children:"Confirm overwrite existing"}),k("div",{children:["Current value: ",o[l]]})]})]})]})};$5.fName="CustomVariableInput";const dK=(e,t)=>{w.useEffect(()=>{var n;[...document.styleSheets].forEach(r=>{r.disabled=!!e[r.href]}),(n=t.current)==null||n.contentWindow.postMessage({type:"set-sheet-config",payload:JSON.stringify(e)})},[e])},pK=()=>{const{frameRef:e,setSheetDisablerDisplayed:t}=w.useContext(qe),[n,r]=we("set-disabled-sheets",{}),o=[...document.styleSheets].filter(({href:i})=>!!i);return dK(n,e),o===null?d("div",{children:"Loading..."}):k("div",{style:{background:"white",color:"black",border:"1px solid black",borderRadius:"6px",padding:"5px"},children:[d("button",{style:{float:"right"},onClick:()=>t(!1),children:"Close"}),d("p",{children:"The following stylesheets are loaded on the page in the same order as they are shown."}),k("p",{children:["If you uncheck one it is disabled ",d("b",{children:"while in the editor"}),"."]}),d("ul",{style:{paddingLeft:"3px",listStyleType:"none"},children:o.map(({href:i})=>{const a=i.replace(/\?.*/,""),s=a.replace(window.location.origin,"").split("/"),u=s.slice(0,-1)||[];return k("li",{style:{fontSize:"14px",marginBottom:"8px",wordBreak:"break-all"},onClick:()=>{r(ie(V({},n),{[a]:!n[a]||null}))},children:[d("input",{readOnly:!0,type:"checkbox",checked:!n[a]}),u.join("/"),"/",d("b",{children:s.at(-1)})]},i)})})]})},hK={all:{label:"All"},colors:{label:"Colors"}},gK=Object.entries(hK).map(([e,{label:t}])=>({value:e,label:t}));function mK(){const[e,t]=ee.propertyFilter();return d(kt,{className:"property-category-filter",title:"Filter by category",value:e||"all",onChange:t,options:gK})}function vK(){const[e,t]=ee.search(),n=w.useRef();return oi("ctrl+/,cmd+/",()=>{var r;(r=n.current)==null||r.focus()}),k(w.Fragment,{children:[d(Ve,{value:e,inputRef:n,onChange:t,placeholder:"search (cmd+/ or ctrl+/)",style:{marginRight:e?"24px":"4px",flexShrink:1,maxWidth:"52%"},autoComplete:"on"}),!!e&&d("button",{style:{position:"relative",right:"48px",width:"30px"},title:"clear",onClick:()=>t(""),children:"x"}),d(OS,{id:"show-raw-values",hook:ee.showRawValues,title:"View only",children:"Raw values"})]})}const yK=(e,t,n,r,o)=>{var l;const i=new FileReader,a=(l=t.target.files[0])==null?void 0:l.name;i.onload=s=>{try{const u=JSON.parse(s.target.result),c=n?V(V({},r),ensured):u;e({type:Me.loadTheme,payload:{theme:{scopes:c}}}),a&&o(a.replace(".json",""))}catch(u){console.log("File contents is not valid JSON.",s.target.result,s)}},i.readAsText(t.target.files[0])},bK={":root":{"--heading-font-text-transform":"none","--siteBackgroundColor":"oklch(18.50% 0.000 0.00)","--paragraphMediumColor":"hsla(0,0%,100%,1)","--siteTitleColor":"oklch(67.60% 0.187 56.71)","--navigationLinkColor":"oklch(92.90% 0.069 72.20)","--headingExtraLargeColor":"oklch(51.80% 0.288 264.05)","--headingSmallColor":"oklch(78.60% 0.091 72.20)","--paragraphSmallColor":"oklch(78.60% 0.091 72.20)","--paragraphLinkColor":"oklch(70.90% 0.196 56.71)","--primaryButtonBackgroundColor":"oklch(38.84% 0.269 264.05)","--primary-button-font-text-transform":"none"}},wK={scopes:bK},xK={":root":{"--heading-font-text-transform":"none","--siteBackgroundColor":"oklch(18.50% 0.000 0.00)","--paragraphMediumColor":"hsla(0,0%,100%,1)","--siteTitleColor":"oklch(67.60% 0.000 0.00)","--navigationLinkColor":"oklch(92.90% 0.000 0.00)","--headingExtraLargeColor":"oklch(92.90% 0.000 0.00)","--headingSmallColor":"oklch(52.30% 0.000 0.00)","--paragraphSmallColor":"oklch(78.60% 0.000 0.00)","--paragraphLinkColor":"oklch(70.90% 0.000 280.96)","--primaryButtonBackgroundColor":"oklch(38.84% 0.000 264.05)"}},CK={scopes:xK};function Cb(e,t){const n=gn(),r=yg("fileName");return()=>{n({type:Me.loadTheme,payload:{theme:e}}),r(t)}}function SK(){const[e,t]=w.useState(!1);return k(w.Fragment,{children:[d(Rt,{controls:[e,t],children:"Presets"}),e&&k(w.Fragment,{children:[d("button",{onClick:Cb(CK,"kapow-gray"),children:"Kapow gray"}),d("button",{onClick:Cb(wK,"kapow-colorful"),children:"Kapow colors"})]})]})}function EK(){const[{scopes:e},t]=ee.themeEditor();w.useContext(qe);const n=e[Lt]||{},[r,o]=ee.fileName(),[i,a]=w.useState(!1);return w.useState(!1),k("div",{style:{background:"white",padding:"16px"},children:[d(SK,{}),d("div",{children:d(Se,{controls:[i,a],children:"Merge into current theme"})}),k("div",{children:[d("button",{onClick:()=>CH(r,e),children:"Export JSON"}),d("button",{onClick:()=>FH(r,e),children:"Export CSS"})]}),d("div",{children:k("label",{style:{background:"rgba(255,255,255,.3)",cursor:"copy"},children:[" Upload JSON:",d("input",{type:"file",accept:".json",onChange:l=>{yK(t,l,i,n,o)},style:{cursor:"copy"}})]})}),d("div",{children:k("label",{style:{background:"rgba(255,255,255,.3)",cursor:"copy"},children:[" Import history JSON",d("input",{type:"file",accept:".json",onChange:l=>{const s=new FileReader;s.onload=u=>{try{const c=JSON.parse(u.target.result);RH(c)}catch(c){console.log("failed uploading",c)}},s.readAsText(l.target.files[0])},style:{cursor:"copy"}})]})}),d(Ve,{value:"",placeholder:"Drop/paste JSON here to import as a new theme",style:{border:"1px dashed black",width:"100%"},onChange:l=>{try{const s=JSON.parse(l),u=i?V(V({},n),s):s;t({type:Me.loadTheme,payload:{theme:u}})}catch(s){console.log(s)}}})]})}function _5(){const{existsOnServer:e,modifiedServerVersion:t,themeEditor:{scopes:n}}=Ce,[r,o]=ee.fileName(),[,{uploadTheme:i}]=ee.serverThemes();return k("div",{children:[d(Ve,{value:r,onChange:o,style:{width:"130px",clear:"both"},placeholder:"theme"}),d("button",{style:{clear:"both"},disabled:!r||r==="default",onClick:()=>tt(this,null,function*(){e&&!confirm("Overwrite theme on server?")||i(r,n)}),children:e?`Save${t?" (*)":""}`:"Upload"})]})}_5.fName="ThemeUploadPanel";const Sb="responsive-size-controls";function Ig(){const[e,t]=ee.width(),[n,r]=ee.height();return k("div",{className:Sb,id:Sb,children:[k("span",{children:[d("input",{type:"number",onChange:o=>t(parseInt(o.target.value)),value:e})," x ",d("input",{type:"number",onChange:o=>r(parseInt(o.target.value)),value:n})]}),d(xt,{el:Ig,children:"Enter precise screen dimensions here if necessary."})]})}Ig.fName="FrameSizeSettings";function Lg(){const{uiState:e,setUiState:t,resetPanels:n,dragEnabled:r,setDragEnabled:o,showMovers:i,setShowMovers:a,drawerOpen:l}=w.useContext(ko),[s,u]=ee.windowArrangments(),[c,f]=we("panel-arrangements-name",""),p=w.useMemo(()=>JSON.stringify(e)===s[c],[s,e,c]);return k("div",{children:[d(bg,{}),d(xt,{el:Lg,tasks:[()=>["Enable dragging elements",w.useContext(ki).hostAreaId==="area-right"||r],()=>["Move the element from the drawer to any other area",(w.useContext(ki).hostAreaId||"drawer")!=="drawer"],()=>["Close the drawer",!l]],children:'Turn on "drag elements" to drag any element to any area. "Move elements" is very broken atm.'}),d(Se,{controls:[r,o],children:"Drag elements"}),d(Se,{controls:[i,a],children:"Move elements"}),Object.keys(e.map).length>0&&d("button",{onClick:()=>co(()=>n()),children:"reset"}),k("div",{children:[d(Ve,{value:c,onChange:f}),d("button",{disabled:c.length===0,onClick:()=>{c in s&&!confirm("Update arrangement?")||c.length!==0&&u(ie(V({},s),{[c]:JSON.stringify(e)}))},children:"Save"}),d(kt,{value:p?c:"",options:[{label:"",value:""},...Object.entries(s).map(([h])=>({label:h,value:h}))],onChange:h=>{f(h),h!==""&&co(()=>{t(JSON.parse(s[h]))})}})]})]})}Lg.fName="MoveControls";function FK({children:e}){const{drawerOpen:t,setDrawerOpen:n}=w.useContext(ko);return k("div",{id:"drawer-wrapper",children:[d(lr,{id:"drawer","data-open":t,children:e}),d(Rt,{id:"drawer-opener",controls:[t,n],children:"Drawer"})]})}function D5(){const{propertyFilter:e,search:t}=Ce,n=gn(),{allVars:r,defaultValues:o}=w.useContext(qe),[i,a]=w.useState(!1),[l,s]=w.useState(!0),[u,c]=w.useState(!0),[f,p]=we("current-theme-open",!1),h="UNFOUND",g=w.useMemo(()=>f?Object.keys(o).reduce((y,C)=>{const m=r.find(_=>_.name===C),v=t.replace(/^\!/,""),b=v.length!==t.length;if(!m)return v&&C.replace(/-+/g," ").match(v)||b||(y[h]||(y[h]=[]),y[h].push({name:C})),y;if(!C5(m,v)||b||e!=="all"&&!Ol(m))return y;const F=m.statelessSelector.replace(/,\s\:where.*\*$/,"");return y[F]||(y[F]=[]),y[F].push(m),y},{}):{},[f,e,t]);return k("div",{children:[k("h4",{children:[Object.keys(o).length,")",d(Rt,{style:{float:"right"},controls:[f,p],children:f?"Close":"Open"})]}),f&&k("div",{children:[d(Se,{controls:[l,s],children:"Show active"}),d(Se,{controls:[i,a],children:"Show unknown"}),d(Se,{controls:[u,c],children:"Hide not found"})]}),f&&d("ul",{style:{background:"white",listStyleType:"none",paddingLeft:0},children:Object.entries(g).map(([y,C])=>d("li",{style:{marginTop:"12px"},children:d(fo,{hideIfNotFound:u,selector:y,children:d("ul",{children:C.map(m=>{const v=m.name;return y===h&&i?d("li",{children:k("p",{children:[d("em",{children:v})," was not found.",d("button",{onClick:()=>{n({type:Me.unset,payload:{name:v}})},children:"unset"})]})},v):!l||y===h?null:d(Vi,{onChange:b=>{n({type:Me.set,payload:{name:m.name,value:b}})},onUnset:()=>{n({type:Me.unset,payload:{name:m.name}})},cssVar:m},v)})})})},y))})]})}D5.fName="CurrentTheme";function kK(){return"_"+Math.random().toString(36).substr(2,9)}function AK(e,t){return[...e,ie(V({},t),{order:e.reduce((n,r)=>Math.max(n,r),-1)+1})].sort(P5)}function P5({order:e},{order:t}){return e-t}function sa(e,t){return e.map(n=>n.id!==t.id?n:t).sort(P5)}function T5(){const[e,t]=ee.nameReplacements(),[n,r]=w.useState(""),[o,i]=w.useState(""),[a]=Tc();return k("div",{children:[d(bg,{}),d(Mg,{}),d("h4",{children:"Replace strings in names"}),!a&&d("ul",{style:{maxHeight:"30vh",overflowY:"auto"},children:e.map(l=>{const{id:s,from:u,to:c,order:f,active:p}=l;return k("li",{style:{display:"flex"},children:[k("div",{children:[d(Ve,{value:u,onChange:h=>{t(g=>sa(g,ie(V({},l),{from:h})))},placeholder:"From"}),d(Ve,{value:c,onChange:h=>{t(g=>sa(g,ie(V({},l),{to:h})))},placeholder:"From"})]}),d("button",{onClick:()=>{t(h=>sa(h,ie(V({},l),{order:f-1})))},children:"down"}),d("button",{onClick:()=>{t(h=>sa(h,ie(V({},l),{order:f+1})))},children:"up"}),d(Se,{controls:[p,()=>t(h=>sa(h,ie(V({},l),{active:!p})))]}),d("button",{onClick:()=>{t(h=>h.filter(g=>g.id!==s))},children:"X"})]},s)})}),!a&&k("div",{style:{display:"flex"},children:[k("div",{children:[d(Ve,{value:n,onChange:r,placeholder:"From"}),d(Ve,{value:o,onChange:i,placeholder:"To"})]}),d("button",{disabled:n.length<2||o.length<1,onClick:()=>{t(l=>AK(l,{id:kK(),to:o,from:n,active:!0})),i(""),r("")},children:"Add"})]})]})}T5.fName="NameReplacements";const O5=20;let Eb=0,Fb=0,ar;function kb(e){if((ar==null?void 0:ar.length)===0&&(Eb++,Eb===O5))return[];if(ar&&ar.length>0)return ar;const t=[...e.querySelectorAll("*")].filter(n=>getComputedStyle(n).position==="fixed");return ar=t.filter(n=>!t.some(r=>r!==n&&r.contains(n))),ar}let Gr;function $K(e,t){let n=e.parentNode;for(;n;){if(t.includes(n))return!0;n=n.parentNode}return!1}function Ab(e,t){if((Gr==null?void 0:Gr.length)===0&&(Fb++,Fb===O5))return[];if(Gr&&Gr.length>0)return Gr;const n=[...e.querySelectorAll("*")].filter(r=>getComputedStyle(r).position==="sticky"&&!$K(r,t));return Gr=n,n}const B5="transform .07s ease-out";function _K(e,t,n,r){for(const o of e){let i=0;const{bottom:a,top:l,height:s}=getComputedStyle(o);if(s==="0px")continue;parseInt(l.replace("px",""))>n&&parseInt(a.replace("px",""))p){$b(i);continue}const y=Math.min(g,t-f+c);y>0&&o.add(i),i.style.transform=`translateY(${y}px)`,i.style.transition=B5}}const TK=28;function OK(e){const{src:t}=e,{width:n,height:r,fullHeightFrameScale:o,fullHeightFrameShowFixed:i}=Ce,a=1/o,[l,s]=w.useState(0),[u,c]=w.useState(!1),[f,p]=w.useState(0),[h,g]=w.useState(0),[y,C]=w.useState(null),[m,v]=w.useState(!1),[b,F]=w.useState(null),_=w.useRef();w.useEffect(()=>{var B;y!==null&&((B=A.current)==null||B.contentWindow.postMessage({type:"force-scroll",payload:{position:y,shouldSmoothScroll:m}},window.location.origin))},[y]);const{frameRef:A,scrollFrameRef:D}=w.useContext(qe);w.useEffect(()=>{D.current.contentDocument.documentElement.classList.add("hide-scrollbars"),setTimeout(()=>{var W;D.current.contentDocument.documentElement.classList.add("hide-scrollbars");const B=({data:{type:de,payload:me}})=>{de==="frame-scrolled"&&(s(me.scrollPosition),C(null))};return window.addEventListener("message",B),(W=A.current)==null||W.contentWindow.postMessage({type:"emit-scroll"},window.location.origin),()=>{window.removeEventListener("message",B)}},2e3)},[]),w.useEffect(()=>{const B=D.current.contentWindow.document,W=kb(B),de=Ab(B,W);if(i)for(const me of[...W,...de])me.classList.remove("hide-important");else{for(const me of[...W,...de])me.classList.add("hide-important");return}},[i]),w.useEffect(()=>{F(A.current.contentWindow.document.body.parentNode.scrollHeight);const B=setTimeout(()=>{F(A.current.contentWindow.document.body.parentNode.scrollHeight)},800);return()=>{clearTimeout(B)}},[n,r]);let T=0;w.useLayoutEffect(()=>{if(!i)return;const B=performance.now();if(B-T>50){const W=D.current.contentWindow.document,de=kb(W),me=Ab(W,de);T=B,PK(me,l,r,D.current),_K(de,l,r,D.current)}return()=>{}},[l,r,i]);const O=Math.max(0,(u&&y||l)*o),z=B=>{u&&(C(h-(f-B.clientY)*a),v(!1))},Y=B=>{const W=B.clientY-O-D.current.parentNode.getBoundingClientRect().top;C(Math.max(0,l+W*a-r/2)),v(!1)};return k("div",{onWheel:B=>{C(Math.max(0,l+B.deltaY)),v(!0)},style:{display:b===null?"none":"block",position:"relative",width:n*o},children:[k("div",{className:"responsive-frame-container",style:{transform:`scale(${o})`,width:`${TK+n}px`,overflow:"visible"},children:[d("div",{onMouseDown:Y,onMouseUp:()=>c(!1),onMouseMove:z,style:{zIndex:1,position:"absolute",top:0,right:0,bottom:0,left:0}}),d("iframe",{className:"responsive-frame",ref:D,src:t,width:n,height:Math.max(r,b),style:{width:n}})]}),d("span",{ref:_,onClick:Y,onMouseDown:B=>{c(!0),p(B.clientY),g(l)},onMouseMove:z,onMouseUp:()=>c(!1),style:{userSelect:"none",zIndex:2,top:O,position:"absolute",display:"inline-block",outline:"3px solid oklch(40.10% 0.2213 301.68)",width:n*o,height:(r-8)*o,transition:"top .05s ease-out",boxSizing:"content-box",visibility:u?"hidden":""}})]})}function M5(){const[e,t]=ee.fullHeightFrameShowFixed(),[n,r]=ee.fullHeightFrameScale(),[o,i]=st("fullheightframescalestep","0.01");return k("div",{style:{display:"flex"},children:[d("input",{type:"number",style:{maxWidth:"72px"},value:n,step:o,onChange:a=>{r(a.target.value)}}),k("label",{children:["step",d("input",{type:"number",style:{maxWidth:"72px"},value:o,onChange:a=>{i(a.target.value)}})]}),d(Se,{controls:[e,t],children:"Show fixed and sticky"})]})}M5.fName="FullHeightFrameScale";function R5(){return k("div",{style:{display:"flex",gap:"4px"},children:[d(Se,{controls:ee.includeDefaultPalette(),children:"Include default palette"}),d(Se,{title:"Disable this to get the best experience",controls:ee.nativeColorPicker(),children:"Native color picker"}),d(Se,{controls:ee.maximizeChroma(),children:"Maximize chroma when dropping"})]})}R5.fName="ColorSettings";function N5(){const[e,t]=ee.showCssProperties();return k("div",{style:{display:"flex",gap:"4px"},children:[d(Se,{id:"show-css-properties",controls:[e,t],children:"Show CSS properties"}),d(Se,{id:"link-css-properties",controls:ee.linkCssProperties(),children:"Link CSS properties"}),d(Se,{id:"show-source-links",controls:ee.showSourceLinks(),children:"Show source links"})]})}N5.fName="InformationVisibilitySettings";function I5(){const[e,t]=ee.webpackHome();return d(Ve,{style:{width:"100%"},value:e,onChange:n=>t(n),label:"Webpack home",placeholder:"webpack home path",title:"Enter the root folder on your system for this page to open source links in VSCode"})}I5.fName="WebpackHomeInput";function BK(){const{themeEditor:{scopes:e},frameLoaded:t}=Ce,{frameRef:n,scrollFrameRef:r,xrayFrameRef:o}=w.useContext(qe);return w.useInsertionEffect(()=>{U5(e,!0)},[e]),w.useEffect(()=>{var i,a;n.current.contentWindow.postMessage({type:"set-scopes-styles",payload:{scopes:e,resetAll:!0}},window.location.origin),(i=r.current)==null||i.contentWindow.postMessage({type:"set-scopes-styles",payload:{scopes:e,resetAll:!0}},window.location.origin),(a=o.current)==null||a.contentWindow.postMessage({type:"set-scopes-styles",payload:{scopes:e,resetAll:!0}},window.location.origin)},[e,t]),null}function MK(){const e=gn();return w.useEffect(()=>{window.addEventListener("message",t=>{if(t.data.type==="dropped-options"){const{options:n,value:r}=t.data.payload,[o,...i]=n;e({type:Me.set,payload:{name:o.varName,scope:o.scope,value:r,alternatives:i}})}},!1)},[]),null}function Pb(){document.fullscreenElement!==this?this.requestFullscreen():document.exitFullscreen()}function L5(){var i;const{frameRef:e}=w.useContext(qe),[t,n]=w.useState(!1),r=d("button",{onClick:()=>{var l;const a=(l=e.current)==null?void 0:l.parentNode;n(document.fullscreenElement!==a),Pb.bind(a)()},children:"fullscreen preview"}),o=k(w.Fragment,{children:[d("button",{onClick:Pb.bind(document.body),children:"fullscreen"}),r]});return k(w.Fragment,{children:[o,t&&a0.createPortal(d("div",{style:{position:"fixed",top:0,right:0},children:r}),(i=e.current)==null?void 0:i.parentNode)]})}L5.fName="FullscreenToggle";function z5(){const[e,t]=ee.pickedValue();return d("div",{children:!(e==="")&&d("span",{onClick:()=>{t("")},style:{background:e,width:"32px",height:"32px"},children:e})})}z5.fName="PickedValue";function RK(){const[e,t]=ee.pickedValue(),n=w.useRef();if(w.useEffect(()=>{if(e==="")return;const r=i=>{if(!n.current)return;const a=i.clientY,l=i.clientX;n.current.style.transform=`translate3d(${l}px, ${a}px, 0)`},o=window.addEventListener("mousemove",r);return()=>{window.removeEventListener("mousemove",o)}},[e]),w.useEffect(()=>{if(!e)return;const r=document.addEventListener("click",o=>{(o.target.classList.contains("area")||!o.target.closest(".area"))&&t("")});return()=>{document.removeEventListener("click",r)}},[e]),e!=="")return d("div",{ref:n,style:{"--picked-value":e},className:"picked-cursor",children:e})}function Tb({onDrop:e,children:t}){return d("div",{style:{textAlign:"center",fontSize:"2rem",padding:"8px",background:"yellow"},onDrop:e,children:t})}function NK({selector:e,add:t,shown:n}){return n?k("div",{className:"stretch-over-parent flex-row",style:{justifyContent:"flex-end"},children:[d(Tb,{onDrop:r=>{const o=r.dataTransfer.getData("selector");o&&t(`:where(${e}):not(${o})`)},children:"Not"}),d(Tb,{onDrop:r=>{const o=r.dataTransfer.getData("selector");o&&t(`:where(${e}):where(${o})`)},children:"And"})]}):null}function IK({selector:e,add:t,remove:n}){const[r,o]=w.useState(!1);return k("div",{children:[d(NK,{selector:e,add:t,shown:r}),d("button",{style:{float:"right"},onClick:()=>n(e),children:"-"}),d(fo,{selector:e,allowScroll:!0,allowDrag:!1})]})}function j5(){const[e,t]=ee.savedSelectors(),{frameRef:n}=w.useContext(qe),[r,o]=we("showSelectorsWidget",!0),[i,a]=w.useState(!1),[l,s]=w.useState(""),[u,c]=w.useMemo(()=>{var g;try{return[!0,(g=n.current)==null?void 0:g.contentWindow.document.querySelectorAll(l).length]}catch(y){return[!1]}},[l]);function f(g){e.includes(g)||t([...e,g])}function p(g){e.includes(g)&&t(e.filter(y=>y!==g))}const h=g=>{const y=g.dataTransfer.getData("text/plain").trim();try{document.querySelector(y),f(y)}catch(C){const m=g.dataTransfer.getData("selector");m&&f(m)}};return r?k("div",{onDragOver:g=>g.preventDefault(),onDrop:h,children:[e.length===0&&d("h2",{children:"Drop selectors here"}),d("ul",{children:e.map(g=>d("li",{style:{position:"relative"},children:d(IK,{selector:g,add:f,remove:p})},g))}),d("button",{onClick:()=>{o(!1)},children:"Close"}),d(Rt,{controls:[i,a],children:"New..."}),i&&k("div",{children:[d(Ve,{value:l,onChange:s}),d("button",{disabled:l==="",onClick:()=>{f(l)},children:"Add"}),u&&k("span",{children:["Found ",c]})]})]}):d("button",{onDragOver:g=>g.preventDefault(),onDrop:g=>{h(g),o(!0)},onClick:()=>{o(!0)},children:"Selectors..."})}j5.fName="Selectors";function LK({setReadonly:e}){const[t,n]=ee.note();return d("textarea",{style:{fontSize:"1.2rem",minHeight:160},autoFocus:!0,onBlur:()=>{e(!0)},value:t,onInput:r=>n(r.target.value,{debounceTime:1/0,skipHistory:!0})})}function H5(){const{note:e}=Ce,[t,n]=w.useState(!0);if(!t)return d(LK,{setReadonly:n});const r=()=>n(!1);return e===""?d("button",{onClick:r,children:"Note"}):d("div",{style:{background:"white",border:"2px solid black",fontSize:"1.2rem",maxWidth:800},onClick:r,children:d("pre",{children:e})})}H5.fName="NoteBox";function zg(e){e.contains(Mu)||(Mu=e)}let Mu;function zK({frameRef:e,loaded:t}){const{frameClickBehavior:n,openFirstOnInspect:r}=Ce,[o,i]=ee.inspectedPath(),[,a]=ee.openGroups();w.useEffect(()=>{var u;const l=(u=e.current)==null?void 0:u.contentWindow.document;if(!l)return;function s(c){if(n==="alt"&&!c.altKey)return;const f=c.target,p=Qt(o,l);if(c.preventDefault(),c.stopPropagation(),f===p||f.contains(p)){fh(f);return}zg(f);const h=Mc(f);co(()=>{i(h),Ml();const g=Ao(f);r&&a({[g[0].label]:!0},{skipHistory:!0,appendOnly:!0}),c.preventDefault(),c.stopPropagation(),fh(f)})}return l.addEventListener("click",s),()=>{l.removeEventListener("click",s)}},[n,t,r,o])}function jK(e){const t=[...e.children],n=e.querySelectorAll("*").length,r=e.childNodes.length,o=[...e.childNodes].filter(a=>a.nodeType===Node.TEXT_NODE&&a.wholeText.trim()==="").length,i=r-t.length-o;return{directDescendants:t,totalDescendants:n,textNodes:i,emptyTextNodes:o,groupedDescendants:t.reduce((a,l)=>{var u;const s=a.at(-1);return s&&((u=s[0])==null?void 0:u.tagName)===l.tagName?s.push(l):a.push([l]),a},[])}}function HK({el:e,index:t,xrayRef:n}){var f;const[r,o]=ee.inspectedPath(),i=[...r,[e.tagName,t]],a=(f=n.current)==null?void 0:f.contentWindow.document;let l;try{l=Qt(i,a)}catch(p){return null}const s=e.tagName.toLowerCase();if(s==="style"||s==="script")return;const u=e.id?`#${e.id}`:"",c=!l.checkVisibility();return k("button",{className:"monospace-code",style:{background:l===Mu||l.contains(Mu)?"lightblue":null,textDecoration:c?"underline red":null,viewTransitionName:`inspected${r.length+1}-${t}`},title:c&&"Element is currently not visible",onMouseEnter:()=>{for(const p of a.querySelectorAll(".highlight-descendant"))p.classList.toggle("highlight-descendant",!1);l.classList.toggle("highlight-descendant",!0),l.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})},onMouseLeave:()=>{l.classList.toggle("highlight-descendant",!1)},onClick:()=>{co(()=>{l.classList.toggle("highlight-descendant",!1),o(i),Ml(),setTimeout(()=>{l.scrollIntoView({block:"center",inline:"center"})},1),zg(l)})},children:[s,u]},e)}function GK({xrayRef:e}){var o;const{inspectedPath:t}=Ce,{frameRef:n}=w.useContext(qe),r=(o=n.current)==null?void 0:o.contentWindow.document;if(!r)return null;try{const i=Qt(t,r),a=jK(i,r);return k("div",{children:[k("code",{style:{float:"right"},children:[a.directDescendants.length>0&&k("span",{children:[" direct: ",a.directDescendants.length," "]}),a.totalDescendants>a.directDescendants.length&&k("span",{children:[" all: ",a.totalDescendants," "]}),a.textNodes>0&&k("span",{style:{fontWeight:"bold"},children:[" text: ",a.textNodes]})]}),a.directDescendants.map((l,s)=>d(HK,{el:l,index:s,xrayRef:e}))]})}catch(i){return null}}function WK(){const[e,t]=ee.elementSelectionMode(),[,n]=ee.openGroups(),{openFirstOnInspect:r}=Ce,[o,i]=ee.inspectedPath(),{frameRef:a}=w.useContext(qe);return k("button",{style:{float:"right",position:"sticky",top:0,outline:e?"4px solid indigo":null},disabled:o.length===0,onBlur:l=>{setTimeout(()=>{t(!1)},200)},onClick:l=>{a.current&&(t(!0),co(()=>{const s=o.slice(0,-1);i(s),Ml();const u=Qt(s,a.current.contentWindow.document);if(r)try{const c=Ao(u);n({[c[0].label]:!0},{skipHistory:!0,appendOnly:!0})}catch(c){console.log("Failed getting node",c)}}))},children:["go up (",o.length,")"]})}function G5(){const{width:e,height:t,inspectedPath:n,themeEditor:{scopes:r}}=Ce,[o,i]=w.useState(!1),{xrayFrameRef:a}=w.useContext(qe),l=window.location.href,[s,u]=we("savedNodes",[]),[c,f]=we("showSavedNodes",!0),[p,h]=we("xrayzoomout",!0),[g,y]=w.useState(!0),[C,m]=w.useState(parseInt(e)),[v,b]=w.useState(parseInt(t)),[F,_]=w.useState(0),[A,D]=w.useState(0),T=400/C,O=1.6,Y=Math.min(14,p?T:Math.max(O,T)),B=w.useRef(null);B.current,B.current=Y;const W=Math.min(500,Math.min(v,t)*Y+12);w.useEffect(()=>{var te;if(!o)return;const ae=(te=a.current)==null?void 0:te.contentWindow.document,se=ae==null?void 0:ae.documentElement;if(!se)return;se.classList.toggle("doxray",!0);for(const j of ae.querySelectorAll(".xray"))j.classList.remove("xray");const L=[];if(c)for(const j of s)try{const le=Qt(j,ae);le.classList.add("xray"),L.push(le)}catch(le){console.log(le,n)}if(n)try{const j=Qt(n,ae);if(!j.matches("html")){zg(j),j.classList.add("xray");const le=j.getBoundingClientRect(),N=le.right-le.left+24,K=N>e;m(N);const Q=le.bottom-le.top+24,ne=Q>t;b(Q),_(le.top*-1),D(le.left*-1);const P=setTimeout(()=>{j==null||j.scrollIntoView({block:ne?"start":"nearest",inline:K?"start":"nearest"})},100);return()=>{clearTimeout(P)}}}catch(j){}},[n,o,s,c,r,e,t]),w.useLayoutEffect(()=>{var se;if(!g)return;const ae=(se=a.current)==null?void 0:se.contentWindow.document;if(!ae)return null;try{const L=Qt(n,ae),te=!p&&T{var ae;if(o){const se=(ae=a.current)==null?void 0:ae.contentWindow.document;for(const L of se.querySelectorAll("a"))L.href="#";se.addEventListener("mousedown",L=>{L.preventDefault(),L.stopPropagation()},{capture:!0})}},[o]),k("div",{style:{maxWidth:400},children:[!g&&d("h3",{style:{display:"inline-block"},children:"Xray"}),k("div",{children:[d(Se,{controls:[g,ae=>{y(ae),ae||i(!1)}],children:"Enable"}),g&&k(w.Fragment,{children:[d(Se,{title:"min zoom level 1.6",controls:[p,h],children:"Zoom out to fit"}),d(WK,{}),d("br",{}),d(Se,{controls:[me,()=>{u(me?s.filter(ae=>!de(ae)):[...s,n])}],children:"Save"}),d(Se,{controls:[c,f],children:"Show saved"}),c&&k("button",{disabled:s.length===0,onClick:()=>u([]),children:["Clear saved (",s.length,")"]})]}),g&&d(GK,{xrayRef:a})]}),g&&d("div",{style:{maxHeight:W,overflowY:"hidden",overflowX:Y>O||p?"hidden":"visible",visibility:o?"visible":"hidden",clear:"both"},children:k("div",{style:{scale:`${Y}`,transform:`translateX(${12+A}px) translateY(${12+Math.max(-W+12,F)}px)`,transformOrigin:"top left"},children:[d(zK,{frameRef:a,loaded:o}),d("iframe",{onLoad:()=>{i(!0)},resizable:!0,src:l,ref:a,width:e,height:t,style:{width:e,maxWidth:"none",background:"white"}})]})}),k("span",{children:["scale: ",Y.toFixed(2)," "]})]})}G5.fName="Xray";const qe=w.createContext({}),UK=e=>{const{frameLoaded:t}=Ce,{allVars:n,defaultValues:r}=e,o=w.useRef(null),i=w.useRef(null),a=w.useRef(null),[l,s]=w.useState(!1),[u,c]=we("server-themes-displayed",!0),[f,p]=w.useState(!1),[h,g]=we("full-page-preview",!1),[y,C]=ee.openFirstOnInspect();return k(qe.Provider,{value:{allVars:n,defaultValues:r,frameRef:o,scrollFrameRef:i,xrayFrameRef:a,setSheetDisablerDisplayed:p},children:[d(BK,{}),d(MK,{}),d(RK,{}),d(bH,{frameRef:o}),d("div",{className:"theme-editor",children:k(ZH,{stateHook:ee.uiLayout,children:[k("div",{style:{display:"flex",columns:2,justifyContent:"space-between"},children:[k(lr,{id:"area-top",style:{justifyContent:"flex-start",flexGrow:1},children:[d(Jc,{}),d(Qc,{})]}),k(lr,{id:"area-top-reverse",style:{flexDirection:"row-reverse",justifyContent:"flex-start",flexGrow:1},children:[d(tf,{}),d(Bc,{}),d(_5,{})]})]}),k("div",{style:{display:"flex",justifyContent:"flex-start",flexGrow:"1"},children:[k(lr,{id:"area-left",children:[d(Bl,{}),d(G5,{})]}),k(lr,{id:"area-left-inner",children:[d(rf,{}),k("div",{id:"Filters",style:{display:"flex",alignItems:"flex-start"},children:[d(mK,{}),d(vK,{})]}),d("div",{id:"Inspector",children:t&&d(Zc,{})})]}),d(Ng,{src:window.location.href}),!!h&&d(OK,{src:window.location.href}),k(lr,{id:"area-right",children:[d(w.Fragment,{id:"ThemesList",children:u&&d(Rg,{})}),d(w.Fragment,{id:"StylesheetDisabler",children:f&&d(pK,{})}),d(w.Fragment,{id:"ImportExportTools",children:l&&d(EK,{})})]})]}),k("div",{style:{display:"flex",columns:2,justifyContent:"space-between",flexGrow:0,alignItems:"flex-end"},children:[k(lr,{id:"area-bottom",children:[d(j5,{}),d(H5,{}),d(ef,{}),d(z5,{}),d(R5,{})]}),d(lr,{id:"area-bottom-reverse",style:{flexDirection:"row-reverse"},children:k("div",{id:"ExtraPanelsMenu",className:"theme-editor-menu",children:[d(Rt,{controls:[l,s],children:"Import/export"}),d(Rt,{controls:[f,p],children:"Stylesheets"}),d(Rt,{controls:[u,c],children:"Themes"})]})}),k(FK,{children:[d(Lg,{}),d(L5,{}),d(nf,{}),k("div",{id:"InspectionSettings",children:[d(Se,{controls:[h,g],title:"WARNING!!! 1) Affects performance on large pages 2) If scrollable section is below body, it cannot be fully shown (e.g. Halfmoon) 3) Does not work properly for pages that have different styles based on screen height.",children:"Full height preview"}),d(Se,{controls:[y,C],children:"Auto open first group on inspect"}),d(Se,{controls:ee.enableScrollingInView(),children:"Scroll into view in history"})]}),d(I5,{}),d(Oc,{}),d(T5,{}),d(D5,{}),d(M5,{}),d(N5,{}),d($5,{}),d(Ig,{})]})]})]})})]})};let Md;const VK=(e,t,n)=>{const r=d(KH,{previewComponents:rV,children:d(UK,{allVars:t,defaultValues:n})});Md||(Md=qx(e)),Md.render(r)},KK="https://unpkg.com/source-map@0.7.3/dist/source-map.js",YK=()=>new Promise((e,t)=>{const n=document.createElement("script");n.setAttribute("src",KK),n.addEventListener("load",e),n.addEventListener("error",t),document.head.appendChild(n)}),XK=()=>tt(Be,null,function*(){var e;return(yield YK())&&((e=window.sourceMap)==null?void 0:e.SourceMapConsumer.initialize({"lib/mappings.wasm":"https://unpkg.com/source-map@0.7.3/lib/mappings.wasm"}))}),qK=e=>e.reduce((n,{name:r,usages:o})=>{var a;if(!r.startsWith("--"))return n;const i=(a=o[0])==null?void 0:a.defaultValue;return i===null||(n[r]=i),n},{});function JK(e,{comments:t,rulesWithMap:n,rogueAtRules:r,sheet:o}){let i=[];const a=[];let l=0,s=0,u=0,c="",f,p,h=!1,g="",y=0,C=0,m=!1,v=!1,b=!1,F=!1,_=0,A,D="",T,O;const z={"{"(){if(m)return;O=!1;const Y=c.trim();if(F){F=!1,a.push(Y),c="";return}i.push([[f,p],Y]),A={selectors:i,start:{line:l,col:s-u-c.length-1},end:null,stylemap:new Map,atRules:[...a],sheet:o},i=[],c="",h=!0},"}"(){if(!m){if(O=!1,h)h=!1,D&&(A.stylemap.set(D,c.trim()),D=""),A.end={line:l,col:s-u-1},n.push(A),A=null;else{const Y=a.pop();let B=c.trim();B!==""&&(i.length>0&&(B=i.map(([,W])=>W).join()+", "+B),r.push({text:Y,body:B})),i=[]}c=""}},"\n"(){O=m&&!v,v&&(t.push({line:y,col:C,text:g,inline:!0}),g="",m=!1,v=!1),_=0,l++,u=s},"/"(){m&&!v&&T==="*"?(O=!1,m=!1,t.push({line:y,col:C,text:g.slice(0,-1),inline:!1}),g=""):!m&&_===0&&T==="/"&&(O=!1,m=!0,v=!0,y=l,C=s-u-1,g="",c=c.slice(0,-1))},"*"(){!m&&T==="/"&&(O=!1,m=!0,y=l,C=s-u-1,c=c.slice(0,-1))},"@"(){!m&&!h&&(F=!0,c="")},":"(){h&&D===""&&(D=c.trim(),c="",O=!1)},";"(){h&&_===0?(A.stylemap.set(D,c.trim()),c="",D="",O=!1):F&&(F=!1,c="",O=!1)},"("(){m||(_+=1)},")"(){m||(_-=1)},"\\"(){b=!0},","(){if(!m&&!h&&!F&&_===0){const Y=c.trim();i.push([[f,p],Y]),O=!1,c=""}}};for(const Y of e){if(O=!0,b)b=!1;else{const B=z[Y];B&&B()}if(O)if(m)g+=Y;else{const B=Y.trim()==="",W=c==="";(!B||!W)&&(c+=Y),W&&!B&&(f=l,p=s-u-1)}s++,T=Y}}const W5=/:(active|focus(-(visible|within))?|visited|hover)/g;function QK(e){return e.replaceAll(W5,":is(:$1, ._force-$1)")}const ZK=/([\w\])-])(:(\-[\w-]+|:\-?[\w-]+|before|after|active|focus(-(visible|within))?|visited|hover))+/g;function eY(e){const t=e.replaceAll(ZK,"$1").replaceAll(W5,"*").replaceAll(/\s+/g," ").replaceAll(/\s*,\s*/g,",").replaceAll(/:not\(\*\)/g,"").trim();return t===""||t.startsWith("::")?"*":t}function tY({rulesWithMap:e=[],keyframesRules:t=[],selectorRules:n=[],testSelectors:r=new Map}){for(const o of e){const i=o.selectors.map(([,l])=>l).join(),a=o.atRules[0];if(a&&a.startsWith("@keyframes")){t.hasOwnProperty(a)||(t[a]={}),t[a][i]=o;continue}o.adaptedSelector=QK(i),o.testSelectors=new Set;for(const[,l]of o.selectors){const s=eY(l);if(r.has(s))o.testSelectors.add(r.get(s));else{const u={text:s,lastEl:null,origs:new Set};r.set(s,u),o.testSelectors.add(u)}r.get(s).origs.add(l)}n.push(o)}return{rulesWithMap:e,keyframesRules:t,selectorRules:n,testSelectors:r}}function fh(e){[...e.children].forEach(t=>{getComputedStyle(t).pointerEvents==="none"&&(t.style.pointerEvents="auto")})}const Ob=window.self!==window.top,nY=XK(),Bb=e=>{[...document.styleSheets].forEach(t=>{if(!t.href)return;const n=t.href.replace(/\?.*/,"");t.disabled=!!e[n]})};let mr=document.createElement("style");document.head.appendChild(mr);const jg="__forced-styles__";mr.id=jg;let ba={};document.title=`🖌${document.title}`;function rY(e){let t="";for(const n in e)t+=` ${n}: ${e[n]} !important;`;return t}function oY(e,t){const n=`${e} {${rY(t)} }`;if(!(e in ba)){ba[e]=mr.sheet.insertRule(n,Object.keys(ba).length);return}const r=ba[e];mr.sheet.cssRules[r].cssText!==n&&(mr.sheet.insertRule(n,r),mr.sheet.deleteRule(r+1))}function U5(e,t=!1){t&&([...mr.sheet.cssRules].forEach(()=>mr.sheet.deleteRule(0)),ba={}),Object.entries(e).forEach(([n,r])=>{oY(n,r)})}function iY(){[...document.body.childNodes].forEach(e=>{["STYLE","LINK","SCRIPT"].includes(e.nodeName)||document.body.removeChild(e)})}let Mb=[],aY=[],lY=[],sY=[],uY=[],cY=new Map,Ma;const Bs=new WeakMap;function fY(e){return Bs.has(e)}function Ao(e){if(Bs.has(e))return Bs.get(e);const t=c2({cssVars:Ma,target:e}),n=vU(t,e,Ma),r=xU(n);return Bs.set(e,r),r}let V5;function dY(){return V5}const pY=e=>tt(Be,null,function*(){var s;if(xF(e.localStorageNamespace||""),!Ob){yield nY,jF(e.serverThemes),Ma=yield r4();const u=qK(Ma);V5=u;const c=[...document.styleSheets].filter(p=>{var h;return((h=p.ownerNode)==null?void 0:h.id)!==jg});for(const p of c){let h;if(p.href)try{h=yield(yield fetch(p.href)).text()}catch(g){continue}else if(h=(s=p.ownerNode)==null?void 0:s.innerHTML,!h)continue;JK(h,{comments:lY,rulesWithMap:Mb,rogueAtRules:aY,sheet:p})}tY({rulesWithMap:Mb,keyframesRules:sY,selectorRules:uY,testSelectors:cY}),iY();const f=document.createElement("div");VK(f,Ma,u),xH(),f.id="theme-editor-root",document.body.appendChild(f)}const t={};let n=null,r=!1,o=null;if(!Ob){ZV();return}document.documentElement.classList.add("force-cursor");const i=localStorage.getItem(l0()+"set-disabled-sheets");if(i){const u=JSON.parse(i);Bb(u)}let a;const l=u=>{const{type:c,payload:f}=u.data,{index:p,selector:h,scopes:g,resetAll:y,path:C}=f||{};switch(c){case"scroll-in-view":const m=h?t[h][p]:Qt(f.path);if(m.scrollIntoView(f.options||{behavior:"smooth",block:"center",inline:"end"}),el(m),n){const[F,_,A]=n;window.clearTimeout(F),A!==m&&_()}const v=()=>{di(m),n=null};n=[setTimeout(v,1500),v,m];break;case"set-sheet-config":Bb(JSON.parse(f));break;case"set-scopes-styles":U5(g,y);break;case"force-scroll":r=!0,window.scrollTo({top:f.position,behavior:f.shouldSmoothScroll?"smooth":"auto"}),r=!1;break;case"emit-scroll":const b=()=>{window.parent.postMessage({type:"frame-scrolled",payload:{scrollPosition:document.documentElement.scrollTop}},window.location.href),o=null};a=F=>{r||o||(o=setTimeout(b,20))},document.addEventListener("scroll",a,{passive:!0});break}};window.addEventListener("message",l,!1)}),ua="all-the-themes";pY({serverThemes:{fetchThemes:()=>JSON.parse(localStorage.getItem(ua)),uploadTheme:(e,t)=>{const n=JSON.parse(localStorage.getItem(ua))||{};n[e]=t,localStorage.setItem(ua,JSON.stringify(n,null,2))},deleteTheme:e=>{const t=JSON.parse(localStorage.getItem(ua))||{};delete t[e],localStorage.setItem(ua,JSON.stringify(t,null,2))}}})});export default hY(); //# sourceMappingURL=bundle.js.map diff --git a/docs/demo/dist/bundle.js.map b/docs/demo/dist/bundle.js.map index 63dd6c0..01eb60d 100644 --- a/docs/demo/dist/bundle.js.map +++ b/docs/demo/dist/bundle.js.map @@ -1 +1 @@ -{"version":3,"file":"bundle.js","sources":["../../../node_modules/react/cjs/react.production.min.js","../../../node_modules/react/index.js","../../../node_modules/react/cjs/react-jsx-runtime.production.min.js","../../../node_modules/react/jsx-runtime.js","../../../node_modules/scheduler/cjs/scheduler.production.min.js","../../../node_modules/scheduler/index.js","../../../node_modules/react-dom/cjs/react-dom.production.min.js","../../../node_modules/react-dom/index.js","../../../node_modules/react-dom/client.js","../../../src/functions/getLocalStorageNamespace.js","../../../node_modules/hotkeys-js/dist/hotkeys.esm.js","../../../node_modules/react-hotkeys-hook/dist/react-hotkeys-hook.esm.js","../../../src/hooks/mem.ts","../../../src/functions/getters.ts","../../../src/functions/signals.tsx","../../../src/screenOptions.js","../../../src/hooks/useGlobalState.ts","../../../src/hooks/useServerThemes.js","../../../src/functions/reducerOf.ts","../../../node_modules/balanced-match/index.js","../../../src/functions/balancedVar.js","../../../src/functions/getMatchingVars.js","../../../src/functions/extractPageVariables.js","../../../src/functions/highlight.js","../../../src/functions/resolveOriginalShorthand.js","../../../src/functions/collectRuleVars.js","../../../src/hooks/useThemeEditor.ts","../../../node_modules/lodash/_freeGlobal.js","../../../node_modules/lodash/_root.js","../../../node_modules/lodash/_Symbol.js","../../../node_modules/lodash/_getRawTag.js","../../../node_modules/lodash/_objectToString.js","../../../node_modules/lodash/_baseGetTag.js","../../../node_modules/lodash/isArray.js","../../../node_modules/lodash/isObjectLike.js","../../../node_modules/lodash/isString.js","../../../node_modules/lodash/_createBaseFor.js","../../../node_modules/lodash/_baseFor.js","../../../node_modules/lodash/_baseTimes.js","../../../node_modules/lodash/_baseIsArguments.js","../../../node_modules/lodash/isArguments.js","../../../node_modules/lodash/stubFalse.js","../../../node_modules/lodash/isBuffer.js","../../../node_modules/lodash/_isIndex.js","../../../node_modules/lodash/isLength.js","../../../node_modules/lodash/_baseIsTypedArray.js","../../../node_modules/lodash/_baseUnary.js","../../../node_modules/lodash/_nodeUtil.js","../../../node_modules/lodash/isTypedArray.js","../../../node_modules/lodash/_arrayLikeKeys.js","../../../node_modules/lodash/_isPrototype.js","../../../node_modules/lodash/_overArg.js","../../../node_modules/lodash/_nativeKeys.js","../../../node_modules/lodash/_baseKeys.js","../../../node_modules/lodash/isObject.js","../../../node_modules/lodash/isFunction.js","../../../node_modules/lodash/isArrayLike.js","../../../node_modules/lodash/keys.js","../../../node_modules/lodash/_baseForOwn.js","../../../node_modules/lodash/identity.js","../../../node_modules/lodash/_castFunction.js","../../../node_modules/lodash/forOwn.js","../../../node_modules/lodash/_getPrototype.js","../../../node_modules/lodash/isPlainObject.js","../../../node_modules/lodash/_arrayMap.js","../../../node_modules/lodash/_listCacheClear.js","../../../node_modules/lodash/eq.js","../../../node_modules/lodash/_assocIndexOf.js","../../../node_modules/lodash/_listCacheDelete.js","../../../node_modules/lodash/_listCacheGet.js","../../../node_modules/lodash/_listCacheHas.js","../../../node_modules/lodash/_listCacheSet.js","../../../node_modules/lodash/_ListCache.js","../../../node_modules/lodash/_stackClear.js","../../../node_modules/lodash/_stackDelete.js","../../../node_modules/lodash/_stackGet.js","../../../node_modules/lodash/_stackHas.js","../../../node_modules/lodash/_coreJsData.js","../../../node_modules/lodash/_isMasked.js","../../../node_modules/lodash/_toSource.js","../../../node_modules/lodash/_baseIsNative.js","../../../node_modules/lodash/_getValue.js","../../../node_modules/lodash/_getNative.js","../../../node_modules/lodash/_Map.js","../../../node_modules/lodash/_nativeCreate.js","../../../node_modules/lodash/_hashClear.js","../../../node_modules/lodash/_hashDelete.js","../../../node_modules/lodash/_hashGet.js","../../../node_modules/lodash/_hashHas.js","../../../node_modules/lodash/_hashSet.js","../../../node_modules/lodash/_Hash.js","../../../node_modules/lodash/_mapCacheClear.js","../../../node_modules/lodash/_isKeyable.js","../../../node_modules/lodash/_getMapData.js","../../../node_modules/lodash/_mapCacheDelete.js","../../../node_modules/lodash/_mapCacheGet.js","../../../node_modules/lodash/_mapCacheHas.js","../../../node_modules/lodash/_mapCacheSet.js","../../../node_modules/lodash/_MapCache.js","../../../node_modules/lodash/_stackSet.js","../../../node_modules/lodash/_Stack.js","../../../node_modules/lodash/_setCacheAdd.js","../../../node_modules/lodash/_setCacheHas.js","../../../node_modules/lodash/_SetCache.js","../../../node_modules/lodash/_arraySome.js","../../../node_modules/lodash/_cacheHas.js","../../../node_modules/lodash/_equalArrays.js","../../../node_modules/lodash/_Uint8Array.js","../../../node_modules/lodash/_mapToArray.js","../../../node_modules/lodash/_setToArray.js","../../../node_modules/lodash/_equalByTag.js","../../../node_modules/lodash/_arrayPush.js","../../../node_modules/lodash/_baseGetAllKeys.js","../../../node_modules/lodash/_arrayFilter.js","../../../node_modules/lodash/stubArray.js","../../../node_modules/lodash/_getSymbols.js","../../../node_modules/lodash/_getAllKeys.js","../../../node_modules/lodash/_equalObjects.js","../../../node_modules/lodash/_DataView.js","../../../node_modules/lodash/_Promise.js","../../../node_modules/lodash/_Set.js","../../../node_modules/lodash/_WeakMap.js","../../../node_modules/lodash/_getTag.js","../../../node_modules/lodash/_baseIsEqualDeep.js","../../../node_modules/lodash/_baseIsEqual.js","../../../node_modules/lodash/_baseIsMatch.js","../../../node_modules/lodash/_isStrictComparable.js","../../../node_modules/lodash/_getMatchData.js","../../../node_modules/lodash/_matchesStrictComparable.js","../../../node_modules/lodash/_baseMatches.js","../../../node_modules/lodash/isSymbol.js","../../../node_modules/lodash/_isKey.js","../../../node_modules/lodash/memoize.js","../../../node_modules/lodash/_memoizeCapped.js","../../../node_modules/lodash/_stringToPath.js","../../../node_modules/lodash/_baseToString.js","../../../node_modules/lodash/toString.js","../../../node_modules/lodash/_castPath.js","../../../node_modules/lodash/_toKey.js","../../../node_modules/lodash/_baseGet.js","../../../node_modules/lodash/get.js","../../../node_modules/lodash/_baseHasIn.js","../../../node_modules/lodash/_hasPath.js","../../../node_modules/lodash/hasIn.js","../../../node_modules/lodash/_baseMatchesProperty.js","../../../node_modules/lodash/_baseProperty.js","../../../node_modules/lodash/_basePropertyDeep.js","../../../node_modules/lodash/property.js","../../../node_modules/lodash/_baseIteratee.js","../../../node_modules/lodash/_createBaseEach.js","../../../node_modules/lodash/_baseEach.js","../../../node_modules/lodash/_baseMap.js","../../../node_modules/lodash/map.js","../../../node_modules/reactcss/lib/flattenNames.js","../../../node_modules/lodash/_arrayEach.js","../../../node_modules/lodash/_defineProperty.js","../../../node_modules/lodash/_baseAssignValue.js","../../../node_modules/lodash/_assignValue.js","../../../node_modules/lodash/_copyObject.js","../../../node_modules/lodash/_baseAssign.js","../../../node_modules/lodash/_nativeKeysIn.js","../../../node_modules/lodash/_baseKeysIn.js","../../../node_modules/lodash/keysIn.js","../../../node_modules/lodash/_baseAssignIn.js","../../../node_modules/lodash/_cloneBuffer.js","../../../node_modules/lodash/_copyArray.js","../../../node_modules/lodash/_copySymbols.js","../../../node_modules/lodash/_getSymbolsIn.js","../../../node_modules/lodash/_copySymbolsIn.js","../../../node_modules/lodash/_getAllKeysIn.js","../../../node_modules/lodash/_initCloneArray.js","../../../node_modules/lodash/_cloneArrayBuffer.js","../../../node_modules/lodash/_cloneDataView.js","../../../node_modules/lodash/_cloneRegExp.js","../../../node_modules/lodash/_cloneSymbol.js","../../../node_modules/lodash/_cloneTypedArray.js","../../../node_modules/lodash/_initCloneByTag.js","../../../node_modules/lodash/_baseCreate.js","../../../node_modules/lodash/_initCloneObject.js","../../../node_modules/lodash/_baseIsMap.js","../../../node_modules/lodash/isMap.js","../../../node_modules/lodash/_baseIsSet.js","../../../node_modules/lodash/isSet.js","../../../node_modules/lodash/_baseClone.js","../../../node_modules/lodash/cloneDeep.js","../../../node_modules/reactcss/lib/mergeClasses.js","../../../node_modules/reactcss/lib/autoprefix.js","../../../node_modules/reactcss/lib/components/hover.js","../../../node_modules/reactcss/lib/components/active.js","../../../node_modules/reactcss/lib/loop.js","../../../node_modules/reactcss/lib/index.js","../../../node_modules/react-color/es/helpers/alpha.js","../../../node_modules/react-color/es/helpers/checkboard.js","../../../node_modules/react-color/es/components/common/Checkboard.js","../../../node_modules/react-color/es/components/common/Alpha.js","../../../node_modules/react-color/es/components/common/EditableInput.js","../../../node_modules/react-color/es/helpers/hue.js","../../../node_modules/react-color/es/components/common/Hue.js","../../../node_modules/prop-types/lib/ReactPropTypesSecret.js","../../../node_modules/prop-types/factoryWithThrowingShims.js","../../../node_modules/prop-types/index.js","../../../node_modules/lodash-es/_listCacheClear.js","../../../node_modules/lodash-es/eq.js","../../../node_modules/lodash-es/_assocIndexOf.js","../../../node_modules/lodash-es/_listCacheDelete.js","../../../node_modules/lodash-es/_listCacheGet.js","../../../node_modules/lodash-es/_listCacheHas.js","../../../node_modules/lodash-es/_listCacheSet.js","../../../node_modules/lodash-es/_ListCache.js","../../../node_modules/lodash-es/_stackClear.js","../../../node_modules/lodash-es/_stackDelete.js","../../../node_modules/lodash-es/_stackGet.js","../../../node_modules/lodash-es/_stackHas.js","../../../node_modules/lodash-es/_freeGlobal.js","../../../node_modules/lodash-es/_root.js","../../../node_modules/lodash-es/_Symbol.js","../../../node_modules/lodash-es/_getRawTag.js","../../../node_modules/lodash-es/_objectToString.js","../../../node_modules/lodash-es/_baseGetTag.js","../../../node_modules/lodash-es/isObject.js","../../../node_modules/lodash-es/isFunction.js","../../../node_modules/lodash-es/_coreJsData.js","../../../node_modules/lodash-es/_isMasked.js","../../../node_modules/lodash-es/_toSource.js","../../../node_modules/lodash-es/_baseIsNative.js","../../../node_modules/lodash-es/_getValue.js","../../../node_modules/lodash-es/_getNative.js","../../../node_modules/lodash-es/_Map.js","../../../node_modules/lodash-es/_nativeCreate.js","../../../node_modules/lodash-es/_hashClear.js","../../../node_modules/lodash-es/_hashDelete.js","../../../node_modules/lodash-es/_hashGet.js","../../../node_modules/lodash-es/_hashHas.js","../../../node_modules/lodash-es/_hashSet.js","../../../node_modules/lodash-es/_Hash.js","../../../node_modules/lodash-es/_mapCacheClear.js","../../../node_modules/lodash-es/_isKeyable.js","../../../node_modules/lodash-es/_getMapData.js","../../../node_modules/lodash-es/_mapCacheDelete.js","../../../node_modules/lodash-es/_mapCacheGet.js","../../../node_modules/lodash-es/_mapCacheHas.js","../../../node_modules/lodash-es/_mapCacheSet.js","../../../node_modules/lodash-es/_MapCache.js","../../../node_modules/lodash-es/_stackSet.js","../../../node_modules/lodash-es/_Stack.js","../../../node_modules/lodash-es/_defineProperty.js","../../../node_modules/lodash-es/_baseAssignValue.js","../../../node_modules/lodash-es/_assignMergeValue.js","../../../node_modules/lodash-es/_createBaseFor.js","../../../node_modules/lodash-es/_baseFor.js","../../../node_modules/lodash-es/_cloneBuffer.js","../../../node_modules/lodash-es/_Uint8Array.js","../../../node_modules/lodash-es/_cloneArrayBuffer.js","../../../node_modules/lodash-es/_cloneTypedArray.js","../../../node_modules/lodash-es/_copyArray.js","../../../node_modules/lodash-es/_baseCreate.js","../../../node_modules/lodash-es/_overArg.js","../../../node_modules/lodash-es/_getPrototype.js","../../../node_modules/lodash-es/_isPrototype.js","../../../node_modules/lodash-es/_initCloneObject.js","../../../node_modules/lodash-es/isObjectLike.js","../../../node_modules/lodash-es/_baseIsArguments.js","../../../node_modules/lodash-es/isArguments.js","../../../node_modules/lodash-es/isArray.js","../../../node_modules/lodash-es/isLength.js","../../../node_modules/lodash-es/isArrayLike.js","../../../node_modules/lodash-es/isArrayLikeObject.js","../../../node_modules/lodash-es/stubFalse.js","../../../node_modules/lodash-es/isBuffer.js","../../../node_modules/lodash-es/isPlainObject.js","../../../node_modules/lodash-es/_baseIsTypedArray.js","../../../node_modules/lodash-es/_baseUnary.js","../../../node_modules/lodash-es/_nodeUtil.js","../../../node_modules/lodash-es/isTypedArray.js","../../../node_modules/lodash-es/_safeGet.js","../../../node_modules/lodash-es/_assignValue.js","../../../node_modules/lodash-es/_copyObject.js","../../../node_modules/lodash-es/_baseTimes.js","../../../node_modules/lodash-es/_isIndex.js","../../../node_modules/lodash-es/_arrayLikeKeys.js","../../../node_modules/lodash-es/_nativeKeysIn.js","../../../node_modules/lodash-es/_baseKeysIn.js","../../../node_modules/lodash-es/keysIn.js","../../../node_modules/lodash-es/toPlainObject.js","../../../node_modules/lodash-es/_baseMergeDeep.js","../../../node_modules/lodash-es/_baseMerge.js","../../../node_modules/lodash-es/identity.js","../../../node_modules/lodash-es/_apply.js","../../../node_modules/lodash-es/_overRest.js","../../../node_modules/lodash-es/constant.js","../../../node_modules/lodash-es/_baseSetToString.js","../../../node_modules/lodash-es/_shortOut.js","../../../node_modules/lodash-es/_setToString.js","../../../node_modules/lodash-es/_baseRest.js","../../../node_modules/lodash-es/_isIterateeCall.js","../../../node_modules/lodash-es/_createAssigner.js","../../../node_modules/lodash-es/merge.js","../../../node_modules/react-color/es/components/common/Raised.js","../../../node_modules/lodash-es/now.js","../../../node_modules/lodash-es/_trimmedEndIndex.js","../../../node_modules/lodash-es/_baseTrim.js","../../../node_modules/lodash-es/isSymbol.js","../../../node_modules/lodash-es/toNumber.js","../../../node_modules/lodash-es/debounce.js","../../../node_modules/lodash-es/throttle.js","../../../node_modules/react-color/es/helpers/saturation.js","../../../node_modules/react-color/es/components/common/Saturation.js","../../../node_modules/lodash-es/_arrayEach.js","../../../node_modules/lodash-es/_nativeKeys.js","../../../node_modules/lodash-es/_baseKeys.js","../../../node_modules/lodash-es/keys.js","../../../node_modules/lodash-es/_baseForOwn.js","../../../node_modules/lodash-es/_createBaseEach.js","../../../node_modules/lodash-es/_baseEach.js","../../../node_modules/lodash-es/_castFunction.js","../../../node_modules/lodash-es/forEach.js","../../../node_modules/tinycolor2/tinycolor.js","../../../node_modules/react-color/es/helpers/color.js","../../../node_modules/react-color/es/components/common/ColorWrap.js","../../../node_modules/react-color/es/helpers/interaction.js","../../../node_modules/react-color/es/components/common/Swatch.js","../../../node_modules/react-color/es/components/alpha/AlphaPointer.js","../../../node_modules/react-color/es/components/alpha/Alpha.js","../../../node_modules/lodash-es/_arrayMap.js","../../../node_modules/lodash-es/_setCacheAdd.js","../../../node_modules/lodash-es/_setCacheHas.js","../../../node_modules/lodash-es/_SetCache.js","../../../node_modules/lodash-es/_arraySome.js","../../../node_modules/lodash-es/_cacheHas.js","../../../node_modules/lodash-es/_equalArrays.js","../../../node_modules/lodash-es/_mapToArray.js","../../../node_modules/lodash-es/_setToArray.js","../../../node_modules/lodash-es/_equalByTag.js","../../../node_modules/lodash-es/_arrayPush.js","../../../node_modules/lodash-es/_baseGetAllKeys.js","../../../node_modules/lodash-es/_arrayFilter.js","../../../node_modules/lodash-es/stubArray.js","../../../node_modules/lodash-es/_getSymbols.js","../../../node_modules/lodash-es/_getAllKeys.js","../../../node_modules/lodash-es/_equalObjects.js","../../../node_modules/lodash-es/_DataView.js","../../../node_modules/lodash-es/_Promise.js","../../../node_modules/lodash-es/_Set.js","../../../node_modules/lodash-es/_WeakMap.js","../../../node_modules/lodash-es/_getTag.js","../../../node_modules/lodash-es/_baseIsEqualDeep.js","../../../node_modules/lodash-es/_baseIsEqual.js","../../../node_modules/lodash-es/_baseIsMatch.js","../../../node_modules/lodash-es/_isStrictComparable.js","../../../node_modules/lodash-es/_getMatchData.js","../../../node_modules/lodash-es/_matchesStrictComparable.js","../../../node_modules/lodash-es/_baseMatches.js","../../../node_modules/lodash-es/_isKey.js","../../../node_modules/lodash-es/memoize.js","../../../node_modules/lodash-es/_memoizeCapped.js","../../../node_modules/lodash-es/_stringToPath.js","../../../node_modules/lodash-es/_baseToString.js","../../../node_modules/lodash-es/toString.js","../../../node_modules/lodash-es/_castPath.js","../../../node_modules/lodash-es/_toKey.js","../../../node_modules/lodash-es/_baseGet.js","../../../node_modules/lodash-es/get.js","../../../node_modules/lodash-es/_baseHasIn.js","../../../node_modules/lodash-es/_hasPath.js","../../../node_modules/lodash-es/hasIn.js","../../../node_modules/lodash-es/_baseMatchesProperty.js","../../../node_modules/lodash-es/_baseProperty.js","../../../node_modules/lodash-es/_basePropertyDeep.js","../../../node_modules/lodash-es/property.js","../../../node_modules/lodash-es/_baseIteratee.js","../../../node_modules/lodash-es/_baseMap.js","../../../node_modules/lodash-es/map.js","../../../node_modules/react-color/es/components/block/BlockSwatches.js","../../../node_modules/react-color/es/components/block/Block.js","../../../node_modules/material-colors/dist/colors.es2015.js","../../../node_modules/react-color/es/components/circle/CircleSwatch.js","../../../node_modules/react-color/es/components/circle/Circle.js","../../../node_modules/lodash-es/isUndefined.js","../../../node_modules/@icons/material/UnfoldMoreHorizontalIcon.js","../../../node_modules/react-color/es/components/chrome/ChromeFields.js","../../../node_modules/react-color/es/components/chrome/ChromePointer.js","../../../node_modules/react-color/es/components/chrome/ChromePointerCircle.js","../../../node_modules/react-color/es/components/chrome/Chrome.js","../../../node_modules/react-color/es/components/compact/CompactColor.js","../../../node_modules/react-color/es/components/compact/CompactFields.js","../../../node_modules/react-color/es/components/compact/Compact.js","../../../node_modules/react-color/es/components/github/GithubSwatch.js","../../../node_modules/react-color/es/components/github/Github.js","../../../node_modules/react-color/es/components/hue/HuePointer.js","../../../node_modules/react-color/es/components/hue/Hue.js","../../../node_modules/react-color/es/components/material/Material.js","../../../node_modules/react-color/es/components/photoshop/PhotoshopFields.js","../../../node_modules/react-color/es/components/photoshop/PhotoshopPointerCircle.js","../../../node_modules/react-color/es/components/photoshop/PhotoshopPointer.js","../../../node_modules/react-color/es/components/photoshop/PhotoshopButton.js","../../../node_modules/react-color/es/components/photoshop/PhotoshopPreviews.js","../../../node_modules/react-color/es/components/photoshop/Photoshop.js","../../../node_modules/react-color/es/components/sketch/SketchFields.js","../../../node_modules/react-color/es/components/sketch/SketchPresetColors.js","../../../node_modules/react-color/es/components/sketch/Sketch.js","../../../node_modules/react-color/es/components/slider/SliderSwatch.js","../../../node_modules/react-color/es/components/slider/SliderSwatches.js","../../../node_modules/react-color/es/components/slider/SliderPointer.js","../../../node_modules/react-color/es/components/slider/Slider.js","../../../node_modules/@icons/material/CheckIcon.js","../../../node_modules/react-color/es/components/swatches/SwatchesColor.js","../../../node_modules/react-color/es/components/swatches/SwatchesGroup.js","../../../node_modules/react-color/es/components/swatches/Swatches.js","../../../node_modules/react-color/es/components/twitter/Twitter.js","../../../node_modules/react-color/es/components/google/GooglePointerCircle.js","../../../node_modules/react-color/es/components/google/GooglePointer.js","../../../node_modules/react-color/es/components/google/GoogleFields.js","../../../node_modules/react-color/es/components/google/Google.js","../../../src/components/ThemePalettePicker.jsx","../../../src/hooks/useThrottler.js","../../../src/components/controls/TextControl.jsx","../../../node_modules/@yatiac/name-that-color/index.js","../../../node_modules/culori/src/rgb/parseNumber.js","../../../node_modules/culori/src/colors/named.js","../../../node_modules/culori/src/rgb/parseNamed.js","../../../node_modules/culori/src/rgb/parseHex.js","../../../node_modules/culori/src/util/regex.js","../../../node_modules/culori/src/rgb/parseRgbLegacy.js","../../../node_modules/culori/src/_prepare.js","../../../node_modules/culori/src/converter.js","../../../node_modules/culori/src/modes.js","../../../node_modules/culori/src/parse.js","../../../node_modules/culori/src/rgb/parseRgb.js","../../../node_modules/culori/src/rgb/parseTransparent.js","../../../node_modules/culori/src/interpolate/lerp.js","../../../node_modules/culori/src/interpolate/piecewise.js","../../../node_modules/culori/src/interpolate/linear.js","../../../node_modules/culori/src/fixup/alpha.js","../../../node_modules/culori/src/rgb/definition.js","../../../node_modules/culori/src/a98/convertA98ToXyz65.js","../../../node_modules/culori/src/a98/convertXyz65ToA98.js","../../../node_modules/culori/src/lrgb/convertRgbToLrgb.js","../../../node_modules/culori/src/xyz65/convertRgbToXyz65.js","../../../node_modules/culori/src/lrgb/convertLrgbToRgb.js","../../../node_modules/culori/src/xyz65/convertXyz65ToRgb.js","../../../node_modules/culori/src/a98/definition.js","../../../node_modules/culori/src/util/normalizeHue.js","../../../node_modules/culori/src/fixup/hue.js","../../../node_modules/culori/src/cubehelix/constants.js","../../../node_modules/culori/src/cubehelix/convertRgbToCubehelix.js","../../../node_modules/culori/src/cubehelix/convertCubehelixToRgb.js","../../../node_modules/culori/src/difference.js","../../../node_modules/culori/src/average.js","../../../node_modules/culori/src/cubehelix/definition.js","../../../node_modules/culori/src/lch/convertLabToLch.js","../../../node_modules/culori/src/lch/convertLchToLab.js","../../../node_modules/culori/src/xyz65/constants.js","../../../node_modules/culori/src/constants.js","../../../node_modules/culori/src/lab65/convertLab65ToXyz65.js","../../../node_modules/culori/src/lab65/convertLab65ToRgb.js","../../../node_modules/culori/src/lab65/convertXyz65ToLab65.js","../../../node_modules/culori/src/lab65/convertRgbToLab65.js","../../../node_modules/culori/src/dlch/constants.js","../../../node_modules/culori/src/dlch/convertDlchToLab65.js","../../../node_modules/culori/src/dlch/convertLab65ToDlch.js","../../../node_modules/culori/src/dlab/definition.js","../../../node_modules/culori/src/dlch/definition.js","../../../node_modules/culori/src/hsi/convertHsiToRgb.js","../../../node_modules/culori/src/hsi/convertRgbToHsi.js","../../../node_modules/culori/src/hsi/definition.js","../../../node_modules/culori/src/hsl/convertHslToRgb.js","../../../node_modules/culori/src/hsl/convertRgbToHsl.js","../../../node_modules/culori/src/util/hue.js","../../../node_modules/culori/src/hsl/parseHslLegacy.js","../../../node_modules/culori/src/hsl/parseHsl.js","../../../node_modules/culori/src/hsl/definition.js","../../../node_modules/culori/src/hsv/convertHsvToRgb.js","../../../node_modules/culori/src/hsv/convertRgbToHsv.js","../../../node_modules/culori/src/hsv/definition.js","../../../node_modules/culori/src/hwb/convertHwbToRgb.js","../../../node_modules/culori/src/hwb/convertRgbToHwb.js","../../../node_modules/culori/src/hwb/parseHwb.js","../../../node_modules/culori/src/hwb/definition.js","../../../node_modules/culori/src/hdr/constants.js","../../../node_modules/culori/src/hdr/transfer.js","../../../node_modules/culori/src/itp/convertItpToXyz65.js","../../../node_modules/culori/src/itp/convertXyz65ToItp.js","../../../node_modules/culori/src/itp/definition.js","../../../node_modules/culori/src/jab/convertXyz65ToJab.js","../../../node_modules/culori/src/jab/convertJabToXyz65.js","../../../node_modules/culori/src/jab/convertRgbToJab.js","../../../node_modules/culori/src/jab/convertJabToRgb.js","../../../node_modules/culori/src/jab/definition.js","../../../node_modules/culori/src/jch/convertJabToJch.js","../../../node_modules/culori/src/jch/convertJchToJab.js","../../../node_modules/culori/src/jch/definition.js","../../../node_modules/culori/src/xyz50/constants.js","../../../node_modules/culori/src/lab/convertLabToXyz50.js","../../../node_modules/culori/src/xyz50/convertXyz50ToRgb.js","../../../node_modules/culori/src/lab/convertLabToRgb.js","../../../node_modules/culori/src/xyz50/convertRgbToXyz50.js","../../../node_modules/culori/src/lab/convertXyz50ToLab.js","../../../node_modules/culori/src/lab/convertRgbToLab.js","../../../node_modules/culori/src/lab/parseLab.js","../../../node_modules/culori/src/lab/definition.js","../../../node_modules/culori/src/lab65/definition.js","../../../node_modules/culori/src/lch/parseLch.js","../../../node_modules/culori/src/lch/definition.js","../../../node_modules/culori/src/lch65/definition.js","../../../node_modules/culori/src/lchuv/convertLuvToLchuv.js","../../../node_modules/culori/src/lchuv/convertLchuvToLuv.js","../../../node_modules/culori/src/luv/convertXyz50ToLuv.js","../../../node_modules/culori/src/luv/convertLuvToXyz50.js","../../../node_modules/culori/src/lchuv/definition.js","../../../node_modules/culori/src/lrgb/definition.js","../../../node_modules/culori/src/luv/definition.js","../../../node_modules/culori/src/oklab/convertLrgbToOklab.js","../../../node_modules/culori/src/oklab/convertRgbToOklab.js","../../../node_modules/culori/src/oklab/convertOklabToLrgb.js","../../../node_modules/culori/src/oklab/convertOklabToRgb.js","../../../node_modules/culori/src/okhsl/helpers.js","../../../node_modules/culori/src/okhsl/convertOklabToOkhsl.js","../../../node_modules/culori/src/okhsl/convertOkhslToOklab.js","../../../node_modules/culori/src/okhsl/modeOkhsl.js","../../../node_modules/culori/src/okhsv/convertOklabToOkhsv.js","../../../node_modules/culori/src/okhsv/convertOkhsvToOklab.js","../../../node_modules/culori/src/okhsv/modeOkhsv.js","../../../node_modules/culori/src/oklab/parseOklab.js","../../../node_modules/culori/src/oklab/definition.js","../../../node_modules/culori/src/oklch/parseOklch.js","../../../node_modules/culori/src/oklch/definition.js","../../../node_modules/culori/src/p3/convertP3ToXyz65.js","../../../node_modules/culori/src/p3/convertXyz65ToP3.js","../../../node_modules/culori/src/p3/definition.js","../../../node_modules/culori/src/prophoto/convertXyz50ToProphoto.js","../../../node_modules/culori/src/prophoto/convertProphotoToXyz50.js","../../../node_modules/culori/src/prophoto/definition.js","../../../node_modules/culori/src/rec2020/convertXyz65ToRec2020.js","../../../node_modules/culori/src/rec2020/convertRec2020ToXyz65.js","../../../node_modules/culori/src/rec2020/definition.js","../../../node_modules/culori/src/xyb/constants.js","../../../node_modules/culori/src/xyb/convertRgbToXyb.js","../../../node_modules/culori/src/xyb/convertXybToRgb.js","../../../node_modules/culori/src/xyb/definition.js","../../../node_modules/culori/src/xyz50/definition.js","../../../node_modules/culori/src/xyz65/convertXyz65ToXyz50.js","../../../node_modules/culori/src/xyz65/convertXyz50ToXyz65.js","../../../node_modules/culori/src/xyz65/definition.js","../../../node_modules/culori/src/yiq/convertRgbToYiq.js","../../../node_modules/culori/src/yiq/convertYiqToRgb.js","../../../node_modules/culori/src/yiq/definition.js","../../../node_modules/culori/src/round.js","../../../node_modules/culori/src/formatter.js","../../../node_modules/culori/src/clamp.js","../../../node_modules/culori/src/index.js","../../../src/components/inspector/CreateAlias.jsx","../../../src/components/controls/SelectControl.tsx","../../../src/components/properties/OklchColorControl.tsx","../../../src/components/properties/ColorControl.jsx","../../../src/state/index.ts","../../../src/components/RenderInfo.jsx","../../../src/components/Hotkeys.jsx","../../../src/_unstable/historyStore.ts","../../../src/functions/export.ts","../../../src/hooks/useResumableReducer.tsx","../../../src/hooks/useLocalStorage.ts","../../../src/components/movable/MovablePanels.jsx","../../../src/components/movable/AreaSwitcher.jsx","../../../node_modules/classnames/index.js","../../../src/components/movable/MovableElement.jsx","../../../src/components/movable/DragHandle.jsx","../../../src/components/controls/Checkbox.jsx","../../../src/components/inspector/RemoveAnnoyingPrefix.jsx","../../../src/components/ui/FrameScaleSlider.jsx","../../../src/functions/nodePath.ts","../../../src/components/ui/ElementLocator.jsx","../../../src/functions/dragValue.ts","../../../node_modules/react-is/cjs/react-is.production.min.js","../../../node_modules/react-is/index.js","../../../node_modules/@emotion/stylis/dist/stylis.browser.esm.js","../../../node_modules/@emotion/unitless/dist/unitless.browser.esm.js","../../../node_modules/@emotion/memoize/dist/memoize.browser.esm.js","../../../node_modules/@emotion/is-prop-valid/dist/is-prop-valid.browser.esm.js","../../../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js","../../../node_modules/styled-components/dist/styled-components.browser.esm.js","../../../node_modules/react-shadow-picker/dist/inputs/Label.js","../../../node_modules/react-shadow-picker/dist/fields/TypeField.js","../../../node_modules/react-shadow-picker/dist/inputs/OffsetGrid.js","../../../node_modules/react-shadow-picker/dist/inputs/Input.js","../../../node_modules/react-shadow-picker/dist/common.js","../../../node_modules/react-shadow-picker/dist/fields/OffsetField.js","../../../node_modules/react-shadow-picker/dist/fields/SliderField.js","../../../node_modules/react-shadow-picker/dist/fields/ColorField.js","../../../node_modules/react-shadow-picker/dist/ShadowPicker.js","../../../node_modules/@samuelmeuli/font-manager/dist/index.es.js","../../../node_modules/font-picker-react/dist/FontPicker.es.js","../../../src/functions/getAllDefinedFonts.js","../../../src/components/properties/FontFamilyControl.jsx","../../../node_modules/specificity/dist/specificity.mjs","../../../src/functions/compare.js","../../../src/functions/getMatchingScopes.js","../../../src/functions/groupVars.js","../../../src/functions/getOnlyMostSpecific.js","../../../src/components/properties/CalcSizeControl.tsx","../../../src/components/properties/SizeControl.jsx","../../../src/components/properties/TimeControl.jsx","../../../src/components/inspector/SelectOnlyControl.jsx","../../../src/components/inspector/TypedControl.jsx","../../../node_modules/css-mediaquery/index.js","../../../src/components/inspector/VariableScreenSwitcher.jsx","../../../src/components/inspector/IdeLink.jsx","../../../src/components/inspector/VariableUsages.jsx","../../../src/components/inspector/VariableReferences.jsx","../../../src/components/ui/FilterableVariableList.jsx","../../../src/components/inspector/MediaQueries.jsx","../../../src/components/controls/ToggleButton.jsx","../../../src/functions/onLongPress.js","../../../src/components/inspector/VariableControl.jsx","../../../src/components/inspector/ScrollInViewButton.jsx","../../../src/previewComponents.jsx","../../../src/components/ui/HistoryControls.tsx","../../../src/components/ui/HistoryStash.jsx","../../../src/components/movable/Area.jsx","../../../src/components/ui/HistoryVisualization.jsx","../../../src/functions/filterSearched.js","../../../src/components/inspector/ElementInlineStyles.jsx","../../../src/components/inspector/ScopeControl.jsx","../../../src/_unstable/colorsFromImage.ts","../../../src/components/inspector/ImageColors.tsx","../../../src/components/inspector/GroupControl.jsx","../../../src/components/ui/Inspector.jsx","../../../src/components/movable/CompactModeButton.jsx","../../../src/components/ui/Palette.tsx","../../../src/components/controls/RadioControl.jsx","../../../src/components/ui/ScreenSwitcher.jsx","../../../src/components/ui/ServerThemesListItem.jsx","../../../src/components/ui/ServerThemesList.jsx","../../../src/components/ui/ThemeEditorExtraOptions.jsx","../../../src/_unstable/courses.ts","../../../src/_unstable/Tutorial.tsx","../../../src/components/ResizableFrame.jsx","../../../src/components/ui/CustomVariableInput.jsx","../../../src/components/ui/StylesheetDisabler.jsx","../../../src/components/ui/PropertyCategoryFilter.jsx","../../../src/components/ui/PropertySearch.jsx","../../../src/functions/readFromUploadedFile.js","../../../src/components/ui/ImportExportTools.jsx","../../../src/components/ui/ThemeUploadPanel.jsx","../../../src/components/ui/FrameSizeSettings.jsx","../../../src/components/movable/MoveControls.jsx","../../../src/components/movable/Drawer.jsx","../../../src/components/ui/CurrentTheme.jsx","../../../src/components/inspector/NameReplacements.jsx","../../../src/functions/fixupFixedElements.js","../../../src/components/SmallFullHeightFrame.jsx","../../../src/components/ui/ColorSettings.jsx","../../../src/components/ui/InformationVisibilitySettings.jsx","../../../src/components/ui/WebpackHomeInput.jsx","../../../src/components/effects/ApplyStyles.jsx","../../../src/components/effects/AcceptDroppedOptions.jsx","../../../src/components/ui/FullScreenToggle.tsx","../../../src/components/ui/PickedValue.jsx","../../../src/components/PickedValueCursor.jsx","../../../src/components/ui/Selectors.jsx","../../../src/components/ui/NoteBox.tsx","../../../src/components/ui/Xray.jsx","../../../src/components/ThemeEditor.jsx","../../../src/renderSelectedVars.jsx","../../../src/sourcemap.js","../../../src/functions/getAllDefaultValues.js","../../../src/functions/parseCss.js","../../../src/initializeThemeEditor.js","../src/index.js"],"sourcesContent":["/**\n * @license React\n * react.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var l=Symbol.for(\"react.element\"),n=Symbol.for(\"react.portal\"),p=Symbol.for(\"react.fragment\"),q=Symbol.for(\"react.strict_mode\"),r=Symbol.for(\"react.profiler\"),t=Symbol.for(\"react.provider\"),u=Symbol.for(\"react.context\"),v=Symbol.for(\"react.forward_ref\"),w=Symbol.for(\"react.suspense\"),x=Symbol.for(\"react.memo\"),y=Symbol.for(\"react.lazy\"),z=Symbol.iterator;function A(a){if(null===a||\"object\"!==typeof a)return null;a=z&&a[z]||a[\"@@iterator\"];return\"function\"===typeof a?a:null}\nvar B={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},C=Object.assign,D={};function E(a,b,e){this.props=a;this.context=b;this.refs=D;this.updater=e||B}E.prototype.isReactComponent={};\nE.prototype.setState=function(a,b){if(\"object\"!==typeof a&&\"function\"!==typeof a&&null!=a)throw Error(\"setState(...): takes an object of state variables to update or a function which returns an object of state variables.\");this.updater.enqueueSetState(this,a,b,\"setState\")};E.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,a,\"forceUpdate\")};function F(){}F.prototype=E.prototype;function G(a,b,e){this.props=a;this.context=b;this.refs=D;this.updater=e||B}var H=G.prototype=new F;\nH.constructor=G;C(H,E.prototype);H.isPureReactComponent=!0;var I=Array.isArray,J=Object.prototype.hasOwnProperty,K={current:null},L={key:!0,ref:!0,__self:!0,__source:!0};\nfunction M(a,b,e){var d,c={},k=null,h=null;if(null!=b)for(d in void 0!==b.ref&&(h=b.ref),void 0!==b.key&&(k=\"\"+b.key),b)J.call(b,d)&&!L.hasOwnProperty(d)&&(c[d]=b[d]);var g=arguments.length-2;if(1===g)c.children=e;else if(1>>1,e=a[d];if(0>>1;dg(C,c))ng(x,C)?(a[d]=x,a[n]=c,d=n):(a[d]=C,a[m]=c,d=m);else if(ng(x,c))a[d]=x,a[n]=c,d=n;else break a}}return b}\nfunction g(a,b){var c=a.sortIndex-b.sortIndex;return 0!==c?c:a.id-b.id}if(\"object\"===typeof performance&&\"function\"===typeof performance.now){var l=performance;exports.unstable_now=function(){return l.now()}}else{var p=Date,q=p.now();exports.unstable_now=function(){return p.now()-q}}var r=[],t=[],u=1,v=null,y=3,z=!1,A=!1,B=!1,D=\"function\"===typeof setTimeout?setTimeout:null,E=\"function\"===typeof clearTimeout?clearTimeout:null,F=\"undefined\"!==typeof setImmediate?setImmediate:null;\n\"undefined\"!==typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function G(a){for(var b=h(t);null!==b;){if(null===b.callback)k(t);else if(b.startTime<=a)k(t),b.sortIndex=b.expirationTime,f(r,b);else break;b=h(t)}}function H(a){B=!1;G(a);if(!A)if(null!==h(r))A=!0,I(J);else{var b=h(t);null!==b&&K(H,b.startTime-a)}}\nfunction J(a,b){A=!1;B&&(B=!1,E(L),L=-1);z=!0;var c=y;try{G(b);for(v=h(r);null!==v&&(!(v.expirationTime>b)||a&&!M());){var d=v.callback;if(\"function\"===typeof d){v.callback=null;y=v.priorityLevel;var e=d(v.expirationTime<=b);b=exports.unstable_now();\"function\"===typeof e?v.callback=e:v===h(r)&&k(r);G(b)}else k(r);v=h(r)}if(null!==v)var w=!0;else{var m=h(t);null!==m&&K(H,m.startTime-b);w=!1}return w}finally{v=null,y=c,z=!1}}var N=!1,O=null,L=-1,P=5,Q=-1;\nfunction M(){return exports.unstable_now()-Qa||125d?(a.sortIndex=c,f(t,a),null===h(r)&&a===h(t)&&(B?(E(L),L=-1):B=!0,K(H,c-d))):(a.sortIndex=e,f(r,a),A||z||(A=!0,I(J)));return a};\nexports.unstable_shouldYield=M;exports.unstable_wrapCallback=function(a){var b=y;return function(){var c=y;y=b;try{return a.apply(this,arguments)}finally{y=c}}};\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/scheduler.production.min.js');\n} else {\n module.exports = require('./cjs/scheduler.development.js');\n}\n","/**\n * @license React\n * react-dom.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n Modernizr 3.0.0pre (Custom Build) | MIT\n*/\n'use strict';var aa=require(\"react\"),ca=require(\"scheduler\");function p(a){for(var b=\"https://reactjs.org/docs/error-decoder.html?invariant=\"+a,c=1;cb}return!1}function v(a,b,c,d,e,f,g){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=d;this.attributeNamespace=e;this.mustUseProperty=c;this.propertyName=a;this.type=b;this.sanitizeURL=f;this.removeEmptyString=g}var z={};\n\"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style\".split(\" \").forEach(function(a){z[a]=new v(a,0,!1,a,null,!1,!1)});[[\"acceptCharset\",\"accept-charset\"],[\"className\",\"class\"],[\"htmlFor\",\"for\"],[\"httpEquiv\",\"http-equiv\"]].forEach(function(a){var b=a[0];z[b]=new v(b,1,!1,a[1],null,!1,!1)});[\"contentEditable\",\"draggable\",\"spellCheck\",\"value\"].forEach(function(a){z[a]=new v(a,2,!1,a.toLowerCase(),null,!1,!1)});\n[\"autoReverse\",\"externalResourcesRequired\",\"focusable\",\"preserveAlpha\"].forEach(function(a){z[a]=new v(a,2,!1,a,null,!1,!1)});\"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope\".split(\" \").forEach(function(a){z[a]=new v(a,3,!1,a.toLowerCase(),null,!1,!1)});\n[\"checked\",\"multiple\",\"muted\",\"selected\"].forEach(function(a){z[a]=new v(a,3,!0,a,null,!1,!1)});[\"capture\",\"download\"].forEach(function(a){z[a]=new v(a,4,!1,a,null,!1,!1)});[\"cols\",\"rows\",\"size\",\"span\"].forEach(function(a){z[a]=new v(a,6,!1,a,null,!1,!1)});[\"rowSpan\",\"start\"].forEach(function(a){z[a]=new v(a,5,!1,a.toLowerCase(),null,!1,!1)});var ra=/[\\-:]([a-z])/g;function sa(a){return a[1].toUpperCase()}\n\"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height\".split(\" \").forEach(function(a){var b=a.replace(ra,\nsa);z[b]=new v(b,1,!1,a,null,!1,!1)});\"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type\".split(\" \").forEach(function(a){var b=a.replace(ra,sa);z[b]=new v(b,1,!1,a,\"http://www.w3.org/1999/xlink\",!1,!1)});[\"xml:base\",\"xml:lang\",\"xml:space\"].forEach(function(a){var b=a.replace(ra,sa);z[b]=new v(b,1,!1,a,\"http://www.w3.org/XML/1998/namespace\",!1,!1)});[\"tabIndex\",\"crossOrigin\"].forEach(function(a){z[a]=new v(a,1,!1,a.toLowerCase(),null,!1,!1)});\nz.xlinkHref=new v(\"xlinkHref\",1,!1,\"xlink:href\",\"http://www.w3.org/1999/xlink\",!0,!1);[\"src\",\"href\",\"action\",\"formAction\"].forEach(function(a){z[a]=new v(a,1,!1,a.toLowerCase(),null,!0,!0)});\nfunction ta(a,b,c,d){var e=z.hasOwnProperty(b)?z[b]:null;if(null!==e?0!==e.type:d||!(2h||e[g]!==f[h]){var k=\"\\n\"+e[g].replace(\" at new \",\" at \");a.displayName&&k.includes(\"\")&&(k=k.replace(\"\",a.displayName));return k}while(1<=g&&0<=h)}break}}}finally{Na=!1,Error.prepareStackTrace=c}return(a=a?a.displayName||a.name:\"\")?Ma(a):\"\"}\nfunction Pa(a){switch(a.tag){case 5:return Ma(a.type);case 16:return Ma(\"Lazy\");case 13:return Ma(\"Suspense\");case 19:return Ma(\"SuspenseList\");case 0:case 2:case 15:return a=Oa(a.type,!1),a;case 11:return a=Oa(a.type.render,!1),a;case 1:return a=Oa(a.type,!0),a;default:return\"\"}}\nfunction Qa(a){if(null==a)return null;if(\"function\"===typeof a)return a.displayName||a.name||null;if(\"string\"===typeof a)return a;switch(a){case ya:return\"Fragment\";case wa:return\"Portal\";case Aa:return\"Profiler\";case za:return\"StrictMode\";case Ea:return\"Suspense\";case Fa:return\"SuspenseList\"}if(\"object\"===typeof a)switch(a.$$typeof){case Ca:return(a.displayName||\"Context\")+\".Consumer\";case Ba:return(a._context.displayName||\"Context\")+\".Provider\";case Da:var b=a.render;a=a.displayName;a||(a=b.displayName||\nb.name||\"\",a=\"\"!==a?\"ForwardRef(\"+a+\")\":\"ForwardRef\");return a;case Ga:return b=a.displayName||null,null!==b?b:Qa(a.type)||\"Memo\";case Ha:b=a._payload;a=a._init;try{return Qa(a(b))}catch(c){}}return null}\nfunction Ra(a){var b=a.type;switch(a.tag){case 24:return\"Cache\";case 9:return(b.displayName||\"Context\")+\".Consumer\";case 10:return(b._context.displayName||\"Context\")+\".Provider\";case 18:return\"DehydratedFragment\";case 11:return a=b.render,a=a.displayName||a.name||\"\",b.displayName||(\"\"!==a?\"ForwardRef(\"+a+\")\":\"ForwardRef\");case 7:return\"Fragment\";case 5:return b;case 4:return\"Portal\";case 3:return\"Root\";case 6:return\"Text\";case 16:return Qa(b);case 8:return b===za?\"StrictMode\":\"Mode\";case 22:return\"Offscreen\";\ncase 12:return\"Profiler\";case 21:return\"Scope\";case 13:return\"Suspense\";case 19:return\"SuspenseList\";case 25:return\"TracingMarker\";case 1:case 0:case 17:case 2:case 14:case 15:if(\"function\"===typeof b)return b.displayName||b.name||null;if(\"string\"===typeof b)return b}return null}function Sa(a){switch(typeof a){case \"boolean\":case \"number\":case \"string\":case \"undefined\":return a;case \"object\":return a;default:return\"\"}}\nfunction Ta(a){var b=a.type;return(a=a.nodeName)&&\"input\"===a.toLowerCase()&&(\"checkbox\"===b||\"radio\"===b)}\nfunction Ua(a){var b=Ta(a)?\"checked\":\"value\",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=\"\"+a[b];if(!a.hasOwnProperty(b)&&\"undefined\"!==typeof c&&\"function\"===typeof c.get&&\"function\"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(a){d=\"\"+a;f.call(this,a)}});Object.defineProperty(a,b,{enumerable:c.enumerable});return{getValue:function(){return d},setValue:function(a){d=\"\"+a},stopTracking:function(){a._valueTracker=\nnull;delete a[b]}}}}function Va(a){a._valueTracker||(a._valueTracker=Ua(a))}function Wa(a){if(!a)return!1;var b=a._valueTracker;if(!b)return!0;var c=b.getValue();var d=\"\";a&&(d=Ta(a)?a.checked?\"true\":\"false\":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}function Xa(a){a=a||(\"undefined\"!==typeof document?document:void 0);if(\"undefined\"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}\nfunction Ya(a,b){var c=b.checked;return A({},b,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=c?c:a._wrapperState.initialChecked})}function Za(a,b){var c=null==b.defaultValue?\"\":b.defaultValue,d=null!=b.checked?b.checked:b.defaultChecked;c=Sa(null!=b.value?b.value:c);a._wrapperState={initialChecked:d,initialValue:c,controlled:\"checkbox\"===b.type||\"radio\"===b.type?null!=b.checked:null!=b.value}}function ab(a,b){b=b.checked;null!=b&&ta(a,\"checked\",b,!1)}\nfunction bb(a,b){ab(a,b);var c=Sa(b.value),d=b.type;if(null!=c)if(\"number\"===d){if(0===c&&\"\"===a.value||a.value!=c)a.value=\"\"+c}else a.value!==\"\"+c&&(a.value=\"\"+c);else if(\"submit\"===d||\"reset\"===d){a.removeAttribute(\"value\");return}b.hasOwnProperty(\"value\")?cb(a,b.type,c):b.hasOwnProperty(\"defaultValue\")&&cb(a,b.type,Sa(b.defaultValue));null==b.checked&&null!=b.defaultChecked&&(a.defaultChecked=!!b.defaultChecked)}\nfunction db(a,b,c){if(b.hasOwnProperty(\"value\")||b.hasOwnProperty(\"defaultValue\")){var d=b.type;if(!(\"submit\"!==d&&\"reset\"!==d||void 0!==b.value&&null!==b.value))return;b=\"\"+a._wrapperState.initialValue;c||b===a.value||(a.value=b);a.defaultValue=b}c=a.name;\"\"!==c&&(a.name=\"\");a.defaultChecked=!!a._wrapperState.initialChecked;\"\"!==c&&(a.name=c)}\nfunction cb(a,b,c){if(\"number\"!==b||Xa(a.ownerDocument)!==a)null==c?a.defaultValue=\"\"+a._wrapperState.initialValue:a.defaultValue!==\"\"+c&&(a.defaultValue=\"\"+c)}var eb=Array.isArray;\nfunction fb(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e\"+b.valueOf().toString()+\"\";for(b=mb.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;b.firstChild;)a.appendChild(b.firstChild)}});\nfunction ob(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b}\nvar pb={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,\nzoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},qb=[\"Webkit\",\"ms\",\"Moz\",\"O\"];Object.keys(pb).forEach(function(a){qb.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);pb[b]=pb[a]})});function rb(a,b,c){return null==b||\"boolean\"===typeof b||\"\"===b?\"\":c||\"number\"!==typeof b||0===b||pb.hasOwnProperty(a)&&pb[a]?(\"\"+b).trim():b+\"px\"}\nfunction sb(a,b){a=a.style;for(var c in b)if(b.hasOwnProperty(c)){var d=0===c.indexOf(\"--\"),e=rb(c,b[c],d);\"float\"===c&&(c=\"cssFloat\");d?a.setProperty(c,e):a[c]=e}}var tb=A({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});\nfunction ub(a,b){if(b){if(tb[a]&&(null!=b.children||null!=b.dangerouslySetInnerHTML))throw Error(p(137,a));if(null!=b.dangerouslySetInnerHTML){if(null!=b.children)throw Error(p(60));if(\"object\"!==typeof b.dangerouslySetInnerHTML||!(\"__html\"in b.dangerouslySetInnerHTML))throw Error(p(61));}if(null!=b.style&&\"object\"!==typeof b.style)throw Error(p(62));}}\nfunction vb(a,b){if(-1===a.indexOf(\"-\"))return\"string\"===typeof b.is;switch(a){case \"annotation-xml\":case \"color-profile\":case \"font-face\":case \"font-face-src\":case \"font-face-uri\":case \"font-face-format\":case \"font-face-name\":case \"missing-glyph\":return!1;default:return!0}}var wb=null;function xb(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}var yb=null,zb=null,Ab=null;\nfunction Bb(a){if(a=Cb(a)){if(\"function\"!==typeof yb)throw Error(p(280));var b=a.stateNode;b&&(b=Db(b),yb(a.stateNode,a.type,b))}}function Eb(a){zb?Ab?Ab.push(a):Ab=[a]:zb=a}function Fb(){if(zb){var a=zb,b=Ab;Ab=zb=null;Bb(a);if(b)for(a=0;a>>=0;return 0===a?32:31-(pc(a)/qc|0)|0}var rc=64,sc=4194304;\nfunction tc(a){switch(a&-a){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return a&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return a&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;\ndefault:return a}}function uc(a,b){var c=a.pendingLanes;if(0===c)return 0;var d=0,e=a.suspendedLanes,f=a.pingedLanes,g=c&268435455;if(0!==g){var h=g&~e;0!==h?d=tc(h):(f&=g,0!==f&&(d=tc(f)))}else g=c&~e,0!==g?d=tc(g):0!==f&&(d=tc(f));if(0===d)return 0;if(0!==b&&b!==d&&0===(b&e)&&(e=d&-d,f=b&-b,e>=f||16===e&&0!==(f&4194240)))return b;0!==(d&4)&&(d|=c&16);b=a.entangledLanes;if(0!==b)for(a=a.entanglements,b&=d;0c;c++)b.push(a);return b}\nfunction Ac(a,b,c){a.pendingLanes|=b;536870912!==b&&(a.suspendedLanes=0,a.pingedLanes=0);a=a.eventTimes;b=31-oc(b);a[b]=c}function Bc(a,b){var c=a.pendingLanes&~b;a.pendingLanes=b;a.suspendedLanes=0;a.pingedLanes=0;a.expiredLanes&=b;a.mutableReadLanes&=b;a.entangledLanes&=b;b=a.entanglements;var d=a.eventTimes;for(a=a.expirationTimes;0=be),ee=String.fromCharCode(32),fe=!1;\nfunction ge(a,b){switch(a){case \"keyup\":return-1!==$d.indexOf(b.keyCode);case \"keydown\":return 229!==b.keyCode;case \"keypress\":case \"mousedown\":case \"focusout\":return!0;default:return!1}}function he(a){a=a.detail;return\"object\"===typeof a&&\"data\"in a?a.data:null}var ie=!1;function je(a,b){switch(a){case \"compositionend\":return he(b);case \"keypress\":if(32!==b.which)return null;fe=!0;return ee;case \"textInput\":return a=b.data,a===ee&&fe?null:a;default:return null}}\nfunction ke(a,b){if(ie)return\"compositionend\"===a||!ae&&ge(a,b)?(a=nd(),md=ld=kd=null,ie=!1,a):null;switch(a){case \"paste\":return null;case \"keypress\":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1=b)return{node:c,offset:b-a};a=d}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode}c=void 0}c=Je(c)}}function Le(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?Le(a,b.parentNode):\"contains\"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1}\nfunction Me(){for(var a=window,b=Xa();b instanceof a.HTMLIFrameElement;){try{var c=\"string\"===typeof b.contentWindow.location.href}catch(d){c=!1}if(c)a=b.contentWindow;else break;b=Xa(a.document)}return b}function Ne(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&(\"input\"===b&&(\"text\"===a.type||\"search\"===a.type||\"tel\"===a.type||\"url\"===a.type||\"password\"===a.type)||\"textarea\"===b||\"true\"===a.contentEditable)}\nfunction Oe(a){var b=Me(),c=a.focusedElem,d=a.selectionRange;if(b!==c&&c&&c.ownerDocument&&Le(c.ownerDocument.documentElement,c)){if(null!==d&&Ne(c))if(b=d.start,a=d.end,void 0===a&&(a=b),\"selectionStart\"in c)c.selectionStart=b,c.selectionEnd=Math.min(a,c.value.length);else if(a=(b=c.ownerDocument||document)&&b.defaultView||window,a.getSelection){a=a.getSelection();var e=c.textContent.length,f=Math.min(d.start,e);d=void 0===d.end?f:Math.min(d.end,e);!a.extend&&f>d&&(e=d,d=f,f=e);e=Ke(c,f);var g=Ke(c,\nd);e&&g&&(1!==a.rangeCount||a.anchorNode!==e.node||a.anchorOffset!==e.offset||a.focusNode!==g.node||a.focusOffset!==g.offset)&&(b=b.createRange(),b.setStart(e.node,e.offset),a.removeAllRanges(),f>d?(a.addRange(b),a.extend(g.node,g.offset)):(b.setEnd(g.node,g.offset),a.addRange(b)))}b=[];for(a=c;a=a.parentNode;)1===a.nodeType&&b.push({element:a,left:a.scrollLeft,top:a.scrollTop});\"function\"===typeof c.focus&&c.focus();for(c=0;c=document.documentMode,Qe=null,Re=null,Se=null,Te=!1;\nfunction Ue(a,b,c){var d=c.window===c?c.document:9===c.nodeType?c:c.ownerDocument;Te||null==Qe||Qe!==Xa(d)||(d=Qe,\"selectionStart\"in d&&Ne(d)?d={start:d.selectionStart,end:d.selectionEnd}:(d=(d.ownerDocument&&d.ownerDocument.defaultView||window).getSelection(),d={anchorNode:d.anchorNode,anchorOffset:d.anchorOffset,focusNode:d.focusNode,focusOffset:d.focusOffset}),Se&&Ie(Se,d)||(Se=d,d=oe(Re,\"onSelect\"),0Tf||(a.current=Sf[Tf],Sf[Tf]=null,Tf--)}function G(a,b){Tf++;Sf[Tf]=a.current;a.current=b}var Vf={},H=Uf(Vf),Wf=Uf(!1),Xf=Vf;function Yf(a,b){var c=a.type.contextTypes;if(!c)return Vf;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}\nfunction Zf(a){a=a.childContextTypes;return null!==a&&void 0!==a}function $f(){E(Wf);E(H)}function ag(a,b,c){if(H.current!==Vf)throw Error(p(168));G(H,b);G(Wf,c)}function bg(a,b,c){var d=a.stateNode;b=b.childContextTypes;if(\"function\"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)if(!(e in b))throw Error(p(108,Ra(a)||\"Unknown\",e));return A({},c,d)}\nfunction cg(a){a=(a=a.stateNode)&&a.__reactInternalMemoizedMergedChildContext||Vf;Xf=H.current;G(H,a);G(Wf,Wf.current);return!0}function dg(a,b,c){var d=a.stateNode;if(!d)throw Error(p(169));c?(a=bg(a,b,Xf),d.__reactInternalMemoizedMergedChildContext=a,E(Wf),E(H),G(H,a)):E(Wf);G(Wf,c)}var eg=null,fg=!1,gg=!1;function hg(a){null===eg?eg=[a]:eg.push(a)}function ig(a){fg=!0;hg(a)}\nfunction jg(){if(!gg&&null!==eg){gg=!0;var a=0,b=C;try{var c=eg;for(C=1;a>=g;e-=g;rg=1<<32-oc(b)+e|c<w?(x=u,u=null):x=u.sibling;var n=r(e,u,h[w],k);if(null===n){null===u&&(u=x);break}a&&u&&null===n.alternate&&b(e,u);g=f(n,g,w);null===m?l=n:m.sibling=n;m=n;u=x}if(w===h.length)return c(e,u),I&&tg(e,w),l;if(null===u){for(;ww?(x=m,m=null):x=m.sibling;var t=r(e,m,n.value,k);if(null===t){null===m&&(m=x);break}a&&m&&null===t.alternate&&b(e,m);g=f(t,g,w);null===u?l=t:u.sibling=t;u=t;m=x}if(n.done)return c(e,\nm),I&&tg(e,w),l;if(null===m){for(;!n.done;w++,n=h.next())n=q(e,n.value,k),null!==n&&(g=f(n,g,w),null===u?l=n:u.sibling=n,u=n);I&&tg(e,w);return l}for(m=d(e,m);!n.done;w++,n=h.next())n=y(m,e,w,n.value,k),null!==n&&(a&&null!==n.alternate&&m.delete(null===n.key?w:n.key),g=f(n,g,w),null===u?l=n:u.sibling=n,u=n);a&&m.forEach(function(a){return b(e,a)});I&&tg(e,w);return l}function J(a,d,f,h){\"object\"===typeof f&&null!==f&&f.type===ya&&null===f.key&&(f=f.props.children);if(\"object\"===typeof f&&null!==f){switch(f.$$typeof){case va:a:{for(var k=\nf.key,l=d;null!==l;){if(l.key===k){k=f.type;if(k===ya){if(7===l.tag){c(a,l.sibling);d=e(l,f.props.children);d.return=a;a=d;break a}}else if(l.elementType===k||\"object\"===typeof k&&null!==k&&k.$$typeof===Ha&&uh(k)===l.type){c(a,l.sibling);d=e(l,f.props);d.ref=sh(a,l,f);d.return=a;a=d;break a}c(a,l);break}else b(a,l);l=l.sibling}f.type===ya?(d=Ah(f.props.children,a.mode,h,f.key),d.return=a,a=d):(h=yh(f.type,f.key,f.props,null,a.mode,h),h.ref=sh(a,d,f),h.return=a,a=h)}return g(a);case wa:a:{for(l=f.key;null!==\nd;){if(d.key===l)if(4===d.tag&&d.stateNode.containerInfo===f.containerInfo&&d.stateNode.implementation===f.implementation){c(a,d.sibling);d=e(d,f.children||[]);d.return=a;a=d;break a}else{c(a,d);break}else b(a,d);d=d.sibling}d=zh(f,a.mode,h);d.return=a;a=d}return g(a);case Ha:return l=f._init,J(a,d,l(f._payload),h)}if(eb(f))return n(a,d,f,h);if(Ka(f))return t(a,d,f,h);th(a,f)}return\"string\"===typeof f&&\"\"!==f||\"number\"===typeof f?(f=\"\"+f,null!==d&&6===d.tag?(c(a,d.sibling),d=e(d,f),d.return=a,a=d):\n(c(a,d),d=xh(f,a.mode,h),d.return=a,a=d),g(a)):c(a,d)}return J}var Bh=vh(!0),Ch=vh(!1),Dh={},Eh=Uf(Dh),Fh=Uf(Dh),Gh=Uf(Dh);function Hh(a){if(a===Dh)throw Error(p(174));return a}function Ih(a,b){G(Gh,b);G(Fh,a);G(Eh,Dh);a=b.nodeType;switch(a){case 9:case 11:b=(b=b.documentElement)?b.namespaceURI:lb(null,\"\");break;default:a=8===a?b.parentNode:b,b=a.namespaceURI||null,a=a.tagName,b=lb(b,a)}E(Eh);G(Eh,b)}function Jh(){E(Eh);E(Fh);E(Gh)}\nfunction Kh(a){Hh(Gh.current);var b=Hh(Eh.current);var c=lb(b,a.type);b!==c&&(G(Fh,a),G(Eh,c))}function Lh(a){Fh.current===a&&(E(Eh),E(Fh))}var M=Uf(0);\nfunction Mh(a){for(var b=a;null!==b;){if(13===b.tag){var c=b.memoizedState;if(null!==c&&(c=c.dehydrated,null===c||\"$?\"===c.data||\"$!\"===c.data))return b}else if(19===b.tag&&void 0!==b.memoizedProps.revealOrder){if(0!==(b.flags&128))return b}else if(null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return null;b=b.return}b.sibling.return=b.return;b=b.sibling}return null}var Nh=[];\nfunction Oh(){for(var a=0;ac?c:4;a(!0);var d=Qh.transition;Qh.transition={};try{a(!1),b()}finally{C=c,Qh.transition=d}}function Fi(){return di().memoizedState}\nfunction Gi(a,b,c){var d=lh(a);c={lane:d,action:c,hasEagerState:!1,eagerState:null,next:null};if(Hi(a))Ii(b,c);else if(c=Yg(a,b,c,d),null!==c){var e=L();mh(c,a,d,e);Ji(c,b,d)}}\nfunction ri(a,b,c){var d=lh(a),e={lane:d,action:c,hasEagerState:!1,eagerState:null,next:null};if(Hi(a))Ii(b,e);else{var f=a.alternate;if(0===a.lanes&&(null===f||0===f.lanes)&&(f=b.lastRenderedReducer,null!==f))try{var g=b.lastRenderedState,h=f(g,c);e.hasEagerState=!0;e.eagerState=h;if(He(h,g)){var k=b.interleaved;null===k?(e.next=e,Xg(b)):(e.next=k.next,k.next=e);b.interleaved=e;return}}catch(l){}finally{}c=Yg(a,b,e,d);null!==c&&(e=L(),mh(c,a,d,e),Ji(c,b,d))}}\nfunction Hi(a){var b=a.alternate;return a===N||null!==b&&b===N}function Ii(a,b){Th=Sh=!0;var c=a.pending;null===c?b.next=b:(b.next=c.next,c.next=b);a.pending=b}function Ji(a,b,c){if(0!==(c&4194240)){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;Cc(a,c)}}\nvar ai={readContext:Vg,useCallback:Q,useContext:Q,useEffect:Q,useImperativeHandle:Q,useInsertionEffect:Q,useLayoutEffect:Q,useMemo:Q,useReducer:Q,useRef:Q,useState:Q,useDebugValue:Q,useDeferredValue:Q,useTransition:Q,useMutableSource:Q,useSyncExternalStore:Q,useId:Q,unstable_isNewReconciler:!1},Yh={readContext:Vg,useCallback:function(a,b){ci().memoizedState=[a,void 0===b?null:b];return a},useContext:Vg,useEffect:vi,useImperativeHandle:function(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;return ti(4194308,\n4,yi.bind(null,b,a),c)},useLayoutEffect:function(a,b){return ti(4194308,4,a,b)},useInsertionEffect:function(a,b){return ti(4,2,a,b)},useMemo:function(a,b){var c=ci();b=void 0===b?null:b;a=a();c.memoizedState=[a,b];return a},useReducer:function(a,b,c){var d=ci();b=void 0!==c?c(b):b;d.memoizedState=d.baseState=b;a={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:a,lastRenderedState:b};d.queue=a;a=a.dispatch=Gi.bind(null,N,a);return[d.memoizedState,a]},useRef:function(a){var b=\nci();a={current:a};return b.memoizedState=a},useState:qi,useDebugValue:Ai,useDeferredValue:function(a){return ci().memoizedState=a},useTransition:function(){var a=qi(!1),b=a[0];a=Ei.bind(null,a[1]);ci().memoizedState=a;return[b,a]},useMutableSource:function(){},useSyncExternalStore:function(a,b,c){var d=N,e=ci();if(I){if(void 0===c)throw Error(p(407));c=c()}else{c=b();if(null===R)throw Error(p(349));0!==(Rh&30)||ni(d,b,c)}e.memoizedState=c;var f={value:c,getSnapshot:b};e.queue=f;vi(ki.bind(null,d,\nf,a),[a]);d.flags|=2048;li(9,mi.bind(null,d,f,c,b),void 0,null);return c},useId:function(){var a=ci(),b=R.identifierPrefix;if(I){var c=sg;var d=rg;c=(d&~(1<<32-oc(d)-1)).toString(32)+c;b=\":\"+b+\"R\"+c;c=Uh++;0\\x3c/script>\",a=a.removeChild(a.firstChild)):\n\"string\"===typeof d.is?a=g.createElement(c,{is:d.is}):(a=g.createElement(c),\"select\"===c&&(g=a,d.multiple?g.multiple=!0:d.size&&(g.size=d.size))):a=g.createElementNS(a,c);a[Of]=b;a[Pf]=d;Aj(a,b,!1,!1);b.stateNode=a;a:{g=vb(c,d);switch(c){case \"dialog\":D(\"cancel\",a);D(\"close\",a);e=d;break;case \"iframe\":case \"object\":case \"embed\":D(\"load\",a);e=d;break;case \"video\":case \"audio\":for(e=0;eHj&&(b.flags|=128,d=!0,Ej(f,!1),b.lanes=4194304)}else{if(!d)if(a=Mh(g),null!==a){if(b.flags|=128,d=!0,c=a.updateQueue,null!==c&&(b.updateQueue=c,b.flags|=4),Ej(f,!0),null===f.tail&&\"hidden\"===f.tailMode&&!g.alternate&&!I)return S(b),null}else 2*B()-f.renderingStartTime>Hj&&1073741824!==c&&(b.flags|=128,d=!0,Ej(f,!1),b.lanes=4194304);f.isBackwards?(g.sibling=b.child,b.child=g):(c=f.last,null!==c?c.sibling=g:b.child=g,f.last=g)}if(null!==f.tail)return b=f.tail,f.rendering=\nb,f.tail=b.sibling,f.renderingStartTime=B(),b.sibling=null,c=M.current,G(M,d?c&1|2:c&1),b;S(b);return null;case 22:case 23:return Ij(),d=null!==b.memoizedState,null!==a&&null!==a.memoizedState!==d&&(b.flags|=8192),d&&0!==(b.mode&1)?0!==(gj&1073741824)&&(S(b),b.subtreeFlags&6&&(b.flags|=8192)):S(b),null;case 24:return null;case 25:return null}throw Error(p(156,b.tag));}\nfunction Jj(a,b){wg(b);switch(b.tag){case 1:return Zf(b.type)&&$f(),a=b.flags,a&65536?(b.flags=a&-65537|128,b):null;case 3:return Jh(),E(Wf),E(H),Oh(),a=b.flags,0!==(a&65536)&&0===(a&128)?(b.flags=a&-65537|128,b):null;case 5:return Lh(b),null;case 13:E(M);a=b.memoizedState;if(null!==a&&null!==a.dehydrated){if(null===b.alternate)throw Error(p(340));Ig()}a=b.flags;return a&65536?(b.flags=a&-65537|128,b):null;case 19:return E(M),null;case 4:return Jh(),null;case 10:return Rg(b.type._context),null;case 22:case 23:return Ij(),\nnull;case 24:return null;default:return null}}var Kj=!1,U=!1,Lj=\"function\"===typeof WeakSet?WeakSet:Set,V=null;function Mj(a,b){var c=a.ref;if(null!==c)if(\"function\"===typeof c)try{c(null)}catch(d){W(a,b,d)}else c.current=null}function Nj(a,b,c){try{c()}catch(d){W(a,b,d)}}var Oj=!1;\nfunction Pj(a,b){Cf=dd;a=Me();if(Ne(a)){if(\"selectionStart\"in a)var c={start:a.selectionStart,end:a.selectionEnd};else a:{c=(c=a.ownerDocument)&&c.defaultView||window;var d=c.getSelection&&c.getSelection();if(d&&0!==d.rangeCount){c=d.anchorNode;var e=d.anchorOffset,f=d.focusNode;d=d.focusOffset;try{c.nodeType,f.nodeType}catch(F){c=null;break a}var g=0,h=-1,k=-1,l=0,m=0,q=a,r=null;b:for(;;){for(var y;;){q!==c||0!==e&&3!==q.nodeType||(h=g+e);q!==f||0!==d&&3!==q.nodeType||(k=g+d);3===q.nodeType&&(g+=\nq.nodeValue.length);if(null===(y=q.firstChild))break;r=q;q=y}for(;;){if(q===a)break b;r===c&&++l===e&&(h=g);r===f&&++m===d&&(k=g);if(null!==(y=q.nextSibling))break;q=r;r=q.parentNode}q=y}c=-1===h||-1===k?null:{start:h,end:k}}else c=null}c=c||{start:0,end:0}}else c=null;Df={focusedElem:a,selectionRange:c};dd=!1;for(V=b;null!==V;)if(b=V,a=b.child,0!==(b.subtreeFlags&1028)&&null!==a)a.return=b,V=a;else for(;null!==V;){b=V;try{var n=b.alternate;if(0!==(b.flags&1024))switch(b.tag){case 0:case 11:case 15:break;\ncase 1:if(null!==n){var t=n.memoizedProps,J=n.memoizedState,x=b.stateNode,w=x.getSnapshotBeforeUpdate(b.elementType===b.type?t:Lg(b.type,t),J);x.__reactInternalSnapshotBeforeUpdate=w}break;case 3:var u=b.stateNode.containerInfo;1===u.nodeType?u.textContent=\"\":9===u.nodeType&&u.documentElement&&u.removeChild(u.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(p(163));}}catch(F){W(b,b.return,F)}a=b.sibling;if(null!==a){a.return=b.return;V=a;break}V=b.return}n=Oj;Oj=!1;return n}\nfunction Qj(a,b,c){var d=b.updateQueue;d=null!==d?d.lastEffect:null;if(null!==d){var e=d=d.next;do{if((e.tag&a)===a){var f=e.destroy;e.destroy=void 0;void 0!==f&&Nj(b,c,f)}e=e.next}while(e!==d)}}function Rj(a,b){b=b.updateQueue;b=null!==b?b.lastEffect:null;if(null!==b){var c=b=b.next;do{if((c.tag&a)===a){var d=c.create;c.destroy=d()}c=c.next}while(c!==b)}}function Sj(a){var b=a.ref;if(null!==b){var c=a.stateNode;switch(a.tag){case 5:a=c;break;default:a=c}\"function\"===typeof b?b(a):b.current=a}}\nfunction Tj(a){var b=a.alternate;null!==b&&(a.alternate=null,Tj(b));a.child=null;a.deletions=null;a.sibling=null;5===a.tag&&(b=a.stateNode,null!==b&&(delete b[Of],delete b[Pf],delete b[of],delete b[Qf],delete b[Rf]));a.stateNode=null;a.return=null;a.dependencies=null;a.memoizedProps=null;a.memoizedState=null;a.pendingProps=null;a.stateNode=null;a.updateQueue=null}function Uj(a){return 5===a.tag||3===a.tag||4===a.tag}\nfunction Vj(a){a:for(;;){for(;null===a.sibling;){if(null===a.return||Uj(a.return))return null;a=a.return}a.sibling.return=a.return;for(a=a.sibling;5!==a.tag&&6!==a.tag&&18!==a.tag;){if(a.flags&2)continue a;if(null===a.child||4===a.tag)continue a;else a.child.return=a,a=a.child}if(!(a.flags&2))return a.stateNode}}\nfunction Wj(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?8===c.nodeType?c.parentNode.insertBefore(a,b):c.insertBefore(a,b):(8===c.nodeType?(b=c.parentNode,b.insertBefore(a,c)):(b=c,b.appendChild(a)),c=c._reactRootContainer,null!==c&&void 0!==c||null!==b.onclick||(b.onclick=Bf));else if(4!==d&&(a=a.child,null!==a))for(Wj(a,b,c),a=a.sibling;null!==a;)Wj(a,b,c),a=a.sibling}\nfunction Xj(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?c.insertBefore(a,b):c.appendChild(a);else if(4!==d&&(a=a.child,null!==a))for(Xj(a,b,c),a=a.sibling;null!==a;)Xj(a,b,c),a=a.sibling}var X=null,Yj=!1;function Zj(a,b,c){for(c=c.child;null!==c;)ak(a,b,c),c=c.sibling}\nfunction ak(a,b,c){if(lc&&\"function\"===typeof lc.onCommitFiberUnmount)try{lc.onCommitFiberUnmount(kc,c)}catch(h){}switch(c.tag){case 5:U||Mj(c,b);case 6:var d=X,e=Yj;X=null;Zj(a,b,c);X=d;Yj=e;null!==X&&(Yj?(a=X,c=c.stateNode,8===a.nodeType?a.parentNode.removeChild(c):a.removeChild(c)):X.removeChild(c.stateNode));break;case 18:null!==X&&(Yj?(a=X,c=c.stateNode,8===a.nodeType?Kf(a.parentNode,c):1===a.nodeType&&Kf(a,c),bd(a)):Kf(X,c.stateNode));break;case 4:d=X;e=Yj;X=c.stateNode.containerInfo;Yj=!0;\nZj(a,b,c);X=d;Yj=e;break;case 0:case 11:case 14:case 15:if(!U&&(d=c.updateQueue,null!==d&&(d=d.lastEffect,null!==d))){e=d=d.next;do{var f=e,g=f.destroy;f=f.tag;void 0!==g&&(0!==(f&2)?Nj(c,b,g):0!==(f&4)&&Nj(c,b,g));e=e.next}while(e!==d)}Zj(a,b,c);break;case 1:if(!U&&(Mj(c,b),d=c.stateNode,\"function\"===typeof d.componentWillUnmount))try{d.props=c.memoizedProps,d.state=c.memoizedState,d.componentWillUnmount()}catch(h){W(c,b,h)}Zj(a,b,c);break;case 21:Zj(a,b,c);break;case 22:c.mode&1?(U=(d=U)||null!==\nc.memoizedState,Zj(a,b,c),U=d):Zj(a,b,c);break;default:Zj(a,b,c)}}function bk(a){var b=a.updateQueue;if(null!==b){a.updateQueue=null;var c=a.stateNode;null===c&&(c=a.stateNode=new Lj);b.forEach(function(b){var d=ck.bind(null,a,b);c.has(b)||(c.add(b),b.then(d,d))})}}\nfunction dk(a,b){var c=b.deletions;if(null!==c)for(var d=0;de&&(e=g);d&=~f}d=e;d=B()-d;d=(120>d?120:480>d?480:1080>d?1080:1920>d?1920:3E3>d?3E3:4320>d?4320:1960*mk(d/1960))-d;if(10a?16:a;if(null===xk)var d=!1;else{a=xk;xk=null;yk=0;if(0!==(K&6))throw Error(p(331));var e=K;K|=4;for(V=a.current;null!==V;){var f=V,g=f.child;if(0!==(V.flags&16)){var h=f.deletions;if(null!==h){for(var k=0;kB()-gk?Lk(a,0):sk|=c);Ek(a,b)}function Zk(a,b){0===b&&(0===(a.mode&1)?b=1:(b=sc,sc<<=1,0===(sc&130023424)&&(sc=4194304)));var c=L();a=Zg(a,b);null!==a&&(Ac(a,b,c),Ek(a,c))}function vj(a){var b=a.memoizedState,c=0;null!==b&&(c=b.retryLane);Zk(a,c)}\nfunction ck(a,b){var c=0;switch(a.tag){case 13:var d=a.stateNode;var e=a.memoizedState;null!==e&&(c=e.retryLane);break;case 19:d=a.stateNode;break;default:throw Error(p(314));}null!==d&&d.delete(b);Zk(a,c)}var Wk;\nWk=function(a,b,c){if(null!==a)if(a.memoizedProps!==b.pendingProps||Wf.current)Ug=!0;else{if(0===(a.lanes&c)&&0===(b.flags&128))return Ug=!1,zj(a,b,c);Ug=0!==(a.flags&131072)?!0:!1}else Ug=!1,I&&0!==(b.flags&1048576)&&ug(b,ng,b.index);b.lanes=0;switch(b.tag){case 2:var d=b.type;jj(a,b);a=b.pendingProps;var e=Yf(b,H.current);Tg(b,c);e=Xh(null,b,d,a,e,c);var f=bi();b.flags|=1;\"object\"===typeof e&&null!==e&&\"function\"===typeof e.render&&void 0===e.$$typeof?(b.tag=1,b.memoizedState=null,b.updateQueue=\nnull,Zf(d)?(f=!0,cg(b)):f=!1,b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null,ah(b),e.updater=nh,b.stateNode=e,e._reactInternals=b,rh(b,d,a,c),b=kj(null,b,d,!0,f,c)):(b.tag=0,I&&f&&vg(b),Yi(null,b,e,c),b=b.child);return b;case 16:d=b.elementType;a:{jj(a,b);a=b.pendingProps;e=d._init;d=e(d._payload);b.type=d;e=b.tag=$k(d);a=Lg(d,a);switch(e){case 0:b=dj(null,b,d,a,c);break a;case 1:b=ij(null,b,d,a,c);break a;case 11:b=Zi(null,b,d,a,c);break a;case 14:b=aj(null,b,d,Lg(d.type,a),c);break a}throw Error(p(306,\nd,\"\"));}return b;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Lg(d,e),dj(a,b,d,e,c);case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Lg(d,e),ij(a,b,d,e,c);case 3:a:{lj(b);if(null===a)throw Error(p(387));d=b.pendingProps;f=b.memoizedState;e=f.element;bh(a,b);gh(b,d,null,c);var g=b.memoizedState;d=g.element;if(f.isDehydrated)if(f={element:d,isDehydrated:!1,cache:g.cache,pendingSuspenseBoundaries:g.pendingSuspenseBoundaries,transitions:g.transitions},b.updateQueue.baseState=\nf,b.memoizedState=f,b.flags&256){e=Ki(Error(p(423)),b);b=mj(a,b,d,c,e);break a}else if(d!==e){e=Ki(Error(p(424)),b);b=mj(a,b,d,c,e);break a}else for(yg=Lf(b.stateNode.containerInfo.firstChild),xg=b,I=!0,zg=null,c=Ch(b,null,d,c),b.child=c;c;)c.flags=c.flags&-3|4096,c=c.sibling;else{Ig();if(d===e){b=$i(a,b,c);break a}Yi(a,b,d,c)}b=b.child}return b;case 5:return Kh(b),null===a&&Eg(b),d=b.type,e=b.pendingProps,f=null!==a?a.memoizedProps:null,g=e.children,Ef(d,e)?g=null:null!==f&&Ef(d,f)&&(b.flags|=32),\nhj(a,b),Yi(a,b,g,c),b.child;case 6:return null===a&&Eg(b),null;case 13:return pj(a,b,c);case 4:return Ih(b,b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=Bh(b,null,d,c):Yi(a,b,d,c),b.child;case 11:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Lg(d,e),Zi(a,b,d,e,c);case 7:return Yi(a,b,b.pendingProps,c),b.child;case 8:return Yi(a,b,b.pendingProps.children,c),b.child;case 12:return Yi(a,b,b.pendingProps.children,c),b.child;case 10:a:{d=b.type._context;e=b.pendingProps;f=b.memoizedProps;\ng=e.value;G(Mg,d._currentValue);d._currentValue=g;if(null!==f)if(He(f.value,g)){if(f.children===e.children&&!Wf.current){b=$i(a,b,c);break a}}else for(f=b.child,null!==f&&(f.return=b);null!==f;){var h=f.dependencies;if(null!==h){g=f.child;for(var k=h.firstContext;null!==k;){if(k.context===d){if(1===f.tag){k=ch(-1,c&-c);k.tag=2;var l=f.updateQueue;if(null!==l){l=l.shared;var m=l.pending;null===m?k.next=k:(k.next=m.next,m.next=k);l.pending=k}}f.lanes|=c;k=f.alternate;null!==k&&(k.lanes|=c);Sg(f.return,\nc,b);h.lanes|=c;break}k=k.next}}else if(10===f.tag)g=f.type===b.type?null:f.child;else if(18===f.tag){g=f.return;if(null===g)throw Error(p(341));g.lanes|=c;h=g.alternate;null!==h&&(h.lanes|=c);Sg(g,c,b);g=f.sibling}else g=f.child;if(null!==g)g.return=f;else for(g=f;null!==g;){if(g===b){g=null;break}f=g.sibling;if(null!==f){f.return=g.return;g=f;break}g=g.return}f=g}Yi(a,b,e.children,c);b=b.child}return b;case 9:return e=b.type,d=b.pendingProps.children,Tg(b,c),e=Vg(e),d=d(e),b.flags|=1,Yi(a,b,d,c),\nb.child;case 14:return d=b.type,e=Lg(d,b.pendingProps),e=Lg(d.type,e),aj(a,b,d,e,c);case 15:return cj(a,b,b.type,b.pendingProps,c);case 17:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Lg(d,e),jj(a,b),b.tag=1,Zf(d)?(a=!0,cg(b)):a=!1,Tg(b,c),ph(b,d,e),rh(b,d,e,c),kj(null,b,d,!0,a,c);case 19:return yj(a,b,c);case 22:return ej(a,b,c)}throw Error(p(156,b.tag));};function Gk(a,b){return ac(a,b)}\nfunction al(a,b,c,d){this.tag=a;this.key=c;this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null;this.index=0;this.ref=null;this.pendingProps=b;this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null;this.mode=d;this.subtreeFlags=this.flags=0;this.deletions=null;this.childLanes=this.lanes=0;this.alternate=null}function Bg(a,b,c,d){return new al(a,b,c,d)}function bj(a){a=a.prototype;return!(!a||!a.isReactComponent)}\nfunction $k(a){if(\"function\"===typeof a)return bj(a)?1:0;if(void 0!==a&&null!==a){a=a.$$typeof;if(a===Da)return 11;if(a===Ga)return 14}return 2}\nfunction wh(a,b){var c=a.alternate;null===c?(c=Bg(a.tag,b,a.key,a.mode),c.elementType=a.elementType,c.type=a.type,c.stateNode=a.stateNode,c.alternate=a,a.alternate=c):(c.pendingProps=b,c.type=a.type,c.flags=0,c.subtreeFlags=0,c.deletions=null);c.flags=a.flags&14680064;c.childLanes=a.childLanes;c.lanes=a.lanes;c.child=a.child;c.memoizedProps=a.memoizedProps;c.memoizedState=a.memoizedState;c.updateQueue=a.updateQueue;b=a.dependencies;c.dependencies=null===b?null:{lanes:b.lanes,firstContext:b.firstContext};\nc.sibling=a.sibling;c.index=a.index;c.ref=a.ref;return c}\nfunction yh(a,b,c,d,e,f){var g=2;d=a;if(\"function\"===typeof a)bj(a)&&(g=1);else if(\"string\"===typeof a)g=5;else a:switch(a){case ya:return Ah(c.children,e,f,b);case za:g=8;e|=8;break;case Aa:return a=Bg(12,c,b,e|2),a.elementType=Aa,a.lanes=f,a;case Ea:return a=Bg(13,c,b,e),a.elementType=Ea,a.lanes=f,a;case Fa:return a=Bg(19,c,b,e),a.elementType=Fa,a.lanes=f,a;case Ia:return qj(c,e,f,b);default:if(\"object\"===typeof a&&null!==a)switch(a.$$typeof){case Ba:g=10;break a;case Ca:g=9;break a;case Da:g=11;\nbreak a;case Ga:g=14;break a;case Ha:g=16;d=null;break a}throw Error(p(130,null==a?a:typeof a,\"\"));}b=Bg(g,c,b,e);b.elementType=a;b.type=d;b.lanes=f;return b}function Ah(a,b,c,d){a=Bg(7,a,d,b);a.lanes=c;return a}function qj(a,b,c,d){a=Bg(22,a,d,b);a.elementType=Ia;a.lanes=c;a.stateNode={isHidden:!1};return a}function xh(a,b,c){a=Bg(6,a,null,b);a.lanes=c;return a}\nfunction zh(a,b,c){b=Bg(4,null!==a.children?a.children:[],a.key,b);b.lanes=c;b.stateNode={containerInfo:a.containerInfo,pendingChildren:null,implementation:a.implementation};return b}\nfunction bl(a,b,c,d,e){this.tag=b;this.containerInfo=a;this.finishedWork=this.pingCache=this.current=this.pendingChildren=null;this.timeoutHandle=-1;this.callbackNode=this.pendingContext=this.context=null;this.callbackPriority=0;this.eventTimes=zc(0);this.expirationTimes=zc(-1);this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0;this.entanglements=zc(0);this.identifierPrefix=d;this.onRecoverableError=e;this.mutableSourceEagerHydrationData=\nnull}function cl(a,b,c,d,e,f,g,h,k){a=new bl(a,b,c,h,k);1===b?(b=1,!0===f&&(b|=8)):b=0;f=Bg(3,null,null,b);a.current=f;f.stateNode=a;f.memoizedState={element:d,isDehydrated:c,cache:null,transitions:null,pendingSuspenseBoundaries:null};ah(f);return a}function dl(a,b,c){var d=3 localStorageNamespace;\r\n","/*!\n * hotkeys-js v3.8.3\n * A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies.\n * \n * Copyright (c) 2021 kenny wong \n * http://jaywcjlove.github.io/hotkeys\n * \n * Licensed under the MIT license.\n */\n\nvar isff = typeof navigator !== 'undefined' ? navigator.userAgent.toLowerCase().indexOf('firefox') > 0 : false; // 绑定事件\n\nfunction addEvent(object, event, method) {\n if (object.addEventListener) {\n object.addEventListener(event, method, false);\n } else if (object.attachEvent) {\n object.attachEvent(\"on\".concat(event), function () {\n method(window.event);\n });\n }\n} // 修饰键转换成对应的键码\n\n\nfunction getMods(modifier, key) {\n var mods = key.slice(0, key.length - 1);\n\n for (var i = 0; i < mods.length; i++) {\n mods[i] = modifier[mods[i].toLowerCase()];\n }\n\n return mods;\n} // 处理传的key字符串转换成数组\n\n\nfunction getKeys(key) {\n if (typeof key !== 'string') key = '';\n key = key.replace(/\\s/g, ''); // 匹配任何空白字符,包括空格、制表符、换页符等等\n\n var keys = key.split(','); // 同时设置多个快捷键，以','分割\n\n var index = keys.lastIndexOf(''); // 快捷键可能包含','，需特殊处理\n\n for (; index >= 0;) {\n keys[index - 1] += ',';\n keys.splice(index, 1);\n index = keys.lastIndexOf('');\n }\n\n return keys;\n} // 比较修饰键的数组\n\n\nfunction compareArray(a1, a2) {\n var arr1 = a1.length >= a2.length ? a1 : a2;\n var arr2 = a1.length >= a2.length ? a2 : a1;\n var isIndex = true;\n\n for (var i = 0; i < arr1.length; i++) {\n if (arr2.indexOf(arr1[i]) === -1) isIndex = false;\n }\n\n return isIndex;\n}\n\nvar _keyMap = {\n backspace: 8,\n tab: 9,\n clear: 12,\n enter: 13,\n \"return\": 13,\n esc: 27,\n escape: 27,\n space: 32,\n left: 37,\n up: 38,\n right: 39,\n down: 40,\n del: 46,\n \"delete\": 46,\n ins: 45,\n insert: 45,\n home: 36,\n end: 35,\n pageup: 33,\n pagedown: 34,\n capslock: 20,\n num_0: 96,\n num_1: 97,\n num_2: 98,\n num_3: 99,\n num_4: 100,\n num_5: 101,\n num_6: 102,\n num_7: 103,\n num_8: 104,\n num_9: 105,\n num_multiply: 106,\n num_add: 107,\n num_enter: 108,\n num_subtract: 109,\n num_decimal: 110,\n num_divide: 111,\n '⇪': 20,\n ',': 188,\n '.': 190,\n '/': 191,\n '`': 192,\n '-': isff ? 173 : 189,\n '=': isff ? 61 : 187,\n ';': isff ? 59 : 186,\n '\\'': 222,\n '[': 219,\n ']': 221,\n '\\\\': 220\n}; // Modifier Keys\n\nvar _modifier = {\n // shiftKey\n '⇧': 16,\n shift: 16,\n // altKey\n '⌥': 18,\n alt: 18,\n option: 18,\n // ctrlKey\n '⌃': 17,\n ctrl: 17,\n control: 17,\n // metaKey\n '⌘': 91,\n cmd: 91,\n command: 91\n};\nvar modifierMap = {\n 16: 'shiftKey',\n 18: 'altKey',\n 17: 'ctrlKey',\n 91: 'metaKey',\n shiftKey: 16,\n ctrlKey: 17,\n altKey: 18,\n metaKey: 91\n};\nvar _mods = {\n 16: false,\n 18: false,\n 17: false,\n 91: false\n};\nvar _handlers = {}; // F1~F12 special key\n\nfor (var k = 1; k < 20; k++) {\n _keyMap[\"f\".concat(k)] = 111 + k;\n}\n\nvar _downKeys = []; // 记录摁下的绑定键\n\nvar _scope = 'all'; // 默认热键范围\n\nvar elementHasBindEvent = []; // 已绑定事件的节点记录\n// 返回键码\n\nvar code = function code(x) {\n return _keyMap[x.toLowerCase()] || _modifier[x.toLowerCase()] || x.toUpperCase().charCodeAt(0);\n}; // 设置获取当前范围（默认为'所有'）\n\n\nfunction setScope(scope) {\n _scope = scope || 'all';\n} // 获取当前范围\n\n\nfunction getScope() {\n return _scope || 'all';\n} // 获取摁下绑定键的键值\n\n\nfunction getPressedKeyCodes() {\n return _downKeys.slice(0);\n} // 表单控件控件判断 返回 Boolean\n// hotkey is effective only when filter return true\n\n\nfunction filter(event) {\n var target = event.target || event.srcElement;\n var tagName = target.tagName;\n var flag = true; // ignore: isContentEditable === 'true', and