npm - @storybook/addon-docs - Versions diffs - 9.0.0-rc.0 → 9.0.0-rc.2 - Mend

@storybook/addon-docs 9.0.0-rc.0 → 9.0.0-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/{Color-LPT2V32B.mjs → Color-AVL7NMMY.mjs} +1 -1
package/dist/blocks.js +2 -2
package/dist/blocks.mjs +2 -2
package/dist/manager.js +2 -2
package/dist/preset.js +1 -1
package/package.json +4 -4

package/dist/blocks.js CHANGED Viewed

@@ -32,7 +32,7 @@ function _interopNamespace(e) {
 var React20__namespace = /*#__PURE__*/_interopNamespace(React20);
-var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __require=(x3=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(x3,{get:(a3,b3)=>(typeof require<"u"?require:a3)[b3]}):x3)(function(x3){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+x3+'" is not supported')});var __esm=(fn,res)=>function(){return fn&&(res=(0, fn[__getOwnPropNames(fn)[0]])(fn=0)),res};var __commonJS=(cb,mod)=>function(){return mod||(0, cb[__getOwnPropNames(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports};var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0});},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod));function isSymbol(value2){return typeof value2=="symbol"||value2 instanceof Symbol}var init_isSymbol=__esm({"../../node_modules/es-toolkit/dist/compat/predicate/isSymbol.mjs"(){}});function toNumber(value2){return isSymbol(value2)?NaN:Number(value2)}var init_toNumber=__esm({"../../node_modules/es-toolkit/dist/compat/util/toNumber.mjs"(){init_isSymbol();}});function toFinite(value2){return value2?(value2=toNumber(value2),value2===1/0||value2===-1/0?(value2<0?-1:1)*Number.MAX_VALUE:value2===value2?value2:0):value2===0?value2:0}var init_toFinite=__esm({"../../node_modules/es-toolkit/dist/compat/util/toFinite.mjs"(){init_toNumber();}});function toInteger(value2){let finite=toFinite(value2),remainder=finite%1;return remainder?finite-remainder:finite}var init_toInteger=__esm({"../../node_modules/es-toolkit/dist/compat/util/toInteger.mjs"(){init_toFinite();}});function uniq(arr){return Array.from(new Set(arr))}var init_uniq=__esm({"../../node_modules/es-toolkit/dist/array/uniq.mjs"(){}});function isPrimitive(value2){return value2==null||typeof value2!="object"&&typeof value2!="function"}var init_isPrimitive=__esm({"../../node_modules/es-toolkit/dist/predicate/isPrimitive.mjs"(){}});function isTypedArray(x3){return ArrayBuffer.isView(x3)&&!(x3 instanceof DataView)}var init_isTypedArray=__esm({"../../node_modules/es-toolkit/dist/predicate/isTypedArray.mjs"(){}});function getSymbols(object2){return Object.getOwnPropertySymbols(object2).filter(symbol=>Object.prototype.propertyIsEnumerable.call(object2,symbol))}var init_getSymbols=__esm({"../../node_modules/es-toolkit/dist/compat/_internal/getSymbols.mjs"(){}});function getTag(value2){return value2==null?value2===void 0?"[object Undefined]":"[object Null]":Object.prototype.toString.call(value2)}var init_getTag=__esm({"../../node_modules/es-toolkit/dist/compat/_internal/getTag.mjs"(){}});var regexpTag,stringTag,numberTag,booleanTag,argumentsTag,symbolTag,dateTag,mapTag,setTag,arrayTag,arrayBufferTag,objectTag,dataViewTag,uint8ArrayTag,uint8ClampedArrayTag,uint16ArrayTag,uint32ArrayTag,int8ArrayTag,int16ArrayTag,int32ArrayTag,float32ArrayTag,float64ArrayTag,init_tags=__esm({"../../node_modules/es-toolkit/dist/compat/_internal/tags.mjs"(){regexpTag="[object RegExp]",stringTag="[object String]",numberTag="[object Number]",booleanTag="[object Boolean]",argumentsTag="[object Arguments]",symbolTag="[object Symbol]",dateTag="[object Date]",mapTag="[object Map]",setTag="[object Set]",arrayTag="[object Array]",arrayBufferTag="[object ArrayBuffer]",objectTag="[object Object]",dataViewTag="[object DataView]",uint8ArrayTag="[object Uint8Array]",uint8ClampedArrayTag="[object Uint8ClampedArray]",uint16ArrayTag="[object Uint16Array]",uint32ArrayTag="[object Uint32Array]",int8ArrayTag="[object Int8Array]",int16ArrayTag="[object Int16Array]",int32ArrayTag="[object Int32Array]",float32ArrayTag="[object Float32Array]",float64ArrayTag="[object Float64Array]";}});function cloneDeepWith(obj,cloneValue){return cloneDeepWithImpl(obj,void 0,obj,new Map,cloneValue)}function cloneDeepWithImpl(valueToClone,keyToClone,objectToClone,stack=new Map,cloneValue=void 0){let cloned=cloneValue?.(valueToClone,keyToClone,objectToClone,stack);if(cloned!=null)return cloned;if(isPrimitive(valueToClone))return valueToClone;if(stack.has(valueToClone))return stack.get(valueToClone);if(Array.isArray(valueToClone)){let result=new Array(valueToClone.length);stack.set(valueToClone,result);for(let i3=0;i3<valueToClone.length;i3++)result[i3]=cloneDeepWithImpl(valueToClone[i3],i3,objectToClone,stack,cloneValue);return Object.hasOwn(valueToClone,"index")&&(result.index=valueToClone.index),Object.hasOwn(valueToClone,"input")&&(result.input=valueToClone.input),result}if(valueToClone instanceof Date)return new Date(valueToClone.getTime());if(valueToClone instanceof RegExp){let result=new RegExp(valueToClone.source,valueToClone.flags);return result.lastIndex=valueToClone.lastIndex,result}if(valueToClone instanceof Map){let result=new Map;stack.set(valueToClone,result);for(let[key,value2]of valueToClone)result.set(key,cloneDeepWithImpl(value2,key,objectToClone,stack,cloneValue));return result}if(valueToClone instanceof Set){let result=new Set;stack.set(valueToClone,result);for(let value2 of valueToClone)result.add(cloneDeepWithImpl(value2,void 0,objectToClone,stack,cloneValue));return result}if(typeof Buffer<"u"&&Buffer.isBuffer(valueToClone))return valueToClone.subarray();if(isTypedArray(valueToClone)){let result=new(Object.getPrototypeOf(valueToClone)).constructor(valueToClone.length);stack.set(valueToClone,result);for(let i3=0;i3<valueToClone.length;i3++)result[i3]=cloneDeepWithImpl(valueToClone[i3],i3,objectToClone,stack,cloneValue);return result}if(valueToClone instanceof ArrayBuffer||typeof SharedArrayBuffer<"u"&&valueToClone instanceof SharedArrayBuffer)return valueToClone.slice(0);if(valueToClone instanceof DataView){let result=new DataView(valueToClone.buffer.slice(0),valueToClone.byteOffset,valueToClone.byteLength);return stack.set(valueToClone,result),copyProperties(result,valueToClone,objectToClone,stack,cloneValue),result}if(typeof File<"u"&&valueToClone instanceof File){let result=new File([valueToClone],valueToClone.name,{type:valueToClone.type});return stack.set(valueToClone,result),copyProperties(result,valueToClone,objectToClone,stack,cloneValue),result}if(valueToClone instanceof Blob){let result=new Blob([valueToClone],{type:valueToClone.type});return stack.set(valueToClone,result),copyProperties(result,valueToClone,objectToClone,stack,cloneValue),result}if(valueToClone instanceof Error){let result=new valueToClone.constructor;return stack.set(valueToClone,result),result.message=valueToClone.message,result.name=valueToClone.name,result.stack=valueToClone.stack,result.cause=valueToClone.cause,copyProperties(result,valueToClone,objectToClone,stack,cloneValue),result}if(typeof valueToClone=="object"&&isCloneableObject(valueToClone)){let result=Object.create(Object.getPrototypeOf(valueToClone));return stack.set(valueToClone,result),copyProperties(result,valueToClone,objectToClone,stack,cloneValue),result}return valueToClone}function copyProperties(target,source,objectToClone=target,stack,cloneValue){let keys=[...Object.keys(source),...getSymbols(source)];for(let i3=0;i3<keys.length;i3++){let key=keys[i3],descriptor=Object.getOwnPropertyDescriptor(target,key);(descriptor==null||descriptor.writable)&&(target[key]=cloneDeepWithImpl(source[key],key,objectToClone,stack,cloneValue));}}function isCloneableObject(object2){switch(getTag(object2)){case argumentsTag:case arrayTag:case arrayBufferTag:case dataViewTag:case booleanTag:case dateTag:case float32ArrayTag:case float64ArrayTag:case int8ArrayTag:case int16ArrayTag:case int32ArrayTag:case mapTag:case numberTag:case objectTag:case regexpTag:case setTag:case stringTag:case symbolTag:case uint8ArrayTag:case uint8ClampedArrayTag:case uint16ArrayTag:case uint32ArrayTag:return !0;default:return !1}}var init_cloneDeepWith=__esm({"../../node_modules/es-toolkit/dist/object/cloneDeepWith.mjs"(){init_getSymbols();init_getTag();init_tags();init_isPrimitive();init_isTypedArray();}});function isLength(value2){return Number.isSafeInteger(value2)&&value2>=0}var init_isLength=__esm({"../../node_modules/es-toolkit/dist/predicate/isLength.mjs"(){}});function isArrayLike(value2){return value2!=null&&typeof value2!="function"&&isLength(value2.length)}var init_isArrayLike=__esm({"../../node_modules/es-toolkit/dist/compat/predicate/isArrayLike.mjs"(){init_isLength();}});function cloneDeepWith2(obj,cloneValue){return cloneDeepWith(obj,(value2,key,object2,stack)=>{let cloned=cloneValue?.(value2,key,object2,stack);if(cloned!=null)return cloned;if(typeof obj=="object")switch(Object.prototype.toString.call(obj)){case numberTag:case stringTag:case booleanTag:{let result=new obj.constructor(obj?.valueOf());return copyProperties(result,obj),result}case argumentsTag:{let result={};return copyProperties(result,obj),result.length=obj.length,result[Symbol.iterator]=obj[Symbol.iterator],result}default:return}})}var init_cloneDeepWith2=__esm({"../../node_modules/es-toolkit/dist/compat/object/cloneDeepWith.mjs"(){init_cloneDeepWith();init_tags();}});function cloneDeep(obj){return cloneDeepWith2(obj)}var init_cloneDeep=__esm({"../../node_modules/es-toolkit/dist/compat/object/cloneDeep.mjs"(){init_cloneDeepWith2();}});function range(start,end,step=1){if(end==null&&(end=start,start=0),!Number.isInteger(step)||step===0)throw new Error("The step value must be a non-zero integer.");let length=Math.max(Math.ceil((end-start)/step),0),result=new Array(length);for(let i3=0;i3<length;i3++)result[i3]=start+i3*step;return result}var init_range=__esm({"../../node_modules/es-toolkit/dist/math/range.mjs"(){}});function uniq2(arr){return isArrayLike(arr)?uniq(Array.from(arr)):[]}var init_uniq2=__esm({"../../node_modules/es-toolkit/dist/compat/array/uniq.mjs"(){init_uniq();init_isArrayLike();}});function debounce(func,debounceMs,{signal,edges}={}){let pendingThis,pendingArgs=null,leading=edges!=null&&edges.includes("leading"),trailing=edges==null||edges.includes("trailing"),invoke=()=>{pendingArgs!==null&&(func.apply(pendingThis,pendingArgs),pendingThis=void 0,pendingArgs=null);},onTimerEnd=()=>{trailing&&invoke(),cancel();},timeoutId=null,schedule=()=>{timeoutId!=null&&clearTimeout(timeoutId),timeoutId=setTimeout(()=>{timeoutId=null,onTimerEnd();},debounceMs);},cancelTimer=()=>{timeoutId!==null&&(clearTimeout(timeoutId),timeoutId=null);},cancel=()=>{cancelTimer(),pendingThis=void 0,pendingArgs=null;},flush=()=>{cancelTimer(),invoke();},debounced=function(...args){if(signal?.aborted)return;pendingThis=this,pendingArgs=args;let isFirstCall=timeoutId==null;schedule(),leading&&isFirstCall&&invoke();};return debounced.schedule=schedule,debounced.cancel=cancel,debounced.flush=flush,signal?.addEventListener("abort",cancel,{once:!0}),debounced}var init_debounce=__esm({"../../node_modules/es-toolkit/dist/function/debounce.mjs"(){}});function debounce2(func,debounceMs=0,options={}){typeof options!="object"&&(options={});let{signal,leading=!1,trailing=!0,maxWait}=options,edges=Array(2);leading&&(edges[0]="leading"),trailing&&(edges[1]="trailing");let result,pendingAt=null,_debounced=debounce(function(...args){result=func.apply(this,args),pendingAt=null;},debounceMs,{signal,edges}),debounced=function(...args){if(maxWait!=null){if(pendingAt===null)pendingAt=Date.now();else if(Date.now()-pendingAt>=maxWait)return result=func.apply(this,args),pendingAt=Date.now(),_debounced.cancel(),_debounced.schedule(),result}return _debounced.apply(this,args),result},flush=()=>(_debounced.flush(),result);return debounced.cancel=_debounced.cancel,debounced.flush=flush,debounced}var init_debounce2=__esm({"../../node_modules/es-toolkit/dist/compat/function/debounce.mjs"(){init_debounce();}});function isBuffer(x3){return typeof Buffer<"u"&&Buffer.isBuffer(x3)}var init_isBuffer=__esm({"../../node_modules/es-toolkit/dist/predicate/isBuffer.mjs"(){}});function isPrototype(value2){let constructor=value2?.constructor,prototype=typeof constructor=="function"?constructor.prototype:Object.prototype;return value2===prototype}var init_isPrototype=__esm({"../../node_modules/es-toolkit/dist/compat/_internal/isPrototype.mjs"(){}});function isTypedArray2(x3){return isTypedArray(x3)}var init_isTypedArray2=__esm({"../../node_modules/es-toolkit/dist/compat/predicate/isTypedArray.mjs"(){init_isTypedArray();}});function times(n3,getValue2){if(n3=toInteger(n3),n3<1||!Number.isSafeInteger(n3))return [];let result=new Array(n3);for(let i3=0;i3<n3;i3++)result[i3]=typeof getValue2=="function"?getValue2(i3):i3;return result}var init_times=__esm({"../../node_modules/es-toolkit/dist/compat/util/times.mjs"(){init_toInteger();}});function keysIn(object2){if(object2==null)return [];switch(typeof object2){case"object":case"function":return isArrayLike(object2)?arrayLikeKeysIn(object2):isPrototype(object2)?prototypeKeysIn(object2):keysInImpl(object2);default:return keysInImpl(Object(object2))}}function keysInImpl(object2){let result=[];for(let key in object2)result.push(key);return result}function prototypeKeysIn(object2){return keysInImpl(object2).filter(key=>key!=="constructor")}function arrayLikeKeysIn(object2){let indices=times(object2.length,index=>`${index}`),filteredKeys=new Set(indices);return isBuffer(object2)&&(filteredKeys.add("offset"),filteredKeys.add("parent")),isTypedArray2(object2)&&(filteredKeys.add("buffer"),filteredKeys.add("byteLength"),filteredKeys.add("byteOffset")),[...indices,...keysInImpl(object2).filter(key=>!filteredKeys.has(key))]}var init_keysIn=__esm({"../../node_modules/es-toolkit/dist/compat/object/keysIn.mjs"(){init_isBuffer();init_isPrototype();init_isArrayLike();init_isTypedArray2();init_times();}});function getSymbolsIn(object2){let result=[];for(;object2;)result.push(...getSymbols(object2)),object2=Object.getPrototypeOf(object2);return result}var init_getSymbolsIn=__esm({"../../node_modules/es-toolkit/dist/compat/_internal/getSymbolsIn.mjs"(){init_getSymbols();}});function pickBy(obj,shouldPick){if(obj==null)return {};let result={};if(shouldPick==null)return obj;let keys=isArrayLike(obj)?range(0,obj.length):[...keysIn(obj),...getSymbolsIn(obj)];for(let i3=0;i3<keys.length;i3++){let key=isSymbol(keys[i3])?keys[i3]:keys[i3].toString(),value2=obj[key];shouldPick(value2,key,obj)&&(result[key]=value2);}return result}var init_pickBy=__esm({"../../node_modules/es-toolkit/dist/compat/object/pickBy.mjs"(){init_keysIn();init_range();init_getSymbolsIn();init_isArrayLike();init_isSymbol();}});var init_compat=__esm({"../../node_modules/es-toolkit/dist/compat/index.mjs"(){init_uniq2();init_debounce2();init_cloneDeep();init_pickBy();}});var getControlId,getControlSetterButtonId,init_helpers=__esm({"src/blocks/controls/helpers.ts"(){getControlId=value2=>`control-${value2.replace(/\s+/g,"-")}`,getControlSetterButtonId=value2=>`set-${value2.replace(/\s+/g,"-")}`;}});var require_color_name=__commonJS({"../../node_modules/color-name/index.js"(exports,module){module.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};}});var require_conversions=__commonJS({"../../node_modules/color-convert/conversions.js"(exports,module){var cssKeywords=require_color_name(),reverseKeywords={};for(let key of Object.keys(cssKeywords))reverseKeywords[cssKeywords[key]]=key;var convert3={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};module.exports=convert3;for(let model of Object.keys(convert3)){if(!("channels"in convert3[model]))throw new Error("missing channels property: "+model);if(!("labels"in convert3[model]))throw new Error("missing channel labels property: "+model);if(convert3[model].labels.length!==convert3[model].channels)throw new Error("channel and label counts mismatch: "+model);let{channels,labels}=convert3[model];delete convert3[model].channels,delete convert3[model].labels,Object.defineProperty(convert3[model],"channels",{value:channels}),Object.defineProperty(convert3[model],"labels",{value:labels});}convert3.rgb.hsl=function(rgb2){let r3=rgb2[0]/255,g3=rgb2[1]/255,b3=rgb2[2]/255,min=Math.min(r3,g3,b3),max=Math.max(r3,g3,b3),delta=max-min,h3,s3;max===min?h3=0:r3===max?h3=(g3-b3)/delta:g3===max?h3=2+(b3-r3)/delta:b3===max&&(h3=4+(r3-g3)/delta),h3=Math.min(h3*60,360),h3<0&&(h3+=360);let l3=(min+max)/2;return max===min?s3=0:l3<=.5?s3=delta/(max+min):s3=delta/(2-max-min),[h3,s3*100,l3*100]};convert3.rgb.hsv=function(rgb2){let rdif,gdif,bdif,h3,s3,r3=rgb2[0]/255,g3=rgb2[1]/255,b3=rgb2[2]/255,v3=Math.max(r3,g3,b3),diff=v3-Math.min(r3,g3,b3),diffc=function(c3){return (v3-c3)/6/diff+1/2};return diff===0?(h3=0,s3=0):(s3=diff/v3,rdif=diffc(r3),gdif=diffc(g3),bdif=diffc(b3),r3===v3?h3=bdif-gdif:g3===v3?h3=1/3+rdif-bdif:b3===v3&&(h3=2/3+gdif-rdif),h3<0?h3+=1:h3>1&&(h3-=1)),[h3*360,s3*100,v3*100]};convert3.rgb.hwb=function(rgb2){let r3=rgb2[0],g3=rgb2[1],b3=rgb2[2],h3=convert3.rgb.hsl(rgb2)[0],w3=1/255*Math.min(r3,Math.min(g3,b3));return b3=1-1/255*Math.max(r3,Math.max(g3,b3)),[h3,w3*100,b3*100]};convert3.rgb.cmyk=function(rgb2){let r3=rgb2[0]/255,g3=rgb2[1]/255,b3=rgb2[2]/255,k3=Math.min(1-r3,1-g3,1-b3),c3=(1-r3-k3)/(1-k3)||0,m3=(1-g3-k3)/(1-k3)||0,y3=(1-b3-k3)/(1-k3)||0;return [c3*100,m3*100,y3*100,k3*100]};function comparativeDistance(x3,y3){return (x3[0]-y3[0])**2+(x3[1]-y3[1])**2+(x3[2]-y3[2])**2}convert3.rgb.keyword=function(rgb2){let reversed=reverseKeywords[rgb2];if(reversed)return reversed;let currentClosestDistance=1/0,currentClosestKeyword;for(let keyword of Object.keys(cssKeywords)){let value2=cssKeywords[keyword],distance=comparativeDistance(rgb2,value2);distance<currentClosestDistance&&(currentClosestDistance=distance,currentClosestKeyword=keyword);}return currentClosestKeyword};convert3.keyword.rgb=function(keyword){return cssKeywords[keyword]};convert3.rgb.xyz=function(rgb2){let r3=rgb2[0]/255,g3=rgb2[1]/255,b3=rgb2[2]/255;r3=r3>.04045?((r3+.055)/1.055)**2.4:r3/12.92,g3=g3>.04045?((g3+.055)/1.055)**2.4:g3/12.92,b3=b3>.04045?((b3+.055)/1.055)**2.4:b3/12.92;let x3=r3*.4124+g3*.3576+b3*.1805,y3=r3*.2126+g3*.7152+b3*.0722,z3=r3*.0193+g3*.1192+b3*.9505;return [x3*100,y3*100,z3*100]};convert3.rgb.lab=function(rgb2){let xyz=convert3.rgb.xyz(rgb2),x3=xyz[0],y3=xyz[1],z3=xyz[2];x3/=95.047,y3/=100,z3/=108.883,x3=x3>.008856?x3**(1/3):7.787*x3+16/116,y3=y3>.008856?y3**(1/3):7.787*y3+16/116,z3=z3>.008856?z3**(1/3):7.787*z3+16/116;let l3=116*y3-16,a3=500*(x3-y3),b3=200*(y3-z3);return [l3,a3,b3]};convert3.hsl.rgb=function(hsl2){let h3=hsl2[0]/360,s3=hsl2[1]/100,l3=hsl2[2]/100,t22,t3,val;if(s3===0)return val=l3*255,[val,val,val];l3<.5?t22=l3*(1+s3):t22=l3+s3-l3*s3;let t1=2*l3-t22,rgb2=[0,0,0];for(let i3=0;i3<3;i3++)t3=h3+1/3*-(i3-1),t3<0&&t3++,t3>1&&t3--,6*t3<1?val=t1+(t22-t1)*6*t3:2*t3<1?val=t22:3*t3<2?val=t1+(t22-t1)*(2/3-t3)*6:val=t1,rgb2[i3]=val*255;return rgb2};convert3.hsl.hsv=function(hsl2){let h3=hsl2[0],s3=hsl2[1]/100,l3=hsl2[2]/100,smin=s3,lmin=Math.max(l3,.01);l3*=2,s3*=l3<=1?l3:2-l3,smin*=lmin<=1?lmin:2-lmin;let v3=(l3+s3)/2,sv=l3===0?2*smin/(lmin+smin):2*s3/(l3+s3);return [h3,sv*100,v3*100]};convert3.hsv.rgb=function(hsv){let h3=hsv[0]/60,s3=hsv[1]/100,v3=hsv[2]/100,hi=Math.floor(h3)%6,f3=h3-Math.floor(h3),p3=255*v3*(1-s3),q3=255*v3*(1-s3*f3),t3=255*v3*(1-s3*(1-f3));switch(v3*=255,hi){case 0:return [v3,t3,p3];case 1:return [q3,v3,p3];case 2:return [p3,v3,t3];case 3:return [p3,q3,v3];case 4:return [t3,p3,v3];case 5:return [v3,p3,q3]}};convert3.hsv.hsl=function(hsv){let h3=hsv[0],s3=hsv[1]/100,v3=hsv[2]/100,vmin=Math.max(v3,.01),sl,l3;l3=(2-s3)*v3;let lmin=(2-s3)*vmin;return sl=s3*vmin,sl/=lmin<=1?lmin:2-lmin,sl=sl||0,l3/=2,[h3,sl*100,l3*100]};convert3.hwb.rgb=function(hwb){let h3=hwb[0]/360,wh=hwb[1]/100,bl=hwb[2]/100,ratio=wh+bl,f3;ratio>1&&(wh/=ratio,bl/=ratio);let i3=Math.floor(6*h3),v3=1-bl;f3=6*h3-i3,(i3&1)!==0&&(f3=1-f3);let n3=wh+f3*(v3-wh),r3,g3,b3;switch(i3){default:case 6:case 0:r3=v3,g3=n3,b3=wh;break;case 1:r3=n3,g3=v3,b3=wh;break;case 2:r3=wh,g3=v3,b3=n3;break;case 3:r3=wh,g3=n3,b3=v3;break;case 4:r3=n3,g3=wh,b3=v3;break;case 5:r3=v3,g3=wh,b3=n3;break}return [r3*255,g3*255,b3*255]};convert3.cmyk.rgb=function(cmyk){let c3=cmyk[0]/100,m3=cmyk[1]/100,y3=cmyk[2]/100,k3=cmyk[3]/100,r3=1-Math.min(1,c3*(1-k3)+k3),g3=1-Math.min(1,m3*(1-k3)+k3),b3=1-Math.min(1,y3*(1-k3)+k3);return [r3*255,g3*255,b3*255]};convert3.xyz.rgb=function(xyz){let x3=xyz[0]/100,y3=xyz[1]/100,z3=xyz[2]/100,r3,g3,b3;return r3=x3*3.2406+y3*-1.5372+z3*-.4986,g3=x3*-.9689+y3*1.8758+z3*.0415,b3=x3*.0557+y3*-.204+z3*1.057,r3=r3>.0031308?1.055*r3**(1/2.4)-.055:r3*12.92,g3=g3>.0031308?1.055*g3**(1/2.4)-.055:g3*12.92,b3=b3>.0031308?1.055*b3**(1/2.4)-.055:b3*12.92,r3=Math.min(Math.max(0,r3),1),g3=Math.min(Math.max(0,g3),1),b3=Math.min(Math.max(0,b3),1),[r3*255,g3*255,b3*255]};convert3.xyz.lab=function(xyz){let x3=xyz[0],y3=xyz[1],z3=xyz[2];x3/=95.047,y3/=100,z3/=108.883,x3=x3>.008856?x3**(1/3):7.787*x3+16/116,y3=y3>.008856?y3**(1/3):7.787*y3+16/116,z3=z3>.008856?z3**(1/3):7.787*z3+16/116;let l3=116*y3-16,a3=500*(x3-y3),b3=200*(y3-z3);return [l3,a3,b3]};convert3.lab.xyz=function(lab){let l3=lab[0],a3=lab[1],b3=lab[2],x3,y3,z3;y3=(l3+16)/116,x3=a3/500+y3,z3=y3-b3/200;let y22=y3**3,x22=x3**3,z22=z3**3;return y3=y22>.008856?y22:(y3-16/116)/7.787,x3=x22>.008856?x22:(x3-16/116)/7.787,z3=z22>.008856?z22:(z3-16/116)/7.787,x3*=95.047,y3*=100,z3*=108.883,[x3,y3,z3]};convert3.lab.lch=function(lab){let l3=lab[0],a3=lab[1],b3=lab[2],h3;h3=Math.atan2(b3,a3)*360/2/Math.PI,h3<0&&(h3+=360);let c3=Math.sqrt(a3*a3+b3*b3);return [l3,c3,h3]};convert3.lch.lab=function(lch){let l3=lch[0],c3=lch[1],hr=lch[2]/360*2*Math.PI,a3=c3*Math.cos(hr),b3=c3*Math.sin(hr);return [l3,a3,b3]};convert3.rgb.ansi16=function(args,saturation=null){let[r3,g3,b3]=args,value2=saturation===null?convert3.rgb.hsv(args)[2]:saturation;if(value2=Math.round(value2/50),value2===0)return 30;let ansi=30+(Math.round(b3/255)<<2|Math.round(g3/255)<<1|Math.round(r3/255));return value2===2&&(ansi+=60),ansi};convert3.hsv.ansi16=function(args){return convert3.rgb.ansi16(convert3.hsv.rgb(args),args[2])};convert3.rgb.ansi256=function(args){let r3=args[0],g3=args[1],b3=args[2];return r3===g3&&g3===b3?r3<8?16:r3>248?231:Math.round((r3-8)/247*24)+232:16+36*Math.round(r3/255*5)+6*Math.round(g3/255*5)+Math.round(b3/255*5)};convert3.ansi16.rgb=function(args){let color=args%10;if(color===0||color===7)return args>50&&(color+=3.5),color=color/10.5*255,[color,color,color];let mult=(~~(args>50)+1)*.5,r3=(color&1)*mult*255,g3=(color>>1&1)*mult*255,b3=(color>>2&1)*mult*255;return [r3,g3,b3]};convert3.ansi256.rgb=function(args){if(args>=232){let c3=(args-232)*10+8;return [c3,c3,c3]}args-=16;let rem2,r3=Math.floor(args/36)/5*255,g3=Math.floor((rem2=args%36)/6)/5*255,b3=rem2%6/5*255;return [r3,g3,b3]};convert3.rgb.hex=function(args){let string=(((Math.round(args[0])&255)<<16)+((Math.round(args[1])&255)<<8)+(Math.round(args[2])&255)).toString(16).toUpperCase();return "000000".substring(string.length)+string};convert3.hex.rgb=function(args){let match=args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!match)return [0,0,0];let colorString=match[0];match[0].length===3&&(colorString=colorString.split("").map(char=>char+char).join(""));let integer=parseInt(colorString,16),r3=integer>>16&255,g3=integer>>8&255,b3=integer&255;return [r3,g3,b3]};convert3.rgb.hcg=function(rgb2){let r3=rgb2[0]/255,g3=rgb2[1]/255,b3=rgb2[2]/255,max=Math.max(Math.max(r3,g3),b3),min=Math.min(Math.min(r3,g3),b3),chroma=max-min,grayscale,hue;return chroma<1?grayscale=min/(1-chroma):grayscale=0,chroma<=0?hue=0:max===r3?hue=(g3-b3)/chroma%6:max===g3?hue=2+(b3-r3)/chroma:hue=4+(r3-g3)/chroma,hue/=6,hue%=1,[hue*360,chroma*100,grayscale*100]};convert3.hsl.hcg=function(hsl2){let s3=hsl2[1]/100,l3=hsl2[2]/100,c3=l3<.5?2*s3*l3:2*s3*(1-l3),f3=0;return c3<1&&(f3=(l3-.5*c3)/(1-c3)),[hsl2[0],c3*100,f3*100]};convert3.hsv.hcg=function(hsv){let s3=hsv[1]/100,v3=hsv[2]/100,c3=s3*v3,f3=0;return c3<1&&(f3=(v3-c3)/(1-c3)),[hsv[0],c3*100,f3*100]};convert3.hcg.rgb=function(hcg){let h3=hcg[0]/360,c3=hcg[1]/100,g3=hcg[2]/100;if(c3===0)return [g3*255,g3*255,g3*255];let pure=[0,0,0],hi=h3%1*6,v3=hi%1,w3=1-v3,mg=0;switch(Math.floor(hi)){case 0:pure[0]=1,pure[1]=v3,pure[2]=0;break;case 1:pure[0]=w3,pure[1]=1,pure[2]=0;break;case 2:pure[0]=0,pure[1]=1,pure[2]=v3;break;case 3:pure[0]=0,pure[1]=w3,pure[2]=1;break;case 4:pure[0]=v3,pure[1]=0,pure[2]=1;break;default:pure[0]=1,pure[1]=0,pure[2]=w3;}return mg=(1-c3)*g3,[(c3*pure[0]+mg)*255,(c3*pure[1]+mg)*255,(c3*pure[2]+mg)*255]};convert3.hcg.hsv=function(hcg){let c3=hcg[1]/100,g3=hcg[2]/100,v3=c3+g3*(1-c3),f3=0;return v3>0&&(f3=c3/v3),[hcg[0],f3*100,v3*100]};convert3.hcg.hsl=function(hcg){let c3=hcg[1]/100,l3=hcg[2]/100*(1-c3)+.5*c3,s3=0;return l3>0&&l3<.5?s3=c3/(2*l3):l3>=.5&&l3<1&&(s3=c3/(2*(1-l3))),[hcg[0],s3*100,l3*100]};convert3.hcg.hwb=function(hcg){let c3=hcg[1]/100,g3=hcg[2]/100,v3=c3+g3*(1-c3);return [hcg[0],(v3-c3)*100,(1-v3)*100]};convert3.hwb.hcg=function(hwb){let w3=hwb[1]/100,v3=1-hwb[2]/100,c3=v3-w3,g3=0;return c3<1&&(g3=(v3-c3)/(1-c3)),[hwb[0],c3*100,g3*100]};convert3.apple.rgb=function(apple){return [apple[0]/65535*255,apple[1]/65535*255,apple[2]/65535*255]};convert3.rgb.apple=function(rgb2){return [rgb2[0]/255*65535,rgb2[1]/255*65535,rgb2[2]/255*65535]};convert3.gray.rgb=function(args){return [args[0]/100*255,args[0]/100*255,args[0]/100*255]};convert3.gray.hsl=function(args){return [0,0,args[0]]};convert3.gray.hsv=convert3.gray.hsl;convert3.gray.hwb=function(gray){return [0,100,gray[0]]};convert3.gray.cmyk=function(gray){return [0,0,0,gray[0]]};convert3.gray.lab=function(gray){return [gray[0],0,0]};convert3.gray.hex=function(gray){let val=Math.round(gray[0]/100*255)&255,string=((val<<16)+(val<<8)+val).toString(16).toUpperCase();return "000000".substring(string.length)+string};convert3.rgb.gray=function(rgb2){return [(rgb2[0]+rgb2[1]+rgb2[2])/3/255*100]};}});var require_route=__commonJS({"../../node_modules/color-convert/route.js"(exports,module){var conversions=require_conversions();function buildGraph(){let graph={},models=Object.keys(conversions);for(let len=models.length,i3=0;i3<len;i3++)graph[models[i3]]={distance:-1,parent:null};return graph}function deriveBFS(fromModel){let graph=buildGraph(),queue=[fromModel];for(graph[fromModel].distance=0;queue.length;){let current=queue.pop(),adjacents=Object.keys(conversions[current]);for(let len=adjacents.length,i3=0;i3<len;i3++){let adjacent=adjacents[i3],node=graph[adjacent];node.distance===-1&&(node.distance=graph[current].distance+1,node.parent=current,queue.unshift(adjacent));}}return graph}function link(from,to){return function(args){return to(from(args))}}function wrapConversion(toModel,graph){let path=[graph[toModel].parent,toModel],fn=conversions[graph[toModel].parent][toModel],cur=graph[toModel].parent;for(;graph[cur].parent;)path.unshift(graph[cur].parent),fn=link(conversions[graph[cur].parent][cur],fn),cur=graph[cur].parent;return fn.conversion=path,fn}module.exports=function(fromModel){let graph=deriveBFS(fromModel),conversion={},models=Object.keys(graph);for(let len=models.length,i3=0;i3<len;i3++){let toModel=models[i3];graph[toModel].parent!==null&&(conversion[toModel]=wrapConversion(toModel,graph));}return conversion};}});var require_color_convert=__commonJS({"../../node_modules/color-convert/index.js"(exports,module){var conversions=require_conversions(),route=require_route(),convert3={},models=Object.keys(conversions);function wrapRaw(fn){let wrappedFn=function(...args){let arg0=args[0];return arg0==null?arg0:(arg0.length>1&&(args=arg0),fn(args))};return "conversion"in fn&&(wrappedFn.conversion=fn.conversion),wrappedFn}function wrapRounded(fn){let wrappedFn=function(...args){let arg0=args[0];if(arg0==null)return arg0;arg0.length>1&&(args=arg0);let result=fn(args);if(typeof result=="object")for(let len=result.length,i3=0;i3<len;i3++)result[i3]=Math.round(result[i3]);return result};return "conversion"in fn&&(wrappedFn.conversion=fn.conversion),wrappedFn}models.forEach(fromModel=>{convert3[fromModel]={},Object.defineProperty(convert3[fromModel],"channels",{value:conversions[fromModel].channels}),Object.defineProperty(convert3[fromModel],"labels",{value:conversions[fromModel].labels});let routes=route(fromModel);Object.keys(routes).forEach(toModel=>{let fn=routes[toModel];convert3[fromModel][toModel]=wrapRounded(fn),convert3[fromModel][toModel].raw=wrapRaw(fn);});});module.exports=convert3;}});function u2(){return (u2=Object.assign||function(e3){for(var r3=1;r3<arguments.length;r3++){var t3=arguments[r3];for(var n3 in t3)Object.prototype.hasOwnProperty.call(t3,n3)&&(e3[n3]=t3[n3]);}return e3}).apply(this,arguments)}function c2(e3,r3){if(e3==null)return {};var t3,n3,o3={},a3=Object.keys(e3);for(n3=0;n3<a3.length;n3++)r3.indexOf(t3=a3[n3])>=0||(o3[t3]=e3[t3]);return o3}function i2(e3){var t3=React20.useRef(e3),n3=React20.useRef(function(e4){t3.current&&t3.current(e4);});return t3.current=e3,n3.current}function Y2(e3,t3,l3){var u3=i2(l3),c3=React20.useState(function(){return e3.toHsva(t3)}),s3=c3[0],f3=c3[1],v3=React20.useRef({color:t3,hsva:s3});React20.useEffect(function(){if(!e3.equal(t3,v3.current.color)){var r3=e3.toHsva(t3);v3.current={hsva:r3,color:t3},f3(r3);}},[t3,e3]),React20.useEffect(function(){var r3;F2(s3,v3.current.hsva)||e3.equal(r3=e3.fromHsva(s3),v3.current.color)||(v3.current={hsva:s3,color:r3},u3(r3));},[s3,e3,u3]);var d3=React20.useCallback(function(e4){f3(function(r3){return Object.assign({},r3,e4)});},[]);return [s3,d3]}var s2,f2,v2,d2,h2,m2,g2,p2,b2,_2,x2,C2,E2,H2,N2,w2,y2,q2,k2,I2,z2,D2,K2,L2,S2,T2,F2,P2,X2,V2,$2,J2,Q2,U2,W2,Z2,ee2,re2,le2,ue2,Ee2,He2,init_dist=__esm({"../../node_modules/react-colorful/dist/index.mjs"(){s2=function(e3,r3,t3){return r3===void 0&&(r3=0),t3===void 0&&(t3=1),e3>t3?t3:e3<r3?r3:e3},f2=function(e3){return "touches"in e3},v2=function(e3){return e3&&e3.ownerDocument.defaultView||self},d2=function(e3,r3,t3){var n3=e3.getBoundingClientRect(),o3=f2(r3)?function(e4,r4){for(var t4=0;t4<e4.length;t4++)if(e4[t4].identifier===r4)return e4[t4];return e4[0]}(r3.touches,t3):r3;return {left:s2((o3.pageX-(n3.left+v2(e3).pageXOffset))/n3.width),top:s2((o3.pageY-(n3.top+v2(e3).pageYOffset))/n3.height)}},h2=function(e3){!f2(e3)&&e3.preventDefault();},m2=React20__namespace.default.memo(function(o3){var a3=o3.onMove,l3=o3.onKey,s3=c2(o3,["onMove","onKey"]),m3=React20.useRef(null),g3=i2(a3),p3=i2(l3),b3=React20.useRef(null),_3=React20.useRef(!1),x3=React20.useMemo(function(){var e3=function(e4){h2(e4),(f2(e4)?e4.touches.length>0:e4.buttons>0)&&m3.current?g3(d2(m3.current,e4,b3.current)):t3(!1);},r3=function(){return t3(!1)};function t3(t4){var n3=_3.current,o4=v2(m3.current),a4=t4?o4.addEventListener:o4.removeEventListener;a4(n3?"touchmove":"mousemove",e3),a4(n3?"touchend":"mouseup",r3);}return [function(e4){var r4=e4.nativeEvent,n3=m3.current;if(n3&&(h2(r4),!function(e5,r5){return r5&&!f2(e5)}(r4,_3.current)&&n3)){if(f2(r4)){_3.current=!0;var o4=r4.changedTouches||[];o4.length&&(b3.current=o4[0].identifier);}n3.focus(),g3(d2(n3,r4,b3.current)),t3(!0);}},function(e4){var r4=e4.which||e4.keyCode;r4<37||r4>40||(e4.preventDefault(),p3({left:r4===39?.05:r4===37?-.05:0,top:r4===40?.05:r4===38?-.05:0}));},t3]},[p3,g3]),C3=x3[0],E3=x3[1],H4=x3[2];return React20.useEffect(function(){return H4},[H4]),React20__namespace.default.createElement("div",u2({},s3,{onTouchStart:C3,onMouseDown:C3,className:"react-colorful__interactive",ref:m3,onKeyDown:E3,tabIndex:0,role:"slider"}))}),g2=function(e3){return e3.filter(Boolean).join(" ")},p2=function(r3){var t3=r3.color,n3=r3.left,o3=r3.top,a3=o3===void 0?.5:o3,l3=g2(["react-colorful__pointer",r3.className]);return React20__namespace.default.createElement("div",{className:l3,style:{top:100*a3+"%",left:100*n3+"%"}},React20__namespace.default.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t3}}))},b2=function(e3,r3,t3){return r3===void 0&&(r3=0),t3===void 0&&(t3=Math.pow(10,r3)),Math.round(t3*e3)/t3},_2={grad:.9,turn:360,rad:360/(2*Math.PI)},x2=function(e3){return L2(C2(e3))},C2=function(e3){return e3[0]==="#"&&(e3=e3.substring(1)),e3.length<6?{r:parseInt(e3[0]+e3[0],16),g:parseInt(e3[1]+e3[1],16),b:parseInt(e3[2]+e3[2],16),a:e3.length===4?b2(parseInt(e3[3]+e3[3],16)/255,2):1}:{r:parseInt(e3.substring(0,2),16),g:parseInt(e3.substring(2,4),16),b:parseInt(e3.substring(4,6),16),a:e3.length===8?b2(parseInt(e3.substring(6,8),16)/255,2):1}},E2=function(e3,r3){return r3===void 0&&(r3="deg"),Number(e3)*(_2[r3]||1)},H2=function(e3){var r3=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e3);return r3?N2({h:E2(r3[1],r3[2]),s:Number(r3[3]),l:Number(r3[4]),a:r3[5]===void 0?1:Number(r3[5])/(r3[6]?100:1)}):{h:0,s:0,v:0,a:1}},N2=function(e3){var r3=e3.s,t3=e3.l;return {h:e3.h,s:(r3*=(t3<50?t3:100-t3)/100)>0?2*r3/(t3+r3)*100:0,v:t3+r3,a:e3.a}},w2=function(e3){return K2(I2(e3))},y2=function(e3){var r3=e3.s,t3=e3.v,n3=e3.a,o3=(200-r3)*t3/100;return {h:b2(e3.h),s:b2(o3>0&&o3<200?r3*t3/100/(o3<=100?o3:200-o3)*100:0),l:b2(o3/2),a:b2(n3,2)}},q2=function(e3){var r3=y2(e3);return "hsl("+r3.h+", "+r3.s+"%, "+r3.l+"%)"},k2=function(e3){var r3=y2(e3);return "hsla("+r3.h+", "+r3.s+"%, "+r3.l+"%, "+r3.a+")"},I2=function(e3){var r3=e3.h,t3=e3.s,n3=e3.v,o3=e3.a;r3=r3/360*6,t3/=100,n3/=100;var a3=Math.floor(r3),l3=n3*(1-t3),u3=n3*(1-(r3-a3)*t3),c3=n3*(1-(1-r3+a3)*t3),i3=a3%6;return {r:b2(255*[n3,u3,l3,l3,c3,n3][i3]),g:b2(255*[c3,n3,n3,u3,l3,l3][i3]),b:b2(255*[l3,l3,c3,n3,n3,u3][i3]),a:b2(o3,2)}},z2=function(e3){var r3=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e3);return r3?L2({r:Number(r3[1])/(r3[2]?100/255:1),g:Number(r3[3])/(r3[4]?100/255:1),b:Number(r3[5])/(r3[6]?100/255:1),a:r3[7]===void 0?1:Number(r3[7])/(r3[8]?100:1)}):{h:0,s:0,v:0,a:1}},D2=function(e3){var r3=e3.toString(16);return r3.length<2?"0"+r3:r3},K2=function(e3){var r3=e3.r,t3=e3.g,n3=e3.b,o3=e3.a,a3=o3<1?D2(b2(255*o3)):"";return "#"+D2(r3)+D2(t3)+D2(n3)+a3},L2=function(e3){var r3=e3.r,t3=e3.g,n3=e3.b,o3=e3.a,a3=Math.max(r3,t3,n3),l3=a3-Math.min(r3,t3,n3),u3=l3?a3===r3?(t3-n3)/l3:a3===t3?2+(n3-r3)/l3:4+(r3-t3)/l3:0;return {h:b2(60*(u3<0?u3+6:u3)),s:b2(a3?l3/a3*100:0),v:b2(a3/255*100),a:o3}},S2=React20__namespace.default.memo(function(r3){var t3=r3.hue,n3=r3.onChange,o3=g2(["react-colorful__hue",r3.className]);return React20__namespace.default.createElement("div",{className:o3},React20__namespace.default.createElement(m2,{onMove:function(e3){n3({h:360*e3.left});},onKey:function(e3){n3({h:s2(t3+360*e3.left,0,360)});},"aria-label":"Hue","aria-valuenow":b2(t3),"aria-valuemax":"360","aria-valuemin":"0"},React20__namespace.default.createElement(p2,{className:"react-colorful__hue-pointer",left:t3/360,color:q2({h:t3,s:100,v:100,a:1})})))}),T2=React20__namespace.default.memo(function(r3){var t3=r3.hsva,n3=r3.onChange,o3={backgroundColor:q2({h:t3.h,s:100,v:100,a:1})};return React20__namespace.default.createElement("div",{className:"react-colorful__saturation",style:o3},React20__namespace.default.createElement(m2,{onMove:function(e3){n3({s:100*e3.left,v:100-100*e3.top});},onKey:function(e3){n3({s:s2(t3.s+100*e3.left,0,100),v:s2(t3.v-100*e3.top,0,100)});},"aria-label":"Color","aria-valuetext":"Saturation "+b2(t3.s)+"%, Brightness "+b2(t3.v)+"%"},React20__namespace.default.createElement(p2,{className:"react-colorful__saturation-pointer",top:1-t3.v/100,left:t3.s/100,color:q2(t3)})))}),F2=function(e3,r3){if(e3===r3)return !0;for(var t3 in e3)if(e3[t3]!==r3[t3])return !1;return !0},P2=function(e3,r3){return e3.replace(/\s/g,"")===r3.replace(/\s/g,"")},X2=function(e3,r3){return e3.toLowerCase()===r3.toLowerCase()||F2(C2(e3),C2(r3))};V2=typeof window<"u"?React20.useLayoutEffect:React20.useEffect,$2=function(){return (typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0)},J2=new Map,Q2=function(e3){V2(function(){var r3=e3.current?e3.current.ownerDocument:document;if(r3!==void 0&&!J2.has(r3)){var t3=r3.createElement("style");t3.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,J2.set(r3,t3);var n3=$2();n3&&t3.setAttribute("nonce",n3),r3.head.appendChild(t3);}},[]);},U2=function(t3){var n3=t3.className,o3=t3.colorModel,a3=t3.color,l3=a3===void 0?o3.defaultColor:a3,i3=t3.onChange,s3=c2(t3,["className","colorModel","color","onChange"]),f3=React20.useRef(null);Q2(f3);var v3=Y2(o3,l3,i3),d3=v3[0],h3=v3[1],m3=g2(["react-colorful",n3]);return React20__namespace.default.createElement("div",u2({},s3,{ref:f3,className:m3}),React20__namespace.default.createElement(T2,{hsva:d3,onChange:h3}),React20__namespace.default.createElement(S2,{hue:d3.h,onChange:h3,className:"react-colorful__last-control"}))},W2={defaultColor:"000",toHsva:x2,fromHsva:function(e3){return w2({h:e3.h,s:e3.s,v:e3.v,a:1})},equal:X2},Z2=function(r3){return React20__namespace.default.createElement(U2,u2({},r3,{colorModel:W2}))},ee2=function(r3){var t3=r3.className,n3=r3.hsva,o3=r3.onChange,a3={backgroundImage:"linear-gradient(90deg, "+k2(Object.assign({},n3,{a:0}))+", "+k2(Object.assign({},n3,{a:1}))+")"},l3=g2(["react-colorful__alpha",t3]),u3=b2(100*n3.a);return React20__namespace.default.createElement("div",{className:l3},React20__namespace.default.createElement("div",{className:"react-colorful__alpha-gradient",style:a3}),React20__namespace.default.createElement(m2,{onMove:function(e3){o3({a:e3.left});},onKey:function(e3){o3({a:s2(n3.a+e3.left)});},"aria-label":"Alpha","aria-valuetext":u3+"%","aria-valuenow":u3,"aria-valuemin":"0","aria-valuemax":"100"},React20__namespace.default.createElement(p2,{className:"react-colorful__alpha-pointer",left:n3.a,color:k2(n3)})))},re2=function(t3){var n3=t3.className,o3=t3.colorModel,a3=t3.color,l3=a3===void 0?o3.defaultColor:a3,i3=t3.onChange,s3=c2(t3,["className","colorModel","color","onChange"]),f3=React20.useRef(null);Q2(f3);var v3=Y2(o3,l3,i3),d3=v3[0],h3=v3[1],m3=g2(["react-colorful",n3]);return React20__namespace.default.createElement("div",u2({},s3,{ref:f3,className:m3}),React20__namespace.default.createElement(T2,{hsva:d3,onChange:h3}),React20__namespace.default.createElement(S2,{hue:d3.h,onChange:h3}),React20__namespace.default.createElement(ee2,{hsva:d3,onChange:h3,className:"react-colorful__last-control"}))},le2={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:H2,fromHsva:k2,equal:P2},ue2=function(r3){return React20__namespace.default.createElement(re2,u2({},r3,{colorModel:le2}))},Ee2={defaultColor:"rgba(0, 0, 0, 1)",toHsva:z2,fromHsva:function(e3){var r3=I2(e3);return "rgba("+r3.r+", "+r3.g+", "+r3.b+", "+r3.a+")"},equal:P2},He2=function(r3){return React20__namespace.default.createElement(re2,u2({},r3,{colorModel:Ee2}))};}});var Color_exports={};__export(Color_exports,{ColorControl:()=>ColorControl,default:()=>Color_default});var import_color_convert,Wrapper9,PickerTooltip,TooltipContent,Note,Swatches2,SwatchColor,swatchBackground,Swatch2,Input2,ToggleIcon,ColorSpace,COLOR_SPACES,COLOR_REGEXP,RGB_REGEXP,HSL_REGEXP,HEX_REGEXP,SHORTHEX_REGEXP,ColorPicker,fallbackColor,stringToArgs,parseValue,getRealValue,useColorInput,id,usePresets,ColorControl,Color_default,init_Color=__esm({"src/blocks/controls/Color.tsx"(){import_color_convert=__toESM(require_color_convert());init_compat();init_dist();init_helpers();Wrapper9=theming.styled.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),PickerTooltip=theming.styled(components.WithTooltip)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),TooltipContent=theming.styled.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Note=theming.styled(components.TooltipNote)(({theme})=>({fontFamily:theme.typography.fonts.base})),Swatches2=theming.styled.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),SwatchColor=theming.styled.div(({theme,active})=>({width:16,height:16,boxShadow:active?`${theme.appBorderColor} 0 0 0 1px inset, ${theme.textMutedColor}50 0 0 0 4px`:`${theme.appBorderColor} 0 0 0 1px inset`,borderRadius:theme.appBorderRadius})),swatchBackground=`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,Swatch2=({value:value2,style,...props})=>{let backgroundImage=`linear-gradient(${value2}, ${value2}), ${swatchBackground}, linear-gradient(#fff, #fff)`;return React20__namespace.default.createElement(SwatchColor,{...props,style:{...style,backgroundImage}})},Input2=theming.styled(components.Form.Input)(({theme,readOnly})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:theme.typography.fonts.base})),ToggleIcon=theming.styled(icons.MarkupIcon)(({theme})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:theme.input.color})),ColorSpace=(ColorSpace2=>(ColorSpace2.RGB="rgb",ColorSpace2.HSL="hsl",ColorSpace2.HEX="hex",ColorSpace2))(ColorSpace||{}),COLOR_SPACES=Object.values(ColorSpace),COLOR_REGEXP=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,RGB_REGEXP=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,HSL_REGEXP=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,HEX_REGEXP=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,SHORTHEX_REGEXP=/^\s*#?([0-9a-f]{3})\s*$/i,ColorPicker={hex:Z2,rgb:He2,hsl:ue2},fallbackColor={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},stringToArgs=value2=>{let match=value2?.match(COLOR_REGEXP);if(!match)return [0,0,0,1];let[,x3,y3,z3,a3=1]=match;return [x3,y3,z3,a3].map(Number)},parseValue=value2=>{if(!value2)return;let valid=!0;if(RGB_REGEXP.test(value2)){let[r3,g3,b3,a3]=stringToArgs(value2),[h3,s3,l3]=import_color_convert.default.rgb.hsl([r3,g3,b3])||[0,0,0];return {valid,value:value2,keyword:import_color_convert.default.rgb.keyword([r3,g3,b3]),colorSpace:"rgb",rgb:value2,hsl:`hsla(${h3}, ${s3}%, ${l3}%, ${a3})`,hex:`#${import_color_convert.default.rgb.hex([r3,g3,b3]).toLowerCase()}`}}if(HSL_REGEXP.test(value2)){let[h3,s3,l3,a3]=stringToArgs(value2),[r3,g3,b3]=import_color_convert.default.hsl.rgb([h3,s3,l3])||[0,0,0];return {valid,value:value2,keyword:import_color_convert.default.hsl.keyword([h3,s3,l3]),colorSpace:"hsl",rgb:`rgba(${r3}, ${g3}, ${b3}, ${a3})`,hsl:value2,hex:`#${import_color_convert.default.hsl.hex([h3,s3,l3]).toLowerCase()}`}}let plain=value2.replace("#",""),rgb2=import_color_convert.default.keyword.rgb(plain)||import_color_convert.default.hex.rgb(plain),hsl2=import_color_convert.default.rgb.hsl(rgb2),mapped=value2;if(/[^#a-f0-9]/i.test(value2)?mapped=plain:HEX_REGEXP.test(value2)&&(mapped=`#${plain}`),mapped.startsWith("#"))valid=HEX_REGEXP.test(mapped);else try{import_color_convert.default.keyword.hex(mapped);}catch{valid=!1;}return {valid,value:mapped,keyword:import_color_convert.default.rgb.keyword(rgb2),colorSpace:"hex",rgb:`rgba(${rgb2[0]}, ${rgb2[1]}, ${rgb2[2]}, 1)`,hsl:`hsla(${hsl2[0]}, ${hsl2[1]}%, ${hsl2[2]}%, 1)`,hex:mapped}},getRealValue=(value2,color,colorSpace)=>{if(!value2||!color?.valid)return fallbackColor[colorSpace];if(colorSpace!=="hex")return color?.[colorSpace]||fallbackColor[colorSpace];if(!color.hex.startsWith("#"))try{return `#${import_color_convert.default.keyword.hex(color.hex)}`}catch{return fallbackColor.hex}let short=color.hex.match(SHORTHEX_REGEXP);if(!short)return HEX_REGEXP.test(color.hex)?color.hex:fallbackColor.hex;let[r3,g3,b3]=short[1].split("");return `#${r3}${r3}${g3}${g3}${b3}${b3}`},useColorInput=(initialValue,onChange)=>{let[value2,setValue]=React20.useState(initialValue||""),[color,setColor]=React20.useState(()=>parseValue(value2)),[colorSpace,setColorSpace]=React20.useState(color?.colorSpace||"hex");React20.useEffect(()=>{let nextValue=initialValue||"",nextColor=parseValue(nextValue);setValue(nextValue),setColor(nextColor),setColorSpace(nextColor?.colorSpace||"hex");},[initialValue]);let realValue=React20.useMemo(()=>getRealValue(value2,color,colorSpace).toLowerCase(),[value2,color,colorSpace]),updateValue=React20.useCallback(update=>{let parsed=parseValue(update),v3=parsed?.value||update||"";setValue(v3),v3===""&&(setColor(void 0),onChange(void 0)),parsed&&(setColor(parsed),setColorSpace(parsed.colorSpace),onChange(parsed.value));},[onChange]),cycleColorSpace=React20.useCallback(()=>{let next=COLOR_SPACES.indexOf(colorSpace)+1;next>=COLOR_SPACES.length&&(next=0),setColorSpace(COLOR_SPACES[next]);let update=color?.[COLOR_SPACES[next]]||"";setValue(update),onChange(update);},[color,colorSpace,onChange]);return {value:value2,realValue,updateValue,color,colorSpace,cycleColorSpace}},id=value2=>value2.replace(/\s*/,"").toLowerCase(),usePresets=(presetColors,currentColor,colorSpace)=>{let[selectedColors,setSelectedColors]=React20.useState(currentColor?.valid?[currentColor]:[]);React20.useEffect(()=>{currentColor===void 0&&setSelectedColors([]);},[currentColor]);let presets=React20.useMemo(()=>(presetColors||[]).map(preset=>typeof preset=="string"?parseValue(preset):preset.title?{...parseValue(preset.color),keyword:preset.title}:parseValue(preset.color)).concat(selectedColors).filter(Boolean).slice(-27),[presetColors,selectedColors]),addPreset=React20.useCallback(color=>{color?.valid&&(presets.some(preset=>preset&&preset[colorSpace]&&id(preset[colorSpace]||"")===id(color[colorSpace]||""))||setSelectedColors(arr=>arr.concat(color)));},[colorSpace,presets]);return {presets,addPreset}},ColorControl=({name,value:initialValue,onChange,onFocus,onBlur,presetColors,startOpen=!1,argType})=>{let debouncedOnChange=React20.useCallback(debounce2(onChange,200),[onChange]),{value:value2,realValue,updateValue,color,colorSpace,cycleColorSpace}=useColorInput(initialValue,debouncedOnChange),{presets,addPreset}=usePresets(presetColors??[],color,colorSpace),Picker=ColorPicker[colorSpace],readonly=!!argType?.table?.readonly;return React20__namespace.default.createElement(Wrapper9,{"aria-readonly":readonly},React20__namespace.default.createElement(PickerTooltip,{startOpen,trigger:readonly?null:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>color&&addPreset(color),tooltip:React20__namespace.default.createElement(TooltipContent,null,React20__namespace.default.createElement(Picker,{color:realValue==="transparent"?"#000000":realValue,onChange:updateValue,onFocus,onBlur}),presets.length>0&&React20__namespace.default.createElement(Swatches2,null,presets.map((preset,index)=>React20__namespace.default.createElement(components.WithTooltip,{key:`${preset?.value||index}-${index}`,hasChrome:!1,tooltip:React20__namespace.default.createElement(Note,{note:preset?.keyword||preset?.value||""})},React20__namespace.default.createElement(Swatch2,{value:preset?.[colorSpace]||"",active:!!(color&&preset&&preset[colorSpace]&&id(preset[colorSpace]||"")===id(color[colorSpace])),onClick:()=>preset&&updateValue(preset.value||"")})))))},React20__namespace.default.createElement(Swatch2,{value:realValue,style:{margin:4}})),React20__namespace.default.createElement(Input2,{id:getControlId(name),value:value2,onChange:e3=>updateValue(e3.target.value),onFocus:e3=>e3.target.select(),readOnly:readonly,placeholder:"Choose color..."}),value2?React20__namespace.default.createElement(ToggleIcon,{onClick:cycleColorSpace}):null)},Color_default=ColorControl;}});var require_memoizerific=__commonJS({"../../node_modules/memoizerific/memoizerific.js"(exports,module){(function(f3){if(typeof exports=="object"&&typeof module<"u")module.exports=f3();else if(typeof define=="function"&&define.amd)define([],f3);else {var g3;typeof window<"u"?g3=window:typeof global<"u"?g3=global:typeof self<"u"?g3=self:g3=this,g3.memoizerific=f3();}})(function(){return function e3(t3,n3,r3){function s3(o4,u3){if(!n3[o4]){if(!t3[o4]){var a3=typeof __require=="function"&&__require;if(!u3&&a3)return a3(o4,!0);if(i3)return i3(o4,!0);var f3=new Error("Cannot find module '"+o4+"'");throw f3.code="MODULE_NOT_FOUND",f3}var l3=n3[o4]={exports:{}};t3[o4][0].call(l3.exports,function(e4){var n4=t3[o4][1][e4];return s3(n4||e4)},l3,l3.exports,e3,t3,n3,r3);}return n3[o4].exports}for(var i3=typeof __require=="function"&&__require,o3=0;o3<r3.length;o3++)s3(r3[o3]);return s3}({1:[function(_dereq_,module3,exports3){module3.exports=function(forceSimilar){if(typeof Map!="function"||forceSimilar){var Similar=_dereq_("./similar");return new Similar}else return new Map};},{"./similar":2}],2:[function(_dereq_,module3,exports3){function Similar(){return this.list=[],this.lastItem=void 0,this.size=0,this}Similar.prototype.get=function(key){var index;if(this.lastItem&&this.isEqual(this.lastItem.key,key))return this.lastItem.val;if(index=this.indexOf(key),index>=0)return this.lastItem=this.list[index],this.list[index].val},Similar.prototype.set=function(key,val){var index;return this.lastItem&&this.isEqual(this.lastItem.key,key)?(this.lastItem.val=val,this):(index=this.indexOf(key),index>=0?(this.lastItem=this.list[index],this.list[index].val=val,this):(this.lastItem={key,val},this.list.push(this.lastItem),this.size++,this))},Similar.prototype.delete=function(key){var index;if(this.lastItem&&this.isEqual(this.lastItem.key,key)&&(this.lastItem=void 0),index=this.indexOf(key),index>=0)return this.size--,this.list.splice(index,1)[0]},Similar.prototype.has=function(key){var index;return this.lastItem&&this.isEqual(this.lastItem.key,key)?!0:(index=this.indexOf(key),index>=0?(this.lastItem=this.list[index],!0):!1)},Similar.prototype.forEach=function(callback,thisArg){var i3;for(i3=0;i3<this.size;i3++)callback.call(thisArg||this,this.list[i3].val,this.list[i3].key,this);},Similar.prototype.indexOf=function(key){var i3;for(i3=0;i3<this.size;i3++)if(this.isEqual(this.list[i3].key,key))return i3;return -1},Similar.prototype.isEqual=function(val1,val2){return val1===val2||val1!==val1&&val2!==val2},module3.exports=Similar;},{}],3:[function(_dereq_,module3,exports3){var MapOrSimilar=_dereq_("map-or-similar");module3.exports=function(limit){var cache=new MapOrSimilar(!1),lru=[];return function(fn){var memoizerific=function(){var currentCache=cache,newMap,fnResult,argsLengthMinusOne=arguments.length-1,lruPath=Array(argsLengthMinusOne+1),isMemoized=!0,i3;if((memoizerific.numArgs||memoizerific.numArgs===0)&&memoizerific.numArgs!==argsLengthMinusOne+1)throw new Error("Memoizerific functions should always be called with the same number of arguments");for(i3=0;i3<argsLengthMinusOne;i3++){if(lruPath[i3]={cacheItem:currentCache,arg:arguments[i3]},currentCache.has(arguments[i3])){currentCache=currentCache.get(arguments[i3]);continue}isMemoized=!1,newMap=new MapOrSimilar(!1),currentCache.set(arguments[i3],newMap),currentCache=newMap;}return isMemoized&&(currentCache.has(arguments[argsLengthMinusOne])?fnResult=currentCache.get(arguments[argsLengthMinusOne]):isMemoized=!1),isMemoized||(fnResult=fn.apply(null,arguments),currentCache.set(arguments[argsLengthMinusOne],fnResult)),limit>0&&(lruPath[argsLengthMinusOne]={cacheItem:currentCache,arg:arguments[argsLengthMinusOne]},isMemoized?moveToMostRecentLru(lru,lruPath):lru.push(lruPath),lru.length>limit&&removeCachedResult(lru.shift())),memoizerific.wasMemoized=isMemoized,memoizerific.numArgs=argsLengthMinusOne+1,fnResult};return memoizerific.limit=limit,memoizerific.wasMemoized=!1,memoizerific.cache=cache,memoizerific.lru=lru,memoizerific}};function moveToMostRecentLru(lru,lruPath){var lruLen=lru.length,lruPathLen=lruPath.length,isMatch,i3,ii;for(i3=0;i3<lruLen;i3++){for(isMatch=!0,ii=0;ii<lruPathLen;ii++)if(!isEqual(lru[i3][ii].arg,lruPath[ii].arg)){isMatch=!1;break}if(isMatch)break}lru.push(lru.splice(i3,1)[0]);}function removeCachedResult(removedLru){var removedLruLen=removedLru.length,currentLru=removedLru[removedLruLen-1],tmp,i3;for(currentLru.cacheItem.delete(currentLru.arg),i3=removedLruLen-2;i3>=0&&(currentLru=removedLru[i3],tmp=currentLru.cacheItem.get(currentLru.arg),!tmp||!tmp.size);i3--)currentLru.cacheItem.delete(currentLru.arg);}function isEqual(val1,val2){return val1===val2||val1!==val1&&val2!==val2}},{"map-or-similar":1}]},{},[3])(3)});}});init_compat();function _extends(){return _extends=Object.assign?Object.assign.bind():function(n3){for(var e3=1;e3<arguments.length;e3++){var t3=arguments[e3];for(var r3 in t3)({}).hasOwnProperty.call(t3,r3)&&(n3[r3]=t3[r3]);}return n3},_extends.apply(null,arguments)}function _assertThisInitialized(e3){if(e3===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e3}function _setPrototypeOf(t3,e3){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t4,e4){return t4.__proto__=e4,t4},_setPrototypeOf(t3,e3)}function _inheritsLoose(t3,o3){t3.prototype=Object.create(o3.prototype),t3.prototype.constructor=t3,_setPrototypeOf(t3,o3);}function _getPrototypeOf(t3){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t4){return t4.__proto__||Object.getPrototypeOf(t4)},_getPrototypeOf(t3)}function _isNativeFunction(t3){try{return Function.toString.call(t3).indexOf("[native code]")!==-1}catch{return typeof t3=="function"}}function _isNativeReflectConstruct(){try{var t3=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch{}return (_isNativeReflectConstruct=function(){return !!t3})()}function _construct(t3,e3,r3){if(_isNativeReflectConstruct())return Reflect.construct.apply(null,arguments);var o3=[null];o3.push.apply(o3,e3);var p3=new(t3.bind.apply(t3,o3));return r3&&_setPrototypeOf(p3,r3.prototype),p3}function _wrapNativeSuper(t3){var r3=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper=function(t4){if(t4===null||!_isNativeFunction(t4))return t4;if(typeof t4!="function")throw new TypeError("Super expression must either be null or a function");if(r3!==void 0){if(r3.has(t4))return r3.get(t4);r3.set(t4,Wrapper12);}function Wrapper12(){return _construct(t4,arguments,_getPrototypeOf(this).constructor)}return Wrapper12.prototype=Object.create(t4.prototype,{constructor:{value:Wrapper12,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper12,t4)},_wrapNativeSuper(t3)}var ERRORS={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
+var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __require=(x3=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(x3,{get:(a3,b3)=>(typeof require<"u"?require:a3)[b3]}):x3)(function(x3){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+x3+'" is not supported')});var __esm=(fn,res)=>function(){return fn&&(res=(0, fn[__getOwnPropNames(fn)[0]])(fn=0)),res};var __commonJS=(cb,mod)=>function(){return mod||(0, cb[__getOwnPropNames(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports};var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0});},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod));function isSymbol(value2){return typeof value2=="symbol"||value2 instanceof Symbol}var init_isSymbol=__esm({"../../node_modules/es-toolkit/dist/compat/predicate/isSymbol.mjs"(){}});function toNumber(value2){return isSymbol(value2)?NaN:Number(value2)}var init_toNumber=__esm({"../../node_modules/es-toolkit/dist/compat/util/toNumber.mjs"(){init_isSymbol();}});function toFinite(value2){return value2?(value2=toNumber(value2),value2===1/0||value2===-1/0?(value2<0?-1:1)*Number.MAX_VALUE:value2===value2?value2:0):value2===0?value2:0}var init_toFinite=__esm({"../../node_modules/es-toolkit/dist/compat/util/toFinite.mjs"(){init_toNumber();}});function toInteger(value2){let finite=toFinite(value2),remainder=finite%1;return remainder?finite-remainder:finite}var init_toInteger=__esm({"../../node_modules/es-toolkit/dist/compat/util/toInteger.mjs"(){init_toFinite();}});function uniq(arr){return Array.from(new Set(arr))}var init_uniq=__esm({"../../node_modules/es-toolkit/dist/array/uniq.mjs"(){}});function isPrimitive(value2){return value2==null||typeof value2!="object"&&typeof value2!="function"}var init_isPrimitive=__esm({"../../node_modules/es-toolkit/dist/predicate/isPrimitive.mjs"(){}});function isTypedArray(x3){return ArrayBuffer.isView(x3)&&!(x3 instanceof DataView)}var init_isTypedArray=__esm({"../../node_modules/es-toolkit/dist/predicate/isTypedArray.mjs"(){}});function getSymbols(object2){return Object.getOwnPropertySymbols(object2).filter(symbol=>Object.prototype.propertyIsEnumerable.call(object2,symbol))}var init_getSymbols=__esm({"../../node_modules/es-toolkit/dist/compat/_internal/getSymbols.mjs"(){}});function getTag(value2){return value2==null?value2===void 0?"[object Undefined]":"[object Null]":Object.prototype.toString.call(value2)}var init_getTag=__esm({"../../node_modules/es-toolkit/dist/compat/_internal/getTag.mjs"(){}});var regexpTag,stringTag,numberTag,booleanTag,argumentsTag,symbolTag,dateTag,mapTag,setTag,arrayTag,arrayBufferTag,objectTag,dataViewTag,uint8ArrayTag,uint8ClampedArrayTag,uint16ArrayTag,uint32ArrayTag,int8ArrayTag,int16ArrayTag,int32ArrayTag,float32ArrayTag,float64ArrayTag,init_tags=__esm({"../../node_modules/es-toolkit/dist/compat/_internal/tags.mjs"(){regexpTag="[object RegExp]",stringTag="[object String]",numberTag="[object Number]",booleanTag="[object Boolean]",argumentsTag="[object Arguments]",symbolTag="[object Symbol]",dateTag="[object Date]",mapTag="[object Map]",setTag="[object Set]",arrayTag="[object Array]",arrayBufferTag="[object ArrayBuffer]",objectTag="[object Object]",dataViewTag="[object DataView]",uint8ArrayTag="[object Uint8Array]",uint8ClampedArrayTag="[object Uint8ClampedArray]",uint16ArrayTag="[object Uint16Array]",uint32ArrayTag="[object Uint32Array]",int8ArrayTag="[object Int8Array]",int16ArrayTag="[object Int16Array]",int32ArrayTag="[object Int32Array]",float32ArrayTag="[object Float32Array]",float64ArrayTag="[object Float64Array]";}});function cloneDeepWith(obj,cloneValue){return cloneDeepWithImpl(obj,void 0,obj,new Map,cloneValue)}function cloneDeepWithImpl(valueToClone,keyToClone,objectToClone,stack=new Map,cloneValue=void 0){let cloned=cloneValue?.(valueToClone,keyToClone,objectToClone,stack);if(cloned!=null)return cloned;if(isPrimitive(valueToClone))return valueToClone;if(stack.has(valueToClone))return stack.get(valueToClone);if(Array.isArray(valueToClone)){let result=new Array(valueToClone.length);stack.set(valueToClone,result);for(let i3=0;i3<valueToClone.length;i3++)result[i3]=cloneDeepWithImpl(valueToClone[i3],i3,objectToClone,stack,cloneValue);return Object.hasOwn(valueToClone,"index")&&(result.index=valueToClone.index),Object.hasOwn(valueToClone,"input")&&(result.input=valueToClone.input),result}if(valueToClone instanceof Date)return new Date(valueToClone.getTime());if(valueToClone instanceof RegExp){let result=new RegExp(valueToClone.source,valueToClone.flags);return result.lastIndex=valueToClone.lastIndex,result}if(valueToClone instanceof Map){let result=new Map;stack.set(valueToClone,result);for(let[key,value2]of valueToClone)result.set(key,cloneDeepWithImpl(value2,key,objectToClone,stack,cloneValue));return result}if(valueToClone instanceof Set){let result=new Set;stack.set(valueToClone,result);for(let value2 of valueToClone)result.add(cloneDeepWithImpl(value2,void 0,objectToClone,stack,cloneValue));return result}if(typeof Buffer<"u"&&Buffer.isBuffer(valueToClone))return valueToClone.subarray();if(isTypedArray(valueToClone)){let result=new(Object.getPrototypeOf(valueToClone)).constructor(valueToClone.length);stack.set(valueToClone,result);for(let i3=0;i3<valueToClone.length;i3++)result[i3]=cloneDeepWithImpl(valueToClone[i3],i3,objectToClone,stack,cloneValue);return result}if(valueToClone instanceof ArrayBuffer||typeof SharedArrayBuffer<"u"&&valueToClone instanceof SharedArrayBuffer)return valueToClone.slice(0);if(valueToClone instanceof DataView){let result=new DataView(valueToClone.buffer.slice(0),valueToClone.byteOffset,valueToClone.byteLength);return stack.set(valueToClone,result),copyProperties(result,valueToClone,objectToClone,stack,cloneValue),result}if(typeof File<"u"&&valueToClone instanceof File){let result=new File([valueToClone],valueToClone.name,{type:valueToClone.type});return stack.set(valueToClone,result),copyProperties(result,valueToClone,objectToClone,stack,cloneValue),result}if(valueToClone instanceof Blob){let result=new Blob([valueToClone],{type:valueToClone.type});return stack.set(valueToClone,result),copyProperties(result,valueToClone,objectToClone,stack,cloneValue),result}if(valueToClone instanceof Error){let result=new valueToClone.constructor;return stack.set(valueToClone,result),result.message=valueToClone.message,result.name=valueToClone.name,result.stack=valueToClone.stack,result.cause=valueToClone.cause,copyProperties(result,valueToClone,objectToClone,stack,cloneValue),result}if(typeof valueToClone=="object"&&isCloneableObject(valueToClone)){let result=Object.create(Object.getPrototypeOf(valueToClone));return stack.set(valueToClone,result),copyProperties(result,valueToClone,objectToClone,stack,cloneValue),result}return valueToClone}function copyProperties(target,source,objectToClone=target,stack,cloneValue){let keys=[...Object.keys(source),...getSymbols(source)];for(let i3=0;i3<keys.length;i3++){let key=keys[i3],descriptor=Object.getOwnPropertyDescriptor(target,key);(descriptor==null||descriptor.writable)&&(target[key]=cloneDeepWithImpl(source[key],key,objectToClone,stack,cloneValue));}}function isCloneableObject(object2){switch(getTag(object2)){case argumentsTag:case arrayTag:case arrayBufferTag:case dataViewTag:case booleanTag:case dateTag:case float32ArrayTag:case float64ArrayTag:case int8ArrayTag:case int16ArrayTag:case int32ArrayTag:case mapTag:case numberTag:case objectTag:case regexpTag:case setTag:case stringTag:case symbolTag:case uint8ArrayTag:case uint8ClampedArrayTag:case uint16ArrayTag:case uint32ArrayTag:return !0;default:return !1}}var init_cloneDeepWith=__esm({"../../node_modules/es-toolkit/dist/object/cloneDeepWith.mjs"(){init_getSymbols();init_getTag();init_tags();init_isPrimitive();init_isTypedArray();}});function isLength(value2){return Number.isSafeInteger(value2)&&value2>=0}var init_isLength=__esm({"../../node_modules/es-toolkit/dist/predicate/isLength.mjs"(){}});function isArrayLike(value2){return value2!=null&&typeof value2!="function"&&isLength(value2.length)}var init_isArrayLike=__esm({"../../node_modules/es-toolkit/dist/compat/predicate/isArrayLike.mjs"(){init_isLength();}});function cloneDeepWith2(obj,cloneValue){return cloneDeepWith(obj,(value2,key,object2,stack)=>{let cloned=cloneValue?.(value2,key,object2,stack);if(cloned!=null)return cloned;if(typeof obj=="object")switch(Object.prototype.toString.call(obj)){case numberTag:case stringTag:case booleanTag:{let result=new obj.constructor(obj?.valueOf());return copyProperties(result,obj),result}case argumentsTag:{let result={};return copyProperties(result,obj),result.length=obj.length,result[Symbol.iterator]=obj[Symbol.iterator],result}default:return}})}var init_cloneDeepWith2=__esm({"../../node_modules/es-toolkit/dist/compat/object/cloneDeepWith.mjs"(){init_cloneDeepWith();init_tags();}});function cloneDeep(obj){return cloneDeepWith2(obj)}var init_cloneDeep=__esm({"../../node_modules/es-toolkit/dist/compat/object/cloneDeep.mjs"(){init_cloneDeepWith2();}});function range(start,end,step=1){if(end==null&&(end=start,start=0),!Number.isInteger(step)||step===0)throw new Error("The step value must be a non-zero integer.");let length=Math.max(Math.ceil((end-start)/step),0),result=new Array(length);for(let i3=0;i3<length;i3++)result[i3]=start+i3*step;return result}var init_range=__esm({"../../node_modules/es-toolkit/dist/math/range.mjs"(){}});function uniq2(arr){return isArrayLike(arr)?uniq(Array.from(arr)):[]}var init_uniq2=__esm({"../../node_modules/es-toolkit/dist/compat/array/uniq.mjs"(){init_uniq();init_isArrayLike();}});function debounce(func,debounceMs,{signal,edges}={}){let pendingThis,pendingArgs=null,leading=edges!=null&&edges.includes("leading"),trailing=edges==null||edges.includes("trailing"),invoke=()=>{pendingArgs!==null&&(func.apply(pendingThis,pendingArgs),pendingThis=void 0,pendingArgs=null);},onTimerEnd=()=>{trailing&&invoke(),cancel();},timeoutId=null,schedule=()=>{timeoutId!=null&&clearTimeout(timeoutId),timeoutId=setTimeout(()=>{timeoutId=null,onTimerEnd();},debounceMs);},cancelTimer=()=>{timeoutId!==null&&(clearTimeout(timeoutId),timeoutId=null);},cancel=()=>{cancelTimer(),pendingThis=void 0,pendingArgs=null;},flush=()=>{cancelTimer(),invoke();},debounced=function(...args){if(signal?.aborted)return;pendingThis=this,pendingArgs=args;let isFirstCall=timeoutId==null;schedule(),leading&&isFirstCall&&invoke();};return debounced.schedule=schedule,debounced.cancel=cancel,debounced.flush=flush,signal?.addEventListener("abort",cancel,{once:!0}),debounced}var init_debounce=__esm({"../../node_modules/es-toolkit/dist/function/debounce.mjs"(){}});function debounce2(func,debounceMs=0,options={}){typeof options!="object"&&(options={});let{signal,leading=!1,trailing=!0,maxWait}=options,edges=Array(2);leading&&(edges[0]="leading"),trailing&&(edges[1]="trailing");let result,pendingAt=null,_debounced=debounce(function(...args){result=func.apply(this,args),pendingAt=null;},debounceMs,{signal,edges}),debounced=function(...args){if(maxWait!=null){if(pendingAt===null)pendingAt=Date.now();else if(Date.now()-pendingAt>=maxWait)return result=func.apply(this,args),pendingAt=Date.now(),_debounced.cancel(),_debounced.schedule(),result}return _debounced.apply(this,args),result},flush=()=>(_debounced.flush(),result);return debounced.cancel=_debounced.cancel,debounced.flush=flush,debounced}var init_debounce2=__esm({"../../node_modules/es-toolkit/dist/compat/function/debounce.mjs"(){init_debounce();}});function isBuffer(x3){return typeof Buffer<"u"&&Buffer.isBuffer(x3)}var init_isBuffer=__esm({"../../node_modules/es-toolkit/dist/predicate/isBuffer.mjs"(){}});function isPrototype(value2){let constructor=value2?.constructor,prototype=typeof constructor=="function"?constructor.prototype:Object.prototype;return value2===prototype}var init_isPrototype=__esm({"../../node_modules/es-toolkit/dist/compat/_internal/isPrototype.mjs"(){}});function isTypedArray2(x3){return isTypedArray(x3)}var init_isTypedArray2=__esm({"../../node_modules/es-toolkit/dist/compat/predicate/isTypedArray.mjs"(){init_isTypedArray();}});function times(n3,getValue2){if(n3=toInteger(n3),n3<1||!Number.isSafeInteger(n3))return [];let result=new Array(n3);for(let i3=0;i3<n3;i3++)result[i3]=typeof getValue2=="function"?getValue2(i3):i3;return result}var init_times=__esm({"../../node_modules/es-toolkit/dist/compat/util/times.mjs"(){init_toInteger();}});function keysIn(object2){if(object2==null)return [];switch(typeof object2){case"object":case"function":return isArrayLike(object2)?arrayLikeKeysIn(object2):isPrototype(object2)?prototypeKeysIn(object2):keysInImpl(object2);default:return keysInImpl(Object(object2))}}function keysInImpl(object2){let result=[];for(let key in object2)result.push(key);return result}function prototypeKeysIn(object2){return keysInImpl(object2).filter(key=>key!=="constructor")}function arrayLikeKeysIn(object2){let indices=times(object2.length,index=>`${index}`),filteredKeys=new Set(indices);return isBuffer(object2)&&(filteredKeys.add("offset"),filteredKeys.add("parent")),isTypedArray2(object2)&&(filteredKeys.add("buffer"),filteredKeys.add("byteLength"),filteredKeys.add("byteOffset")),[...indices,...keysInImpl(object2).filter(key=>!filteredKeys.has(key))]}var init_keysIn=__esm({"../../node_modules/es-toolkit/dist/compat/object/keysIn.mjs"(){init_isBuffer();init_isPrototype();init_isArrayLike();init_isTypedArray2();init_times();}});function getSymbolsIn(object2){let result=[];for(;object2;)result.push(...getSymbols(object2)),object2=Object.getPrototypeOf(object2);return result}var init_getSymbolsIn=__esm({"../../node_modules/es-toolkit/dist/compat/_internal/getSymbolsIn.mjs"(){init_getSymbols();}});function pickBy(obj,shouldPick){if(obj==null)return {};let result={};if(shouldPick==null)return obj;let keys=isArrayLike(obj)?range(0,obj.length):[...keysIn(obj),...getSymbolsIn(obj)];for(let i3=0;i3<keys.length;i3++){let key=isSymbol(keys[i3])?keys[i3]:keys[i3].toString(),value2=obj[key];shouldPick(value2,key,obj)&&(result[key]=value2);}return result}var init_pickBy=__esm({"../../node_modules/es-toolkit/dist/compat/object/pickBy.mjs"(){init_keysIn();init_range();init_getSymbolsIn();init_isArrayLike();init_isSymbol();}});var init_compat=__esm({"../../node_modules/es-toolkit/dist/compat/index.mjs"(){init_uniq2();init_debounce2();init_cloneDeep();init_pickBy();}});var getControlId,getControlSetterButtonId,init_helpers=__esm({"src/blocks/controls/helpers.ts"(){getControlId=value2=>`control-${value2.replace(/\s+/g,"-")}`,getControlSetterButtonId=value2=>`set-${value2.replace(/\s+/g,"-")}`;}});var require_color_name=__commonJS({"../../node_modules/color-name/index.js"(exports,module){module.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};}});var require_conversions=__commonJS({"../../node_modules/color-convert/conversions.js"(exports,module){var cssKeywords=require_color_name(),reverseKeywords={};for(let key of Object.keys(cssKeywords))reverseKeywords[cssKeywords[key]]=key;var convert3={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};module.exports=convert3;for(let model of Object.keys(convert3)){if(!("channels"in convert3[model]))throw new Error("missing channels property: "+model);if(!("labels"in convert3[model]))throw new Error("missing channel labels property: "+model);if(convert3[model].labels.length!==convert3[model].channels)throw new Error("channel and label counts mismatch: "+model);let{channels,labels}=convert3[model];delete convert3[model].channels,delete convert3[model].labels,Object.defineProperty(convert3[model],"channels",{value:channels}),Object.defineProperty(convert3[model],"labels",{value:labels});}convert3.rgb.hsl=function(rgb2){let r3=rgb2[0]/255,g3=rgb2[1]/255,b3=rgb2[2]/255,min=Math.min(r3,g3,b3),max=Math.max(r3,g3,b3),delta=max-min,h3,s3;max===min?h3=0:r3===max?h3=(g3-b3)/delta:g3===max?h3=2+(b3-r3)/delta:b3===max&&(h3=4+(r3-g3)/delta),h3=Math.min(h3*60,360),h3<0&&(h3+=360);let l3=(min+max)/2;return max===min?s3=0:l3<=.5?s3=delta/(max+min):s3=delta/(2-max-min),[h3,s3*100,l3*100]};convert3.rgb.hsv=function(rgb2){let rdif,gdif,bdif,h3,s3,r3=rgb2[0]/255,g3=rgb2[1]/255,b3=rgb2[2]/255,v3=Math.max(r3,g3,b3),diff=v3-Math.min(r3,g3,b3),diffc=function(c3){return (v3-c3)/6/diff+1/2};return diff===0?(h3=0,s3=0):(s3=diff/v3,rdif=diffc(r3),gdif=diffc(g3),bdif=diffc(b3),r3===v3?h3=bdif-gdif:g3===v3?h3=1/3+rdif-bdif:b3===v3&&(h3=2/3+gdif-rdif),h3<0?h3+=1:h3>1&&(h3-=1)),[h3*360,s3*100,v3*100]};convert3.rgb.hwb=function(rgb2){let r3=rgb2[0],g3=rgb2[1],b3=rgb2[2],h3=convert3.rgb.hsl(rgb2)[0],w3=1/255*Math.min(r3,Math.min(g3,b3));return b3=1-1/255*Math.max(r3,Math.max(g3,b3)),[h3,w3*100,b3*100]};convert3.rgb.cmyk=function(rgb2){let r3=rgb2[0]/255,g3=rgb2[1]/255,b3=rgb2[2]/255,k3=Math.min(1-r3,1-g3,1-b3),c3=(1-r3-k3)/(1-k3)||0,m3=(1-g3-k3)/(1-k3)||0,y3=(1-b3-k3)/(1-k3)||0;return [c3*100,m3*100,y3*100,k3*100]};function comparativeDistance(x3,y3){return (x3[0]-y3[0])**2+(x3[1]-y3[1])**2+(x3[2]-y3[2])**2}convert3.rgb.keyword=function(rgb2){let reversed=reverseKeywords[rgb2];if(reversed)return reversed;let currentClosestDistance=1/0,currentClosestKeyword;for(let keyword of Object.keys(cssKeywords)){let value2=cssKeywords[keyword],distance=comparativeDistance(rgb2,value2);distance<currentClosestDistance&&(currentClosestDistance=distance,currentClosestKeyword=keyword);}return currentClosestKeyword};convert3.keyword.rgb=function(keyword){return cssKeywords[keyword]};convert3.rgb.xyz=function(rgb2){let r3=rgb2[0]/255,g3=rgb2[1]/255,b3=rgb2[2]/255;r3=r3>.04045?((r3+.055)/1.055)**2.4:r3/12.92,g3=g3>.04045?((g3+.055)/1.055)**2.4:g3/12.92,b3=b3>.04045?((b3+.055)/1.055)**2.4:b3/12.92;let x3=r3*.4124+g3*.3576+b3*.1805,y3=r3*.2126+g3*.7152+b3*.0722,z3=r3*.0193+g3*.1192+b3*.9505;return [x3*100,y3*100,z3*100]};convert3.rgb.lab=function(rgb2){let xyz=convert3.rgb.xyz(rgb2),x3=xyz[0],y3=xyz[1],z3=xyz[2];x3/=95.047,y3/=100,z3/=108.883,x3=x3>.008856?x3**(1/3):7.787*x3+16/116,y3=y3>.008856?y3**(1/3):7.787*y3+16/116,z3=z3>.008856?z3**(1/3):7.787*z3+16/116;let l3=116*y3-16,a3=500*(x3-y3),b3=200*(y3-z3);return [l3,a3,b3]};convert3.hsl.rgb=function(hsl2){let h3=hsl2[0]/360,s3=hsl2[1]/100,l3=hsl2[2]/100,t22,t3,val;if(s3===0)return val=l3*255,[val,val,val];l3<.5?t22=l3*(1+s3):t22=l3+s3-l3*s3;let t1=2*l3-t22,rgb2=[0,0,0];for(let i3=0;i3<3;i3++)t3=h3+1/3*-(i3-1),t3<0&&t3++,t3>1&&t3--,6*t3<1?val=t1+(t22-t1)*6*t3:2*t3<1?val=t22:3*t3<2?val=t1+(t22-t1)*(2/3-t3)*6:val=t1,rgb2[i3]=val*255;return rgb2};convert3.hsl.hsv=function(hsl2){let h3=hsl2[0],s3=hsl2[1]/100,l3=hsl2[2]/100,smin=s3,lmin=Math.max(l3,.01);l3*=2,s3*=l3<=1?l3:2-l3,smin*=lmin<=1?lmin:2-lmin;let v3=(l3+s3)/2,sv=l3===0?2*smin/(lmin+smin):2*s3/(l3+s3);return [h3,sv*100,v3*100]};convert3.hsv.rgb=function(hsv){let h3=hsv[0]/60,s3=hsv[1]/100,v3=hsv[2]/100,hi=Math.floor(h3)%6,f3=h3-Math.floor(h3),p3=255*v3*(1-s3),q3=255*v3*(1-s3*f3),t3=255*v3*(1-s3*(1-f3));switch(v3*=255,hi){case 0:return [v3,t3,p3];case 1:return [q3,v3,p3];case 2:return [p3,v3,t3];case 3:return [p3,q3,v3];case 4:return [t3,p3,v3];case 5:return [v3,p3,q3]}};convert3.hsv.hsl=function(hsv){let h3=hsv[0],s3=hsv[1]/100,v3=hsv[2]/100,vmin=Math.max(v3,.01),sl,l3;l3=(2-s3)*v3;let lmin=(2-s3)*vmin;return sl=s3*vmin,sl/=lmin<=1?lmin:2-lmin,sl=sl||0,l3/=2,[h3,sl*100,l3*100]};convert3.hwb.rgb=function(hwb){let h3=hwb[0]/360,wh=hwb[1]/100,bl=hwb[2]/100,ratio=wh+bl,f3;ratio>1&&(wh/=ratio,bl/=ratio);let i3=Math.floor(6*h3),v3=1-bl;f3=6*h3-i3,(i3&1)!==0&&(f3=1-f3);let n3=wh+f3*(v3-wh),r3,g3,b3;switch(i3){default:case 6:case 0:r3=v3,g3=n3,b3=wh;break;case 1:r3=n3,g3=v3,b3=wh;break;case 2:r3=wh,g3=v3,b3=n3;break;case 3:r3=wh,g3=n3,b3=v3;break;case 4:r3=n3,g3=wh,b3=v3;break;case 5:r3=v3,g3=wh,b3=n3;break}return [r3*255,g3*255,b3*255]};convert3.cmyk.rgb=function(cmyk){let c3=cmyk[0]/100,m3=cmyk[1]/100,y3=cmyk[2]/100,k3=cmyk[3]/100,r3=1-Math.min(1,c3*(1-k3)+k3),g3=1-Math.min(1,m3*(1-k3)+k3),b3=1-Math.min(1,y3*(1-k3)+k3);return [r3*255,g3*255,b3*255]};convert3.xyz.rgb=function(xyz){let x3=xyz[0]/100,y3=xyz[1]/100,z3=xyz[2]/100,r3,g3,b3;return r3=x3*3.2406+y3*-1.5372+z3*-.4986,g3=x3*-.9689+y3*1.8758+z3*.0415,b3=x3*.0557+y3*-.204+z3*1.057,r3=r3>.0031308?1.055*r3**(1/2.4)-.055:r3*12.92,g3=g3>.0031308?1.055*g3**(1/2.4)-.055:g3*12.92,b3=b3>.0031308?1.055*b3**(1/2.4)-.055:b3*12.92,r3=Math.min(Math.max(0,r3),1),g3=Math.min(Math.max(0,g3),1),b3=Math.min(Math.max(0,b3),1),[r3*255,g3*255,b3*255]};convert3.xyz.lab=function(xyz){let x3=xyz[0],y3=xyz[1],z3=xyz[2];x3/=95.047,y3/=100,z3/=108.883,x3=x3>.008856?x3**(1/3):7.787*x3+16/116,y3=y3>.008856?y3**(1/3):7.787*y3+16/116,z3=z3>.008856?z3**(1/3):7.787*z3+16/116;let l3=116*y3-16,a3=500*(x3-y3),b3=200*(y3-z3);return [l3,a3,b3]};convert3.lab.xyz=function(lab){let l3=lab[0],a3=lab[1],b3=lab[2],x3,y3,z3;y3=(l3+16)/116,x3=a3/500+y3,z3=y3-b3/200;let y22=y3**3,x22=x3**3,z22=z3**3;return y3=y22>.008856?y22:(y3-16/116)/7.787,x3=x22>.008856?x22:(x3-16/116)/7.787,z3=z22>.008856?z22:(z3-16/116)/7.787,x3*=95.047,y3*=100,z3*=108.883,[x3,y3,z3]};convert3.lab.lch=function(lab){let l3=lab[0],a3=lab[1],b3=lab[2],h3;h3=Math.atan2(b3,a3)*360/2/Math.PI,h3<0&&(h3+=360);let c3=Math.sqrt(a3*a3+b3*b3);return [l3,c3,h3]};convert3.lch.lab=function(lch){let l3=lch[0],c3=lch[1],hr=lch[2]/360*2*Math.PI,a3=c3*Math.cos(hr),b3=c3*Math.sin(hr);return [l3,a3,b3]};convert3.rgb.ansi16=function(args,saturation=null){let[r3,g3,b3]=args,value2=saturation===null?convert3.rgb.hsv(args)[2]:saturation;if(value2=Math.round(value2/50),value2===0)return 30;let ansi=30+(Math.round(b3/255)<<2|Math.round(g3/255)<<1|Math.round(r3/255));return value2===2&&(ansi+=60),ansi};convert3.hsv.ansi16=function(args){return convert3.rgb.ansi16(convert3.hsv.rgb(args),args[2])};convert3.rgb.ansi256=function(args){let r3=args[0],g3=args[1],b3=args[2];return r3===g3&&g3===b3?r3<8?16:r3>248?231:Math.round((r3-8)/247*24)+232:16+36*Math.round(r3/255*5)+6*Math.round(g3/255*5)+Math.round(b3/255*5)};convert3.ansi16.rgb=function(args){let color=args%10;if(color===0||color===7)return args>50&&(color+=3.5),color=color/10.5*255,[color,color,color];let mult=(~~(args>50)+1)*.5,r3=(color&1)*mult*255,g3=(color>>1&1)*mult*255,b3=(color>>2&1)*mult*255;return [r3,g3,b3]};convert3.ansi256.rgb=function(args){if(args>=232){let c3=(args-232)*10+8;return [c3,c3,c3]}args-=16;let rem2,r3=Math.floor(args/36)/5*255,g3=Math.floor((rem2=args%36)/6)/5*255,b3=rem2%6/5*255;return [r3,g3,b3]};convert3.rgb.hex=function(args){let string=(((Math.round(args[0])&255)<<16)+((Math.round(args[1])&255)<<8)+(Math.round(args[2])&255)).toString(16).toUpperCase();return "000000".substring(string.length)+string};convert3.hex.rgb=function(args){let match=args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!match)return [0,0,0];let colorString=match[0];match[0].length===3&&(colorString=colorString.split("").map(char=>char+char).join(""));let integer=parseInt(colorString,16),r3=integer>>16&255,g3=integer>>8&255,b3=integer&255;return [r3,g3,b3]};convert3.rgb.hcg=function(rgb2){let r3=rgb2[0]/255,g3=rgb2[1]/255,b3=rgb2[2]/255,max=Math.max(Math.max(r3,g3),b3),min=Math.min(Math.min(r3,g3),b3),chroma=max-min,grayscale,hue;return chroma<1?grayscale=min/(1-chroma):grayscale=0,chroma<=0?hue=0:max===r3?hue=(g3-b3)/chroma%6:max===g3?hue=2+(b3-r3)/chroma:hue=4+(r3-g3)/chroma,hue/=6,hue%=1,[hue*360,chroma*100,grayscale*100]};convert3.hsl.hcg=function(hsl2){let s3=hsl2[1]/100,l3=hsl2[2]/100,c3=l3<.5?2*s3*l3:2*s3*(1-l3),f3=0;return c3<1&&(f3=(l3-.5*c3)/(1-c3)),[hsl2[0],c3*100,f3*100]};convert3.hsv.hcg=function(hsv){let s3=hsv[1]/100,v3=hsv[2]/100,c3=s3*v3,f3=0;return c3<1&&(f3=(v3-c3)/(1-c3)),[hsv[0],c3*100,f3*100]};convert3.hcg.rgb=function(hcg){let h3=hcg[0]/360,c3=hcg[1]/100,g3=hcg[2]/100;if(c3===0)return [g3*255,g3*255,g3*255];let pure=[0,0,0],hi=h3%1*6,v3=hi%1,w3=1-v3,mg=0;switch(Math.floor(hi)){case 0:pure[0]=1,pure[1]=v3,pure[2]=0;break;case 1:pure[0]=w3,pure[1]=1,pure[2]=0;break;case 2:pure[0]=0,pure[1]=1,pure[2]=v3;break;case 3:pure[0]=0,pure[1]=w3,pure[2]=1;break;case 4:pure[0]=v3,pure[1]=0,pure[2]=1;break;default:pure[0]=1,pure[1]=0,pure[2]=w3;}return mg=(1-c3)*g3,[(c3*pure[0]+mg)*255,(c3*pure[1]+mg)*255,(c3*pure[2]+mg)*255]};convert3.hcg.hsv=function(hcg){let c3=hcg[1]/100,g3=hcg[2]/100,v3=c3+g3*(1-c3),f3=0;return v3>0&&(f3=c3/v3),[hcg[0],f3*100,v3*100]};convert3.hcg.hsl=function(hcg){let c3=hcg[1]/100,l3=hcg[2]/100*(1-c3)+.5*c3,s3=0;return l3>0&&l3<.5?s3=c3/(2*l3):l3>=.5&&l3<1&&(s3=c3/(2*(1-l3))),[hcg[0],s3*100,l3*100]};convert3.hcg.hwb=function(hcg){let c3=hcg[1]/100,g3=hcg[2]/100,v3=c3+g3*(1-c3);return [hcg[0],(v3-c3)*100,(1-v3)*100]};convert3.hwb.hcg=function(hwb){let w3=hwb[1]/100,v3=1-hwb[2]/100,c3=v3-w3,g3=0;return c3<1&&(g3=(v3-c3)/(1-c3)),[hwb[0],c3*100,g3*100]};convert3.apple.rgb=function(apple){return [apple[0]/65535*255,apple[1]/65535*255,apple[2]/65535*255]};convert3.rgb.apple=function(rgb2){return [rgb2[0]/255*65535,rgb2[1]/255*65535,rgb2[2]/255*65535]};convert3.gray.rgb=function(args){return [args[0]/100*255,args[0]/100*255,args[0]/100*255]};convert3.gray.hsl=function(args){return [0,0,args[0]]};convert3.gray.hsv=convert3.gray.hsl;convert3.gray.hwb=function(gray){return [0,100,gray[0]]};convert3.gray.cmyk=function(gray){return [0,0,0,gray[0]]};convert3.gray.lab=function(gray){return [gray[0],0,0]};convert3.gray.hex=function(gray){let val=Math.round(gray[0]/100*255)&255,string=((val<<16)+(val<<8)+val).toString(16).toUpperCase();return "000000".substring(string.length)+string};convert3.rgb.gray=function(rgb2){return [(rgb2[0]+rgb2[1]+rgb2[2])/3/255*100]};}});var require_route=__commonJS({"../../node_modules/color-convert/route.js"(exports,module){var conversions=require_conversions();function buildGraph(){let graph={},models=Object.keys(conversions);for(let len=models.length,i3=0;i3<len;i3++)graph[models[i3]]={distance:-1,parent:null};return graph}function deriveBFS(fromModel){let graph=buildGraph(),queue=[fromModel];for(graph[fromModel].distance=0;queue.length;){let current=queue.pop(),adjacents=Object.keys(conversions[current]);for(let len=adjacents.length,i3=0;i3<len;i3++){let adjacent=adjacents[i3],node=graph[adjacent];node.distance===-1&&(node.distance=graph[current].distance+1,node.parent=current,queue.unshift(adjacent));}}return graph}function link(from,to){return function(args){return to(from(args))}}function wrapConversion(toModel,graph){let path=[graph[toModel].parent,toModel],fn=conversions[graph[toModel].parent][toModel],cur=graph[toModel].parent;for(;graph[cur].parent;)path.unshift(graph[cur].parent),fn=link(conversions[graph[cur].parent][cur],fn),cur=graph[cur].parent;return fn.conversion=path,fn}module.exports=function(fromModel){let graph=deriveBFS(fromModel),conversion={},models=Object.keys(graph);for(let len=models.length,i3=0;i3<len;i3++){let toModel=models[i3];graph[toModel].parent!==null&&(conversion[toModel]=wrapConversion(toModel,graph));}return conversion};}});var require_color_convert=__commonJS({"../../node_modules/color-convert/index.js"(exports,module){var conversions=require_conversions(),route=require_route(),convert3={},models=Object.keys(conversions);function wrapRaw(fn){let wrappedFn=function(...args){let arg0=args[0];return arg0==null?arg0:(arg0.length>1&&(args=arg0),fn(args))};return "conversion"in fn&&(wrappedFn.conversion=fn.conversion),wrappedFn}function wrapRounded(fn){let wrappedFn=function(...args){let arg0=args[0];if(arg0==null)return arg0;arg0.length>1&&(args=arg0);let result=fn(args);if(typeof result=="object")for(let len=result.length,i3=0;i3<len;i3++)result[i3]=Math.round(result[i3]);return result};return "conversion"in fn&&(wrappedFn.conversion=fn.conversion),wrappedFn}models.forEach(fromModel=>{convert3[fromModel]={},Object.defineProperty(convert3[fromModel],"channels",{value:conversions[fromModel].channels}),Object.defineProperty(convert3[fromModel],"labels",{value:conversions[fromModel].labels});let routes=route(fromModel);Object.keys(routes).forEach(toModel=>{let fn=routes[toModel];convert3[fromModel][toModel]=wrapRounded(fn),convert3[fromModel][toModel].raw=wrapRaw(fn);});});module.exports=convert3;}});function u2(){return (u2=Object.assign||function(e3){for(var r3=1;r3<arguments.length;r3++){var t3=arguments[r3];for(var n3 in t3)Object.prototype.hasOwnProperty.call(t3,n3)&&(e3[n3]=t3[n3]);}return e3}).apply(this,arguments)}function c2(e3,r3){if(e3==null)return {};var t3,n3,o3={},a3=Object.keys(e3);for(n3=0;n3<a3.length;n3++)r3.indexOf(t3=a3[n3])>=0||(o3[t3]=e3[t3]);return o3}function i2(e3){var t3=React20.useRef(e3),n3=React20.useRef(function(e4){t3.current&&t3.current(e4);});return t3.current=e3,n3.current}function Y2(e3,t3,l3){var u3=i2(l3),c3=React20.useState(function(){return e3.toHsva(t3)}),s3=c3[0],f3=c3[1],v3=React20.useRef({color:t3,hsva:s3});React20.useEffect(function(){if(!e3.equal(t3,v3.current.color)){var r3=e3.toHsva(t3);v3.current={hsva:r3,color:t3},f3(r3);}},[t3,e3]),React20.useEffect(function(){var r3;F2(s3,v3.current.hsva)||e3.equal(r3=e3.fromHsva(s3),v3.current.color)||(v3.current={hsva:s3,color:r3},u3(r3));},[s3,e3,u3]);var d3=React20.useCallback(function(e4){f3(function(r3){return Object.assign({},r3,e4)});},[]);return [s3,d3]}var s2,f2,v2,d2,h2,m2,g2,p2,b2,_2,x2,C2,E2,H2,N2,w2,y2,q2,k2,I2,z2,D2,K2,L2,S2,T2,F2,P2,X2,V2,$2,J2,Q2,U2,W2,Z2,ee2,re2,le2,ue2,Ee2,He2,init_dist=__esm({"../../node_modules/react-colorful/dist/index.mjs"(){s2=function(e3,r3,t3){return r3===void 0&&(r3=0),t3===void 0&&(t3=1),e3>t3?t3:e3<r3?r3:e3},f2=function(e3){return "touches"in e3},v2=function(e3){return e3&&e3.ownerDocument.defaultView||self},d2=function(e3,r3,t3){var n3=e3.getBoundingClientRect(),o3=f2(r3)?function(e4,r4){for(var t4=0;t4<e4.length;t4++)if(e4[t4].identifier===r4)return e4[t4];return e4[0]}(r3.touches,t3):r3;return {left:s2((o3.pageX-(n3.left+v2(e3).pageXOffset))/n3.width),top:s2((o3.pageY-(n3.top+v2(e3).pageYOffset))/n3.height)}},h2=function(e3){!f2(e3)&&e3.preventDefault();},m2=React20__namespace.default.memo(function(o3){var a3=o3.onMove,l3=o3.onKey,s3=c2(o3,["onMove","onKey"]),m3=React20.useRef(null),g3=i2(a3),p3=i2(l3),b3=React20.useRef(null),_3=React20.useRef(!1),x3=React20.useMemo(function(){var e3=function(e4){h2(e4),(f2(e4)?e4.touches.length>0:e4.buttons>0)&&m3.current?g3(d2(m3.current,e4,b3.current)):t3(!1);},r3=function(){return t3(!1)};function t3(t4){var n3=_3.current,o4=v2(m3.current),a4=t4?o4.addEventListener:o4.removeEventListener;a4(n3?"touchmove":"mousemove",e3),a4(n3?"touchend":"mouseup",r3);}return [function(e4){var r4=e4.nativeEvent,n3=m3.current;if(n3&&(h2(r4),!function(e5,r5){return r5&&!f2(e5)}(r4,_3.current)&&n3)){if(f2(r4)){_3.current=!0;var o4=r4.changedTouches||[];o4.length&&(b3.current=o4[0].identifier);}n3.focus(),g3(d2(n3,r4,b3.current)),t3(!0);}},function(e4){var r4=e4.which||e4.keyCode;r4<37||r4>40||(e4.preventDefault(),p3({left:r4===39?.05:r4===37?-.05:0,top:r4===40?.05:r4===38?-.05:0}));},t3]},[p3,g3]),C3=x3[0],E3=x3[1],H4=x3[2];return React20.useEffect(function(){return H4},[H4]),React20__namespace.default.createElement("div",u2({},s3,{onTouchStart:C3,onMouseDown:C3,className:"react-colorful__interactive",ref:m3,onKeyDown:E3,tabIndex:0,role:"slider"}))}),g2=function(e3){return e3.filter(Boolean).join(" ")},p2=function(r3){var t3=r3.color,n3=r3.left,o3=r3.top,a3=o3===void 0?.5:o3,l3=g2(["react-colorful__pointer",r3.className]);return React20__namespace.default.createElement("div",{className:l3,style:{top:100*a3+"%",left:100*n3+"%"}},React20__namespace.default.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t3}}))},b2=function(e3,r3,t3){return r3===void 0&&(r3=0),t3===void 0&&(t3=Math.pow(10,r3)),Math.round(t3*e3)/t3},_2={grad:.9,turn:360,rad:360/(2*Math.PI)},x2=function(e3){return L2(C2(e3))},C2=function(e3){return e3[0]==="#"&&(e3=e3.substring(1)),e3.length<6?{r:parseInt(e3[0]+e3[0],16),g:parseInt(e3[1]+e3[1],16),b:parseInt(e3[2]+e3[2],16),a:e3.length===4?b2(parseInt(e3[3]+e3[3],16)/255,2):1}:{r:parseInt(e3.substring(0,2),16),g:parseInt(e3.substring(2,4),16),b:parseInt(e3.substring(4,6),16),a:e3.length===8?b2(parseInt(e3.substring(6,8),16)/255,2):1}},E2=function(e3,r3){return r3===void 0&&(r3="deg"),Number(e3)*(_2[r3]||1)},H2=function(e3){var r3=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e3);return r3?N2({h:E2(r3[1],r3[2]),s:Number(r3[3]),l:Number(r3[4]),a:r3[5]===void 0?1:Number(r3[5])/(r3[6]?100:1)}):{h:0,s:0,v:0,a:1}},N2=function(e3){var r3=e3.s,t3=e3.l;return {h:e3.h,s:(r3*=(t3<50?t3:100-t3)/100)>0?2*r3/(t3+r3)*100:0,v:t3+r3,a:e3.a}},w2=function(e3){return K2(I2(e3))},y2=function(e3){var r3=e3.s,t3=e3.v,n3=e3.a,o3=(200-r3)*t3/100;return {h:b2(e3.h),s:b2(o3>0&&o3<200?r3*t3/100/(o3<=100?o3:200-o3)*100:0),l:b2(o3/2),a:b2(n3,2)}},q2=function(e3){var r3=y2(e3);return "hsl("+r3.h+", "+r3.s+"%, "+r3.l+"%)"},k2=function(e3){var r3=y2(e3);return "hsla("+r3.h+", "+r3.s+"%, "+r3.l+"%, "+r3.a+")"},I2=function(e3){var r3=e3.h,t3=e3.s,n3=e3.v,o3=e3.a;r3=r3/360*6,t3/=100,n3/=100;var a3=Math.floor(r3),l3=n3*(1-t3),u3=n3*(1-(r3-a3)*t3),c3=n3*(1-(1-r3+a3)*t3),i3=a3%6;return {r:b2(255*[n3,u3,l3,l3,c3,n3][i3]),g:b2(255*[c3,n3,n3,u3,l3,l3][i3]),b:b2(255*[l3,l3,c3,n3,n3,u3][i3]),a:b2(o3,2)}},z2=function(e3){var r3=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e3);return r3?L2({r:Number(r3[1])/(r3[2]?100/255:1),g:Number(r3[3])/(r3[4]?100/255:1),b:Number(r3[5])/(r3[6]?100/255:1),a:r3[7]===void 0?1:Number(r3[7])/(r3[8]?100:1)}):{h:0,s:0,v:0,a:1}},D2=function(e3){var r3=e3.toString(16);return r3.length<2?"0"+r3:r3},K2=function(e3){var r3=e3.r,t3=e3.g,n3=e3.b,o3=e3.a,a3=o3<1?D2(b2(255*o3)):"";return "#"+D2(r3)+D2(t3)+D2(n3)+a3},L2=function(e3){var r3=e3.r,t3=e3.g,n3=e3.b,o3=e3.a,a3=Math.max(r3,t3,n3),l3=a3-Math.min(r3,t3,n3),u3=l3?a3===r3?(t3-n3)/l3:a3===t3?2+(n3-r3)/l3:4+(r3-t3)/l3:0;return {h:b2(60*(u3<0?u3+6:u3)),s:b2(a3?l3/a3*100:0),v:b2(a3/255*100),a:o3}},S2=React20__namespace.default.memo(function(r3){var t3=r3.hue,n3=r3.onChange,o3=g2(["react-colorful__hue",r3.className]);return React20__namespace.default.createElement("div",{className:o3},React20__namespace.default.createElement(m2,{onMove:function(e3){n3({h:360*e3.left});},onKey:function(e3){n3({h:s2(t3+360*e3.left,0,360)});},"aria-label":"Hue","aria-valuenow":b2(t3),"aria-valuemax":"360","aria-valuemin":"0"},React20__namespace.default.createElement(p2,{className:"react-colorful__hue-pointer",left:t3/360,color:q2({h:t3,s:100,v:100,a:1})})))}),T2=React20__namespace.default.memo(function(r3){var t3=r3.hsva,n3=r3.onChange,o3={backgroundColor:q2({h:t3.h,s:100,v:100,a:1})};return React20__namespace.default.createElement("div",{className:"react-colorful__saturation",style:o3},React20__namespace.default.createElement(m2,{onMove:function(e3){n3({s:100*e3.left,v:100-100*e3.top});},onKey:function(e3){n3({s:s2(t3.s+100*e3.left,0,100),v:s2(t3.v-100*e3.top,0,100)});},"aria-label":"Color","aria-valuetext":"Saturation "+b2(t3.s)+"%, Brightness "+b2(t3.v)+"%"},React20__namespace.default.createElement(p2,{className:"react-colorful__saturation-pointer",top:1-t3.v/100,left:t3.s/100,color:q2(t3)})))}),F2=function(e3,r3){if(e3===r3)return !0;for(var t3 in e3)if(e3[t3]!==r3[t3])return !1;return !0},P2=function(e3,r3){return e3.replace(/\s/g,"")===r3.replace(/\s/g,"")},X2=function(e3,r3){return e3.toLowerCase()===r3.toLowerCase()||F2(C2(e3),C2(r3))};V2=typeof window<"u"?React20.useLayoutEffect:React20.useEffect,$2=function(){return (typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0)},J2=new Map,Q2=function(e3){V2(function(){var r3=e3.current?e3.current.ownerDocument:document;if(r3!==void 0&&!J2.has(r3)){var t3=r3.createElement("style");t3.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,J2.set(r3,t3);var n3=$2();n3&&t3.setAttribute("nonce",n3),r3.head.appendChild(t3);}},[]);},U2=function(t3){var n3=t3.className,o3=t3.colorModel,a3=t3.color,l3=a3===void 0?o3.defaultColor:a3,i3=t3.onChange,s3=c2(t3,["className","colorModel","color","onChange"]),f3=React20.useRef(null);Q2(f3);var v3=Y2(o3,l3,i3),d3=v3[0],h3=v3[1],m3=g2(["react-colorful",n3]);return React20__namespace.default.createElement("div",u2({},s3,{ref:f3,className:m3}),React20__namespace.default.createElement(T2,{hsva:d3,onChange:h3}),React20__namespace.default.createElement(S2,{hue:d3.h,onChange:h3,className:"react-colorful__last-control"}))},W2={defaultColor:"000",toHsva:x2,fromHsva:function(e3){return w2({h:e3.h,s:e3.s,v:e3.v,a:1})},equal:X2},Z2=function(r3){return React20__namespace.default.createElement(U2,u2({},r3,{colorModel:W2}))},ee2=function(r3){var t3=r3.className,n3=r3.hsva,o3=r3.onChange,a3={backgroundImage:"linear-gradient(90deg, "+k2(Object.assign({},n3,{a:0}))+", "+k2(Object.assign({},n3,{a:1}))+")"},l3=g2(["react-colorful__alpha",t3]),u3=b2(100*n3.a);return React20__namespace.default.createElement("div",{className:l3},React20__namespace.default.createElement("div",{className:"react-colorful__alpha-gradient",style:a3}),React20__namespace.default.createElement(m2,{onMove:function(e3){o3({a:e3.left});},onKey:function(e3){o3({a:s2(n3.a+e3.left)});},"aria-label":"Alpha","aria-valuetext":u3+"%","aria-valuenow":u3,"aria-valuemin":"0","aria-valuemax":"100"},React20__namespace.default.createElement(p2,{className:"react-colorful__alpha-pointer",left:n3.a,color:k2(n3)})))},re2=function(t3){var n3=t3.className,o3=t3.colorModel,a3=t3.color,l3=a3===void 0?o3.defaultColor:a3,i3=t3.onChange,s3=c2(t3,["className","colorModel","color","onChange"]),f3=React20.useRef(null);Q2(f3);var v3=Y2(o3,l3,i3),d3=v3[0],h3=v3[1],m3=g2(["react-colorful",n3]);return React20__namespace.default.createElement("div",u2({},s3,{ref:f3,className:m3}),React20__namespace.default.createElement(T2,{hsva:d3,onChange:h3}),React20__namespace.default.createElement(S2,{hue:d3.h,onChange:h3}),React20__namespace.default.createElement(ee2,{hsva:d3,onChange:h3,className:"react-colorful__last-control"}))},le2={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:H2,fromHsva:k2,equal:P2},ue2=function(r3){return React20__namespace.default.createElement(re2,u2({},r3,{colorModel:le2}))},Ee2={defaultColor:"rgba(0, 0, 0, 1)",toHsva:z2,fromHsva:function(e3){var r3=I2(e3);return "rgba("+r3.r+", "+r3.g+", "+r3.b+", "+r3.a+")"},equal:P2},He2=function(r3){return React20__namespace.default.createElement(re2,u2({},r3,{colorModel:Ee2}))};}});var Color_exports={};__export(Color_exports,{ColorControl:()=>ColorControl,default:()=>Color_default});var import_color_convert,Wrapper9,PickerTooltip,TooltipContent,Note,Swatches2,SwatchColor,swatchBackground,Swatch2,Input2,ToggleIcon,ColorSpace,COLOR_SPACES,COLOR_REGEXP,RGB_REGEXP,HSL_REGEXP,HEX_REGEXP,SHORTHEX_REGEXP,ColorPicker,fallbackColor,stringToArgs,parseRgb,parseHsl,parseHexOrKeyword,parseValue,getRealValue,useColorInput,id,usePresets,ColorControl,Color_default,init_Color=__esm({"src/blocks/controls/Color.tsx"(){import_color_convert=__toESM(require_color_convert());init_compat();init_dist();init_helpers();Wrapper9=theming.styled.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),PickerTooltip=theming.styled(components.WithTooltip)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),TooltipContent=theming.styled.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Note=theming.styled(components.TooltipNote)(({theme})=>({fontFamily:theme.typography.fonts.base})),Swatches2=theming.styled.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),SwatchColor=theming.styled.div(({theme,active})=>({width:16,height:16,boxShadow:active?`${theme.appBorderColor} 0 0 0 1px inset, ${theme.textMutedColor}50 0 0 0 4px`:`${theme.appBorderColor} 0 0 0 1px inset`,borderRadius:theme.appBorderRadius})),swatchBackground=`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,Swatch2=({value:value2,style,...props})=>{let backgroundImage=`linear-gradient(${value2}, ${value2}), ${swatchBackground}, linear-gradient(#fff, #fff)`;return React20__namespace.default.createElement(SwatchColor,{...props,style:{...style,backgroundImage}})},Input2=theming.styled(components.Form.Input)(({theme,readOnly})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:theme.typography.fonts.base})),ToggleIcon=theming.styled(icons.MarkupIcon)(({theme})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:theme.input.color})),ColorSpace=(ColorSpace2=>(ColorSpace2.RGB="rgb",ColorSpace2.HSL="hsl",ColorSpace2.HEX="hex",ColorSpace2))(ColorSpace||{}),COLOR_SPACES=Object.values(ColorSpace),COLOR_REGEXP=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,RGB_REGEXP=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,HSL_REGEXP=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,HEX_REGEXP=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,SHORTHEX_REGEXP=/^\s*#?([0-9a-f]{3})\s*$/i,ColorPicker={hex:Z2,rgb:He2,hsl:ue2},fallbackColor={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},stringToArgs=value2=>{let match=value2?.match(COLOR_REGEXP);if(!match)return [0,0,0,1];let[,x3,y3,z3,a3=1]=match;return [x3,y3,z3,a3].map(Number)},parseRgb=value2=>{let[r3,g3,b3,a3]=stringToArgs(value2),[h3,s3,l3]=import_color_convert.default.rgb.hsl([r3,g3,b3])||[0,0,0];return {valid:!0,value:value2,keyword:import_color_convert.default.rgb.keyword([r3,g3,b3]),colorSpace:"rgb",rgb:value2,hsl:`hsla(${h3}, ${s3}%, ${l3}%, ${a3})`,hex:`#${import_color_convert.default.rgb.hex([r3,g3,b3]).toLowerCase()}`}},parseHsl=value2=>{let[h3,s3,l3,a3]=stringToArgs(value2),[r3,g3,b3]=import_color_convert.default.hsl.rgb([h3,s3,l3])||[0,0,0];return {valid:!0,value:value2,keyword:import_color_convert.default.hsl.keyword([h3,s3,l3]),colorSpace:"hsl",rgb:`rgba(${r3}, ${g3}, ${b3}, ${a3})`,hsl:value2,hex:`#${import_color_convert.default.hsl.hex([h3,s3,l3]).toLowerCase()}`}},parseHexOrKeyword=value2=>{let plain=value2.replace("#",""),rgb2=import_color_convert.default.keyword.rgb(plain)||import_color_convert.default.hex.rgb(plain),hsl2=import_color_convert.default.rgb.hsl(rgb2),mapped=value2;/[^#a-f0-9]/i.test(value2)?mapped=plain:HEX_REGEXP.test(value2)&&(mapped=`#${plain}`);let valid=!0;if(mapped.startsWith("#"))valid=HEX_REGEXP.test(mapped);else try{import_color_convert.default.keyword.hex(mapped);}catch{valid=!1;}return {valid,value:mapped,keyword:import_color_convert.default.rgb.keyword(rgb2),colorSpace:"hex",rgb:`rgba(${rgb2[0]}, ${rgb2[1]}, ${rgb2[2]}, 1)`,hsl:`hsla(${hsl2[0]}, ${hsl2[1]}%, ${hsl2[2]}%, 1)`,hex:mapped}},parseValue=value2=>{if(value2)return RGB_REGEXP.test(value2)?parseRgb(value2):HSL_REGEXP.test(value2)?parseHsl(value2):parseHexOrKeyword(value2)},getRealValue=(value2,color,colorSpace)=>{if(!value2||!color?.valid)return fallbackColor[colorSpace];if(colorSpace!=="hex")return color?.[colorSpace]||fallbackColor[colorSpace];if(!color.hex.startsWith("#"))try{return `#${import_color_convert.default.keyword.hex(color.hex)}`}catch{return fallbackColor.hex}let short=color.hex.match(SHORTHEX_REGEXP);if(!short)return HEX_REGEXP.test(color.hex)?color.hex:fallbackColor.hex;let[r3,g3,b3]=short[1].split("");return `#${r3}${r3}${g3}${g3}${b3}${b3}`},useColorInput=(initialValue,onChange)=>{let[value2,setValue]=React20.useState(initialValue||""),[color,setColor]=React20.useState(()=>parseValue(value2)),[colorSpace,setColorSpace]=React20.useState(color?.colorSpace||"hex");React20.useEffect(()=>{let nextValue=initialValue||"",nextColor=parseValue(nextValue);setValue(nextValue),setColor(nextColor),setColorSpace(nextColor?.colorSpace||"hex");},[initialValue]);let realValue=React20.useMemo(()=>getRealValue(value2,color,colorSpace).toLowerCase(),[value2,color,colorSpace]),updateValue=React20.useCallback(update=>{let parsed=parseValue(update),v3=parsed?.value||update||"";setValue(v3),v3===""&&(setColor(void 0),onChange(void 0)),parsed&&(setColor(parsed),setColorSpace(parsed.colorSpace),onChange(parsed.value));},[onChange]),cycleColorSpace=React20.useCallback(()=>{let nextIndex=(COLOR_SPACES.indexOf(colorSpace)+1)%COLOR_SPACES.length,nextSpace=COLOR_SPACES[nextIndex];setColorSpace(nextSpace);let updatedValue=color?.[nextSpace]||"";setValue(updatedValue),onChange(updatedValue);},[color,colorSpace,onChange]);return {value:value2,realValue,updateValue,color,colorSpace,cycleColorSpace}},id=value2=>value2.replace(/\s*/,"").toLowerCase(),usePresets=(presetColors,currentColor,colorSpace)=>{let[selectedColors,setSelectedColors]=React20.useState(currentColor?.valid?[currentColor]:[]);React20.useEffect(()=>{currentColor===void 0&&setSelectedColors([]);},[currentColor]);let presets=React20.useMemo(()=>(presetColors||[]).map(preset=>typeof preset=="string"?parseValue(preset):preset.title?{...parseValue(preset.color),keyword:preset.title}:parseValue(preset.color)).concat(selectedColors).filter(Boolean).slice(-27),[presetColors,selectedColors]),addPreset=React20.useCallback(color=>{color?.valid&&(presets.some(preset=>preset&&preset[colorSpace]&&id(preset[colorSpace]||"")===id(color[colorSpace]||""))||setSelectedColors(arr=>arr.concat(color)));},[colorSpace,presets]);return {presets,addPreset}},ColorControl=({name,value:initialValue,onChange,onFocus,onBlur,presetColors,startOpen=!1,argType})=>{let debouncedOnChange=React20.useCallback(debounce2(onChange,200),[onChange]),{value:value2,realValue,updateValue,color,colorSpace,cycleColorSpace}=useColorInput(initialValue,debouncedOnChange),{presets,addPreset}=usePresets(presetColors??[],color,colorSpace),Picker=ColorPicker[colorSpace],readonly=!!argType?.table?.readonly;return React20__namespace.default.createElement(Wrapper9,{"aria-readonly":readonly},React20__namespace.default.createElement(PickerTooltip,{startOpen,trigger:readonly?null:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>color&&addPreset(color),tooltip:React20__namespace.default.createElement(TooltipContent,null,React20__namespace.default.createElement(Picker,{color:realValue==="transparent"?"#000000":realValue,onChange:updateValue,onFocus,onBlur}),presets.length>0&&React20__namespace.default.createElement(Swatches2,null,presets.map((preset,index)=>React20__namespace.default.createElement(components.WithTooltip,{key:`${preset?.value||index}-${index}`,hasChrome:!1,tooltip:React20__namespace.default.createElement(Note,{note:preset?.keyword||preset?.value||""})},React20__namespace.default.createElement(Swatch2,{value:preset?.[colorSpace]||"",active:!!(color&&preset&&preset[colorSpace]&&id(preset[colorSpace]||"")===id(color[colorSpace])),onClick:()=>preset&&updateValue(preset.value||"")})))))},React20__namespace.default.createElement(Swatch2,{value:realValue,style:{margin:4}})),React20__namespace.default.createElement(Input2,{id:getControlId(name),value:value2,onChange:e3=>updateValue(e3.target.value),onFocus:e3=>e3.target.select(),readOnly:readonly,placeholder:"Choose color..."}),value2?React20__namespace.default.createElement(ToggleIcon,{onClick:cycleColorSpace}):null)},Color_default=ColorControl;}});var require_memoizerific=__commonJS({"../../node_modules/memoizerific/memoizerific.js"(exports,module){(function(f3){if(typeof exports=="object"&&typeof module<"u")module.exports=f3();else if(typeof define=="function"&&define.amd)define([],f3);else {var g3;typeof window<"u"?g3=window:typeof global<"u"?g3=global:typeof self<"u"?g3=self:g3=this,g3.memoizerific=f3();}})(function(){return function e3(t3,n3,r3){function s3(o4,u3){if(!n3[o4]){if(!t3[o4]){var a3=typeof __require=="function"&&__require;if(!u3&&a3)return a3(o4,!0);if(i3)return i3(o4,!0);var f3=new Error("Cannot find module '"+o4+"'");throw f3.code="MODULE_NOT_FOUND",f3}var l3=n3[o4]={exports:{}};t3[o4][0].call(l3.exports,function(e4){var n4=t3[o4][1][e4];return s3(n4||e4)},l3,l3.exports,e3,t3,n3,r3);}return n3[o4].exports}for(var i3=typeof __require=="function"&&__require,o3=0;o3<r3.length;o3++)s3(r3[o3]);return s3}({1:[function(_dereq_,module3,exports3){module3.exports=function(forceSimilar){if(typeof Map!="function"||forceSimilar){var Similar=_dereq_("./similar");return new Similar}else return new Map};},{"./similar":2}],2:[function(_dereq_,module3,exports3){function Similar(){return this.list=[],this.lastItem=void 0,this.size=0,this}Similar.prototype.get=function(key){var index;if(this.lastItem&&this.isEqual(this.lastItem.key,key))return this.lastItem.val;if(index=this.indexOf(key),index>=0)return this.lastItem=this.list[index],this.list[index].val},Similar.prototype.set=function(key,val){var index;return this.lastItem&&this.isEqual(this.lastItem.key,key)?(this.lastItem.val=val,this):(index=this.indexOf(key),index>=0?(this.lastItem=this.list[index],this.list[index].val=val,this):(this.lastItem={key,val},this.list.push(this.lastItem),this.size++,this))},Similar.prototype.delete=function(key){var index;if(this.lastItem&&this.isEqual(this.lastItem.key,key)&&(this.lastItem=void 0),index=this.indexOf(key),index>=0)return this.size--,this.list.splice(index,1)[0]},Similar.prototype.has=function(key){var index;return this.lastItem&&this.isEqual(this.lastItem.key,key)?!0:(index=this.indexOf(key),index>=0?(this.lastItem=this.list[index],!0):!1)},Similar.prototype.forEach=function(callback,thisArg){var i3;for(i3=0;i3<this.size;i3++)callback.call(thisArg||this,this.list[i3].val,this.list[i3].key,this);},Similar.prototype.indexOf=function(key){var i3;for(i3=0;i3<this.size;i3++)if(this.isEqual(this.list[i3].key,key))return i3;return -1},Similar.prototype.isEqual=function(val1,val2){return val1===val2||val1!==val1&&val2!==val2},module3.exports=Similar;},{}],3:[function(_dereq_,module3,exports3){var MapOrSimilar=_dereq_("map-or-similar");module3.exports=function(limit){var cache=new MapOrSimilar(!1),lru=[];return function(fn){var memoizerific=function(){var currentCache=cache,newMap,fnResult,argsLengthMinusOne=arguments.length-1,lruPath=Array(argsLengthMinusOne+1),isMemoized=!0,i3;if((memoizerific.numArgs||memoizerific.numArgs===0)&&memoizerific.numArgs!==argsLengthMinusOne+1)throw new Error("Memoizerific functions should always be called with the same number of arguments");for(i3=0;i3<argsLengthMinusOne;i3++){if(lruPath[i3]={cacheItem:currentCache,arg:arguments[i3]},currentCache.has(arguments[i3])){currentCache=currentCache.get(arguments[i3]);continue}isMemoized=!1,newMap=new MapOrSimilar(!1),currentCache.set(arguments[i3],newMap),currentCache=newMap;}return isMemoized&&(currentCache.has(arguments[argsLengthMinusOne])?fnResult=currentCache.get(arguments[argsLengthMinusOne]):isMemoized=!1),isMemoized||(fnResult=fn.apply(null,arguments),currentCache.set(arguments[argsLengthMinusOne],fnResult)),limit>0&&(lruPath[argsLengthMinusOne]={cacheItem:currentCache,arg:arguments[argsLengthMinusOne]},isMemoized?moveToMostRecentLru(lru,lruPath):lru.push(lruPath),lru.length>limit&&removeCachedResult(lru.shift())),memoizerific.wasMemoized=isMemoized,memoizerific.numArgs=argsLengthMinusOne+1,fnResult};return memoizerific.limit=limit,memoizerific.wasMemoized=!1,memoizerific.cache=cache,memoizerific.lru=lru,memoizerific}};function moveToMostRecentLru(lru,lruPath){var lruLen=lru.length,lruPathLen=lruPath.length,isMatch,i3,ii;for(i3=0;i3<lruLen;i3++){for(isMatch=!0,ii=0;ii<lruPathLen;ii++)if(!isEqual(lru[i3][ii].arg,lruPath[ii].arg)){isMatch=!1;break}if(isMatch)break}lru.push(lru.splice(i3,1)[0]);}function removeCachedResult(removedLru){var removedLruLen=removedLru.length,currentLru=removedLru[removedLruLen-1],tmp,i3;for(currentLru.cacheItem.delete(currentLru.arg),i3=removedLruLen-2;i3>=0&&(currentLru=removedLru[i3],tmp=currentLru.cacheItem.get(currentLru.arg),!tmp||!tmp.size);i3--)currentLru.cacheItem.delete(currentLru.arg);}function isEqual(val1,val2){return val1===val2||val1!==val1&&val2!==val2}},{"map-or-similar":1}]},{},[3])(3)});}});init_compat();function _extends(){return _extends=Object.assign?Object.assign.bind():function(n3){for(var e3=1;e3<arguments.length;e3++){var t3=arguments[e3];for(var r3 in t3)({}).hasOwnProperty.call(t3,r3)&&(n3[r3]=t3[r3]);}return n3},_extends.apply(null,arguments)}function _assertThisInitialized(e3){if(e3===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e3}function _setPrototypeOf(t3,e3){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t4,e4){return t4.__proto__=e4,t4},_setPrototypeOf(t3,e3)}function _inheritsLoose(t3,o3){t3.prototype=Object.create(o3.prototype),t3.prototype.constructor=t3,_setPrototypeOf(t3,o3);}function _getPrototypeOf(t3){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t4){return t4.__proto__||Object.getPrototypeOf(t4)},_getPrototypeOf(t3)}function _isNativeFunction(t3){try{return Function.toString.call(t3).indexOf("[native code]")!==-1}catch{return typeof t3=="function"}}function _isNativeReflectConstruct(){try{var t3=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch{}return (_isNativeReflectConstruct=function(){return !!t3})()}function _construct(t3,e3,r3){if(_isNativeReflectConstruct())return Reflect.construct.apply(null,arguments);var o3=[null];o3.push.apply(o3,e3);var p3=new(t3.bind.apply(t3,o3));return r3&&_setPrototypeOf(p3,r3.prototype),p3}function _wrapNativeSuper(t3){var r3=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper=function(t4){if(t4===null||!_isNativeFunction(t4))return t4;if(typeof t4!="function")throw new TypeError("Super expression must either be null or a function");if(r3!==void 0){if(r3.has(t4))return r3.get(t4);r3.set(t4,Wrapper12);}function Wrapper12(){return _construct(t4,arguments,_getPrototypeOf(this).constructor)}return Wrapper12.prototype=Object.create(t4.prototype,{constructor:{value:Wrapper12,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper12,t4)},_wrapNativeSuper(t3)}var ERRORS={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
 `,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).
@@ -180,7 +180,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
 `,77:`remToPx expects a value in "rem" but you provided it in "%s".
 `,78:`base must be set in "px" or "%" but you set it in "%s".
-`};function format(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var a3=args[0],b3=[],c3;for(c3=1;c3<args.length;c3+=1)b3.push(args[c3]);return b3.forEach(function(d3){a3=a3.replace(/%[a-z]/,d3);}),a3}var PolishedError=function(_Error){_inheritsLoose(PolishedError2,_Error);function PolishedError2(code){var _this;if(process.env.NODE_ENV==="production")_this=_Error.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+code+" for more information.")||this;else {for(var _len2=arguments.length,args=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++)args[_key2-1]=arguments[_key2];_this=_Error.call(this,format.apply(void 0,[ERRORS[code]].concat(args)))||this;}return _assertThisInitialized(_this)}return PolishedError2}(_wrapNativeSuper(Error));function colorToInt(color){return Math.round(color*255)}function convertToInt(red,green,blue){return colorToInt(red)+","+colorToInt(green)+","+colorToInt(blue)}function hslToRgb(hue,saturation,lightness,convert3){if(convert3===void 0&&(convert3=convertToInt),saturation===0)return convert3(lightness,lightness,lightness);var huePrime=(hue%360+360)%360/60,chroma=(1-Math.abs(2*lightness-1))*saturation,secondComponent=chroma*(1-Math.abs(huePrime%2-1)),red=0,green=0,blue=0;huePrime>=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2,finalRed=red+lightnessModification,finalGreen=green+lightnessModification,finalBlue=blue+lightnessModification;return convert3(finalRed,finalGreen,finalBlue)}var namedColorMap={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",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:"ff00ff",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:"639",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"};function nameToHex(color){if(typeof color!="string")return color;var normalizedColorName=color.toLowerCase();return namedColorMap[normalizedColorName]?"#"+namedColorMap[normalizedColorName]:color}var hexRegex=/^#[a-fA-F0-9]{6}$/,hexRgbaRegex=/^#[a-fA-F0-9]{8}$/,reducedHexRegex=/^#[a-fA-F0-9]{3}$/,reducedRgbaHexRegex=/^#[a-fA-F0-9]{4}$/,rgbRegex=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,rgbaRegex=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,hslRegex=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,hslaRegex=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function parseToRgb(color){if(typeof color!="string")throw new PolishedError(3);var normalizedColor=nameToHex(color);if(normalizedColor.match(hexRegex))return {red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16)};if(normalizedColor.match(hexRgbaRegex)){var alpha=parseFloat((parseInt(""+normalizedColor[7]+normalizedColor[8],16)/255).toFixed(2));return {red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16),alpha}}if(normalizedColor.match(reducedHexRegex))return {red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16)};if(normalizedColor.match(reducedRgbaHexRegex)){var _alpha=parseFloat((parseInt(""+normalizedColor[4]+normalizedColor[4],16)/255).toFixed(2));return {red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16),alpha:_alpha}}var rgbMatched=rgbRegex.exec(normalizedColor);if(rgbMatched)return {red:parseInt(""+rgbMatched[1],10),green:parseInt(""+rgbMatched[2],10),blue:parseInt(""+rgbMatched[3],10)};var rgbaMatched=rgbaRegex.exec(normalizedColor.substring(0,50));if(rgbaMatched)return {red:parseInt(""+rgbaMatched[1],10),green:parseInt(""+rgbaMatched[2],10),blue:parseInt(""+rgbaMatched[3],10),alpha:parseFloat(""+rgbaMatched[4])>1?parseFloat(""+rgbaMatched[4])/100:parseFloat(""+rgbaMatched[4])};var hslMatched=hslRegex.exec(normalizedColor);if(hslMatched){var hue=parseInt(""+hslMatched[1],10),saturation=parseInt(""+hslMatched[2],10)/100,lightness=parseInt(""+hslMatched[3],10)/100,rgbColorString="rgb("+hslToRgb(hue,saturation,lightness)+")",hslRgbMatched=rgbRegex.exec(rgbColorString);if(!hslRgbMatched)throw new PolishedError(4,normalizedColor,rgbColorString);return {red:parseInt(""+hslRgbMatched[1],10),green:parseInt(""+hslRgbMatched[2],10),blue:parseInt(""+hslRgbMatched[3],10)}}var hslaMatched=hslaRegex.exec(normalizedColor.substring(0,50));if(hslaMatched){var _hue=parseInt(""+hslaMatched[1],10),_saturation=parseInt(""+hslaMatched[2],10)/100,_lightness=parseInt(""+hslaMatched[3],10)/100,_rgbColorString="rgb("+hslToRgb(_hue,_saturation,_lightness)+")",_hslRgbMatched=rgbRegex.exec(_rgbColorString);if(!_hslRgbMatched)throw new PolishedError(4,normalizedColor,_rgbColorString);return {red:parseInt(""+_hslRgbMatched[1],10),green:parseInt(""+_hslRgbMatched[2],10),blue:parseInt(""+_hslRgbMatched[3],10),alpha:parseFloat(""+hslaMatched[4])>1?parseFloat(""+hslaMatched[4])/100:parseFloat(""+hslaMatched[4])}}throw new PolishedError(5)}function rgbToHsl(color){var red=color.red/255,green=color.green/255,blue=color.blue/255,max=Math.max(red,green,blue),min=Math.min(red,green,blue),lightness=(max+min)/2;if(max===min)return color.alpha!==void 0?{hue:0,saturation:0,lightness,alpha:color.alpha}:{hue:0,saturation:0,lightness};var hue,delta=max-min,saturation=lightness>.5?delta/(2-max-min):delta/(max+min);switch(max){case red:hue=(green-blue)/delta+(green<blue?6:0);break;case green:hue=(blue-red)/delta+2;break;default:hue=(red-green)/delta+4;break}return hue*=60,color.alpha!==void 0?{hue,saturation,lightness,alpha:color.alpha}:{hue,saturation,lightness}}function parseToHsl(color){return rgbToHsl(parseToRgb(color))}var reduceHexValue=function(value2){return value2.length===7&&value2[1]===value2[2]&&value2[3]===value2[4]&&value2[5]===value2[6]?"#"+value2[1]+value2[3]+value2[5]:value2},reduceHexValue$1=reduceHexValue;function numberToHex(value2){var hex=value2.toString(16);return hex.length===1?"0"+hex:hex}function colorToHex(color){return numberToHex(Math.round(color*255))}function convertToHex(red,green,blue){return reduceHexValue$1("#"+colorToHex(red)+colorToHex(green)+colorToHex(blue))}function hslToHex(hue,saturation,lightness){return hslToRgb(hue,saturation,lightness,convertToHex)}function hsl(value2,saturation,lightness){if(typeof value2=="number"&&typeof saturation=="number"&&typeof lightness=="number")return hslToHex(value2,saturation,lightness);if(typeof value2=="object"&&saturation===void 0&&lightness===void 0)return hslToHex(value2.hue,value2.saturation,value2.lightness);throw new PolishedError(1)}function hsla(value2,saturation,lightness,alpha){if(typeof value2=="number"&&typeof saturation=="number"&&typeof lightness=="number"&&typeof alpha=="number")return alpha>=1?hslToHex(value2,saturation,lightness):"rgba("+hslToRgb(value2,saturation,lightness)+","+alpha+")";if(typeof value2=="object"&&saturation===void 0&&lightness===void 0&&alpha===void 0)return value2.alpha>=1?hslToHex(value2.hue,value2.saturation,value2.lightness):"rgba("+hslToRgb(value2.hue,value2.saturation,value2.lightness)+","+value2.alpha+")";throw new PolishedError(2)}function rgb(value2,green,blue){if(typeof value2=="number"&&typeof green=="number"&&typeof blue=="number")return reduceHexValue$1("#"+numberToHex(value2)+numberToHex(green)+numberToHex(blue));if(typeof value2=="object"&&green===void 0&&blue===void 0)return reduceHexValue$1("#"+numberToHex(value2.red)+numberToHex(value2.green)+numberToHex(value2.blue));throw new PolishedError(6)}function rgba(firstValue,secondValue,thirdValue,fourthValue){if(typeof firstValue=="string"&&typeof secondValue=="number"){var rgbValue=parseToRgb(firstValue);return "rgba("+rgbValue.red+","+rgbValue.green+","+rgbValue.blue+","+secondValue+")"}else {if(typeof firstValue=="number"&&typeof secondValue=="number"&&typeof thirdValue=="number"&&typeof fourthValue=="number")return fourthValue>=1?rgb(firstValue,secondValue,thirdValue):"rgba("+firstValue+","+secondValue+","+thirdValue+","+fourthValue+")";if(typeof firstValue=="object"&&secondValue===void 0&&thirdValue===void 0&&fourthValue===void 0)return firstValue.alpha>=1?rgb(firstValue.red,firstValue.green,firstValue.blue):"rgba("+firstValue.red+","+firstValue.green+","+firstValue.blue+","+firstValue.alpha+")"}throw new PolishedError(7)}var isRgb=function(color){return typeof color.red=="number"&&typeof color.green=="number"&&typeof color.blue=="number"&&(typeof color.alpha!="number"||typeof color.alpha>"u")},isRgba=function(color){return typeof color.red=="number"&&typeof color.green=="number"&&typeof color.blue=="number"&&typeof color.alpha=="number"},isHsl=function(color){return typeof color.hue=="number"&&typeof color.saturation=="number"&&typeof color.lightness=="number"&&(typeof color.alpha!="number"||typeof color.alpha>"u")},isHsla=function(color){return typeof color.hue=="number"&&typeof color.saturation=="number"&&typeof color.lightness=="number"&&typeof color.alpha=="number"};function toColorString(color){if(typeof color!="object")throw new PolishedError(8);if(isRgba(color))return rgba(color);if(isRgb(color))return rgb(color);if(isHsla(color))return hsla(color);if(isHsl(color))return hsl(color);throw new PolishedError(8)}function curried(f3,length,acc){return function(){var combined=acc.concat(Array.prototype.slice.call(arguments));return combined.length>=length?f3.apply(this,combined):curried(f3,length,combined)}}function curry(f3){return curried(f3,f3.length,[])}function adjustHue(degree,color){if(color==="transparent")return color;var hslColor=parseToHsl(color);return toColorString(_extends({},hslColor,{hue:hslColor.hue+parseFloat(degree)}))}curry(adjustHue);function guard(lowerBoundary,upperBoundary,value2){return Math.max(lowerBoundary,Math.min(upperBoundary,value2))}function darken(amount,color){if(color==="transparent")return color;var hslColor=parseToHsl(color);return toColorString(_extends({},hslColor,{lightness:guard(0,1,hslColor.lightness-parseFloat(amount))}))}var curriedDarken=curry(darken),curriedDarken$1=curriedDarken;function desaturate(amount,color){if(color==="transparent")return color;var hslColor=parseToHsl(color);return toColorString(_extends({},hslColor,{saturation:guard(0,1,hslColor.saturation-parseFloat(amount))}))}curry(desaturate);function lighten(amount,color){if(color==="transparent")return color;var hslColor=parseToHsl(color);return toColorString(_extends({},hslColor,{lightness:guard(0,1,hslColor.lightness+parseFloat(amount))}))}var curriedLighten=curry(lighten),curriedLighten$1=curriedLighten;function mix(weight,color,otherColor){if(color==="transparent")return otherColor;if(otherColor==="transparent")return color;if(weight===0)return otherColor;var parsedColor1=parseToRgb(color),color1=_extends({},parsedColor1,{alpha:typeof parsedColor1.alpha=="number"?parsedColor1.alpha:1}),parsedColor2=parseToRgb(otherColor),color2=_extends({},parsedColor2,{alpha:typeof parsedColor2.alpha=="number"?parsedColor2.alpha:1}),alphaDelta=color1.alpha-color2.alpha,x3=parseFloat(weight)*2-1,y3=x3*alphaDelta===-1?x3:x3+alphaDelta,z3=1+x3*alphaDelta,weight1=(y3/z3+1)/2,weight2=1-weight1,mixedColor={red:Math.floor(color1.red*weight1+color2.red*weight2),green:Math.floor(color1.green*weight1+color2.green*weight2),blue:Math.floor(color1.blue*weight1+color2.blue*weight2),alpha:color1.alpha*parseFloat(weight)+color2.alpha*(1-parseFloat(weight))};return rgba(mixedColor)}var curriedMix=curry(mix),mix$1=curriedMix;function opacify(amount,color){if(color==="transparent")return color;var parsedColor=parseToRgb(color),alpha=typeof parsedColor.alpha=="number"?parsedColor.alpha:1,colorWithAlpha=_extends({},parsedColor,{alpha:guard(0,1,(alpha*100+parseFloat(amount)*100)/100)});return rgba(colorWithAlpha)}var curriedOpacify=curry(opacify),curriedOpacify$1=curriedOpacify;function saturate(amount,color){if(color==="transparent")return color;var hslColor=parseToHsl(color);return toColorString(_extends({},hslColor,{saturation:guard(0,1,hslColor.saturation+parseFloat(amount))}))}curry(saturate);function setHue(hue,color){return color==="transparent"?color:toColorString(_extends({},parseToHsl(color),{hue:parseFloat(hue)}))}curry(setHue);function setLightness(lightness,color){return color==="transparent"?color:toColorString(_extends({},parseToHsl(color),{lightness:parseFloat(lightness)}))}curry(setLightness);function setSaturation(saturation,color){return color==="transparent"?color:toColorString(_extends({},parseToHsl(color),{saturation:parseFloat(saturation)}))}curry(setSaturation);function shade(percentage,color){return color==="transparent"?color:mix$1(parseFloat(percentage),"rgb(0, 0, 0)",color)}curry(shade);function tint(percentage,color){return color==="transparent"?color:mix$1(parseFloat(percentage),"rgb(255, 255, 255)",color)}curry(tint);function transparentize(amount,color){if(color==="transparent")return color;var parsedColor=parseToRgb(color),alpha=typeof parsedColor.alpha=="number"?parsedColor.alpha:1,colorWithAlpha=_extends({},parsedColor,{alpha:guard(0,1,+(alpha*100-parseFloat(amount)*100).toFixed(2)/100)});return rgba(colorWithAlpha)}var curriedTransparentize=curry(transparentize),curriedTransparentize$1=curriedTransparentize;var Wrapper=theming.styled.div(components.withReset,({theme})=>({backgroundColor:theme.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:theme.appBorderRadius,border:`1px dashed ${theme.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:curriedTransparentize$1(.3,theme.color.defaultText),fontSize:theme.typography.size.s2})),EmptyBlock=props=>React20__namespace.default.createElement(Wrapper,{...props,className:"docblock-emptyblock sb-unstyled"});var StyledSyntaxHighlighter=theming.styled(components.SyntaxHighlighter)(({theme})=>({fontSize:`${theme.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:theme.appBorderRadius,boxShadow:theme.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}}));var SourceSkeletonWrapper=theming.styled.div(({theme})=>({background:theme.background.content,borderRadius:theme.appBorderRadius,border:`1px solid ${theme.appBorderColor}`,boxShadow:theme.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"})),SourceSkeletonPlaceholder=theming.styled.div(({theme})=>({animation:`${theme.animation.glow} 1.5s ease-in-out infinite`,background:theme.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${theming.ignoreSsrWarning}`]:{margin:0}})),SourceSkeleton=()=>React20__namespace.default.createElement(SourceSkeletonWrapper,null,React20__namespace.default.createElement(SourceSkeletonPlaceholder,null),React20__namespace.default.createElement(SourceSkeletonPlaceholder,{style:{width:"80%"}}),React20__namespace.default.createElement(SourceSkeletonPlaceholder,{style:{width:"30%"}}),React20__namespace.default.createElement(SourceSkeletonPlaceholder,{style:{width:"80%"}})),Source=({isLoading,error,language,code,dark,format:format3=!0,...rest})=>{let{typography}=theming.useTheme();if(isLoading)return React20__namespace.default.createElement(SourceSkeleton,null);if(error)return React20__namespace.default.createElement(EmptyBlock,null,error);let syntaxHighlighter=React20__namespace.default.createElement(StyledSyntaxHighlighter,{bordered:!0,copyable:!0,format:format3,language:language??"jsx",className:"docblock-source sb-unstyled",...rest},code);if(typeof dark>"u")return syntaxHighlighter;let overrideTheme=dark?theming.themes.dark:theming.themes.light;return React20__namespace.default.createElement(theming.ThemeProvider,{theme:theming.convert({...overrideTheme,fontCode:typography.fonts.mono,fontBase:typography.fonts.base})},syntaxHighlighter)};var toGlobalSelector=element=>`& :where(${element}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${element}))`,breakpoint=600,Title=theming.styled.h1(components.withReset,({theme})=>({color:theme.color.defaultText,fontSize:theme.typography.size.m3,fontWeight:theme.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${breakpoint}px)`]:{fontSize:theme.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),Subtitle=theming.styled.h2(components.withReset,({theme})=>({fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${breakpoint}px)`]:{fontSize:theme.typography.size.m1,lineHeight:"28px",marginBottom:24},color:curriedTransparentize$1(.25,theme.color.defaultText)})),DocsContent=theming.styled.div(({theme})=>{let reset={fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},headers={margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:theme.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& code":{fontSize:"inherit"}},code={lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:theme.typography.size.s2-1,border:theme.base==="light"?`1px solid ${theme.color.mediumlight}`:`1px solid ${theme.color.darker}`,color:theme.base==="light"?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.3,theme.color.defaultText),backgroundColor:theme.base==="light"?theme.color.lighter:theme.color.border};return {maxWidth:1e3,width:"100%",[toGlobalSelector("a")]:{...reset,fontSize:"inherit",lineHeight:"24px",color:theme.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}},[toGlobalSelector("blockquote")]:{...reset,margin:"16px 0",borderLeft:`4px solid ${theme.color.medium}`,padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[toGlobalSelector("div")]:reset,[toGlobalSelector("dl")]:{...reset,margin:"16px 0",padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}},[toGlobalSelector("h1")]:{...reset,...headers,fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold},[toGlobalSelector("h2")]:{...reset,...headers,fontSize:`${theme.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${theme.appBorderColor}`},[toGlobalSelector("h3")]:{...reset,...headers,fontSize:`${theme.typography.size.m1}px`,fontWeight:theme.typography.weight.bold},[toGlobalSelector("h4")]:{...reset,...headers,fontSize:`${theme.typography.size.s3}px`},[toGlobalSelector("h5")]:{...reset,...headers,fontSize:`${theme.typography.size.s2}px`},[toGlobalSelector("h6")]:{...reset,...headers,fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},[toGlobalSelector("hr")]:{border:"0 none",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},[toGlobalSelector("img")]:{maxWidth:"100%"},[toGlobalSelector("li")]:{...reset,fontSize:theme.typography.size.s2,color:theme.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":code},[toGlobalSelector("ol")]:{...reset,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[toGlobalSelector("p")]:{...reset,margin:"16px 0",fontSize:theme.typography.size.s2,lineHeight:"24px",color:theme.color.defaultText,"& code":code},[toGlobalSelector("pre")]:{...reset,fontFamily:theme.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}},[toGlobalSelector("span")]:{...reset,"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${theme.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:theme.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}},[toGlobalSelector("table")]:{...reset,margin:"16px 0",fontSize:theme.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:theme.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:theme.base==="dark"?theme.color.darker:theme.color.lighter},"& tr th":{fontWeight:"bold",color:theme.color.defaultText,border:`1px solid ${theme.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${theme.appBorderColor}`,color:theme.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}},[toGlobalSelector("ul")]:{...reset,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),DocsWrapper=theming.styled.div(({theme})=>({background:theme.background.content,display:"flex",flexDirection:"row-reverse",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${breakpoint}px)`]:{}})),DocsPageWrapper=({children,toc})=>React20__namespace.default.createElement(DocsWrapper,{className:"sbdocs sbdocs-wrapper"},toc,React20__namespace.default.createElement(DocsContent,{className:"sbdocs sbdocs-content"},children));var getBlockBackgroundStyle=theme=>({borderRadius:theme.appBorderRadius,background:theme.background.content,boxShadow:theme.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${theme.appBorderColor}`});var{window:globalWindow}=globalThis,IFrame=class extends React20.Component{constructor(){super(...arguments);this.iframe=null;}componentDidMount(){let{id:id2}=this.props;this.iframe=globalWindow.document.getElementById(id2);}shouldComponentUpdate(nextProps){let{scale}=nextProps;return scale!==this.props.scale&&this.setIframeBodyStyle({width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(style){return Object.assign(this.iframe.contentDocument.body.style,style)}render(){let{id:id2,title,src,allowFullScreen,scale,...rest}=this.props;return React20__namespace.default.createElement("iframe",{id:id2,title,src,...allowFullScreen?{allow:"fullscreen"}:{},loading:"lazy",...rest})}};var ZoomContext=React20.createContext({scale:1});var{PREVIEW_URL}=globalThis,BASE_URL=PREVIEW_URL||"iframe.html",storyBlockIdFromId=({story,primary})=>`story--${story.id}${primary?"--primary":""}`,InlineStory=props=>{let storyRef=React20.useRef(),[showLoader,setShowLoader]=React20.useState(!0),[error,setError]=React20.useState(),{story,height,autoplay,forceInitialArgs,renderStoryToElement}=props;return React20.useEffect(()=>{if(!(story&&storyRef.current))return ()=>{};let element=storyRef.current,cleanup=renderStoryToElement(story,element,{showMain:()=>{},showError:({title,description})=>setError(new Error(`${title} - ${description}`)),showException:err=>setError(err)},{autoplay,forceInitialArgs});return setShowLoader(!1),()=>{Promise.resolve().then(()=>cleanup());}},[autoplay,renderStoryToElement,story]),error?React20__namespace.default.createElement("pre",null,React20__namespace.default.createElement(components.ErrorFormatter,{error})):React20__namespace.default.createElement(React20__namespace.default.Fragment,null,height?React20__namespace.default.createElement("style",null,`#${storyBlockIdFromId(props)} { min-height: ${height}; transform: translateZ(0); overflow: auto }`):null,showLoader&&React20__namespace.default.createElement(StorySkeleton,null),React20__namespace.default.createElement("div",{ref:storyRef,id:`${storyBlockIdFromId(props)}-inner`,"data-name":story.name}))},IFrameStory=({story,height="500px"})=>React20__namespace.default.createElement("div",{style:{width:"100%",height}},React20__namespace.default.createElement(ZoomContext.Consumer,null,({scale})=>React20__namespace.default.createElement(IFrame,{key:"iframe",id:`iframe--${story.id}`,title:story.name,src:components.getStoryHref(BASE_URL,story.id,{viewMode:"story"}),allowFullScreen:!0,scale,style:{width:"100%",height:"100%",border:"0 none"}}))),ErrorMessage=theming.styled.strong(({theme})=>({color:theme.color.orange})),Story=props=>{let{inline,story}=props;return inline&&!props.autoplay&&story.usesMount?React20__namespace.default.createElement(ErrorMessage,null,"This story mounts inside of play. Set"," ",React20__namespace.default.createElement("a",{href:"https://storybook.js.org/docs/api/doc-blocks/doc-block-story#autoplay"},"autoplay")," ","to true to view this story."):React20__namespace.default.createElement("div",{id:storyBlockIdFromId(props),className:"sb-story sb-unstyled","data-story-block":"true"},inline?React20__namespace.default.createElement(InlineStory,{...props}):React20__namespace.default.createElement(IFrameStory,{...props}))},StorySkeleton=()=>React20__namespace.default.createElement(components.Loader,null);var Bar=theming.styled(components.FlexBar)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),Wrapper2=theming.styled.div({display:"flex",alignItems:"center",gap:4}),IconPlaceholder=theming.styled.div(({theme})=>({width:14,height:14,borderRadius:2,margin:"0 7px",backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),Toolbar=({isLoading,storyId,baseUrl,zoom,resetZoom,...rest})=>React20__namespace.default.createElement(Bar,{...rest},React20__namespace.default.createElement(Wrapper2,{key:"left"},isLoading?[1,2,3].map(key=>React20__namespace.default.createElement(IconPlaceholder,{key})):React20__namespace.default.createElement(React20__namespace.default.Fragment,null,React20__namespace.default.createElement(components.IconButton,{key:"zoomin",onClick:e3=>{e3.preventDefault(),zoom(.8);},title:"Zoom in"},React20__namespace.default.createElement(icons.ZoomIcon,null)),React20__namespace.default.createElement(components.IconButton,{key:"zoomout",onClick:e3=>{e3.preventDefault(),zoom(1.25);},title:"Zoom out"},React20__namespace.default.createElement(icons.ZoomOutIcon,null)),React20__namespace.default.createElement(components.IconButton,{key:"zoomreset",onClick:e3=>{e3.preventDefault(),resetZoom();},title:"Reset zoom"},React20__namespace.default.createElement(icons.ZoomResetIcon,null)))));var ChildrenContainer=theming.styled.div(({isColumn,columns,layout})=>({display:isColumn||!columns?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:isColumn?"column":"row","& .innerZoomElementWrapper > *":isColumn?{width:layout!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:layout!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout="padded",inline})=>layout==="centered"||layout==="padded"?{padding:inline?"32px 22px":"0px","& .innerZoomElementWrapper > *":{width:"auto",border:"8px solid transparent!important"}}:{},({layout="padded",inline})=>layout==="centered"&&inline?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns})=>columns&&columns>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${columns} - 20px)`}}:{}),StyledSource=theming.styled(Source)(({theme})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:theme.appBorderRadius,borderBottomRightRadius:theme.appBorderRadius,border:"none",background:theme.base==="light"?"rgba(0, 0, 0, 0.85)":curriedDarken$1(.05,theme.background.content),color:theme.color.lightest,button:{background:theme.base==="light"?"rgba(0, 0, 0, 0.85)":curriedDarken$1(.05,theme.background.content)}})),PreviewContainer=theming.styled.div(({theme,withSource,isExpanded})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...getBlockBackgroundStyle(theme),borderBottomLeftRadius:withSource&&isExpanded&&0,borderBottomRightRadius:withSource&&isExpanded&&0,borderBottomWidth:isExpanded&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar})=>withToolbar&&{paddingTop:40}),getSource=(withSource,expanded,setExpanded)=>{switch(!0){case!!(withSource&&withSource.error):return {source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>setExpanded(!1)}};case expanded:return {source:React20__namespace.default.createElement(StyledSource,{...withSource,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>setExpanded(!1)}};default:return {source:React20__namespace.default.createElement(StyledSource,{...withSource,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>setExpanded(!0)}}}};function getStoryId(children){if(React20.Children.count(children)===1){let elt=children;if(elt.props)return elt.props.id}return null}var PositionedToolbar=theming.styled(Toolbar)({position:"absolute",top:0,left:0,right:0,height:40}),Relative=theming.styled.div({overflow:"hidden",position:"relative"}),Preview=({isLoading,isColumn,columns,children,withSource,withToolbar=!1,isExpanded=!1,additionalActions,className,layout="padded",inline=!1,...props})=>{let[expanded,setExpanded]=React20.useState(isExpanded),{source,actionItem}=getSource(withSource,expanded,setExpanded),[scale,setScale]=React20.useState(1),previewClasses=[className].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),defaultActionItems=withSource?[actionItem]:[],[additionalActionItems,setAdditionalActionItems]=React20.useState(additionalActions?[...additionalActions]:[]),actionItems=[...defaultActionItems,...additionalActionItems],{window:globalWindow4}=globalThis,copyToClipboard=React20.useCallback(async text=>{let{createCopyToClipboardFunction}=await import('storybook/internal/components');createCopyToClipboardFunction();},[]),onCopyCapture=e3=>{let selection=globalWindow4.getSelection();selection&&selection.type==="Range"||(e3.preventDefault(),additionalActionItems.filter(item=>item.title==="Copied").length===0&&copyToClipboard(source?.props.code??"").then(()=>{setAdditionalActionItems([...additionalActionItems,{title:"Copied",onClick:()=>{}}]),globalWindow4.setTimeout(()=>setAdditionalActionItems(additionalActionItems.filter(item=>item.title!=="Copied")),1500);}));};return React20__namespace.default.createElement(PreviewContainer,{withSource,withToolbar,...props,className:previewClasses.join(" ")},withToolbar&&React20__namespace.default.createElement(PositionedToolbar,{isLoading,border:!0,zoom:z3=>setScale(scale*z3),resetZoom:()=>setScale(1),storyId:getStoryId(children),baseUrl:"./iframe.html"}),React20__namespace.default.createElement(ZoomContext.Provider,{value:{scale}},React20__namespace.default.createElement(Relative,{className:"docs-story",onCopyCapture:withSource&&onCopyCapture},React20__namespace.default.createElement(ChildrenContainer,{isColumn:isColumn||!Array.isArray(children),columns,layout,inline},React20__namespace.default.createElement(components.Zoom.Element,{centered:layout==="centered",scale:inline?scale:1},Array.isArray(children)?children.map((child,i3)=>React20__namespace.default.createElement("div",{key:i3},child)):React20__namespace.default.createElement("div",null,children))),React20__namespace.default.createElement(components.ActionBar,{actionItems}))),withSource&&expanded&&source)};theming.styled(Preview)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));var TabbedArgsTable=({tabs,...props})=>{let entries=Object.entries(tabs);return entries.length===1?React20__namespace.default.createElement(ArgsTable,{...entries[0][1],...props}):React20__namespace.default.createElement(components.TabsState,null,entries.map((entry,index)=>{let[label,table]=entry,id2=`prop_table_div_${label}`,Component4="div",argsTableProps=index===0?props:{sort:props.sort};return React20__namespace.default.createElement(Component4,{key:id2,id:id2,title:label},({active})=>active?React20__namespace.default.createElement(ArgsTable,{key:`prop_table_${label}`,...table,...argsTableProps}):null)}))};var Label=theming.styled.div(({theme})=>({marginRight:30,fontSize:`${theme.typography.size.s1}px`,color:theme.base==="light"?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)})),Sample=theming.styled.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),TypeSpecimen=theming.styled.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),Wrapper3=theming.styled.div(components.withReset,({theme})=>({...getBlockBackgroundStyle(theme),margin:"25px 0 40px",padding:"30px 20px"})),Typeset=({fontFamily,fontSizes,fontWeight,sampleText,...props})=>React20__namespace.default.createElement(Wrapper3,{...props,className:"docblock-typeset sb-unstyled"},fontSizes.map(size=>React20__namespace.default.createElement(TypeSpecimen,{key:size},React20__namespace.default.createElement(Label,null,size),React20__namespace.default.createElement(Sample,{style:{fontFamily,fontSize:size,fontWeight,lineHeight:1.2}},sampleText||"Was he a beast if music could move him so?"))));var ItemTitle=theming.styled.div(({theme})=>({fontWeight:theme.typography.weight.bold,color:theme.color.defaultText})),ItemSubtitle=theming.styled.div(({theme})=>({color:theme.base==="light"?curriedTransparentize$1(.2,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)})),ItemDescription=theming.styled.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5}),SwatchLabel=theming.styled.div(({theme})=>({flex:1,textAlign:"center",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,lineHeight:1,overflow:"hidden",color:theme.base==="light"?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}})),SwatchLabels=theming.styled.div({display:"flex",flexDirection:"row"}),Swatch=theming.styled.div(({background})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background,content:'""'}})),SwatchColors=theming.styled.div(({theme})=>({...getBlockBackgroundStyle(theme),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"})),SwatchSpecimen=theming.styled.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30}),Swatches=theming.styled.div({flex:1,display:"flex",flexDirection:"row"}),Item=theming.styled.div({display:"flex",alignItems:"flex-start"}),ListName=theming.styled.div({flex:"0 0 30%"}),ListSwatches=theming.styled.div({flex:1}),ListHeading=theming.styled.div(({theme})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:theme.typography.weight.bold,color:theme.base==="light"?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)})),List=theming.styled.div(({theme})=>({fontSize:theme.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));function renderSwatch(color,index){return React20__namespace.default.createElement(Swatch,{key:`${color}-${index}`,title:color,background:color})}function renderSwatchLabel(color,index,colorDescription){return React20__namespace.default.createElement(SwatchLabel,{key:`${color}-${index}`,title:color},React20__namespace.default.createElement("div",null,color,colorDescription&&React20__namespace.default.createElement("span",null,colorDescription)))}function renderSwatchSpecimen(colors){if(Array.isArray(colors))return React20__namespace.default.createElement(SwatchSpecimen,null,React20__namespace.default.createElement(SwatchColors,null,colors.map((color,index)=>renderSwatch(color,index))),React20__namespace.default.createElement(SwatchLabels,null,colors.map((color,index)=>renderSwatchLabel(color,index))));let swatchElements=[],labelElements=[];for(let colorKey in colors){let colorValue=colors[colorKey];swatchElements.push(renderSwatch(colorValue,swatchElements.length)),labelElements.push(renderSwatchLabel(colorKey,labelElements.length,colorValue));}return React20__namespace.default.createElement(SwatchSpecimen,null,React20__namespace.default.createElement(SwatchColors,null,swatchElements),React20__namespace.default.createElement(SwatchLabels,null,labelElements))}var ColorItem=({title,subtitle,colors})=>React20__namespace.default.createElement(Item,null,React20__namespace.default.createElement(ItemDescription,null,React20__namespace.default.createElement(ItemTitle,null,title),React20__namespace.default.createElement(ItemSubtitle,null,subtitle)),React20__namespace.default.createElement(Swatches,null,renderSwatchSpecimen(colors))),ColorPalette=({children,...props})=>React20__namespace.default.createElement(components.ResetWrapper,null,React20__namespace.default.createElement(List,{...props,className:"docblock-colorpalette sb-unstyled"},React20__namespace.default.createElement(ListHeading,null,React20__namespace.default.createElement(ListName,null,"Name"),React20__namespace.default.createElement(ListSwatches,null,"Swatches")),children));var ItemLabel=theming.styled.div(({theme})=>({fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s1,color:theme.color.defaultText,marginLeft:10,lineHeight:1.2,display:"-webkit-box",overflow:"hidden",wordBreak:"break-word",textOverflow:"ellipsis",WebkitLineClamp:2,WebkitBoxOrient:"vertical"})),ItemSpecimen=theming.styled.div(({theme})=>({...getBlockBackgroundStyle(theme),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}})),Item2=theming.styled.div({display:"inline-flex",flexDirection:"row",alignItems:"center",width:"100%"}),List2=theming.styled.div({display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(140px, 1fr))",gridGap:"8px 16px",gridAutoFlow:"row dense",gridAutoRows:50}),IconItem=({name,children})=>React20__namespace.default.createElement(Item2,null,React20__namespace.default.createElement(ItemSpecimen,null,children),React20__namespace.default.createElement(ItemLabel,null,name)),IconGallery=({children,...props})=>React20__namespace.default.createElement(components.ResetWrapper,null,React20__namespace.default.createElement(List2,{...props,className:"docblock-icongallery sb-unstyled"},children));function build_html_default(options){let forEach=[].forEach,some=[].some,body=typeof window<"u"&&document.body,SPACE_CHAR=" ",tocElement,currentlyHighlighting=!0,eventCount=0;function createEl(d3,container){let link=container.appendChild(createLink(d3));if(d3.children.length){let list=createList(d3.isCollapsed);d3.children.forEach(child=>{createEl(child,list);}),link.appendChild(list);}}function render(parent,data){let container=createList(!1);if(data.forEach(d3=>{createEl(d3,container);}),tocElement=parent||tocElement,tocElement!==null)return tocElement.firstChild&&tocElement.removeChild(tocElement.firstChild),data.length===0?tocElement:tocElement.appendChild(container)}function createLink(data){let item=document.createElement("li"),a3=document.createElement("a");return options.listItemClass&&item.setAttribute("class",options.listItemClass),options.onClick&&(a3.onclick=options.onClick),options.includeTitleTags&&a3.setAttribute("title",data.textContent),options.includeHtml&&data.childNodes.length?forEach.call(data.childNodes,node=>{a3.appendChild(node.cloneNode(!0));}):a3.textContent=data.textContent,a3.setAttribute("href",`${options.basePath}#${data.id}`),a3.setAttribute("class",`${options.linkClass+SPACE_CHAR}node-name--${data.nodeName}${SPACE_CHAR}${options.extraLinkClasses}`),item.appendChild(a3),item}function createList(isCollapsed){let listElement=options.orderedList?"ol":"ul",list=document.createElement(listElement),classes=options.listClass+SPACE_CHAR+options.extraListClasses;return isCollapsed&&(classes=classes+SPACE_CHAR+options.collapsibleClass,classes=classes+SPACE_CHAR+options.isCollapsedClass),list.setAttribute("class",classes),list}function updateFixedSidebarClass(){let scrollTop=getScrollTop(),posFixedEl=document.querySelector(options.positionFixedSelector);options.fixedSidebarOffset==="auto"&&(options.fixedSidebarOffset=tocElement.offsetTop),scrollTop>options.fixedSidebarOffset?posFixedEl.className.indexOf(options.positionFixedClass)===-1&&(posFixedEl.className+=SPACE_CHAR+options.positionFixedClass):posFixedEl.className=posFixedEl.className.replace(SPACE_CHAR+options.positionFixedClass,"");}function getHeadingTopPos(obj){let position=0;return obj!==null&&(position=obj.offsetTop,options.hasInnerContainers&&(position+=getHeadingTopPos(obj.offsetParent))),position}function updateClassname(obj,className){return obj&&obj.className!==className&&(obj.className=className),obj}function updateToc(headingsArray,event){options.positionFixedSelector&&updateFixedSidebarClass();let headings=headingsArray,clickedHref=event?.target?.getAttribute?event?.target?.getAttribute("href"):null,isBottomMode=clickedHref&&clickedHref.charAt(0)==="#"?getIsHeaderBottomMode(clickedHref.replace("#","")):!1,shouldUpdate=currentlyHighlighting||isBottomMode;if(event&&eventCount<5&&eventCount++,shouldUpdate&&tocElement&&headings.length>0){let topHeader=getTopHeader(headings),oldActiveTocLink=tocElement.querySelector(`.${options.activeLinkClass}`),topHeaderId=topHeader.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1"),hashId=window.location.hash.replace("#",""),activeId=topHeaderId,isPageBottomMode=getIsPageBottomMode();clickedHref&&isBottomMode?activeId=clickedHref.replace("#",""):hashId&&hashId!==topHeaderId&&isPageBottomMode&&(getIsHeaderBottomMode(topHeaderId)||eventCount<=2)&&(activeId=hashId);let activeTocLink=tocElement.querySelector(`.${options.linkClass}[href="${options.basePath}#${activeId}"]`);if(oldActiveTocLink===activeTocLink)return;let tocLinks=tocElement.querySelectorAll(`.${options.linkClass}`);forEach.call(tocLinks,tocLink=>{updateClassname(tocLink,tocLink.className.replace(SPACE_CHAR+options.activeLinkClass,""));});let tocLis=tocElement.querySelectorAll(`.${options.listItemClass}`);forEach.call(tocLis,tocLi=>{updateClassname(tocLi,tocLi.className.replace(SPACE_CHAR+options.activeListItemClass,""));}),activeTocLink&&activeTocLink.className.indexOf(options.activeLinkClass)===-1&&(activeTocLink.className+=SPACE_CHAR+options.activeLinkClass);let li=activeTocLink?.parentNode;li&&li.className.indexOf(options.activeListItemClass)===-1&&(li.className+=SPACE_CHAR+options.activeListItemClass);let tocLists=tocElement.querySelectorAll(`.${options.listClass}.${options.collapsibleClass}`);forEach.call(tocLists,list=>{list.className.indexOf(options.isCollapsedClass)===-1&&(list.className+=SPACE_CHAR+options.isCollapsedClass);}),activeTocLink?.nextSibling&&activeTocLink.nextSibling.className.indexOf(options.isCollapsedClass)!==-1&&updateClassname(activeTocLink.nextSibling,activeTocLink.nextSibling.className.replace(SPACE_CHAR+options.isCollapsedClass,"")),removeCollapsedFromParents(activeTocLink?.parentNode.parentNode);}}function removeCollapsedFromParents(element){return element&&element.className.indexOf(options.collapsibleClass)!==-1&&element.className.indexOf(options.isCollapsedClass)!==-1?(updateClassname(element,element.className.replace(SPACE_CHAR+options.isCollapsedClass,"")),removeCollapsedFromParents(element.parentNode.parentNode)):element}function disableTocAnimation(event){let target=event.target||event.srcElement;typeof target.className!="string"||target.className.indexOf(options.linkClass)===-1||(currentlyHighlighting=!1);}function enableTocAnimation(){currentlyHighlighting=!0;}function getCurrentlyHighlighting(){return currentlyHighlighting}function getIsHeaderBottomMode(headerId){let scrollEl=getScrollEl();return (document?.getElementById(headerId)).offsetTop>scrollEl.offsetHeight-scrollEl.clientHeight*1.4-options.bottomModeThreshold}function getIsPageBottomMode(){let scrollEl=getScrollEl(),isScrollable=scrollEl.scrollHeight>scrollEl.clientHeight,isBottomMode=getScrollTop()+scrollEl.clientHeight>scrollEl.offsetHeight-options.bottomModeThreshold;return isScrollable&&isBottomMode}function getScrollEl(){let el;return options.scrollContainer&&document.querySelector(options.scrollContainer)?el=document.querySelector(options.scrollContainer):el=document.documentElement||body,el}function getScrollTop(){return getScrollEl()?.scrollTop||0}function getTopHeader(headings,scrollTop=getScrollTop()){let topHeader;return some.call(headings,(heading,i3)=>{if(getHeadingTopPos(heading)>scrollTop+options.headingsOffset+10){let index=i3===0?i3:i3-1;return topHeader=headings[index],!0}if(i3===headings.length-1)return topHeader=headings[headings.length-1],!0}),topHeader}function updateUrlHashForHeader(headingsArray){let scrollTop=getScrollTop(),topHeader=getTopHeader(headingsArray,scrollTop),isPageBottomMode=getIsPageBottomMode();if((!topHeader||scrollTop<5)&&!isPageBottomMode)window.location.hash==="#"||window.location.hash===""||window.history.pushState(null,null,"#");else if(topHeader&&!isPageBottomMode){let newHash=`#${topHeader.id}`;window.location.hash!==newHash&&window.history.pushState(null,null,newHash);}}return {enableTocAnimation,disableTocAnimation,render,updateToc,getCurrentlyHighlighting,getTopHeader,getScrollTop,updateUrlHashForHeader}}var default_options_default={tocSelector:".js-toc",tocElement:null,contentSelector:".js-toc-content",contentElement:null,headingSelector:"h1, h2, h3",ignoreSelector:".js-toc-ignore",hasInnerContainers:!1,linkClass:"toc-link",extraLinkClasses:"",activeLinkClass:"is-active-link",listClass:"toc-list",extraListClasses:"",isCollapsedClass:"is-collapsed",collapsibleClass:"is-collapsible",listItemClass:"toc-list-item",activeListItemClass:"is-active-li",collapseDepth:0,scrollSmooth:!0,scrollSmoothDuration:420,scrollSmoothOffset:0,scrollEndCallback:function(e3){},headingsOffset:1,enableUrlHashUpdateOnScroll:!1,scrollHandlerType:"auto",scrollHandlerTimeout:50,throttleTimeout:50,positionFixedSelector:null,positionFixedClass:"is-position-fixed",fixedSidebarOffset:"auto",includeHtml:!1,includeTitleTags:!1,onClick:function(e3){},orderedList:!0,scrollContainer:null,skipRendering:!1,headingLabelCallback:!1,ignoreHiddenElements:!1,headingObjectCallback:null,basePath:"",disableTocScrollSync:!1,tocScrollingWrapper:null,tocScrollOffset:30,bottomModeThreshold:30};function parseContent(options){let reduce=[].reduce;function getLastItem(array2){return array2[array2.length-1]}function getHeadingLevel(heading){return +heading.nodeName.toUpperCase().replace("H","")}function isHTMLElement(maybeElement){try{return maybeElement instanceof window.HTMLElement||maybeElement instanceof window.parent.HTMLElement}catch{return maybeElement instanceof window.HTMLElement}}function getHeadingObject(heading){if(!isHTMLElement(heading))return heading;if(options.ignoreHiddenElements&&(!heading.offsetHeight||!heading.offsetParent))return null;let headingLabel=heading.getAttribute("data-heading-label")||(options.headingLabelCallback?String(options.headingLabelCallback(heading.innerText)):(heading.innerText||heading.textContent).trim()),obj={id:heading.id,children:[],nodeName:heading.nodeName,headingLevel:getHeadingLevel(heading),textContent:headingLabel};return options.includeHtml&&(obj.childNodes=heading.childNodes),options.headingObjectCallback?options.headingObjectCallback(obj,heading):obj}function addNode(node,nest){let obj=getHeadingObject(node),level=obj.headingLevel,array2=nest,lastItem=getLastItem(array2),lastItemLevel=lastItem?lastItem.headingLevel:0,counter=level-lastItemLevel;for(;counter>0&&(lastItem=getLastItem(array2),!(lastItem&&level===lastItem.headingLevel));)lastItem&&lastItem.children!==void 0&&(array2=lastItem.children),counter--;return level>=options.collapseDepth&&(obj.isCollapsed=!0),array2.push(obj),array2}function selectHeadings(contentElement,headingSelector){let selectors=headingSelector;options.ignoreSelector&&(selectors=headingSelector.split(",").map(function(selector){return `${selector.trim()}:not(${options.ignoreSelector})`}));try{return contentElement.querySelectorAll(selectors)}catch{return console.warn(`Headers not found with selector: ${selectors}`),null}}function nestHeadingsArray(headingsArray){return reduce.call(headingsArray,function(prev,curr){let currentHeading=getHeadingObject(curr);return currentHeading&&addNode(currentHeading,prev.nest),prev},{nest:[]})}return {nestHeadingsArray,selectHeadings}}function initSmoothScrolling(options){var duration=options.duration,offset=options.offset;if(typeof window>"u"||typeof location>"u")return;var pageUrl=location.hash?stripHash(location.href):location.href;delegatedLinkHijacking();function delegatedLinkHijacking(){document.body.addEventListener("click",onClick,!1);function onClick(e3){!isInPageLink(e3.target)||e3.target.className.indexOf("no-smooth-scroll")>-1||e3.target.href.charAt(e3.target.href.length-2)==="#"&&e3.target.href.charAt(e3.target.href.length-1)==="!"||e3.target.className.indexOf(options.linkClass)===-1||jump(e3.target.hash,{duration,offset,callback:function(){setFocus(e3.target.hash);}});}}function isInPageLink(n3){return n3.tagName.toLowerCase()==="a"&&(n3.hash.length>0||n3.href.charAt(n3.href.length-1)==="#")&&(stripHash(n3.href)===pageUrl||stripHash(n3.href)+"#"===pageUrl)}function stripHash(url){return url.slice(0,url.lastIndexOf("#"))}function setFocus(hash){var element=document.getElementById(hash.substring(1));element&&(/^(?:a|select|input|button|textarea)$/i.test(element.tagName)||(element.tabIndex=-1),element.focus());}}function jump(target,options){var start=window.pageYOffset,opt={duration:options.duration,offset:options.offset||0,callback:options.callback,easing:options.easing||easeInOutQuad},tgt=document.querySelector('[id="'+decodeURI(target).split("#").join("")+'"]')||document.querySelector('[id="'+target.split("#").join("")+'"]'),distance=typeof target=="string"?opt.offset+(target?tgt&&tgt.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):target,duration=typeof opt.duration=="function"?opt.duration(distance):opt.duration,timeStart,timeElapsed;requestAnimationFrame(function(time){timeStart=time,loop(time);});function loop(time){timeElapsed=time-timeStart,window.scrollTo(0,opt.easing(timeElapsed,start,distance,duration)),timeElapsed<duration?requestAnimationFrame(loop):end();}function end(){window.scrollTo(0,start+distance),typeof opt.callback=="function"&&opt.callback();}function easeInOutQuad(t3,b3,c3,d3){return t3/=d3/2,t3<1?c3/2*t3*t3+b3:(t3--,-c3/2*(t3*(t3-2)-1)+b3)}}function updateTocScroll(options){let toc=options.tocScrollingWrapper||options.tocElement||document.querySelector(options.tocSelector);if(toc&&toc.scrollHeight>toc.clientHeight){let activeItem=toc.querySelector(`.${options.activeListItemClass}`);if(activeItem){let scrollAmount=activeItem.offsetTop-options.tocScrollOffset;toc.scrollTop=scrollAmount>0?scrollAmount:0;}}}var _options={},_buildHtml,_parseContent,_headingsArray,_scrollListener,clickListener;function init(customOptions){let hasInitialized=!1;_options=extend(default_options_default,customOptions||{}),_options.scrollSmooth&&(_options.duration=_options.scrollSmoothDuration,_options.offset=_options.scrollSmoothOffset,initSmoothScrolling(_options)),_buildHtml=build_html_default(_options),_parseContent=parseContent(_options),destroy();let contentElement=getContentElement(_options);if(contentElement===null)return;let tocElement=getTocElement(_options);if(tocElement===null||(_headingsArray=_parseContent.selectHeadings(contentElement,_options.headingSelector),_headingsArray===null))return;let nestedHeadings=_parseContent.nestHeadingsArray(_headingsArray).nest;if(!_options.skipRendering)_buildHtml.render(tocElement,nestedHeadings);else return this;let isClick=!1,scrollHandlerTimeout=_options.scrollHandlerTimeout||_options.throttleTimeout;_scrollListener=((fn,delay)=>getScrollHandler(fn,delay,_options.scrollHandlerType))(e3=>{_buildHtml.updateToc(_headingsArray,e3),!_options.disableTocScrollSync&&!isClick&&updateTocScroll(_options),_options.enableUrlHashUpdateOnScroll&&hasInitialized&&_buildHtml.getCurrentlyHighlighting()&&_buildHtml.updateUrlHashForHeader(_headingsArray);let isTop=e3?.target?.scrollingElement?.scrollTop===0;(e3&&(e3.eventPhase===0||e3.currentTarget===null)||isTop)&&(_buildHtml.updateToc(_headingsArray),_options.scrollEndCallback?.(e3));},scrollHandlerTimeout),hasInitialized||(_scrollListener(),hasInitialized=!0),window.onhashchange=window.onscrollend=e3=>{_scrollListener(e3);},_options.scrollContainer&&document.querySelector(_options.scrollContainer)?(document.querySelector(_options.scrollContainer).addEventListener("scroll",_scrollListener,!1),document.querySelector(_options.scrollContainer).addEventListener("resize",_scrollListener,!1)):(document.addEventListener("scroll",_scrollListener,!1),document.addEventListener("resize",_scrollListener,!1));let timeout=null;clickListener=throttle(event=>{isClick=!0,_options.scrollSmooth&&_buildHtml.disableTocAnimation(event),_buildHtml.updateToc(_headingsArray,event),timeout&&clearTimeout(timeout),timeout=setTimeout(()=>{_buildHtml.enableTocAnimation();},_options.scrollSmoothDuration),setTimeout(()=>{isClick=!1;},_options.scrollSmoothDuration+100);},_options.throttleTimeout),_options.scrollContainer&&document.querySelector(_options.scrollContainer)?document.querySelector(_options.scrollContainer).addEventListener("click",clickListener,!1):document.addEventListener("click",clickListener,!1);}function destroy(){let tocElement=getTocElement(_options);tocElement!==null&&(_options.skipRendering||tocElement&&(tocElement.innerHTML=""),_options.scrollContainer&&document.querySelector(_options.scrollContainer)?(document.querySelector(_options.scrollContainer).removeEventListener("scroll",_scrollListener,!1),document.querySelector(_options.scrollContainer).removeEventListener("resize",_scrollListener,!1),_buildHtml&&document.querySelector(_options.scrollContainer).removeEventListener("click",clickListener,!1)):(document.removeEventListener("scroll",_scrollListener,!1),document.removeEventListener("resize",_scrollListener,!1),_buildHtml&&document.removeEventListener("click",clickListener,!1)));}function refresh(customOptions){destroy(),init(customOptions||_options);}var hasOwnProp=Object.prototype.hasOwnProperty;function extend(...args){let target={};for(let i3=0;i3<args.length;i3++){let source=args[i3];for(let key in source)hasOwnProp.call(source,key)&&(target[key]=source[key]);}return target}function throttle(fn,threshold,scope){threshold||(threshold=250);let last,deferTimer;return function(...args){let context=scope||this,now=+new Date;last&&now<last+threshold?(clearTimeout(deferTimer),deferTimer=setTimeout(()=>{last=now,fn.apply(context,args);},threshold)):(last=now,fn.apply(context,args));}}function debounce3(func,wait){let timeout;return (...args)=>{clearTimeout(timeout),timeout=setTimeout(()=>func.apply(this,args),wait);}}function getScrollHandler(func,timeout,type="auto"){switch(type){case"debounce":return debounce3(func,timeout);case"throttle":return throttle(func,timeout);default:return timeout<334?debounce3(func,timeout):throttle(func,timeout)}}function getContentElement(options){try{return options.contentElement||document.querySelector(options.contentSelector)}catch{return console.warn(`Contents element not found: ${options.contentSelector}`),null}}function getTocElement(options){try{return options.tocElement||document.querySelector(options.tocSelector)}catch{return console.warn(`TOC element not found: ${options.tocSelector}`),null}}var tocbot={destroy,init,refresh};var tocbot_default=tocbot;var Aside=theming.styled.aside(()=>({width:"10rem","@media (max-width: 768px)":{display:"none"}})),Nav=theming.styled.nav(({theme})=>({position:"fixed",bottom:0,top:0,width:"10rem",paddingTop:"4rem",paddingBottom:"2rem",overflowY:"auto",fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s2,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch","& *":{boxSizing:"border-box"},"& > .toc-wrapper > .toc-list":{paddingLeft:0,borderLeft:`solid 2px ${theme.color.mediumlight}`,".toc-list":{paddingLeft:0,borderLeft:`solid 2px ${theme.color.mediumlight}`,".toc-list":{paddingLeft:0,borderLeft:`solid 2px ${theme.color.mediumlight}`}}},"& .toc-list-item":{position:"relative",listStyleType:"none",marginLeft:20,paddingTop:3,paddingBottom:3},"& .toc-list-item::before":{content:'""',position:"absolute",height:"100%",top:0,left:0,transform:"translateX(calc(-2px - 20px))",borderLeft:`solid 2px ${theme.color.mediumdark}`,opacity:0,transition:"opacity 0.2s"},"& .toc-list-item.is-active-li::before":{opacity:1},"& .toc-list-item > a":{color:theme.color.defaultText,textDecoration:"none"},"& .toc-list-item.is-active-li > a":{fontWeight:600,color:theme.color.secondary,textDecoration:"none"}})),Heading=theming.styled.p(({theme})=>({fontWeight:600,fontSize:"0.875em",color:theme.textColor,textTransform:"uppercase",marginBottom:10})),Title2=({headingId,title})=>typeof title=="string"||!title?React20__namespace.default.createElement(Heading,{as:"h2",id:headingId,className:title?"":"sb-sr-only"},title||"Table of contents"):React20__namespace.default.createElement("div",{id:headingId},title),TableOfContents=({title,disable,headingSelector,contentsSelector,ignoreSelector,unsafeTocbotOptions,channel,className})=>{React20.useEffect(()=>{if(disable)return ()=>{};let configuration={tocSelector:".toc-wrapper",contentSelector:contentsSelector??".sbdocs-content",headingSelector:headingSelector??"h3",ignoreSelector:ignoreSelector??".docs-story *, .skip-toc",headingsOffset:40,scrollSmoothOffset:-40,orderedList:!1,onClick:e3=>{if(e3.preventDefault(),e3.currentTarget instanceof HTMLAnchorElement){let[,headerId]=e3.currentTarget.href.split("#");headerId&&channel.emit(coreEvents.NAVIGATE_URL,`#${headerId}`);}},...unsafeTocbotOptions},timeout=setTimeout(()=>tocbot_default.init(configuration),100);return ()=>{clearTimeout(timeout),tocbot_default.destroy();}},[channel,disable,ignoreSelector,contentsSelector,headingSelector,unsafeTocbotOptions]);let headingId=React20.useId();return React20__namespace.default.createElement(Aside,{className},disable?null:React20__namespace.default.createElement(Nav,{"aria-labelledby":headingId},React20__namespace.default.createElement(Title2,{headingId,title}),React20__namespace.default.createElement("div",{className:"toc-wrapper"})))};function t(){return t=Object.assign?Object.assign.bind():function(e3){for(var t3=1;t3<arguments.length;t3++){var n3=arguments[t3];for(var r3 in n3)Object.prototype.hasOwnProperty.call(n3,r3)&&(e3[r3]=n3[r3]);}return e3},t.apply(this,arguments)}var n=["children","options"],r={blockQuote:"0",breakLine:"1",breakThematic:"2",codeBlock:"3",codeFenced:"4",codeInline:"5",footnote:"6",footnoteReference:"7",gfmTask:"8",heading:"9",headingSetext:"10",htmlBlock:"11",htmlComment:"12",htmlSelfClosing:"13",image:"14",link:"15",linkAngleBraceStyleDetector:"16",linkBareUrlDetector:"17",linkMailtoDetector:"18",newlineCoalescer:"19",orderedList:"20",paragraph:"21",ref:"22",refImage:"23",refLink:"24",table:"25",tableSeparator:"26",text:"27",textBolded:"28",textEmphasized:"29",textEscaped:"30",textMarked:"31",textStrikethroughed:"32",unorderedList:"33"},i;(function(e3){e3[e3.MAX=0]="MAX",e3[e3.HIGH=1]="HIGH",e3[e3.MED=2]="MED",e3[e3.LOW=3]="LOW",e3[e3.MIN=4]="MIN";})(i||(i={}));var l=["allowFullScreen","allowTransparency","autoComplete","autoFocus","autoPlay","cellPadding","cellSpacing","charSet","classId","colSpan","contentEditable","contextMenu","crossOrigin","encType","formAction","formEncType","formMethod","formNoValidate","formTarget","frameBorder","hrefLang","inputMode","keyParams","keyType","marginHeight","marginWidth","maxLength","mediaGroup","minLength","noValidate","radioGroup","readOnly","rowSpan","spellCheck","srcDoc","srcLang","srcSet","tabIndex","useMap"].reduce((e3,t3)=>(e3[t3.toLowerCase()]=t3,e3),{class:"className",for:"htmlFor"}),o={amp:"&",apos:"'",gt:">",lt:"<",nbsp:"\xA0",quot:"\u201C"},a=["style","script"],c=["src","href","data","formAction","srcDoc","action"],s=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,d=/mailto:/i,u=/\n{2,}$/,p=/^(\s*>[\s\S]*?)(?=\n\n|$)/,f=/^ *> ?/gm,h=/^(?:\[!([^\]]*)\]\n)?([\s\S]*)/,m=/^ {2,}\n/,g=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,y=/^(?: {1,3})?(`{3,}|~{3,}) *(\S+)? *([^\n]*?)?\n([\s\S]*?)(?:\1\n?|$)/,k=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,x=/^(`+)((?:\\`|(?!\1)`|[^`])+)\1/,b=/^(?:\n *)*\n/,v=/\r\n?/g,C=/^\[\^([^\]]+)](:(.*)((\n+ {4,}.*)|(\n(?!\[\^).+))*)/,$=/^\[\^([^\]]+)]/,S=/\f/g,w=/^---[ \t]*\n(.|\n)*\n---[ \t]*\n/,E=/^\s*?\[(x|\s)\]/,z=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,L=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,A=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,O=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?((?:[^>]*[^/])?)>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1\b)[\s\S])*?)<\/\1>(?!<\/\1>)\n*/i,T=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,B=/^<!--[\s\S]*?(?:-->)/,M=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,R=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,I=/^\{.*\}$/,D=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,U=/^<([^ >]+@[^ >]+)>/,N=/^<([^ >]+:\/[^ >]+)>/,j=/-([a-z])?/gi,H=/^(\|.*)\n(?: *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*))?\n?/,P=/^\[([^\]]*)\]:\s+<?([^\s>]+)>?\s*("([^"]*)")?/,_=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,F=/^\[([^\]]*)\] ?\[([^\]]*)\]/,W=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,G=/\t/g,Z=/(^ *\||\| *$)/g,q=/^ *:-+: *$/,Q=/^ *:-+ *$/,V=/^ *-+: *$/,X="((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|\\\\\\1|[\\s\\S])+?)",J=new RegExp(`^([*_])\\1${X}\\1\\1(?!\\1)`),K=new RegExp(`^([*_])${X}\\1(?!\\1)`),Y=new RegExp(`^(==)${X}\\1`),ee=new RegExp(`^(~~)${X}\\1`),te=/^\\([^0-9A-Za-z\s])/,ne=/\\([^0-9A-Za-z\s])/g,re=/^([\s\S](?:(?!  |[0-9]\.)[^=*_~\-\n<`\\\[!])*)/,ie=/^\n+/,le=/^([ \t]*)/,oe=/\\([^\\])/g,ae=/(?:^|\n)( *)$/,ce="(?:\\d+\\.)",se="(?:[*+-])";function de(e3){return "( *)("+(e3===1?ce:se)+") +"}var ue=de(1),pe=de(2);function fe(e3){return new RegExp("^"+(e3===1?ue:pe))}var he=fe(1),me=fe(2);function ge(e3){return new RegExp("^"+(e3===1?ue:pe)+"[^\\n]*(?:\\n(?!\\1"+(e3===1?ce:se)+" )[^\\n]*)*(\\n|$)","gm")}var ye=ge(1),ke=ge(2);function xe(e3){let t3=e3===1?ce:se;return new RegExp("^( *)("+t3+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+t3+" (?!"+t3+" ))\\n*|\\s*\\n*$)")}var be=xe(1),ve=xe(2);function Ce(e3,t3){let n3=t3===1,i3=n3?be:ve,l3=n3?ye:ke,o3=n3?he:me;return {match:Me(function(e4,t4){let n4=ae.exec(t4.prevCapture);return n4&&(t4.list||!t4.inline&&!t4.simple)?i3.exec(e4=n4[1]+e4):null}),order:1,parse(e4,t4,r3){let i4=n3?+e4[2]:void 0,a3=e4[0].replace(u,`
+`};function format(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var a3=args[0],b3=[],c3;for(c3=1;c3<args.length;c3+=1)b3.push(args[c3]);return b3.forEach(function(d3){a3=a3.replace(/%[a-z]/,d3);}),a3}var PolishedError=function(_Error){_inheritsLoose(PolishedError2,_Error);function PolishedError2(code){var _this;if(process.env.NODE_ENV==="production")_this=_Error.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+code+" for more information.")||this;else {for(var _len2=arguments.length,args=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++)args[_key2-1]=arguments[_key2];_this=_Error.call(this,format.apply(void 0,[ERRORS[code]].concat(args)))||this;}return _assertThisInitialized(_this)}return PolishedError2}(_wrapNativeSuper(Error));function colorToInt(color){return Math.round(color*255)}function convertToInt(red,green,blue){return colorToInt(red)+","+colorToInt(green)+","+colorToInt(blue)}function hslToRgb(hue,saturation,lightness,convert3){if(convert3===void 0&&(convert3=convertToInt),saturation===0)return convert3(lightness,lightness,lightness);var huePrime=(hue%360+360)%360/60,chroma=(1-Math.abs(2*lightness-1))*saturation,secondComponent=chroma*(1-Math.abs(huePrime%2-1)),red=0,green=0,blue=0;huePrime>=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2,finalRed=red+lightnessModification,finalGreen=green+lightnessModification,finalBlue=blue+lightnessModification;return convert3(finalRed,finalGreen,finalBlue)}var namedColorMap={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",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:"ff00ff",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:"639",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"};function nameToHex(color){if(typeof color!="string")return color;var normalizedColorName=color.toLowerCase();return namedColorMap[normalizedColorName]?"#"+namedColorMap[normalizedColorName]:color}var hexRegex=/^#[a-fA-F0-9]{6}$/,hexRgbaRegex=/^#[a-fA-F0-9]{8}$/,reducedHexRegex=/^#[a-fA-F0-9]{3}$/,reducedRgbaHexRegex=/^#[a-fA-F0-9]{4}$/,rgbRegex=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,rgbaRegex=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,hslRegex=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,hslaRegex=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function parseToRgb(color){if(typeof color!="string")throw new PolishedError(3);var normalizedColor=nameToHex(color);if(normalizedColor.match(hexRegex))return {red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16)};if(normalizedColor.match(hexRgbaRegex)){var alpha=parseFloat((parseInt(""+normalizedColor[7]+normalizedColor[8],16)/255).toFixed(2));return {red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16),alpha}}if(normalizedColor.match(reducedHexRegex))return {red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16)};if(normalizedColor.match(reducedRgbaHexRegex)){var _alpha=parseFloat((parseInt(""+normalizedColor[4]+normalizedColor[4],16)/255).toFixed(2));return {red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16),alpha:_alpha}}var rgbMatched=rgbRegex.exec(normalizedColor);if(rgbMatched)return {red:parseInt(""+rgbMatched[1],10),green:parseInt(""+rgbMatched[2],10),blue:parseInt(""+rgbMatched[3],10)};var rgbaMatched=rgbaRegex.exec(normalizedColor.substring(0,50));if(rgbaMatched)return {red:parseInt(""+rgbaMatched[1],10),green:parseInt(""+rgbaMatched[2],10),blue:parseInt(""+rgbaMatched[3],10),alpha:parseFloat(""+rgbaMatched[4])>1?parseFloat(""+rgbaMatched[4])/100:parseFloat(""+rgbaMatched[4])};var hslMatched=hslRegex.exec(normalizedColor);if(hslMatched){var hue=parseInt(""+hslMatched[1],10),saturation=parseInt(""+hslMatched[2],10)/100,lightness=parseInt(""+hslMatched[3],10)/100,rgbColorString="rgb("+hslToRgb(hue,saturation,lightness)+")",hslRgbMatched=rgbRegex.exec(rgbColorString);if(!hslRgbMatched)throw new PolishedError(4,normalizedColor,rgbColorString);return {red:parseInt(""+hslRgbMatched[1],10),green:parseInt(""+hslRgbMatched[2],10),blue:parseInt(""+hslRgbMatched[3],10)}}var hslaMatched=hslaRegex.exec(normalizedColor.substring(0,50));if(hslaMatched){var _hue=parseInt(""+hslaMatched[1],10),_saturation=parseInt(""+hslaMatched[2],10)/100,_lightness=parseInt(""+hslaMatched[3],10)/100,_rgbColorString="rgb("+hslToRgb(_hue,_saturation,_lightness)+")",_hslRgbMatched=rgbRegex.exec(_rgbColorString);if(!_hslRgbMatched)throw new PolishedError(4,normalizedColor,_rgbColorString);return {red:parseInt(""+_hslRgbMatched[1],10),green:parseInt(""+_hslRgbMatched[2],10),blue:parseInt(""+_hslRgbMatched[3],10),alpha:parseFloat(""+hslaMatched[4])>1?parseFloat(""+hslaMatched[4])/100:parseFloat(""+hslaMatched[4])}}throw new PolishedError(5)}function rgbToHsl(color){var red=color.red/255,green=color.green/255,blue=color.blue/255,max=Math.max(red,green,blue),min=Math.min(red,green,blue),lightness=(max+min)/2;if(max===min)return color.alpha!==void 0?{hue:0,saturation:0,lightness,alpha:color.alpha}:{hue:0,saturation:0,lightness};var hue,delta=max-min,saturation=lightness>.5?delta/(2-max-min):delta/(max+min);switch(max){case red:hue=(green-blue)/delta+(green<blue?6:0);break;case green:hue=(blue-red)/delta+2;break;default:hue=(red-green)/delta+4;break}return hue*=60,color.alpha!==void 0?{hue,saturation,lightness,alpha:color.alpha}:{hue,saturation,lightness}}function parseToHsl(color){return rgbToHsl(parseToRgb(color))}var reduceHexValue=function(value2){return value2.length===7&&value2[1]===value2[2]&&value2[3]===value2[4]&&value2[5]===value2[6]?"#"+value2[1]+value2[3]+value2[5]:value2},reduceHexValue$1=reduceHexValue;function numberToHex(value2){var hex=value2.toString(16);return hex.length===1?"0"+hex:hex}function colorToHex(color){return numberToHex(Math.round(color*255))}function convertToHex(red,green,blue){return reduceHexValue$1("#"+colorToHex(red)+colorToHex(green)+colorToHex(blue))}function hslToHex(hue,saturation,lightness){return hslToRgb(hue,saturation,lightness,convertToHex)}function hsl(value2,saturation,lightness){if(typeof value2=="number"&&typeof saturation=="number"&&typeof lightness=="number")return hslToHex(value2,saturation,lightness);if(typeof value2=="object"&&saturation===void 0&&lightness===void 0)return hslToHex(value2.hue,value2.saturation,value2.lightness);throw new PolishedError(1)}function hsla(value2,saturation,lightness,alpha){if(typeof value2=="number"&&typeof saturation=="number"&&typeof lightness=="number"&&typeof alpha=="number")return alpha>=1?hslToHex(value2,saturation,lightness):"rgba("+hslToRgb(value2,saturation,lightness)+","+alpha+")";if(typeof value2=="object"&&saturation===void 0&&lightness===void 0&&alpha===void 0)return value2.alpha>=1?hslToHex(value2.hue,value2.saturation,value2.lightness):"rgba("+hslToRgb(value2.hue,value2.saturation,value2.lightness)+","+value2.alpha+")";throw new PolishedError(2)}function rgb(value2,green,blue){if(typeof value2=="number"&&typeof green=="number"&&typeof blue=="number")return reduceHexValue$1("#"+numberToHex(value2)+numberToHex(green)+numberToHex(blue));if(typeof value2=="object"&&green===void 0&&blue===void 0)return reduceHexValue$1("#"+numberToHex(value2.red)+numberToHex(value2.green)+numberToHex(value2.blue));throw new PolishedError(6)}function rgba(firstValue,secondValue,thirdValue,fourthValue){if(typeof firstValue=="string"&&typeof secondValue=="number"){var rgbValue=parseToRgb(firstValue);return "rgba("+rgbValue.red+","+rgbValue.green+","+rgbValue.blue+","+secondValue+")"}else {if(typeof firstValue=="number"&&typeof secondValue=="number"&&typeof thirdValue=="number"&&typeof fourthValue=="number")return fourthValue>=1?rgb(firstValue,secondValue,thirdValue):"rgba("+firstValue+","+secondValue+","+thirdValue+","+fourthValue+")";if(typeof firstValue=="object"&&secondValue===void 0&&thirdValue===void 0&&fourthValue===void 0)return firstValue.alpha>=1?rgb(firstValue.red,firstValue.green,firstValue.blue):"rgba("+firstValue.red+","+firstValue.green+","+firstValue.blue+","+firstValue.alpha+")"}throw new PolishedError(7)}var isRgb=function(color){return typeof color.red=="number"&&typeof color.green=="number"&&typeof color.blue=="number"&&(typeof color.alpha!="number"||typeof color.alpha>"u")},isRgba=function(color){return typeof color.red=="number"&&typeof color.green=="number"&&typeof color.blue=="number"&&typeof color.alpha=="number"},isHsl=function(color){return typeof color.hue=="number"&&typeof color.saturation=="number"&&typeof color.lightness=="number"&&(typeof color.alpha!="number"||typeof color.alpha>"u")},isHsla=function(color){return typeof color.hue=="number"&&typeof color.saturation=="number"&&typeof color.lightness=="number"&&typeof color.alpha=="number"};function toColorString(color){if(typeof color!="object")throw new PolishedError(8);if(isRgba(color))return rgba(color);if(isRgb(color))return rgb(color);if(isHsla(color))return hsla(color);if(isHsl(color))return hsl(color);throw new PolishedError(8)}function curried(f3,length,acc){return function(){var combined=acc.concat(Array.prototype.slice.call(arguments));return combined.length>=length?f3.apply(this,combined):curried(f3,length,combined)}}function curry(f3){return curried(f3,f3.length,[])}function adjustHue(degree,color){if(color==="transparent")return color;var hslColor=parseToHsl(color);return toColorString(_extends({},hslColor,{hue:hslColor.hue+parseFloat(degree)}))}curry(adjustHue);function guard(lowerBoundary,upperBoundary,value2){return Math.max(lowerBoundary,Math.min(upperBoundary,value2))}function darken(amount,color){if(color==="transparent")return color;var hslColor=parseToHsl(color);return toColorString(_extends({},hslColor,{lightness:guard(0,1,hslColor.lightness-parseFloat(amount))}))}var curriedDarken=curry(darken),curriedDarken$1=curriedDarken;function desaturate(amount,color){if(color==="transparent")return color;var hslColor=parseToHsl(color);return toColorString(_extends({},hslColor,{saturation:guard(0,1,hslColor.saturation-parseFloat(amount))}))}curry(desaturate);function lighten(amount,color){if(color==="transparent")return color;var hslColor=parseToHsl(color);return toColorString(_extends({},hslColor,{lightness:guard(0,1,hslColor.lightness+parseFloat(amount))}))}var curriedLighten=curry(lighten),curriedLighten$1=curriedLighten;function mix(weight,color,otherColor){if(color==="transparent")return otherColor;if(otherColor==="transparent")return color;if(weight===0)return otherColor;var parsedColor1=parseToRgb(color),color1=_extends({},parsedColor1,{alpha:typeof parsedColor1.alpha=="number"?parsedColor1.alpha:1}),parsedColor2=parseToRgb(otherColor),color2=_extends({},parsedColor2,{alpha:typeof parsedColor2.alpha=="number"?parsedColor2.alpha:1}),alphaDelta=color1.alpha-color2.alpha,x3=parseFloat(weight)*2-1,y3=x3*alphaDelta===-1?x3:x3+alphaDelta,z3=1+x3*alphaDelta,weight1=(y3/z3+1)/2,weight2=1-weight1,mixedColor={red:Math.floor(color1.red*weight1+color2.red*weight2),green:Math.floor(color1.green*weight1+color2.green*weight2),blue:Math.floor(color1.blue*weight1+color2.blue*weight2),alpha:color1.alpha*parseFloat(weight)+color2.alpha*(1-parseFloat(weight))};return rgba(mixedColor)}var curriedMix=curry(mix),mix$1=curriedMix;function opacify(amount,color){if(color==="transparent")return color;var parsedColor=parseToRgb(color),alpha=typeof parsedColor.alpha=="number"?parsedColor.alpha:1,colorWithAlpha=_extends({},parsedColor,{alpha:guard(0,1,(alpha*100+parseFloat(amount)*100)/100)});return rgba(colorWithAlpha)}var curriedOpacify=curry(opacify),curriedOpacify$1=curriedOpacify;function saturate(amount,color){if(color==="transparent")return color;var hslColor=parseToHsl(color);return toColorString(_extends({},hslColor,{saturation:guard(0,1,hslColor.saturation+parseFloat(amount))}))}curry(saturate);function setHue(hue,color){return color==="transparent"?color:toColorString(_extends({},parseToHsl(color),{hue:parseFloat(hue)}))}curry(setHue);function setLightness(lightness,color){return color==="transparent"?color:toColorString(_extends({},parseToHsl(color),{lightness:parseFloat(lightness)}))}curry(setLightness);function setSaturation(saturation,color){return color==="transparent"?color:toColorString(_extends({},parseToHsl(color),{saturation:parseFloat(saturation)}))}curry(setSaturation);function shade(percentage,color){return color==="transparent"?color:mix$1(parseFloat(percentage),"rgb(0, 0, 0)",color)}curry(shade);function tint(percentage,color){return color==="transparent"?color:mix$1(parseFloat(percentage),"rgb(255, 255, 255)",color)}curry(tint);function transparentize(amount,color){if(color==="transparent")return color;var parsedColor=parseToRgb(color),alpha=typeof parsedColor.alpha=="number"?parsedColor.alpha:1,colorWithAlpha=_extends({},parsedColor,{alpha:guard(0,1,+(alpha*100-parseFloat(amount)*100).toFixed(2)/100)});return rgba(colorWithAlpha)}var curriedTransparentize=curry(transparentize),curriedTransparentize$1=curriedTransparentize;var Wrapper=theming.styled.div(components.withReset,({theme})=>({backgroundColor:theme.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:theme.appBorderRadius,border:`1px dashed ${theme.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:curriedTransparentize$1(.3,theme.color.defaultText),fontSize:theme.typography.size.s2})),EmptyBlock=props=>React20__namespace.default.createElement(Wrapper,{...props,className:"docblock-emptyblock sb-unstyled"});var StyledSyntaxHighlighter=theming.styled(components.SyntaxHighlighter)(({theme})=>({fontSize:`${theme.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:theme.appBorderRadius,boxShadow:theme.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}}));var SourceSkeletonWrapper=theming.styled.div(({theme})=>({background:theme.background.content,borderRadius:theme.appBorderRadius,border:`1px solid ${theme.appBorderColor}`,boxShadow:theme.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"})),SourceSkeletonPlaceholder=theming.styled.div(({theme})=>({animation:`${theme.animation.glow} 1.5s ease-in-out infinite`,background:theme.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${theming.ignoreSsrWarning}`]:{margin:0}})),SourceSkeleton=()=>React20__namespace.default.createElement(SourceSkeletonWrapper,null,React20__namespace.default.createElement(SourceSkeletonPlaceholder,null),React20__namespace.default.createElement(SourceSkeletonPlaceholder,{style:{width:"80%"}}),React20__namespace.default.createElement(SourceSkeletonPlaceholder,{style:{width:"30%"}}),React20__namespace.default.createElement(SourceSkeletonPlaceholder,{style:{width:"80%"}})),Source=({isLoading,error,language,code,dark,format:format3=!0,...rest})=>{let{typography}=theming.useTheme();if(isLoading)return React20__namespace.default.createElement(SourceSkeleton,null);if(error)return React20__namespace.default.createElement(EmptyBlock,null,error);let syntaxHighlighter=React20__namespace.default.createElement(StyledSyntaxHighlighter,{bordered:!0,copyable:!0,format:format3,language:language??"jsx",className:"docblock-source sb-unstyled",...rest},code);if(typeof dark>"u")return syntaxHighlighter;let overrideTheme=dark?theming.themes.dark:theming.themes.light;return React20__namespace.default.createElement(theming.ThemeProvider,{theme:theming.convert({...overrideTheme,fontCode:typography.fonts.mono,fontBase:typography.fonts.base})},syntaxHighlighter)};var toGlobalSelector=element=>`& :where(${element}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${element}))`,breakpoint=600,Title=theming.styled.h1(components.withReset,({theme})=>({color:theme.color.defaultText,fontSize:theme.typography.size.m3,fontWeight:theme.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${breakpoint}px)`]:{fontSize:theme.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),Subtitle=theming.styled.h2(components.withReset,({theme})=>({fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${breakpoint}px)`]:{fontSize:theme.typography.size.m1,lineHeight:"28px",marginBottom:24},color:curriedTransparentize$1(.25,theme.color.defaultText)})),DocsContent=theming.styled.div(({theme})=>{let reset={fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},headers={margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:theme.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& code":{fontSize:"inherit"}},code={lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:theme.typography.size.s2-1,border:theme.base==="light"?`1px solid ${theme.color.mediumlight}`:`1px solid ${theme.color.darker}`,color:theme.base==="light"?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.3,theme.color.defaultText),backgroundColor:theme.base==="light"?theme.color.lighter:theme.color.border};return {maxWidth:1e3,width:"100%",minWidth:0,[toGlobalSelector("a")]:{...reset,fontSize:"inherit",lineHeight:"24px",color:theme.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}},[toGlobalSelector("blockquote")]:{...reset,margin:"16px 0",borderLeft:`4px solid ${theme.color.medium}`,padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[toGlobalSelector("div")]:reset,[toGlobalSelector("dl")]:{...reset,margin:"16px 0",padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}},[toGlobalSelector("h1")]:{...reset,...headers,fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold},[toGlobalSelector("h2")]:{...reset,...headers,fontSize:`${theme.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${theme.appBorderColor}`},[toGlobalSelector("h3")]:{...reset,...headers,fontSize:`${theme.typography.size.m1}px`,fontWeight:theme.typography.weight.bold},[toGlobalSelector("h4")]:{...reset,...headers,fontSize:`${theme.typography.size.s3}px`},[toGlobalSelector("h5")]:{...reset,...headers,fontSize:`${theme.typography.size.s2}px`},[toGlobalSelector("h6")]:{...reset,...headers,fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},[toGlobalSelector("hr")]:{border:"0 none",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},[toGlobalSelector("img")]:{maxWidth:"100%"},[toGlobalSelector("li")]:{...reset,fontSize:theme.typography.size.s2,color:theme.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":code},[toGlobalSelector("ol")]:{...reset,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[toGlobalSelector("p")]:{...reset,margin:"16px 0",fontSize:theme.typography.size.s2,lineHeight:"24px",color:theme.color.defaultText,"& code":code},[toGlobalSelector("pre")]:{...reset,fontFamily:theme.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}},[toGlobalSelector("span")]:{...reset,"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${theme.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:theme.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}},[toGlobalSelector("table")]:{...reset,margin:"16px 0",fontSize:theme.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:theme.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:theme.base==="dark"?theme.color.darker:theme.color.lighter},"& tr th":{fontWeight:"bold",color:theme.color.defaultText,border:`1px solid ${theme.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${theme.appBorderColor}`,color:theme.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}},[toGlobalSelector("ul")]:{...reset,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),DocsWrapper=theming.styled.div(({theme})=>({background:theme.background.content,display:"flex",flexDirection:"row-reverse",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${breakpoint}px)`]:{}})),DocsPageWrapper=({children,toc})=>React20__namespace.default.createElement(DocsWrapper,{className:"sbdocs sbdocs-wrapper"},toc,React20__namespace.default.createElement(DocsContent,{className:"sbdocs sbdocs-content"},children));var getBlockBackgroundStyle=theme=>({borderRadius:theme.appBorderRadius,background:theme.background.content,boxShadow:theme.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${theme.appBorderColor}`});var{window:globalWindow}=globalThis,IFrame=class extends React20.Component{constructor(){super(...arguments);this.iframe=null;}componentDidMount(){let{id:id2}=this.props;this.iframe=globalWindow.document.getElementById(id2);}shouldComponentUpdate(nextProps){let{scale}=nextProps;return scale!==this.props.scale&&this.setIframeBodyStyle({width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(style){return Object.assign(this.iframe.contentDocument.body.style,style)}render(){let{id:id2,title,src,allowFullScreen,scale,...rest}=this.props;return React20__namespace.default.createElement("iframe",{id:id2,title,src,...allowFullScreen?{allow:"fullscreen"}:{},loading:"lazy",...rest})}};var ZoomContext=React20.createContext({scale:1});var{PREVIEW_URL}=globalThis,BASE_URL=PREVIEW_URL||"iframe.html",storyBlockIdFromId=({story,primary})=>`story--${story.id}${primary?"--primary":""}`,InlineStory=props=>{let storyRef=React20.useRef(),[showLoader,setShowLoader]=React20.useState(!0),[error,setError]=React20.useState(),{story,height,autoplay,forceInitialArgs,renderStoryToElement}=props;return React20.useEffect(()=>{if(!(story&&storyRef.current))return ()=>{};let element=storyRef.current,cleanup=renderStoryToElement(story,element,{showMain:()=>{},showError:({title,description})=>setError(new Error(`${title} - ${description}`)),showException:err=>setError(err)},{autoplay,forceInitialArgs});return setShowLoader(!1),()=>{Promise.resolve().then(()=>cleanup());}},[autoplay,renderStoryToElement,story]),error?React20__namespace.default.createElement("pre",null,React20__namespace.default.createElement(components.ErrorFormatter,{error})):React20__namespace.default.createElement(React20__namespace.default.Fragment,null,height?React20__namespace.default.createElement("style",null,`#${storyBlockIdFromId(props)} { min-height: ${height}; transform: translateZ(0); overflow: auto }`):null,showLoader&&React20__namespace.default.createElement(StorySkeleton,null),React20__namespace.default.createElement("div",{ref:storyRef,id:`${storyBlockIdFromId(props)}-inner`,"data-name":story.name}))},IFrameStory=({story,height="500px"})=>React20__namespace.default.createElement("div",{style:{width:"100%",height}},React20__namespace.default.createElement(ZoomContext.Consumer,null,({scale})=>React20__namespace.default.createElement(IFrame,{key:"iframe",id:`iframe--${story.id}`,title:story.name,src:components.getStoryHref(BASE_URL,story.id,{viewMode:"story"}),allowFullScreen:!0,scale,style:{width:"100%",height:"100%",border:"0 none"}}))),ErrorMessage=theming.styled.strong(({theme})=>({color:theme.color.orange})),Story=props=>{let{inline,story}=props;return inline&&!props.autoplay&&story.usesMount?React20__namespace.default.createElement(ErrorMessage,null,"This story mounts inside of play. Set"," ",React20__namespace.default.createElement("a",{href:"https://storybook.js.org/docs/api/doc-blocks/doc-block-story#autoplay"},"autoplay")," ","to true to view this story."):React20__namespace.default.createElement("div",{id:storyBlockIdFromId(props),className:"sb-story sb-unstyled","data-story-block":"true"},inline?React20__namespace.default.createElement(InlineStory,{...props}):React20__namespace.default.createElement(IFrameStory,{...props}))},StorySkeleton=()=>React20__namespace.default.createElement(components.Loader,null);var Bar=theming.styled(components.FlexBar)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),Wrapper2=theming.styled.div({display:"flex",alignItems:"center",gap:4}),IconPlaceholder=theming.styled.div(({theme})=>({width:14,height:14,borderRadius:2,margin:"0 7px",backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),Toolbar=({isLoading,storyId,baseUrl,zoom,resetZoom,...rest})=>React20__namespace.default.createElement(Bar,{...rest},React20__namespace.default.createElement(Wrapper2,{key:"left"},isLoading?[1,2,3].map(key=>React20__namespace.default.createElement(IconPlaceholder,{key})):React20__namespace.default.createElement(React20__namespace.default.Fragment,null,React20__namespace.default.createElement(components.IconButton,{key:"zoomin",onClick:e3=>{e3.preventDefault(),zoom(.8);},title:"Zoom in"},React20__namespace.default.createElement(icons.ZoomIcon,null)),React20__namespace.default.createElement(components.IconButton,{key:"zoomout",onClick:e3=>{e3.preventDefault(),zoom(1.25);},title:"Zoom out"},React20__namespace.default.createElement(icons.ZoomOutIcon,null)),React20__namespace.default.createElement(components.IconButton,{key:"zoomreset",onClick:e3=>{e3.preventDefault(),resetZoom();},title:"Reset zoom"},React20__namespace.default.createElement(icons.ZoomResetIcon,null)))));var ChildrenContainer=theming.styled.div(({isColumn,columns,layout})=>({display:isColumn||!columns?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:isColumn?"column":"row","& .innerZoomElementWrapper > *":isColumn?{width:layout!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:layout!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout="padded",inline})=>layout==="centered"||layout==="padded"?{padding:inline?"32px 22px":"0px","& .innerZoomElementWrapper > *":{width:"auto",border:"8px solid transparent!important"}}:{},({layout="padded",inline})=>layout==="centered"&&inline?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns})=>columns&&columns>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${columns} - 20px)`}}:{}),StyledSource=theming.styled(Source)(({theme})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:theme.appBorderRadius,borderBottomRightRadius:theme.appBorderRadius,border:"none",background:theme.base==="light"?"rgba(0, 0, 0, 0.85)":curriedDarken$1(.05,theme.background.content),color:theme.color.lightest,button:{background:theme.base==="light"?"rgba(0, 0, 0, 0.85)":curriedDarken$1(.05,theme.background.content)}})),PreviewContainer=theming.styled.div(({theme,withSource,isExpanded})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...getBlockBackgroundStyle(theme),borderBottomLeftRadius:withSource&&isExpanded&&0,borderBottomRightRadius:withSource&&isExpanded&&0,borderBottomWidth:isExpanded&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar})=>withToolbar&&{paddingTop:40}),getSource=(withSource,expanded,setExpanded)=>{switch(!0){case!!(withSource&&withSource.error):return {source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>setExpanded(!1)}};case expanded:return {source:React20__namespace.default.createElement(StyledSource,{...withSource,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>setExpanded(!1)}};default:return {source:React20__namespace.default.createElement(StyledSource,{...withSource,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>setExpanded(!0)}}}};function getStoryId(children){if(React20.Children.count(children)===1){let elt=children;if(elt.props)return elt.props.id}return null}var PositionedToolbar=theming.styled(Toolbar)({position:"absolute",top:0,left:0,right:0,height:40}),Relative=theming.styled.div({overflow:"hidden",position:"relative"}),Preview=({isLoading,isColumn,columns,children,withSource,withToolbar=!1,isExpanded=!1,additionalActions,className,layout="padded",inline=!1,...props})=>{let[expanded,setExpanded]=React20.useState(isExpanded),{source,actionItem}=getSource(withSource,expanded,setExpanded),[scale,setScale]=React20.useState(1),previewClasses=[className].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),defaultActionItems=withSource?[actionItem]:[],[additionalActionItems,setAdditionalActionItems]=React20.useState(additionalActions?[...additionalActions]:[]),actionItems=[...defaultActionItems,...additionalActionItems],{window:globalWindow4}=globalThis,copyToClipboard=React20.useCallback(async text=>{let{createCopyToClipboardFunction}=await import('storybook/internal/components');createCopyToClipboardFunction();},[]),onCopyCapture=e3=>{let selection=globalWindow4.getSelection();selection&&selection.type==="Range"||(e3.preventDefault(),additionalActionItems.filter(item=>item.title==="Copied").length===0&&copyToClipboard(source?.props.code??"").then(()=>{setAdditionalActionItems([...additionalActionItems,{title:"Copied",onClick:()=>{}}]),globalWindow4.setTimeout(()=>setAdditionalActionItems(additionalActionItems.filter(item=>item.title!=="Copied")),1500);}));};return React20__namespace.default.createElement(PreviewContainer,{withSource,withToolbar,...props,className:previewClasses.join(" ")},withToolbar&&React20__namespace.default.createElement(PositionedToolbar,{isLoading,border:!0,zoom:z3=>setScale(scale*z3),resetZoom:()=>setScale(1),storyId:getStoryId(children),baseUrl:"./iframe.html"}),React20__namespace.default.createElement(ZoomContext.Provider,{value:{scale}},React20__namespace.default.createElement(Relative,{className:"docs-story",onCopyCapture:withSource&&onCopyCapture},React20__namespace.default.createElement(ChildrenContainer,{isColumn:isColumn||!Array.isArray(children),columns,layout,inline},React20__namespace.default.createElement(components.Zoom.Element,{centered:layout==="centered",scale:inline?scale:1},Array.isArray(children)?children.map((child,i3)=>React20__namespace.default.createElement("div",{key:i3},child)):React20__namespace.default.createElement("div",null,children))),React20__namespace.default.createElement(components.ActionBar,{actionItems}))),withSource&&expanded&&source)};theming.styled(Preview)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));var TabbedArgsTable=({tabs,...props})=>{let entries=Object.entries(tabs);return entries.length===1?React20__namespace.default.createElement(ArgsTable,{...entries[0][1],...props}):React20__namespace.default.createElement(components.TabsState,null,entries.map((entry,index)=>{let[label,table]=entry,id2=`prop_table_div_${label}`,Component4="div",argsTableProps=index===0?props:{sort:props.sort};return React20__namespace.default.createElement(Component4,{key:id2,id:id2,title:label},({active})=>active?React20__namespace.default.createElement(ArgsTable,{key:`prop_table_${label}`,...table,...argsTableProps}):null)}))};var Label=theming.styled.div(({theme})=>({marginRight:30,fontSize:`${theme.typography.size.s1}px`,color:theme.base==="light"?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)})),Sample=theming.styled.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),TypeSpecimen=theming.styled.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),Wrapper3=theming.styled.div(components.withReset,({theme})=>({...getBlockBackgroundStyle(theme),margin:"25px 0 40px",padding:"30px 20px"})),Typeset=({fontFamily,fontSizes,fontWeight,sampleText,...props})=>React20__namespace.default.createElement(Wrapper3,{...props,className:"docblock-typeset sb-unstyled"},fontSizes.map(size=>React20__namespace.default.createElement(TypeSpecimen,{key:size},React20__namespace.default.createElement(Label,null,size),React20__namespace.default.createElement(Sample,{style:{fontFamily,fontSize:size,fontWeight,lineHeight:1.2}},sampleText||"Was he a beast if music could move him so?"))));var ItemTitle=theming.styled.div(({theme})=>({fontWeight:theme.typography.weight.bold,color:theme.color.defaultText})),ItemSubtitle=theming.styled.div(({theme})=>({color:theme.base==="light"?curriedTransparentize$1(.2,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)})),ItemDescription=theming.styled.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5}),SwatchLabel=theming.styled.div(({theme})=>({flex:1,textAlign:"center",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,lineHeight:1,overflow:"hidden",color:theme.base==="light"?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}})),SwatchLabels=theming.styled.div({display:"flex",flexDirection:"row"}),Swatch=theming.styled.div(({background})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background,content:'""'}})),SwatchColors=theming.styled.div(({theme})=>({...getBlockBackgroundStyle(theme),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"})),SwatchSpecimen=theming.styled.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30}),Swatches=theming.styled.div({flex:1,display:"flex",flexDirection:"row"}),Item=theming.styled.div({display:"flex",alignItems:"flex-start"}),ListName=theming.styled.div({flex:"0 0 30%"}),ListSwatches=theming.styled.div({flex:1}),ListHeading=theming.styled.div(({theme})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:theme.typography.weight.bold,color:theme.base==="light"?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)})),List=theming.styled.div(({theme})=>({fontSize:theme.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));function renderSwatch(color,index){return React20__namespace.default.createElement(Swatch,{key:`${color}-${index}`,title:color,background:color})}function renderSwatchLabel(color,index,colorDescription){return React20__namespace.default.createElement(SwatchLabel,{key:`${color}-${index}`,title:color},React20__namespace.default.createElement("div",null,color,colorDescription&&React20__namespace.default.createElement("span",null,colorDescription)))}function renderSwatchSpecimen(colors){if(Array.isArray(colors))return React20__namespace.default.createElement(SwatchSpecimen,null,React20__namespace.default.createElement(SwatchColors,null,colors.map((color,index)=>renderSwatch(color,index))),React20__namespace.default.createElement(SwatchLabels,null,colors.map((color,index)=>renderSwatchLabel(color,index))));let swatchElements=[],labelElements=[];for(let colorKey in colors){let colorValue=colors[colorKey];swatchElements.push(renderSwatch(colorValue,swatchElements.length)),labelElements.push(renderSwatchLabel(colorKey,labelElements.length,colorValue));}return React20__namespace.default.createElement(SwatchSpecimen,null,React20__namespace.default.createElement(SwatchColors,null,swatchElements),React20__namespace.default.createElement(SwatchLabels,null,labelElements))}var ColorItem=({title,subtitle,colors})=>React20__namespace.default.createElement(Item,null,React20__namespace.default.createElement(ItemDescription,null,React20__namespace.default.createElement(ItemTitle,null,title),React20__namespace.default.createElement(ItemSubtitle,null,subtitle)),React20__namespace.default.createElement(Swatches,null,renderSwatchSpecimen(colors))),ColorPalette=({children,...props})=>React20__namespace.default.createElement(components.ResetWrapper,null,React20__namespace.default.createElement(List,{...props,className:"docblock-colorpalette sb-unstyled"},React20__namespace.default.createElement(ListHeading,null,React20__namespace.default.createElement(ListName,null,"Name"),React20__namespace.default.createElement(ListSwatches,null,"Swatches")),children));var ItemLabel=theming.styled.div(({theme})=>({fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s1,color:theme.color.defaultText,marginLeft:10,lineHeight:1.2,display:"-webkit-box",overflow:"hidden",wordBreak:"break-word",textOverflow:"ellipsis",WebkitLineClamp:2,WebkitBoxOrient:"vertical"})),ItemSpecimen=theming.styled.div(({theme})=>({...getBlockBackgroundStyle(theme),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}})),Item2=theming.styled.div({display:"inline-flex",flexDirection:"row",alignItems:"center",width:"100%"}),List2=theming.styled.div({display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(140px, 1fr))",gridGap:"8px 16px",gridAutoFlow:"row dense",gridAutoRows:50}),IconItem=({name,children})=>React20__namespace.default.createElement(Item2,null,React20__namespace.default.createElement(ItemSpecimen,null,children),React20__namespace.default.createElement(ItemLabel,null,name)),IconGallery=({children,...props})=>React20__namespace.default.createElement(components.ResetWrapper,null,React20__namespace.default.createElement(List2,{...props,className:"docblock-icongallery sb-unstyled"},children));function build_html_default(options){let forEach=[].forEach,some=[].some,body=typeof window<"u"&&document.body,SPACE_CHAR=" ",tocElement,currentlyHighlighting=!0,eventCount=0;function createEl(d3,container){let link=container.appendChild(createLink(d3));if(d3.children.length){let list=createList(d3.isCollapsed);d3.children.forEach(child=>{createEl(child,list);}),link.appendChild(list);}}function render(parent,data){let container=createList(!1);if(data.forEach(d3=>{createEl(d3,container);}),tocElement=parent||tocElement,tocElement!==null)return tocElement.firstChild&&tocElement.removeChild(tocElement.firstChild),data.length===0?tocElement:tocElement.appendChild(container)}function createLink(data){let item=document.createElement("li"),a3=document.createElement("a");return options.listItemClass&&item.setAttribute("class",options.listItemClass),options.onClick&&(a3.onclick=options.onClick),options.includeTitleTags&&a3.setAttribute("title",data.textContent),options.includeHtml&&data.childNodes.length?forEach.call(data.childNodes,node=>{a3.appendChild(node.cloneNode(!0));}):a3.textContent=data.textContent,a3.setAttribute("href",`${options.basePath}#${data.id}`),a3.setAttribute("class",`${options.linkClass+SPACE_CHAR}node-name--${data.nodeName}${SPACE_CHAR}${options.extraLinkClasses}`),item.appendChild(a3),item}function createList(isCollapsed){let listElement=options.orderedList?"ol":"ul",list=document.createElement(listElement),classes=options.listClass+SPACE_CHAR+options.extraListClasses;return isCollapsed&&(classes=classes+SPACE_CHAR+options.collapsibleClass,classes=classes+SPACE_CHAR+options.isCollapsedClass),list.setAttribute("class",classes),list}function updateFixedSidebarClass(){let scrollTop=getScrollTop(),posFixedEl=document.querySelector(options.positionFixedSelector);options.fixedSidebarOffset==="auto"&&(options.fixedSidebarOffset=tocElement.offsetTop),scrollTop>options.fixedSidebarOffset?posFixedEl.className.indexOf(options.positionFixedClass)===-1&&(posFixedEl.className+=SPACE_CHAR+options.positionFixedClass):posFixedEl.className=posFixedEl.className.replace(SPACE_CHAR+options.positionFixedClass,"");}function getHeadingTopPos(obj){let position=0;return obj!==null&&(position=obj.offsetTop,options.hasInnerContainers&&(position+=getHeadingTopPos(obj.offsetParent))),position}function updateClassname(obj,className){return obj&&obj.className!==className&&(obj.className=className),obj}function updateToc(headingsArray,event){options.positionFixedSelector&&updateFixedSidebarClass();let headings=headingsArray,clickedHref=event?.target?.getAttribute?event?.target?.getAttribute("href"):null,isBottomMode=clickedHref&&clickedHref.charAt(0)==="#"?getIsHeaderBottomMode(clickedHref.replace("#","")):!1,shouldUpdate=currentlyHighlighting||isBottomMode;if(event&&eventCount<5&&eventCount++,shouldUpdate&&tocElement&&headings.length>0){let topHeader=getTopHeader(headings),oldActiveTocLink=tocElement.querySelector(`.${options.activeLinkClass}`),topHeaderId=topHeader.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1"),hashId=window.location.hash.replace("#",""),activeId=topHeaderId,isPageBottomMode=getIsPageBottomMode();clickedHref&&isBottomMode?activeId=clickedHref.replace("#",""):hashId&&hashId!==topHeaderId&&isPageBottomMode&&(getIsHeaderBottomMode(topHeaderId)||eventCount<=2)&&(activeId=hashId);let activeTocLink=tocElement.querySelector(`.${options.linkClass}[href="${options.basePath}#${activeId}"]`);if(oldActiveTocLink===activeTocLink)return;let tocLinks=tocElement.querySelectorAll(`.${options.linkClass}`);forEach.call(tocLinks,tocLink=>{updateClassname(tocLink,tocLink.className.replace(SPACE_CHAR+options.activeLinkClass,""));});let tocLis=tocElement.querySelectorAll(`.${options.listItemClass}`);forEach.call(tocLis,tocLi=>{updateClassname(tocLi,tocLi.className.replace(SPACE_CHAR+options.activeListItemClass,""));}),activeTocLink&&activeTocLink.className.indexOf(options.activeLinkClass)===-1&&(activeTocLink.className+=SPACE_CHAR+options.activeLinkClass);let li=activeTocLink?.parentNode;li&&li.className.indexOf(options.activeListItemClass)===-1&&(li.className+=SPACE_CHAR+options.activeListItemClass);let tocLists=tocElement.querySelectorAll(`.${options.listClass}.${options.collapsibleClass}`);forEach.call(tocLists,list=>{list.className.indexOf(options.isCollapsedClass)===-1&&(list.className+=SPACE_CHAR+options.isCollapsedClass);}),activeTocLink?.nextSibling&&activeTocLink.nextSibling.className.indexOf(options.isCollapsedClass)!==-1&&updateClassname(activeTocLink.nextSibling,activeTocLink.nextSibling.className.replace(SPACE_CHAR+options.isCollapsedClass,"")),removeCollapsedFromParents(activeTocLink?.parentNode.parentNode);}}function removeCollapsedFromParents(element){return element&&element.className.indexOf(options.collapsibleClass)!==-1&&element.className.indexOf(options.isCollapsedClass)!==-1?(updateClassname(element,element.className.replace(SPACE_CHAR+options.isCollapsedClass,"")),removeCollapsedFromParents(element.parentNode.parentNode)):element}function disableTocAnimation(event){let target=event.target||event.srcElement;typeof target.className!="string"||target.className.indexOf(options.linkClass)===-1||(currentlyHighlighting=!1);}function enableTocAnimation(){currentlyHighlighting=!0;}function getCurrentlyHighlighting(){return currentlyHighlighting}function getIsHeaderBottomMode(headerId){let scrollEl=getScrollEl();return (document?.getElementById(headerId)).offsetTop>scrollEl.offsetHeight-scrollEl.clientHeight*1.4-options.bottomModeThreshold}function getIsPageBottomMode(){let scrollEl=getScrollEl(),isScrollable=scrollEl.scrollHeight>scrollEl.clientHeight,isBottomMode=getScrollTop()+scrollEl.clientHeight>scrollEl.offsetHeight-options.bottomModeThreshold;return isScrollable&&isBottomMode}function getScrollEl(){let el;return options.scrollContainer&&document.querySelector(options.scrollContainer)?el=document.querySelector(options.scrollContainer):el=document.documentElement||body,el}function getScrollTop(){return getScrollEl()?.scrollTop||0}function getTopHeader(headings,scrollTop=getScrollTop()){let topHeader;return some.call(headings,(heading,i3)=>{if(getHeadingTopPos(heading)>scrollTop+options.headingsOffset+10){let index=i3===0?i3:i3-1;return topHeader=headings[index],!0}if(i3===headings.length-1)return topHeader=headings[headings.length-1],!0}),topHeader}function updateUrlHashForHeader(headingsArray){let scrollTop=getScrollTop(),topHeader=getTopHeader(headingsArray,scrollTop),isPageBottomMode=getIsPageBottomMode();if((!topHeader||scrollTop<5)&&!isPageBottomMode)window.location.hash==="#"||window.location.hash===""||window.history.pushState(null,null,"#");else if(topHeader&&!isPageBottomMode){let newHash=`#${topHeader.id}`;window.location.hash!==newHash&&window.history.pushState(null,null,newHash);}}return {enableTocAnimation,disableTocAnimation,render,updateToc,getCurrentlyHighlighting,getTopHeader,getScrollTop,updateUrlHashForHeader}}var default_options_default={tocSelector:".js-toc",tocElement:null,contentSelector:".js-toc-content",contentElement:null,headingSelector:"h1, h2, h3",ignoreSelector:".js-toc-ignore",hasInnerContainers:!1,linkClass:"toc-link",extraLinkClasses:"",activeLinkClass:"is-active-link",listClass:"toc-list",extraListClasses:"",isCollapsedClass:"is-collapsed",collapsibleClass:"is-collapsible",listItemClass:"toc-list-item",activeListItemClass:"is-active-li",collapseDepth:0,scrollSmooth:!0,scrollSmoothDuration:420,scrollSmoothOffset:0,scrollEndCallback:function(e3){},headingsOffset:1,enableUrlHashUpdateOnScroll:!1,scrollHandlerType:"auto",scrollHandlerTimeout:50,throttleTimeout:50,positionFixedSelector:null,positionFixedClass:"is-position-fixed",fixedSidebarOffset:"auto",includeHtml:!1,includeTitleTags:!1,onClick:function(e3){},orderedList:!0,scrollContainer:null,skipRendering:!1,headingLabelCallback:!1,ignoreHiddenElements:!1,headingObjectCallback:null,basePath:"",disableTocScrollSync:!1,tocScrollingWrapper:null,tocScrollOffset:30,bottomModeThreshold:30};function parseContent(options){let reduce=[].reduce;function getLastItem(array2){return array2[array2.length-1]}function getHeadingLevel(heading){return +heading.nodeName.toUpperCase().replace("H","")}function isHTMLElement(maybeElement){try{return maybeElement instanceof window.HTMLElement||maybeElement instanceof window.parent.HTMLElement}catch{return maybeElement instanceof window.HTMLElement}}function getHeadingObject(heading){if(!isHTMLElement(heading))return heading;if(options.ignoreHiddenElements&&(!heading.offsetHeight||!heading.offsetParent))return null;let headingLabel=heading.getAttribute("data-heading-label")||(options.headingLabelCallback?String(options.headingLabelCallback(heading.innerText)):(heading.innerText||heading.textContent).trim()),obj={id:heading.id,children:[],nodeName:heading.nodeName,headingLevel:getHeadingLevel(heading),textContent:headingLabel};return options.includeHtml&&(obj.childNodes=heading.childNodes),options.headingObjectCallback?options.headingObjectCallback(obj,heading):obj}function addNode(node,nest){let obj=getHeadingObject(node),level=obj.headingLevel,array2=nest,lastItem=getLastItem(array2),lastItemLevel=lastItem?lastItem.headingLevel:0,counter=level-lastItemLevel;for(;counter>0&&(lastItem=getLastItem(array2),!(lastItem&&level===lastItem.headingLevel));)lastItem&&lastItem.children!==void 0&&(array2=lastItem.children),counter--;return level>=options.collapseDepth&&(obj.isCollapsed=!0),array2.push(obj),array2}function selectHeadings(contentElement,headingSelector){let selectors=headingSelector;options.ignoreSelector&&(selectors=headingSelector.split(",").map(function(selector){return `${selector.trim()}:not(${options.ignoreSelector})`}));try{return contentElement.querySelectorAll(selectors)}catch{return console.warn(`Headers not found with selector: ${selectors}`),null}}function nestHeadingsArray(headingsArray){return reduce.call(headingsArray,function(prev,curr){let currentHeading=getHeadingObject(curr);return currentHeading&&addNode(currentHeading,prev.nest),prev},{nest:[]})}return {nestHeadingsArray,selectHeadings}}function initSmoothScrolling(options){var duration=options.duration,offset=options.offset;if(typeof window>"u"||typeof location>"u")return;var pageUrl=location.hash?stripHash(location.href):location.href;delegatedLinkHijacking();function delegatedLinkHijacking(){document.body.addEventListener("click",onClick,!1);function onClick(e3){!isInPageLink(e3.target)||e3.target.className.indexOf("no-smooth-scroll")>-1||e3.target.href.charAt(e3.target.href.length-2)==="#"&&e3.target.href.charAt(e3.target.href.length-1)==="!"||e3.target.className.indexOf(options.linkClass)===-1||jump(e3.target.hash,{duration,offset,callback:function(){setFocus(e3.target.hash);}});}}function isInPageLink(n3){return n3.tagName.toLowerCase()==="a"&&(n3.hash.length>0||n3.href.charAt(n3.href.length-1)==="#")&&(stripHash(n3.href)===pageUrl||stripHash(n3.href)+"#"===pageUrl)}function stripHash(url){return url.slice(0,url.lastIndexOf("#"))}function setFocus(hash){var element=document.getElementById(hash.substring(1));element&&(/^(?:a|select|input|button|textarea)$/i.test(element.tagName)||(element.tabIndex=-1),element.focus());}}function jump(target,options){var start=window.pageYOffset,opt={duration:options.duration,offset:options.offset||0,callback:options.callback,easing:options.easing||easeInOutQuad},tgt=document.querySelector('[id="'+decodeURI(target).split("#").join("")+'"]')||document.querySelector('[id="'+target.split("#").join("")+'"]'),distance=typeof target=="string"?opt.offset+(target?tgt&&tgt.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):target,duration=typeof opt.duration=="function"?opt.duration(distance):opt.duration,timeStart,timeElapsed;requestAnimationFrame(function(time){timeStart=time,loop(time);});function loop(time){timeElapsed=time-timeStart,window.scrollTo(0,opt.easing(timeElapsed,start,distance,duration)),timeElapsed<duration?requestAnimationFrame(loop):end();}function end(){window.scrollTo(0,start+distance),typeof opt.callback=="function"&&opt.callback();}function easeInOutQuad(t3,b3,c3,d3){return t3/=d3/2,t3<1?c3/2*t3*t3+b3:(t3--,-c3/2*(t3*(t3-2)-1)+b3)}}function updateTocScroll(options){let toc=options.tocScrollingWrapper||options.tocElement||document.querySelector(options.tocSelector);if(toc&&toc.scrollHeight>toc.clientHeight){let activeItem=toc.querySelector(`.${options.activeListItemClass}`);if(activeItem){let scrollAmount=activeItem.offsetTop-options.tocScrollOffset;toc.scrollTop=scrollAmount>0?scrollAmount:0;}}}var _options={},_buildHtml,_parseContent,_headingsArray,_scrollListener,clickListener;function init(customOptions){let hasInitialized=!1;_options=extend(default_options_default,customOptions||{}),_options.scrollSmooth&&(_options.duration=_options.scrollSmoothDuration,_options.offset=_options.scrollSmoothOffset,initSmoothScrolling(_options)),_buildHtml=build_html_default(_options),_parseContent=parseContent(_options),destroy();let contentElement=getContentElement(_options);if(contentElement===null)return;let tocElement=getTocElement(_options);if(tocElement===null||(_headingsArray=_parseContent.selectHeadings(contentElement,_options.headingSelector),_headingsArray===null))return;let nestedHeadings=_parseContent.nestHeadingsArray(_headingsArray).nest;if(!_options.skipRendering)_buildHtml.render(tocElement,nestedHeadings);else return this;let isClick=!1,scrollHandlerTimeout=_options.scrollHandlerTimeout||_options.throttleTimeout;_scrollListener=((fn,delay)=>getScrollHandler(fn,delay,_options.scrollHandlerType))(e3=>{_buildHtml.updateToc(_headingsArray,e3),!_options.disableTocScrollSync&&!isClick&&updateTocScroll(_options),_options.enableUrlHashUpdateOnScroll&&hasInitialized&&_buildHtml.getCurrentlyHighlighting()&&_buildHtml.updateUrlHashForHeader(_headingsArray);let isTop=e3?.target?.scrollingElement?.scrollTop===0;(e3&&(e3.eventPhase===0||e3.currentTarget===null)||isTop)&&(_buildHtml.updateToc(_headingsArray),_options.scrollEndCallback?.(e3));},scrollHandlerTimeout),hasInitialized||(_scrollListener(),hasInitialized=!0),window.onhashchange=window.onscrollend=e3=>{_scrollListener(e3);},_options.scrollContainer&&document.querySelector(_options.scrollContainer)?(document.querySelector(_options.scrollContainer).addEventListener("scroll",_scrollListener,!1),document.querySelector(_options.scrollContainer).addEventListener("resize",_scrollListener,!1)):(document.addEventListener("scroll",_scrollListener,!1),document.addEventListener("resize",_scrollListener,!1));let timeout=null;clickListener=throttle(event=>{isClick=!0,_options.scrollSmooth&&_buildHtml.disableTocAnimation(event),_buildHtml.updateToc(_headingsArray,event),timeout&&clearTimeout(timeout),timeout=setTimeout(()=>{_buildHtml.enableTocAnimation();},_options.scrollSmoothDuration),setTimeout(()=>{isClick=!1;},_options.scrollSmoothDuration+100);},_options.throttleTimeout),_options.scrollContainer&&document.querySelector(_options.scrollContainer)?document.querySelector(_options.scrollContainer).addEventListener("click",clickListener,!1):document.addEventListener("click",clickListener,!1);}function destroy(){let tocElement=getTocElement(_options);tocElement!==null&&(_options.skipRendering||tocElement&&(tocElement.innerHTML=""),_options.scrollContainer&&document.querySelector(_options.scrollContainer)?(document.querySelector(_options.scrollContainer).removeEventListener("scroll",_scrollListener,!1),document.querySelector(_options.scrollContainer).removeEventListener("resize",_scrollListener,!1),_buildHtml&&document.querySelector(_options.scrollContainer).removeEventListener("click",clickListener,!1)):(document.removeEventListener("scroll",_scrollListener,!1),document.removeEventListener("resize",_scrollListener,!1),_buildHtml&&document.removeEventListener("click",clickListener,!1)));}function refresh(customOptions){destroy(),init(customOptions||_options);}var hasOwnProp=Object.prototype.hasOwnProperty;function extend(...args){let target={};for(let i3=0;i3<args.length;i3++){let source=args[i3];for(let key in source)hasOwnProp.call(source,key)&&(target[key]=source[key]);}return target}function throttle(fn,threshold,scope){threshold||(threshold=250);let last,deferTimer;return function(...args){let context=scope||this,now=+new Date;last&&now<last+threshold?(clearTimeout(deferTimer),deferTimer=setTimeout(()=>{last=now,fn.apply(context,args);},threshold)):(last=now,fn.apply(context,args));}}function debounce3(func,wait){let timeout;return (...args)=>{clearTimeout(timeout),timeout=setTimeout(()=>func.apply(this,args),wait);}}function getScrollHandler(func,timeout,type="auto"){switch(type){case"debounce":return debounce3(func,timeout);case"throttle":return throttle(func,timeout);default:return timeout<334?debounce3(func,timeout):throttle(func,timeout)}}function getContentElement(options){try{return options.contentElement||document.querySelector(options.contentSelector)}catch{return console.warn(`Contents element not found: ${options.contentSelector}`),null}}function getTocElement(options){try{return options.tocElement||document.querySelector(options.tocSelector)}catch{return console.warn(`TOC element not found: ${options.tocSelector}`),null}}var tocbot={destroy,init,refresh};var tocbot_default=tocbot;var Aside=theming.styled.aside(()=>({width:"10rem","@media (max-width: 768px)":{display:"none"}})),Nav=theming.styled.nav(({theme})=>({position:"fixed",bottom:0,top:0,width:"10rem",paddingTop:"4rem",paddingBottom:"2rem",overflowY:"auto",fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s2,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch","& *":{boxSizing:"border-box"},"& > .toc-wrapper > .toc-list":{paddingLeft:0,borderLeft:`solid 2px ${theme.color.mediumlight}`,".toc-list":{paddingLeft:0,borderLeft:`solid 2px ${theme.color.mediumlight}`,".toc-list":{paddingLeft:0,borderLeft:`solid 2px ${theme.color.mediumlight}`}}},"& .toc-list-item":{position:"relative",listStyleType:"none",marginLeft:20,paddingTop:3,paddingBottom:3},"& .toc-list-item::before":{content:'""',position:"absolute",height:"100%",top:0,left:0,transform:"translateX(calc(-2px - 20px))",borderLeft:`solid 2px ${theme.color.mediumdark}`,opacity:0,transition:"opacity 0.2s"},"& .toc-list-item.is-active-li::before":{opacity:1},"& .toc-list-item > a":{color:theme.color.defaultText,textDecoration:"none"},"& .toc-list-item.is-active-li > a":{fontWeight:600,color:theme.color.secondary,textDecoration:"none"}})),Heading=theming.styled.p(({theme})=>({fontWeight:600,fontSize:"0.875em",color:theme.textColor,textTransform:"uppercase",marginBottom:10})),Title2=({headingId,title})=>typeof title=="string"||!title?React20__namespace.default.createElement(Heading,{as:"h2",id:headingId,className:title?"":"sb-sr-only"},title||"Table of contents"):React20__namespace.default.createElement("div",{id:headingId},title),TableOfContents=({title,disable,headingSelector,contentsSelector,ignoreSelector,unsafeTocbotOptions,channel,className})=>{React20.useEffect(()=>{if(disable)return ()=>{};let configuration={tocSelector:".toc-wrapper",contentSelector:contentsSelector??".sbdocs-content",headingSelector:headingSelector??"h3",ignoreSelector:ignoreSelector??".docs-story *, .skip-toc",headingsOffset:40,scrollSmoothOffset:-40,orderedList:!1,onClick:e3=>{if(e3.preventDefault(),e3.currentTarget instanceof HTMLAnchorElement){let[,headerId]=e3.currentTarget.href.split("#");headerId&&channel.emit(coreEvents.NAVIGATE_URL,`#${headerId}`);}},...unsafeTocbotOptions},timeout=setTimeout(()=>tocbot_default.init(configuration),100);return ()=>{clearTimeout(timeout),tocbot_default.destroy();}},[channel,disable,ignoreSelector,contentsSelector,headingSelector,unsafeTocbotOptions]);let headingId=React20.useId();return React20__namespace.default.createElement(Aside,{className},disable?null:React20__namespace.default.createElement(Nav,{"aria-labelledby":headingId},React20__namespace.default.createElement(Title2,{headingId,title}),React20__namespace.default.createElement("div",{className:"toc-wrapper"})))};function t(){return t=Object.assign?Object.assign.bind():function(e3){for(var t3=1;t3<arguments.length;t3++){var n3=arguments[t3];for(var r3 in n3)Object.prototype.hasOwnProperty.call(n3,r3)&&(e3[r3]=n3[r3]);}return e3},t.apply(this,arguments)}var n=["children","options"],r={blockQuote:"0",breakLine:"1",breakThematic:"2",codeBlock:"3",codeFenced:"4",codeInline:"5",footnote:"6",footnoteReference:"7",gfmTask:"8",heading:"9",headingSetext:"10",htmlBlock:"11",htmlComment:"12",htmlSelfClosing:"13",image:"14",link:"15",linkAngleBraceStyleDetector:"16",linkBareUrlDetector:"17",linkMailtoDetector:"18",newlineCoalescer:"19",orderedList:"20",paragraph:"21",ref:"22",refImage:"23",refLink:"24",table:"25",tableSeparator:"26",text:"27",textBolded:"28",textEmphasized:"29",textEscaped:"30",textMarked:"31",textStrikethroughed:"32",unorderedList:"33"},i;(function(e3){e3[e3.MAX=0]="MAX",e3[e3.HIGH=1]="HIGH",e3[e3.MED=2]="MED",e3[e3.LOW=3]="LOW",e3[e3.MIN=4]="MIN";})(i||(i={}));var l=["allowFullScreen","allowTransparency","autoComplete","autoFocus","autoPlay","cellPadding","cellSpacing","charSet","classId","colSpan","contentEditable","contextMenu","crossOrigin","encType","formAction","formEncType","formMethod","formNoValidate","formTarget","frameBorder","hrefLang","inputMode","keyParams","keyType","marginHeight","marginWidth","maxLength","mediaGroup","minLength","noValidate","radioGroup","readOnly","rowSpan","spellCheck","srcDoc","srcLang","srcSet","tabIndex","useMap"].reduce((e3,t3)=>(e3[t3.toLowerCase()]=t3,e3),{class:"className",for:"htmlFor"}),o={amp:"&",apos:"'",gt:">",lt:"<",nbsp:"\xA0",quot:"\u201C"},a=["style","script"],c=["src","href","data","formAction","srcDoc","action"],s=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,d=/mailto:/i,u=/\n{2,}$/,p=/^(\s*>[\s\S]*?)(?=\n\n|$)/,f=/^ *> ?/gm,h=/^(?:\[!([^\]]*)\]\n)?([\s\S]*)/,m=/^ {2,}\n/,g=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,y=/^(?: {1,3})?(`{3,}|~{3,}) *(\S+)? *([^\n]*?)?\n([\s\S]*?)(?:\1\n?|$)/,k=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,x=/^(`+)((?:\\`|(?!\1)`|[^`])+)\1/,b=/^(?:\n *)*\n/,v=/\r\n?/g,C=/^\[\^([^\]]+)](:(.*)((\n+ {4,}.*)|(\n(?!\[\^).+))*)/,$=/^\[\^([^\]]+)]/,S=/\f/g,w=/^---[ \t]*\n(.|\n)*\n---[ \t]*\n/,E=/^\s*?\[(x|\s)\]/,z=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,L=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,A=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,O=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?((?:[^>]*[^/])?)>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1\b)[\s\S])*?)<\/\1>(?!<\/\1>)\n*/i,T=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,B=/^<!--[\s\S]*?(?:-->)/,M=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,R=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,I=/^\{.*\}$/,D=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,U=/^<([^ >]+@[^ >]+)>/,N=/^<([^ >]+:\/[^ >]+)>/,j=/-([a-z])?/gi,H=/^(\|.*)\n(?: *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*))?\n?/,P=/^\[([^\]]*)\]:\s+<?([^\s>]+)>?\s*("([^"]*)")?/,_=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,F=/^\[([^\]]*)\] ?\[([^\]]*)\]/,W=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,G=/\t/g,Z=/(^ *\||\| *$)/g,q=/^ *:-+: *$/,Q=/^ *:-+ *$/,V=/^ *-+: *$/,X="((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|\\\\\\1|[\\s\\S])+?)",J=new RegExp(`^([*_])\\1${X}\\1\\1(?!\\1)`),K=new RegExp(`^([*_])${X}\\1(?!\\1)`),Y=new RegExp(`^(==)${X}\\1`),ee=new RegExp(`^(~~)${X}\\1`),te=/^\\([^0-9A-Za-z\s])/,ne=/\\([^0-9A-Za-z\s])/g,re=/^([\s\S](?:(?!  |[0-9]\.)[^=*_~\-\n<`\\\[!])*)/,ie=/^\n+/,le=/^([ \t]*)/,oe=/\\([^\\])/g,ae=/(?:^|\n)( *)$/,ce="(?:\\d+\\.)",se="(?:[*+-])";function de(e3){return "( *)("+(e3===1?ce:se)+") +"}var ue=de(1),pe=de(2);function fe(e3){return new RegExp("^"+(e3===1?ue:pe))}var he=fe(1),me=fe(2);function ge(e3){return new RegExp("^"+(e3===1?ue:pe)+"[^\\n]*(?:\\n(?!\\1"+(e3===1?ce:se)+" )[^\\n]*)*(\\n|$)","gm")}var ye=ge(1),ke=ge(2);function xe(e3){let t3=e3===1?ce:se;return new RegExp("^( *)("+t3+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+t3+" (?!"+t3+" ))\\n*|\\s*\\n*$)")}var be=xe(1),ve=xe(2);function Ce(e3,t3){let n3=t3===1,i3=n3?be:ve,l3=n3?ye:ke,o3=n3?he:me;return {match:Me(function(e4,t4){let n4=ae.exec(t4.prevCapture);return n4&&(t4.list||!t4.inline&&!t4.simple)?i3.exec(e4=n4[1]+e4):null}),order:1,parse(e4,t4,r3){let i4=n3?+e4[2]:void 0,a3=e4[0].replace(u,`
 `).match(l3),c3=!1;return {items:a3.map(function(e5,n4){let i5=o3.exec(e5)[0].length,l4=new RegExp("^ {1,"+i5+"}","gm"),s3=e5.replace(l4,"").replace(o3,""),d3=n4===a3.length-1,u3=s3.indexOf(`
 `)!==-1||d3&&c3;c3=u3;let p3=r3.inline,f3=r3.list,h3;r3.list=!0,u3?(r3.inline=!1,h3=ze(s3)+`