@oliasoft-open-source/react-ui-library 3.12.0-beta-39 → 3.12.0-beta-40
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.
- package/dist/assets/{Color-6VNJS4EI-9a07c257.js → Color-6VNJS4EI-37dea523.js} +1 -1
- package/dist/assets/{DocsRenderer-3PUGWF3O-02f36297.js → DocsRenderer-3PUGWF3O-e39b157d.js} +1 -1
- package/dist/assets/{GlobalScrollAreaStyles-UY5SB7EJ-a64e8695.js → GlobalScrollAreaStyles-UY5SB7EJ-122b11b0.js} +1 -1
- package/dist/assets/{WithTooltip-J57HCPYA-74aa1ec6.js → WithTooltip-J57HCPYA-6dc9a783.js} +1 -1
- package/dist/assets/{buttons-and-links-26a96be1.js → buttons-and-links-b2ca36d7.js} +1 -1
- package/dist/assets/{chunk-S4VUQJ4A-005bc6bb.js → chunk-S4VUQJ4A-a0367a15.js} +1 -1
- package/dist/assets/{color-998e7cd2.js → color-b6ddb616.js} +1 -1
- package/dist/assets/{formatter-SWP5E3XI-fc0d642f.js → formatter-SWP5E3XI-ef23cfbc.js} +1 -1
- package/dist/assets/{iframe-a0e646b6.js → iframe-ca0f7b5c.js} +1 -1
- package/dist/assets/{index-e08956c6.js → index-66c93dfb.js} +5 -5
- package/dist/assets/{input-validation-4f6ad6f5.js → input-validation-c3e0fd13.js} +1 -1
- package/dist/assets/{inputs-1e50b650.js → inputs-563b7d91.js} +1 -1
- package/dist/assets/{layout-forms-e6e313d8.js → layout-forms-7aab06b2.js} +1 -1
- package/dist/assets/{layout-general-4b486f1a.js → layout-general-b6c741de.js} +1 -1
- package/dist/assets/{preview-16d01c33.js → preview-280caba6.js} +1 -1
- package/dist/assets/preview-f909e688.js +1 -0
- package/dist/assets/{syntaxhighlighter-PONEFOSF-f637c3af.js → syntaxhighlighter-PONEFOSF-dc7340e3.js} +1 -1
- package/dist/iframe.html +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/project.json +1 -1
- package/package.json +1 -1
- package/dist/assets/preview-3c775359.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as dt}from"./iframe-
|
|
1
|
+
import{_ as dt}from"./iframe-ca0f7b5c.js";import{r as C,b as fl,g as gn,R as a,c as Wn}from"./index-f80c8c95.js";import{R as c0,r as d0}from"./index-64d4dcb8.js";import{_ as hn}from"./extends-98964cd2.js";import{_ as p0}from"./assertThisInitialized-081f9914.js";import{a as Ji,_ as f0}from"./inheritsLoose-c82a83d4.js";import{r as Xi,s as m0,t as Qi,v as g0,i as bn,w as h0,x as b0,y as y0,c as es,z as ts,A as v0,B as rs,C as E0,D as x0,E as A0,F as w0,G as C0,H as S0,I as ns,J as k0,K as _0,L as as,_ as O0,M as F0,N as T0,O as no,d as os,P as ls,Q as is,R as R0,U as D0,V as L0,e as M0,S as ml,p as xe,k as Gn,W as ka}from"./index-7e02b1ee.js";var Ne=e=>`control-${e.replace(/\s+/g,"-")}`,yn=e=>`set-${e.replace(/\s+/g,"-")}`;const{global:B0}=__STORYBOOK_MODULE_GLOBAL__,{logger:$0}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var I0=Object.create,ss=Object.defineProperty,j0=Object.getOwnPropertyDescriptor,us=Object.getOwnPropertyNames,H0=Object.getPrototypeOf,N0=Object.prototype.hasOwnProperty,ao=(e,t)=>function(){return t||(0,e[us(e)[0]])((t={exports:{}}).exports,t),t.exports},P0=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of us(t))!N0.call(e,o)&&o!==r&&ss(e,o,{get:()=>t[o],enumerable:!(n=j0(t,o))||n.enumerable});return e},cs=(e,t,r)=>(r=e!=null?I0(H0(e)):{},P0(t||!e||!e.__esModule?ss(r,"default",{value:e,enumerable:!0}):r,e));function xt(){return xt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},xt.apply(this,arguments)}function Z0(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function yr(e,t){return yr=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,n){return r.__proto__=n,r},yr(e,t)}function V0(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,yr(e,t)}function _a(e){return _a=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},_a(e)}function z0(e){return Function.toString.call(e).indexOf("[native code]")!==-1}function q0(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function Gr(e,t,r){return q0()?Gr=Reflect.construct.bind():Gr=function(n,o,l){var i=[null];i.push.apply(i,o);var u=Function.bind.apply(n,i),s=new u;return l&&yr(s,l.prototype),s},Gr.apply(null,arguments)}function Oa(e){var t=typeof Map=="function"?new Map:void 0;return Oa=function(r){if(r===null||!z0(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(r))return t.get(r);t.set(r,n)}function n(){return Gr(r,arguments,_a(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),yr(n,r)},Oa(e)}var U0={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
2
|
|
|
3
3
|
`,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 }).
|
|
4
4
|
|
|
@@ -209,7 +209,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
209
209
|
`))})}function M2(e){var t=e.codeString,r=e.codeStyle,n=e.containerStyle,o=n===void 0?{float:"left",paddingRight:"10px"}:n,l=e.numberStyle,i=l===void 0?{}:l,u=e.startingLineNumber;return a.createElement("code",{style:Object.assign({},r,o)},L2({lines:t.replace(/\n$/,"").split(`
|
|
210
210
|
`),style:i,startingLineNumber:u}))}function B2(e){return"".concat(e.toString().length,".25em")}function zs(e,t){return{type:"element",tagName:"span",properties:{key:"line-number--".concat(e),className:["comment","linenumber","react-syntax-highlighter-line-number"],style:t},children:[{type:"text",value:e}]}}function qs(e,t,r){var n={display:"inline-block",minWidth:B2(r),paddingRight:"1em",textAlign:"right",userSelect:"none"},o=typeof e=="function"?e(t):e,l=Xe(Xe({},n),o);return l}function Xr(e){var t=e.children,r=e.lineNumber,n=e.lineNumberStyle,o=e.largestLineNumber,l=e.showInlineLineNumbers,i=e.lineProps,u=i===void 0?{}:i,s=e.className,c=s===void 0?[]:s,d=e.showLineNumbers,h=e.wrapLongLines,g=typeof u=="function"?u(r):u;if(g.className=c,r&&l){var p=qs(n,r,o);t.unshift(zs(r,p))}return h&d&&(g.style=Xe(Xe({},g.style),{},{display:"flex"})),{type:"element",tagName:"span",properties:g,children:t}}function Us(e){for(var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[],r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:[],n=0;n<e.length;n++){var o=e[n];if(o.type==="text")r.push(Xr({children:[o],className:A2(new Set(t))}));else if(o.children){var l=t.concat(o.properties.className);Us(o.children,l).forEach(function(i){return r.push(i)})}}return r}function $2(e,t,r,n,o,l,i,u,s){var c,d=Us(e.value),h=[],g=-1,p=0;function m(A,w){var k=arguments.length>2&&arguments[2]!==void 0?arguments[2]:[];return Xr({children:A,lineNumber:w,lineNumberStyle:u,largestLineNumber:i,showInlineLineNumbers:o,lineProps:r,className:k,showLineNumbers:n,wrapLongLines:s})}function f(A,w){if(n&&w&&o){var k=qs(u,w,i);A.unshift(zs(w,k))}return A}function E(A,w){var k=arguments.length>2&&arguments[2]!==void 0?arguments[2]:[];return t||k.length>0?m(A,w,k):f(A,w)}for(var b=function(){var A=d[p],w=A.children[0].value,k=D2(w);if(k){var S=w.split(`
|
|
211
211
|
`);S.forEach(function(O,F){var T=n&&h.length+l,D={type:"text",value:"".concat(O,`
|
|
212
|
-
`)};if(F===0){var R=d.slice(g+1,p).concat(Xr({children:[D],className:A.properties.className})),j=E(R,T);h.push(j)}else if(F===S.length-1){var L=d[p+1]&&d[p+1].children&&d[p+1].children[0],M={type:"text",value:"".concat(O)};if(L){var H=Xr({children:[M],className:A.properties.className});d.splice(p+1,0,H)}else{var V=[M],$=E(V,T,A.properties.className);h.push($)}}else{var N=[D],K=E(N,T,A.properties.className);h.push(K)}}),g=p}p++};p<d.length;)b();if(g!==d.length-1){var x=d.slice(g+1,d.length);if(x&&x.length){var y=n&&h.length+l,v=E(x,y);h.push(v)}}return t?h:(c=[]).concat.apply(c,h)}function I2(e){var t=e.rows,r=e.stylesheet,n=e.useInlineStyles;return t.map(function(o,l){return vo({node:o,stylesheet:r,useInlineStyles:n,key:"code-segement".concat(l)})})}function Ws(e){return e&&typeof e.highlightAuto<"u"}function j2(e){var t=e.astGenerator,r=e.language,n=e.code,o=e.defaultCodeValue;if(Ws(t)){var l=F2(t,r);return r==="text"?{value:o,language:"text"}:l?t.highlight(r,n):t.highlightAuto(n)}try{return r&&r!=="text"?{value:t.highlight(n,r)}:{value:o}}catch{return{value:o}}}function H2(e,t){return function(r){var n=r.language,o=r.children,l=r.style,i=l===void 0?t:l,u=r.customStyle,s=u===void 0?{}:u,c=r.codeTagProps,d=c===void 0?{className:n?"language-".concat(n):void 0,style:Xe(Xe({},i['code[class*="language-"]']),i['code[class*="language-'.concat(n,'"]')])}:c,h=r.useInlineStyles,g=h===void 0?!0:h,p=r.showLineNumbers,m=p===void 0?!1:p,f=r.showInlineLineNumbers,E=f===void 0?!0:f,b=r.startingLineNumber,x=b===void 0?1:b,y=r.lineNumberContainerStyle,v=r.lineNumberStyle,A=v===void 0?{}:v,w=r.wrapLines,k=r.wrapLongLines,S=k===void 0?!1:k,O=r.lineProps,F=O===void 0?{}:O,T=r.renderer,D=r.PreTag,R=D===void 0?"pre":D,j=r.CodeTag,L=j===void 0?"code":j,M=r.code,H=M===void 0?(Array.isArray(o)?o[0]:o)||"":M,V=r.astGenerator,$=b2(r,T2);V=V||e;var N=m?a.createElement(M2,{containerStyle:y,codeStyle:d.style||{},numberStyle:A,startingLineNumber:x,codeString:H}):null,K=i.hljs||i['pre[class*="language-"]']||{backgroundColor:"#fff"},re=Ws(V)?"hljs":"prismjs",Y=g?Object.assign({},$,{style:Object.assign({},K,s)}):Object.assign({},$,{className:$.className?"".concat(re," ").concat($.className):re,style:Object.assign({},s)});if(S?d.style=Xe(Xe({},d.style),{},{whiteSpace:"pre-wrap"}):d.style=Xe(Xe({},d.style),{},{whiteSpace:"pre"}),!V)return a.createElement(R,Y,N,a.createElement(L,d,H));(w===void 0&&T||S)&&(w=!0),T=T||I2;var J=[{type:"text",value:H}],I=j2({astGenerator:V,language:n,code:H,defaultCodeValue:J});I.language===null&&(I.value=J);var z=I.value.length+x,U=$2(I,w,F,m,E,x,z,A,S);return a.createElement(R,Y,a.createElement(L,d,!E&&N,T({rows:U,stylesheet:i,useInlineStyles:g})))}}var Eo=Oe(Zp()),xo=H2(Eo.default,{});xo.registerLanguage=function(e,t){return Eo.default.register(t)};xo.alias=function(e,t){return Eo.default.alias(e,t)};var Fe=xo,N2=_.div(({theme:e})=>({position:"absolute",bottom:0,right:0,maxWidth:"100%",display:"flex",background:e.background.content,zIndex:1})),Gs=_.button(({theme:e})=>({margin:0,border:"0 none",padding:"4px 10px",cursor:"pointer",display:"flex",alignItems:"center",color:e.color.defaultText,background:e.background.content,fontSize:12,lineHeight:"16px",fontFamily:e.typography.fonts.base,fontWeight:e.typography.weight.bold,borderTop:`1px solid ${e.appBorderColor}`,borderLeft:`1px solid ${e.appBorderColor}`,marginLeft:-1,borderRadius:"4px 0 0 0","&:not(:last-child)":{borderRight:`1px solid ${e.appBorderColor}`},"& + *":{borderLeft:`1px solid ${e.appBorderColor}`,borderRadius:0},"&:focus":{boxShadow:`${e.color.secondary} 0 -3px 0 0 inset`,outline:"0 none"}}),({disabled:e})=>e&&{cursor:"not-allowed",opacity:.5});Gs.displayName="ActionButton";var Ao=({actionItems:e,...t})=>a.createElement(N2,{...t},e.map(({title:r,className:n,onClick:o,disabled:l},i)=>a.createElement(Gs,{key:i,className:n,onClick:o,disabled:l},r))),P2=C.lazy(()=>dt(()=>import("./GlobalScrollAreaStyles-UY5SB7EJ-a64e8695.js"),["./GlobalScrollAreaStyles-UY5SB7EJ-a64e8695.js","./index-f80c8c95.js","./iframe-a0e646b6.js","./index-64d4dcb8.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-7e02b1ee.js"],import.meta.url)),Z2=C.lazy(()=>dt(()=>import("./OverlayScrollbars-GZGLA7DL-4d0a7678.js"),["./OverlayScrollbars-GZGLA7DL-4d0a7678.js","./index-f80c8c95.js"],import.meta.url)),V2=({horizontal:e,vertical:t,...r})=>a.createElement(C.Suspense,{fallback:a.createElement("div",{...r})},a.createElement(P2,null),a.createElement(Z2,{defer:!0,options:{scrollbars:{autoHide:"leave",visibility:"auto"}},...r})),On=_(V2)(({vertical:e})=>e?{overflowY:"auto",height:"100%"}:{overflowY:"hidden"},({horizontal:e})=>e?{overflowX:"auto",width:"100%"}:{overflowX:"hidden"});On.defaultProps={horizontal:!1,vertical:!1};var{navigator:Zr,document:dr,window:z2}=Gp;Fe.registerLanguage("jsextra",r2);Fe.registerLanguage("jsx",Kp);Fe.registerLanguage("json",a2);Fe.registerLanguage("yml",p2);Fe.registerLanguage("md",c2);Fe.registerLanguage("bash",Xp);Fe.registerLanguage("css",e2);Fe.registerLanguage("html",s2);Fe.registerLanguage("tsx",m2);Fe.registerLanguage("typescript",h2);Fe.registerLanguage("graphql",l2);var q2=It(2)(e=>Object.entries(e.code||{}).reduce((t,[r,n])=>({...t,[`* .${r}`]:n}),{})),U2=Ys();function Ys(){return Zr!=null&&Zr.clipboard?e=>Zr.clipboard.writeText(e):async e=>{let t=dr.createElement("TEXTAREA"),r=dr.activeElement;t.value=e,dr.body.appendChild(t),t.select(),dr.execCommand("copy"),dr.body.removeChild(t),r.focus()}}var W2=_.div(({theme:e})=>({position:"relative",overflow:"hidden",color:e.color.defaultText}),({theme:e,bordered:t})=>t?{border:`1px solid ${e.appBorderColor}`,borderRadius:e.borderRadius,background:e.background.content}:{},({showLineNumbers:e})=>e?{".react-syntax-highlighter-line-number::before":{content:"attr(data-line-number)"}}:{}),G2=({children:e,className:t})=>a.createElement(On,{horizontal:!0,vertical:!0,className:t},e),Y2=_(G2)({position:"relative"},({theme:e})=>q2(e)),K2=_.pre(({theme:e,padded:t})=>({display:"flex",justifyContent:"flex-start",margin:0,padding:t?e.layoutMargin:0})),J2=_.div(({theme:e})=>({flex:1,paddingLeft:2,paddingRight:e.layoutMargin,opacity:1})),Ks=e=>{let t=[...e.children],r=t[0],n=r.children[0].value,o={...r,children:[],properties:{...r.properties,"data-line-number":n,style:{...r.properties.style,userSelect:"auto"}}};return t[0]=o,{...e,children:t}},X2=({rows:e,stylesheet:t,useInlineStyles:r})=>e.map((n,o)=>vo({node:Ks(n),stylesheet:t,useInlineStyles:r,key:`code-segement${o}`})),Q2=(e,t)=>t?e?({rows:r,...n})=>e({rows:r.map(o=>Ks(o)),...n}):X2:e,wo=({children:e,language:t="jsx",copyable:r=!1,bordered:n=!1,padded:o=!1,format:l=!0,formatter:i=null,className:u=null,showLineNumbers:s=!1,...c})=>{if(typeof e!="string"||!e.trim())return null;let d=i?i(l,e):e.trim(),[h,g]=C.useState(!1),p=C.useCallback(f=>{f.preventDefault(),U2(d).then(()=>{g(!0),z2.setTimeout(()=>g(!1),1500)}).catch(Wp.error)},[d]),m=Q2(c.renderer,s);return a.createElement(W2,{bordered:n,padded:o,showLineNumbers:s,className:u},a.createElement(Y2,null,a.createElement(Fe,{padded:o||n,language:t,showLineNumbers:s,showInlineLineNumbers:s,useInlineStyles:!1,PreTag:K2,CodeTag:J2,lineNumberContainerStyle:{},...c,renderer:m},d)),r?a.createElement(Ao,{actionItems:[{title:h?"Copied":"Copy",onClick:p}]}):null)};wo.registerLanguage=(...e)=>Fe.registerLanguage(...e);var L9=wo;const{global:e5}=__STORYBOOK_MODULE_GLOBAL__;var t5=P({"../../node_modules/react-fast-compare/index.js"(e,t){var r=typeof Element<"u",n=typeof Map=="function",o=typeof Set=="function",l=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function i(u,s){if(u===s)return!0;if(u&&s&&typeof u=="object"&&typeof s=="object"){if(u.constructor!==s.constructor)return!1;var c,d,h;if(Array.isArray(u)){if(c=u.length,c!=s.length)return!1;for(d=c;d--!==0;)if(!i(u[d],s[d]))return!1;return!0}var g;if(n&&u instanceof Map&&s instanceof Map){if(u.size!==s.size)return!1;for(g=u.entries();!(d=g.next()).done;)if(!s.has(d.value[0]))return!1;for(g=u.entries();!(d=g.next()).done;)if(!i(d.value[1],s.get(d.value[0])))return!1;return!0}if(o&&u instanceof Set&&s instanceof Set){if(u.size!==s.size)return!1;for(g=u.entries();!(d=g.next()).done;)if(!s.has(d.value[0]))return!1;return!0}if(l&&ArrayBuffer.isView(u)&&ArrayBuffer.isView(s)){if(c=u.length,c!=s.length)return!1;for(d=c;d--!==0;)if(u[d]!==s[d])return!1;return!0}if(u.constructor===RegExp)return u.source===s.source&&u.flags===s.flags;if(u.valueOf!==Object.prototype.valueOf&&typeof u.valueOf=="function"&&typeof s.valueOf=="function")return u.valueOf()===s.valueOf();if(u.toString!==Object.prototype.toString&&typeof u.toString=="function"&&typeof s.toString=="function")return u.toString()===s.toString();if(h=Object.keys(u),c=h.length,c!==Object.keys(s).length)return!1;for(d=c;d--!==0;)if(!Object.prototype.hasOwnProperty.call(s,h[d]))return!1;if(r&&u instanceof Element)return!1;for(d=c;d--!==0;)if(!((h[d]==="_owner"||h[d]==="__v"||h[d]==="__o")&&u.$$typeof)&&!i(u[h[d]],s[h[d]]))return!1;return!0}return u!==u&&s!==s}t.exports=function(u,s){try{return i(u,s)}catch(c){if((c.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw c}}}}),Nl=function(e){return e.reduce(function(t,r){var n=r[0],o=r[1];return t[n]=o,t},{})},Pl=typeof window<"u"&&window.document&&window.document.createElement?C.useLayoutEffect:C.useEffect,Ae="top",Me="bottom",Be="right",we="left",Fn="auto",Mr=[Ae,Me,Be,we],Yt="start",Sr="end",r5="clippingParents",Js="viewport",pr="popper",n5="reference",Zl=Mr.reduce(function(e,t){return e.concat([t+"-"+Yt,t+"-"+Sr])},[]),Xs=[].concat(Mr,[Fn]).reduce(function(e,t){return e.concat([t,t+"-"+Yt,t+"-"+Sr])},[]),a5="beforeRead",o5="read",l5="afterRead",i5="beforeMain",s5="main",u5="afterMain",c5="beforeWrite",d5="write",p5="afterWrite",f5=[a5,o5,l5,i5,s5,u5,c5,d5,p5];function ot(e){return e?(e.nodeName||"").toLowerCase():null}function _e(e){if(e==null)return window;if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function $t(e){var t=_e(e).Element;return e instanceof t||e instanceof Element}function Le(e){var t=_e(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function Co(e){if(typeof ShadowRoot>"u")return!1;var t=_e(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function m5(e){var t=e.state;Object.keys(t.elements).forEach(function(r){var n=t.styles[r]||{},o=t.attributes[r]||{},l=t.elements[r];!Le(l)||!ot(l)||(Object.assign(l.style,n),Object.keys(o).forEach(function(i){var u=o[i];u===!1?l.removeAttribute(i):l.setAttribute(i,u===!0?"":u)}))})}function g5(e){var t=e.state,r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,r.popper),t.styles=r,t.elements.arrow&&Object.assign(t.elements.arrow.style,r.arrow),function(){Object.keys(t.elements).forEach(function(n){var o=t.elements[n],l=t.attributes[n]||{},i=Object.keys(t.styles.hasOwnProperty(n)?t.styles[n]:r[n]),u=i.reduce(function(s,c){return s[c]="",s},{});!Le(o)||!ot(o)||(Object.assign(o.style,u),Object.keys(l).forEach(function(s){o.removeAttribute(s)}))})}}var h5={name:"applyStyles",enabled:!0,phase:"write",fn:m5,effect:g5,requires:["computeStyles"]};function at(e){return e.split("-")[0]}var Lt=Math.max,dn=Math.min,Kt=Math.round;function Ia(){var e=navigator.userAgentData;return e!=null&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(t){return t.brand+"/"+t.version}).join(" "):navigator.userAgent}function Qs(){return!/^((?!chrome|android).)*safari/i.test(Ia())}function Jt(e,t,r){t===void 0&&(t=!1),r===void 0&&(r=!1);var n=e.getBoundingClientRect(),o=1,l=1;t&&Le(e)&&(o=e.offsetWidth>0&&Kt(n.width)/e.offsetWidth||1,l=e.offsetHeight>0&&Kt(n.height)/e.offsetHeight||1);var i=$t(e)?_e(e):window,u=i.visualViewport,s=!Qs()&&r,c=(n.left+(s&&u?u.offsetLeft:0))/o,d=(n.top+(s&&u?u.offsetTop:0))/l,h=n.width/o,g=n.height/l;return{width:h,height:g,top:d,right:c+h,bottom:d+g,left:c,x:c,y:d}}function So(e){var t=Jt(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function eu(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&Co(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function pt(e){return _e(e).getComputedStyle(e)}function b5(e){return["table","td","th"].indexOf(ot(e))>=0}function wt(e){return(($t(e)?e.ownerDocument:e.document)||window.document).documentElement}function Tn(e){return ot(e)==="html"?e:e.assignedSlot||e.parentNode||(Co(e)?e.host:null)||wt(e)}function Vl(e){return!Le(e)||pt(e).position==="fixed"?null:e.offsetParent}function y5(e){var t=/firefox/i.test(Ia()),r=/Trident/i.test(Ia());if(r&&Le(e)){var n=pt(e);if(n.position==="fixed")return null}var o=Tn(e);for(Co(o)&&(o=o.host);Le(o)&&["html","body"].indexOf(ot(o))<0;){var l=pt(o);if(l.transform!=="none"||l.perspective!=="none"||l.contain==="paint"||["transform","perspective"].indexOf(l.willChange)!==-1||t&&l.willChange==="filter"||t&&l.filter&&l.filter!=="none")return o;o=o.parentNode}return null}function Br(e){for(var t=_e(e),r=Vl(e);r&&b5(r)&&pt(r).position==="static";)r=Vl(r);return r&&(ot(r)==="html"||ot(r)==="body"&&pt(r).position==="static")?t:r||y5(e)||t}function ko(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function hr(e,t,r){return Lt(e,dn(t,r))}function v5(e,t,r){var n=hr(e,t,r);return n>r?r:n}function tu(){return{top:0,right:0,bottom:0,left:0}}function ru(e){return Object.assign({},tu(),e)}function nu(e,t){return t.reduce(function(r,n){return r[n]=e,r},{})}var E5=function(e,t){return e=typeof e=="function"?e(Object.assign({},t.rects,{placement:t.placement})):e,ru(typeof e!="number"?e:nu(e,Mr))};function x5(e){var t,r=e.state,n=e.name,o=e.options,l=r.elements.arrow,i=r.modifiersData.popperOffsets,u=at(r.placement),s=ko(u),c=[we,Be].indexOf(u)>=0,d=c?"height":"width";if(!(!l||!i)){var h=E5(o.padding,r),g=So(l),p=s==="y"?Ae:we,m=s==="y"?Me:Be,f=r.rects.reference[d]+r.rects.reference[s]-i[s]-r.rects.popper[d],E=i[s]-r.rects.reference[s],b=Br(l),x=b?s==="y"?b.clientHeight||0:b.clientWidth||0:0,y=f/2-E/2,v=h[p],A=x-g[d]-h[m],w=x/2-g[d]/2+y,k=hr(v,w,A),S=s;r.modifiersData[n]=(t={},t[S]=k,t.centerOffset=k-w,t)}}function A5(e){var t=e.state,r=e.options,n=r.element,o=n===void 0?"[data-popper-arrow]":n;o!=null&&(typeof o=="string"&&(o=t.elements.popper.querySelector(o),!o)||eu(t.elements.popper,o)&&(t.elements.arrow=o))}var w5={name:"arrow",enabled:!0,phase:"main",fn:x5,effect:A5,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function Xt(e){return e.split("-")[1]}var C5={top:"auto",right:"auto",bottom:"auto",left:"auto"};function S5(e,t){var r=e.x,n=e.y,o=t.devicePixelRatio||1;return{x:Kt(r*o)/o||0,y:Kt(n*o)/o||0}}function zl(e){var t,r=e.popper,n=e.popperRect,o=e.placement,l=e.variation,i=e.offsets,u=e.position,s=e.gpuAcceleration,c=e.adaptive,d=e.roundOffsets,h=e.isFixed,g=i.x,p=g===void 0?0:g,m=i.y,f=m===void 0?0:m,E=typeof d=="function"?d({x:p,y:f}):{x:p,y:f};p=E.x,f=E.y;var b=i.hasOwnProperty("x"),x=i.hasOwnProperty("y"),y=we,v=Ae,A=window;if(c){var w=Br(r),k="clientHeight",S="clientWidth";if(w===_e(r)&&(w=wt(r),pt(w).position!=="static"&&u==="absolute"&&(k="scrollHeight",S="scrollWidth")),w=w,o===Ae||(o===we||o===Be)&&l===Sr){v=Me;var O=h&&w===A&&A.visualViewport?A.visualViewport.height:w[k];f-=O-n.height,f*=s?1:-1}if(o===we||(o===Ae||o===Me)&&l===Sr){y=Be;var F=h&&w===A&&A.visualViewport?A.visualViewport.width:w[S];p-=F-n.width,p*=s?1:-1}}var T=Object.assign({position:u},c&&C5),D=d===!0?S5({x:p,y:f},_e(r)):{x:p,y:f};if(p=D.x,f=D.y,s){var R;return Object.assign({},T,(R={},R[v]=x?"0":"",R[y]=b?"0":"",R.transform=(A.devicePixelRatio||1)<=1?"translate("+p+"px, "+f+"px)":"translate3d("+p+"px, "+f+"px, 0)",R))}return Object.assign({},T,(t={},t[v]=x?f+"px":"",t[y]=b?p+"px":"",t.transform="",t))}function k5(e){var t=e.state,r=e.options,n=r.gpuAcceleration,o=n===void 0?!0:n,l=r.adaptive,i=l===void 0?!0:l,u=r.roundOffsets,s=u===void 0?!0:u,c={placement:at(t.placement),variation:Xt(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:o,isFixed:t.options.strategy==="fixed"};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,zl(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:i,roundOffsets:s})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,zl(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:s})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}var _5={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:k5,data:{}},Vr={passive:!0};function O5(e){var t=e.state,r=e.instance,n=e.options,o=n.scroll,l=o===void 0?!0:o,i=n.resize,u=i===void 0?!0:i,s=_e(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return l&&c.forEach(function(d){d.addEventListener("scroll",r.update,Vr)}),u&&s.addEventListener("resize",r.update,Vr),function(){l&&c.forEach(function(d){d.removeEventListener("scroll",r.update,Vr)}),u&&s.removeEventListener("resize",r.update,Vr)}}var F5={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:O5,data:{}},T5={left:"right",right:"left",bottom:"top",top:"bottom"};function Qr(e){return e.replace(/left|right|bottom|top/g,function(t){return T5[t]})}var R5={start:"end",end:"start"};function ql(e){return e.replace(/start|end/g,function(t){return R5[t]})}function _o(e){var t=_e(e),r=t.pageXOffset,n=t.pageYOffset;return{scrollLeft:r,scrollTop:n}}function Oo(e){return Jt(wt(e)).left+_o(e).scrollLeft}function D5(e,t){var r=_e(e),n=wt(e),o=r.visualViewport,l=n.clientWidth,i=n.clientHeight,u=0,s=0;if(o){l=o.width,i=o.height;var c=Qs();(c||!c&&t==="fixed")&&(u=o.offsetLeft,s=o.offsetTop)}return{width:l,height:i,x:u+Oo(e),y:s}}function L5(e){var t,r=wt(e),n=_o(e),o=(t=e.ownerDocument)==null?void 0:t.body,l=Lt(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),i=Lt(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),u=-n.scrollLeft+Oo(e),s=-n.scrollTop;return pt(o||r).direction==="rtl"&&(u+=Lt(r.clientWidth,o?o.clientWidth:0)-l),{width:l,height:i,x:u,y:s}}function Fo(e){var t=pt(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function au(e){return["html","body","#document"].indexOf(ot(e))>=0?e.ownerDocument.body:Le(e)&&Fo(e)?e:au(Tn(e))}function br(e,t){var r;t===void 0&&(t=[]);var n=au(e),o=n===((r=e.ownerDocument)==null?void 0:r.body),l=_e(n),i=o?[l].concat(l.visualViewport||[],Fo(n)?n:[]):n,u=t.concat(i);return o?u:u.concat(br(Tn(i)))}function ja(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function M5(e,t){var r=Jt(e,!1,t==="fixed");return r.top=r.top+e.clientTop,r.left=r.left+e.clientLeft,r.bottom=r.top+e.clientHeight,r.right=r.left+e.clientWidth,r.width=e.clientWidth,r.height=e.clientHeight,r.x=r.left,r.y=r.top,r}function Ul(e,t,r){return t===Js?ja(D5(e,r)):$t(t)?M5(t,r):ja(L5(wt(e)))}function B5(e){var t=br(Tn(e)),r=["absolute","fixed"].indexOf(pt(e).position)>=0,n=r&&Le(e)?Br(e):e;return $t(n)?t.filter(function(o){return $t(o)&&eu(o,n)&&ot(o)!=="body"}):[]}function $5(e,t,r,n){var o=t==="clippingParents"?B5(e):[].concat(t),l=[].concat(o,[r]),i=l[0],u=l.reduce(function(s,c){var d=Ul(e,c,n);return s.top=Lt(d.top,s.top),s.right=dn(d.right,s.right),s.bottom=dn(d.bottom,s.bottom),s.left=Lt(d.left,s.left),s},Ul(e,i,n));return u.width=u.right-u.left,u.height=u.bottom-u.top,u.x=u.left,u.y=u.top,u}function ou(e){var t=e.reference,r=e.element,n=e.placement,o=n?at(n):null,l=n?Xt(n):null,i=t.x+t.width/2-r.width/2,u=t.y+t.height/2-r.height/2,s;switch(o){case Ae:s={x:i,y:t.y-r.height};break;case Me:s={x:i,y:t.y+t.height};break;case Be:s={x:t.x+t.width,y:u};break;case we:s={x:t.x-r.width,y:u};break;default:s={x:t.x,y:t.y}}var c=o?ko(o):null;if(c!=null){var d=c==="y"?"height":"width";switch(l){case Yt:s[c]=s[c]-(t[d]/2-r[d]/2);break;case Sr:s[c]=s[c]+(t[d]/2-r[d]/2);break}}return s}function kr(e,t){t===void 0&&(t={});var r=t,n=r.placement,o=n===void 0?e.placement:n,l=r.strategy,i=l===void 0?e.strategy:l,u=r.boundary,s=u===void 0?r5:u,c=r.rootBoundary,d=c===void 0?Js:c,h=r.elementContext,g=h===void 0?pr:h,p=r.altBoundary,m=p===void 0?!1:p,f=r.padding,E=f===void 0?0:f,b=ru(typeof E!="number"?E:nu(E,Mr)),x=g===pr?n5:pr,y=e.rects.popper,v=e.elements[m?x:g],A=$5($t(v)?v:v.contextElement||wt(e.elements.popper),s,d,i),w=Jt(e.elements.reference),k=ou({reference:w,element:y,strategy:"absolute",placement:o}),S=ja(Object.assign({},y,k)),O=g===pr?S:w,F={top:A.top-O.top+b.top,bottom:O.bottom-A.bottom+b.bottom,left:A.left-O.left+b.left,right:O.right-A.right+b.right},T=e.modifiersData.offset;if(g===pr&&T){var D=T[o];Object.keys(F).forEach(function(R){var j=[Be,Me].indexOf(R)>=0?1:-1,L=[Ae,Me].indexOf(R)>=0?"y":"x";F[R]+=D[L]*j})}return F}function I5(e,t){t===void 0&&(t={});var r=t,n=r.placement,o=r.boundary,l=r.rootBoundary,i=r.padding,u=r.flipVariations,s=r.allowedAutoPlacements,c=s===void 0?Xs:s,d=Xt(n),h=d?u?Zl:Zl.filter(function(m){return Xt(m)===d}):Mr,g=h.filter(function(m){return c.indexOf(m)>=0});g.length===0&&(g=h);var p=g.reduce(function(m,f){return m[f]=kr(e,{placement:f,boundary:o,rootBoundary:l,padding:i})[at(f)],m},{});return Object.keys(p).sort(function(m,f){return p[m]-p[f]})}function j5(e){if(at(e)===Fn)return[];var t=Qr(e);return[ql(e),t,ql(t)]}function H5(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,l=o===void 0?!0:o,i=r.altAxis,u=i===void 0?!0:i,s=r.fallbackPlacements,c=r.padding,d=r.boundary,h=r.rootBoundary,g=r.altBoundary,p=r.flipVariations,m=p===void 0?!0:p,f=r.allowedAutoPlacements,E=t.options.placement,b=at(E),x=b===E,y=s||(x||!m?[Qr(E)]:j5(E)),v=[E].concat(y).reduce(function(J,I){return J.concat(at(I)===Fn?I5(t,{placement:I,boundary:d,rootBoundary:h,padding:c,flipVariations:m,allowedAutoPlacements:f}):I)},[]),A=t.rects.reference,w=t.rects.popper,k=new Map,S=!0,O=v[0],F=0;F<v.length;F++){var T=v[F],D=at(T),R=Xt(T)===Yt,j=[Ae,Me].indexOf(D)>=0,L=j?"width":"height",M=kr(t,{placement:T,boundary:d,rootBoundary:h,altBoundary:g,padding:c}),H=j?R?Be:we:R?Me:Ae;A[L]>w[L]&&(H=Qr(H));var V=Qr(H),$=[];if(l&&$.push(M[D]<=0),u&&$.push(M[H]<=0,M[V]<=0),$.every(function(J){return J})){O=T,S=!1;break}k.set(T,$)}if(S)for(var N=m?3:1,K=function(J){var I=v.find(function(z){var U=k.get(z);if(U)return U.slice(0,J).every(function(ie){return ie})});if(I)return O=I,"break"},re=N;re>0;re--){var Y=K(re);if(Y==="break")break}t.placement!==O&&(t.modifiersData[n]._skip=!0,t.placement=O,t.reset=!0)}}var N5={name:"flip",enabled:!0,phase:"main",fn:H5,requiresIfExists:["offset"],data:{_skip:!1}};function Wl(e,t,r){return r===void 0&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function Gl(e){return[Ae,Be,Me,we].some(function(t){return e[t]>=0})}function P5(e){var t=e.state,r=e.name,n=t.rects.reference,o=t.rects.popper,l=t.modifiersData.preventOverflow,i=kr(t,{elementContext:"reference"}),u=kr(t,{altBoundary:!0}),s=Wl(i,n),c=Wl(u,o,l),d=Gl(s),h=Gl(c);t.modifiersData[r]={referenceClippingOffsets:s,popperEscapeOffsets:c,isReferenceHidden:d,hasPopperEscaped:h},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":h})}var Z5={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:P5};function V5(e,t,r){var n=at(e),o=[we,Ae].indexOf(n)>=0?-1:1,l=typeof r=="function"?r(Object.assign({},t,{placement:e})):r,i=l[0],u=l[1];return i=i||0,u=(u||0)*o,[we,Be].indexOf(n)>=0?{x:u,y:i}:{x:i,y:u}}function z5(e){var t=e.state,r=e.options,n=e.name,o=r.offset,l=o===void 0?[0,0]:o,i=Xs.reduce(function(d,h){return d[h]=V5(h,t.rects,l),d},{}),u=i[t.placement],s=u.x,c=u.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=s,t.modifiersData.popperOffsets.y+=c),t.modifiersData[n]=i}var q5={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:z5};function U5(e){var t=e.state,r=e.name;t.modifiersData[r]=ou({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}var W5={name:"popperOffsets",enabled:!0,phase:"read",fn:U5,data:{}};function G5(e){return e==="x"?"y":"x"}function Y5(e){var t=e.state,r=e.options,n=e.name,o=r.mainAxis,l=o===void 0?!0:o,i=r.altAxis,u=i===void 0?!1:i,s=r.boundary,c=r.rootBoundary,d=r.altBoundary,h=r.padding,g=r.tether,p=g===void 0?!0:g,m=r.tetherOffset,f=m===void 0?0:m,E=kr(t,{boundary:s,rootBoundary:c,padding:h,altBoundary:d}),b=at(t.placement),x=Xt(t.placement),y=!x,v=ko(b),A=G5(v),w=t.modifiersData.popperOffsets,k=t.rects.reference,S=t.rects.popper,O=typeof f=="function"?f(Object.assign({},t.rects,{placement:t.placement})):f,F=typeof O=="number"?{mainAxis:O,altAxis:O}:Object.assign({mainAxis:0,altAxis:0},O),T=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,D={x:0,y:0};if(w){if(l){var R,j=v==="y"?Ae:we,L=v==="y"?Me:Be,M=v==="y"?"height":"width",H=w[v],V=H+E[j],$=H-E[L],N=p?-S[M]/2:0,K=x===Yt?k[M]:S[M],re=x===Yt?-S[M]:-k[M],Y=t.elements.arrow,J=p&&Y?So(Y):{width:0,height:0},I=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:tu(),z=I[j],U=I[L],ie=hr(0,k[M],J[M]),he=y?k[M]/2-N-ie-z-F.mainAxis:K-ie-z-F.mainAxis,lt=y?-k[M]/2+N+ie+U+F.mainAxis:re+ie+U+F.mainAxis,Te=t.elements.arrow&&Br(t.elements.arrow),Pe=Te?v==="y"?Te.clientTop||0:Te.clientLeft||0:0,B=(R=T==null?void 0:T[v])!=null?R:0,Ie=H+he-B-Pe,Ze=H+lt-B,Ct=hr(p?dn(V,Ie):V,H,p?Lt($,Ze):$);w[v]=Ct,D[v]=Ct-H}if(u){var Ht,Ve=v==="x"?Ae:we,Ir=v==="x"?Me:Be,be=w[A],St=A==="y"?"height":"width",ze=be+E[Ve],Nt=be-E[Ir],qe=[Ae,we].indexOf(b)!==-1,Pt=(Ht=T==null?void 0:T[A])!=null?Ht:0,Ue=qe?ze:be-k[St]-S[St]-Pt+F.altAxis,pe=qe?be+k[St]+S[St]-Pt-F.altAxis:Nt,je=p&&qe?v5(Ue,be,pe):hr(p?Ue:ze,be,p?pe:Nt);w[A]=je,D[A]=je-be}t.modifiersData[n]=D}}var K5={name:"preventOverflow",enabled:!0,phase:"main",fn:Y5,requiresIfExists:["offset"]};function J5(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function X5(e){return e===_e(e)||!Le(e)?_o(e):J5(e)}function Q5(e){var t=e.getBoundingClientRect(),r=Kt(t.width)/e.offsetWidth||1,n=Kt(t.height)/e.offsetHeight||1;return r!==1||n!==1}function ef(e,t,r){r===void 0&&(r=!1);var n=Le(t),o=Le(t)&&Q5(t),l=wt(t),i=Jt(e,o,r),u={scrollLeft:0,scrollTop:0},s={x:0,y:0};return(n||!n&&!r)&&((ot(t)!=="body"||Fo(l))&&(u=X5(t)),Le(t)?(s=Jt(t,!0),s.x+=t.clientLeft,s.y+=t.clientTop):l&&(s.x=Oo(l))),{x:i.left+u.scrollLeft-s.x,y:i.top+u.scrollTop-s.y,width:i.width,height:i.height}}function tf(e){var t=new Map,r=new Set,n=[];e.forEach(function(l){t.set(l.name,l)});function o(l){r.add(l.name);var i=[].concat(l.requires||[],l.requiresIfExists||[]);i.forEach(function(u){if(!r.has(u)){var s=t.get(u);s&&o(s)}}),n.push(l)}return e.forEach(function(l){r.has(l.name)||o(l)}),n}function rf(e){var t=tf(e);return f5.reduce(function(r,n){return r.concat(t.filter(function(o){return o.phase===n}))},[])}function nf(e){var t;return function(){return t||(t=new Promise(function(r){Promise.resolve().then(function(){t=void 0,r(e())})})),t}}function af(e){var t=e.reduce(function(r,n){var o=r[n.name];return r[n.name]=o?Object.assign({},o,n,{options:Object.assign({},o.options,n.options),data:Object.assign({},o.data,n.data)}):n,r},{});return Object.keys(t).map(function(r){return t[r]})}var Yl={placement:"bottom",modifiers:[],strategy:"absolute"};function Kl(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return!t.some(function(n){return!(n&&typeof n.getBoundingClientRect=="function")})}function of(e){e===void 0&&(e={});var t=e,r=t.defaultModifiers,n=r===void 0?[]:r,o=t.defaultOptions,l=o===void 0?Yl:o;return function(i,u,s){s===void 0&&(s=l);var c={placement:"bottom",orderedModifiers:[],options:Object.assign({},Yl,l),modifiersData:{},elements:{reference:i,popper:u},attributes:{},styles:{}},d=[],h=!1,g={state:c,setOptions:function(f){var E=typeof f=="function"?f(c.options):f;m(),c.options=Object.assign({},l,c.options,E),c.scrollParents={reference:$t(i)?br(i):i.contextElement?br(i.contextElement):[],popper:br(u)};var b=rf(af([].concat(n,c.options.modifiers)));return c.orderedModifiers=b.filter(function(x){return x.enabled}),p(),g.update()},forceUpdate:function(){if(!h){var f=c.elements,E=f.reference,b=f.popper;if(Kl(E,b)){c.rects={reference:ef(E,Br(b),c.options.strategy==="fixed"),popper:So(b)},c.reset=!1,c.placement=c.options.placement,c.orderedModifiers.forEach(function(S){return c.modifiersData[S.name]=Object.assign({},S.data)});for(var x=0;x<c.orderedModifiers.length;x++){if(c.reset===!0){c.reset=!1,x=-1;continue}var y=c.orderedModifiers[x],v=y.fn,A=y.options,w=A===void 0?{}:A,k=y.name;typeof v=="function"&&(c=v({state:c,options:w,name:k,instance:g})||c)}}}},update:nf(function(){return new Promise(function(f){g.forceUpdate(),f(c)})}),destroy:function(){m(),h=!0}};if(!Kl(i,u))return g;g.setOptions(s).then(function(f){!h&&s.onFirstUpdate&&s.onFirstUpdate(f)});function p(){c.orderedModifiers.forEach(function(f){var E=f.name,b=f.options,x=b===void 0?{}:b,y=f.effect;if(typeof y=="function"){var v=y({state:c,name:E,instance:g,options:x}),A=function(){};d.push(v||A)}})}function m(){d.forEach(function(f){return f()}),d=[]}return g}}var lf=[F5,W5,_5,h5,q5,N5,K5,w5,Z5],sf=of({defaultModifiers:lf}),uf=Oe(t5()),cf=[],df=function(e,t,r){r===void 0&&(r={});var n=C.useRef(null),o={onFirstUpdate:r.onFirstUpdate,placement:r.placement||"bottom",strategy:r.strategy||"absolute",modifiers:r.modifiers||cf},l=C.useState({styles:{popper:{position:o.strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),i=l[0],u=l[1],s=C.useMemo(function(){return{name:"updateState",enabled:!0,phase:"write",fn:function(h){var g=h.state,p=Object.keys(g.elements);d0.flushSync(function(){u({styles:Nl(p.map(function(m){return[m,g.styles[m]||{}]})),attributes:Nl(p.map(function(m){return[m,g.attributes[m]]}))})})},requires:["computeStyles"]}},[]),c=C.useMemo(function(){var h={onFirstUpdate:o.onFirstUpdate,placement:o.placement,strategy:o.strategy,modifiers:[].concat(o.modifiers,[s,{name:"applyStyles",enabled:!1}])};return(0,uf.default)(n.current,h)?n.current||h:(n.current=h,h)},[o.onFirstUpdate,o.placement,o.strategy,o.modifiers,s]),d=C.useRef();return Pl(function(){d.current&&d.current.setOptions(c)},[c]),Pl(function(){if(!(e==null||t==null)){var h=r.createPopper||sf,g=h(e,t,c);return d.current=g,function(){g.destroy(),d.current=null}}},[e,t,r.createPopper]),{state:d.current?d.current.state:null,styles:i.styles,attributes:i.attributes,update:d.current?d.current.update:null,forceUpdate:d.current?d.current.forceUpdate:null}};function lu(e){var t=C.useRef(e);return t.current=e,C.useCallback(function(){return t.current},[])}var pf=function(){};function ff(e){var t=e.initial,r=e.value,n=e.onChange,o=n===void 0?pf:n;if(t===void 0&&r===void 0)throw new TypeError('Either "value" or "initial" variable must be set. Now both are undefined');var l=C.useState(t),i=l[0],u=l[1],s=lu(i),c=C.useCallback(function(h){var g=s(),p=typeof h=="function"?h(g):h;typeof p.persist=="function"&&p.persist(),u(p),typeof o=="function"&&o(p)},[s,o]),d=r!==void 0;return[d?r:i,d?o:c]}function iu(e,t){return e===void 0&&(e=0),t===void 0&&(t=0),function(){return{width:0,height:0,top:t,right:e,bottom:t,left:e,x:0,y:0,toJSON:function(){return null}}}}var mf=["styles","attributes"],Jl={getBoundingClientRect:iu()},Xl={closeOnOutsideClick:!0,closeOnTriggerHidden:!1,defaultVisible:!1,delayHide:0,delayShow:0,followCursor:!1,interactive:!1,mutationObserverOptions:{attributes:!0,childList:!0,subtree:!0},offset:[0,6],trigger:"hover"};function gf(e,t){var r,n,o;e===void 0&&(e={}),t===void 0&&(t={});var l=Object.keys(Xl).reduce(function(L,M){var H;return ve({},L,(H={},H[M]=L[M]!==void 0?L[M]:Xl[M],H))},e),i=C.useMemo(function(){return[{name:"offset",options:{offset:l.offset}}]},Array.isArray(l.offset)?l.offset:[]),u=ve({},t,{placement:t.placement||l.placement,modifiers:t.modifiers||i}),s=C.useState(null),c=s[0],d=s[1],h=C.useState(null),g=h[0],p=h[1],m=ff({initial:l.defaultVisible,value:l.visible,onChange:l.onVisibleChange}),f=m[0],E=m[1],b=C.useRef();C.useEffect(function(){return function(){return clearTimeout(b.current)}},[]);var x=df(l.followCursor?Jl:c,g,u),y=x.styles,v=x.attributes,A=ho(x,mf),w=A.update,k=lu({visible:f,triggerRef:c,tooltipRef:g,finalConfig:l}),S=C.useCallback(function(L){return Array.isArray(l.trigger)?l.trigger.includes(L):l.trigger===L},Array.isArray(l.trigger)?l.trigger:[l.trigger]),O=C.useCallback(function(){clearTimeout(b.current),b.current=window.setTimeout(function(){return E(!1)},l.delayHide)},[l.delayHide,E]),F=C.useCallback(function(){clearTimeout(b.current),b.current=window.setTimeout(function(){return E(!0)},l.delayShow)},[l.delayShow,E]),T=C.useCallback(function(){k().visible?O():F()},[k,O,F]);C.useEffect(function(){if(k().finalConfig.closeOnOutsideClick){var L=function(M){var H,V=k(),$=V.tooltipRef,N=V.triggerRef,K=(M.composedPath==null||(H=M.composedPath())==null?void 0:H[0])||M.target;K instanceof Node&&$!=null&&N!=null&&!$.contains(K)&&!N.contains(K)&&O()};return document.addEventListener("mousedown",L),function(){return document.removeEventListener("mousedown",L)}}},[k,O]),C.useEffect(function(){if(!(c==null||!S("click")))return c.addEventListener("click",T),function(){return c.removeEventListener("click",T)}},[c,S,T]),C.useEffect(function(){if(!(c==null||!S("double-click")))return c.addEventListener("dblclick",T),function(){return c.removeEventListener("dblclick",T)}},[c,S,T]),C.useEffect(function(){if(!(c==null||!S("right-click"))){var L=function(M){M.preventDefault(),T()};return c.addEventListener("contextmenu",L),function(){return c.removeEventListener("contextmenu",L)}}},[c,S,T]),C.useEffect(function(){if(!(c==null||!S("focus")))return c.addEventListener("focus",F),c.addEventListener("blur",O),function(){c.removeEventListener("focus",F),c.removeEventListener("blur",O)}},[c,S,F,O]),C.useEffect(function(){if(!(c==null||!S("hover")))return c.addEventListener("mouseenter",F),c.addEventListener("mouseleave",O),function(){c.removeEventListener("mouseenter",F),c.removeEventListener("mouseleave",O)}},[c,S,F,O]),C.useEffect(function(){if(!(g==null||!S("hover")||!k().finalConfig.interactive))return g.addEventListener("mouseenter",F),g.addEventListener("mouseleave",O),function(){g.removeEventListener("mouseenter",F),g.removeEventListener("mouseleave",O)}},[g,S,F,O,k]);var D=A==null||(r=A.state)==null||(n=r.modifiersData)==null||(o=n.hide)==null?void 0:o.isReferenceHidden;C.useEffect(function(){l.closeOnTriggerHidden&&D&&O()},[l.closeOnTriggerHidden,O,D]),C.useEffect(function(){if(!l.followCursor||c==null)return;function L(M){var H=M.clientX,V=M.clientY;Jl.getBoundingClientRect=iu(H,V),w==null||w()}return c.addEventListener("mousemove",L),function(){return c.removeEventListener("mousemove",L)}},[l.followCursor,c,w]),C.useEffect(function(){if(!(g==null||w==null||l.mutationObserverOptions==null)){var L=new MutationObserver(w);return L.observe(g,l.mutationObserverOptions),function(){return L.disconnect()}}},[l.mutationObserverOptions,g,w]);var R=function(L){return L===void 0&&(L={}),ve({},L,{style:ve({},L.style,y.popper)},v.popper,{"data-popper-interactive":l.interactive})},j=function(L){return L===void 0&&(L={}),ve({},L,v.arrow,{style:ve({},L.style,y.arrow),"data-popper-arrow":!0})};return ve({getArrowProps:j,getTooltipProps:R,setTooltipRef:p,setTriggerRef:d,tooltipRef:g,triggerRef:c,visible:f},A)}var Re=It(1e3)((e,t,r,n=0)=>t.split("-")[0]===e?r:n),mt=8,hf=_.div({position:"absolute",borderStyle:"solid"},({placement:e})=>{let t=0,r=0;switch(!0){case(e.startsWith("left")||e.startsWith("right")):{r=8;break}case(e.startsWith("top")||e.startsWith("bottom")):{t=8;break}}return{transform:`translate3d(${t}px, ${r}px, 0px)`}},({theme:e,color:t,placement:r})=>({bottom:`${Re("top",r,`${mt*-1}px`,"auto")}`,top:`${Re("bottom",r,`${mt*-1}px`,"auto")}`,right:`${Re("left",r,`${mt*-1}px`,"auto")}`,left:`${Re("right",r,`${mt*-1}px`,"auto")}`,borderBottomWidth:`${Re("top",r,"0",mt)}px`,borderTopWidth:`${Re("bottom",r,"0",mt)}px`,borderRightWidth:`${Re("left",r,"0",mt)}px`,borderLeftWidth:`${Re("right",r,"0",mt)}px`,borderTopColor:Re("top",r,e.color[t]||t||e.base==="light"?gr(e.background.app):e.background.app,"transparent"),borderBottomColor:Re("bottom",r,e.color[t]||t||e.base==="light"?gr(e.background.app):e.background.app,"transparent"),borderLeftColor:Re("left",r,e.color[t]||t||e.base==="light"?gr(e.background.app):e.background.app,"transparent"),borderRightColor:Re("right",r,e.color[t]||t||e.base==="light"?gr(e.background.app):e.background.app,"transparent")})),bf=_.div(({hidden:e})=>({display:e?"none":"inline-block",zIndex:2147483647}),({theme:e,color:t,hasChrome:r})=>r?{background:e.color[t]||t||e.base==="light"?gr(e.background.app):e.background.app,filter:`
|
|
212
|
+
`)};if(F===0){var R=d.slice(g+1,p).concat(Xr({children:[D],className:A.properties.className})),j=E(R,T);h.push(j)}else if(F===S.length-1){var L=d[p+1]&&d[p+1].children&&d[p+1].children[0],M={type:"text",value:"".concat(O)};if(L){var H=Xr({children:[M],className:A.properties.className});d.splice(p+1,0,H)}else{var V=[M],$=E(V,T,A.properties.className);h.push($)}}else{var N=[D],K=E(N,T,A.properties.className);h.push(K)}}),g=p}p++};p<d.length;)b();if(g!==d.length-1){var x=d.slice(g+1,d.length);if(x&&x.length){var y=n&&h.length+l,v=E(x,y);h.push(v)}}return t?h:(c=[]).concat.apply(c,h)}function I2(e){var t=e.rows,r=e.stylesheet,n=e.useInlineStyles;return t.map(function(o,l){return vo({node:o,stylesheet:r,useInlineStyles:n,key:"code-segement".concat(l)})})}function Ws(e){return e&&typeof e.highlightAuto<"u"}function j2(e){var t=e.astGenerator,r=e.language,n=e.code,o=e.defaultCodeValue;if(Ws(t)){var l=F2(t,r);return r==="text"?{value:o,language:"text"}:l?t.highlight(r,n):t.highlightAuto(n)}try{return r&&r!=="text"?{value:t.highlight(n,r)}:{value:o}}catch{return{value:o}}}function H2(e,t){return function(r){var n=r.language,o=r.children,l=r.style,i=l===void 0?t:l,u=r.customStyle,s=u===void 0?{}:u,c=r.codeTagProps,d=c===void 0?{className:n?"language-".concat(n):void 0,style:Xe(Xe({},i['code[class*="language-"]']),i['code[class*="language-'.concat(n,'"]')])}:c,h=r.useInlineStyles,g=h===void 0?!0:h,p=r.showLineNumbers,m=p===void 0?!1:p,f=r.showInlineLineNumbers,E=f===void 0?!0:f,b=r.startingLineNumber,x=b===void 0?1:b,y=r.lineNumberContainerStyle,v=r.lineNumberStyle,A=v===void 0?{}:v,w=r.wrapLines,k=r.wrapLongLines,S=k===void 0?!1:k,O=r.lineProps,F=O===void 0?{}:O,T=r.renderer,D=r.PreTag,R=D===void 0?"pre":D,j=r.CodeTag,L=j===void 0?"code":j,M=r.code,H=M===void 0?(Array.isArray(o)?o[0]:o)||"":M,V=r.astGenerator,$=b2(r,T2);V=V||e;var N=m?a.createElement(M2,{containerStyle:y,codeStyle:d.style||{},numberStyle:A,startingLineNumber:x,codeString:H}):null,K=i.hljs||i['pre[class*="language-"]']||{backgroundColor:"#fff"},re=Ws(V)?"hljs":"prismjs",Y=g?Object.assign({},$,{style:Object.assign({},K,s)}):Object.assign({},$,{className:$.className?"".concat(re," ").concat($.className):re,style:Object.assign({},s)});if(S?d.style=Xe(Xe({},d.style),{},{whiteSpace:"pre-wrap"}):d.style=Xe(Xe({},d.style),{},{whiteSpace:"pre"}),!V)return a.createElement(R,Y,N,a.createElement(L,d,H));(w===void 0&&T||S)&&(w=!0),T=T||I2;var J=[{type:"text",value:H}],I=j2({astGenerator:V,language:n,code:H,defaultCodeValue:J});I.language===null&&(I.value=J);var z=I.value.length+x,U=$2(I,w,F,m,E,x,z,A,S);return a.createElement(R,Y,a.createElement(L,d,!E&&N,T({rows:U,stylesheet:i,useInlineStyles:g})))}}var Eo=Oe(Zp()),xo=H2(Eo.default,{});xo.registerLanguage=function(e,t){return Eo.default.register(t)};xo.alias=function(e,t){return Eo.default.alias(e,t)};var Fe=xo,N2=_.div(({theme:e})=>({position:"absolute",bottom:0,right:0,maxWidth:"100%",display:"flex",background:e.background.content,zIndex:1})),Gs=_.button(({theme:e})=>({margin:0,border:"0 none",padding:"4px 10px",cursor:"pointer",display:"flex",alignItems:"center",color:e.color.defaultText,background:e.background.content,fontSize:12,lineHeight:"16px",fontFamily:e.typography.fonts.base,fontWeight:e.typography.weight.bold,borderTop:`1px solid ${e.appBorderColor}`,borderLeft:`1px solid ${e.appBorderColor}`,marginLeft:-1,borderRadius:"4px 0 0 0","&:not(:last-child)":{borderRight:`1px solid ${e.appBorderColor}`},"& + *":{borderLeft:`1px solid ${e.appBorderColor}`,borderRadius:0},"&:focus":{boxShadow:`${e.color.secondary} 0 -3px 0 0 inset`,outline:"0 none"}}),({disabled:e})=>e&&{cursor:"not-allowed",opacity:.5});Gs.displayName="ActionButton";var Ao=({actionItems:e,...t})=>a.createElement(N2,{...t},e.map(({title:r,className:n,onClick:o,disabled:l},i)=>a.createElement(Gs,{key:i,className:n,onClick:o,disabled:l},r))),P2=C.lazy(()=>dt(()=>import("./GlobalScrollAreaStyles-UY5SB7EJ-122b11b0.js"),["./GlobalScrollAreaStyles-UY5SB7EJ-122b11b0.js","./index-f80c8c95.js","./iframe-ca0f7b5c.js","./index-64d4dcb8.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-7e02b1ee.js"],import.meta.url)),Z2=C.lazy(()=>dt(()=>import("./OverlayScrollbars-GZGLA7DL-4d0a7678.js"),["./OverlayScrollbars-GZGLA7DL-4d0a7678.js","./index-f80c8c95.js"],import.meta.url)),V2=({horizontal:e,vertical:t,...r})=>a.createElement(C.Suspense,{fallback:a.createElement("div",{...r})},a.createElement(P2,null),a.createElement(Z2,{defer:!0,options:{scrollbars:{autoHide:"leave",visibility:"auto"}},...r})),On=_(V2)(({vertical:e})=>e?{overflowY:"auto",height:"100%"}:{overflowY:"hidden"},({horizontal:e})=>e?{overflowX:"auto",width:"100%"}:{overflowX:"hidden"});On.defaultProps={horizontal:!1,vertical:!1};var{navigator:Zr,document:dr,window:z2}=Gp;Fe.registerLanguage("jsextra",r2);Fe.registerLanguage("jsx",Kp);Fe.registerLanguage("json",a2);Fe.registerLanguage("yml",p2);Fe.registerLanguage("md",c2);Fe.registerLanguage("bash",Xp);Fe.registerLanguage("css",e2);Fe.registerLanguage("html",s2);Fe.registerLanguage("tsx",m2);Fe.registerLanguage("typescript",h2);Fe.registerLanguage("graphql",l2);var q2=It(2)(e=>Object.entries(e.code||{}).reduce((t,[r,n])=>({...t,[`* .${r}`]:n}),{})),U2=Ys();function Ys(){return Zr!=null&&Zr.clipboard?e=>Zr.clipboard.writeText(e):async e=>{let t=dr.createElement("TEXTAREA"),r=dr.activeElement;t.value=e,dr.body.appendChild(t),t.select(),dr.execCommand("copy"),dr.body.removeChild(t),r.focus()}}var W2=_.div(({theme:e})=>({position:"relative",overflow:"hidden",color:e.color.defaultText}),({theme:e,bordered:t})=>t?{border:`1px solid ${e.appBorderColor}`,borderRadius:e.borderRadius,background:e.background.content}:{},({showLineNumbers:e})=>e?{".react-syntax-highlighter-line-number::before":{content:"attr(data-line-number)"}}:{}),G2=({children:e,className:t})=>a.createElement(On,{horizontal:!0,vertical:!0,className:t},e),Y2=_(G2)({position:"relative"},({theme:e})=>q2(e)),K2=_.pre(({theme:e,padded:t})=>({display:"flex",justifyContent:"flex-start",margin:0,padding:t?e.layoutMargin:0})),J2=_.div(({theme:e})=>({flex:1,paddingLeft:2,paddingRight:e.layoutMargin,opacity:1})),Ks=e=>{let t=[...e.children],r=t[0],n=r.children[0].value,o={...r,children:[],properties:{...r.properties,"data-line-number":n,style:{...r.properties.style,userSelect:"auto"}}};return t[0]=o,{...e,children:t}},X2=({rows:e,stylesheet:t,useInlineStyles:r})=>e.map((n,o)=>vo({node:Ks(n),stylesheet:t,useInlineStyles:r,key:`code-segement${o}`})),Q2=(e,t)=>t?e?({rows:r,...n})=>e({rows:r.map(o=>Ks(o)),...n}):X2:e,wo=({children:e,language:t="jsx",copyable:r=!1,bordered:n=!1,padded:o=!1,format:l=!0,formatter:i=null,className:u=null,showLineNumbers:s=!1,...c})=>{if(typeof e!="string"||!e.trim())return null;let d=i?i(l,e):e.trim(),[h,g]=C.useState(!1),p=C.useCallback(f=>{f.preventDefault(),U2(d).then(()=>{g(!0),z2.setTimeout(()=>g(!1),1500)}).catch(Wp.error)},[d]),m=Q2(c.renderer,s);return a.createElement(W2,{bordered:n,padded:o,showLineNumbers:s,className:u},a.createElement(Y2,null,a.createElement(Fe,{padded:o||n,language:t,showLineNumbers:s,showInlineLineNumbers:s,useInlineStyles:!1,PreTag:K2,CodeTag:J2,lineNumberContainerStyle:{},...c,renderer:m},d)),r?a.createElement(Ao,{actionItems:[{title:h?"Copied":"Copy",onClick:p}]}):null)};wo.registerLanguage=(...e)=>Fe.registerLanguage(...e);var L9=wo;const{global:e5}=__STORYBOOK_MODULE_GLOBAL__;var t5=P({"../../node_modules/react-fast-compare/index.js"(e,t){var r=typeof Element<"u",n=typeof Map=="function",o=typeof Set=="function",l=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function i(u,s){if(u===s)return!0;if(u&&s&&typeof u=="object"&&typeof s=="object"){if(u.constructor!==s.constructor)return!1;var c,d,h;if(Array.isArray(u)){if(c=u.length,c!=s.length)return!1;for(d=c;d--!==0;)if(!i(u[d],s[d]))return!1;return!0}var g;if(n&&u instanceof Map&&s instanceof Map){if(u.size!==s.size)return!1;for(g=u.entries();!(d=g.next()).done;)if(!s.has(d.value[0]))return!1;for(g=u.entries();!(d=g.next()).done;)if(!i(d.value[1],s.get(d.value[0])))return!1;return!0}if(o&&u instanceof Set&&s instanceof Set){if(u.size!==s.size)return!1;for(g=u.entries();!(d=g.next()).done;)if(!s.has(d.value[0]))return!1;return!0}if(l&&ArrayBuffer.isView(u)&&ArrayBuffer.isView(s)){if(c=u.length,c!=s.length)return!1;for(d=c;d--!==0;)if(u[d]!==s[d])return!1;return!0}if(u.constructor===RegExp)return u.source===s.source&&u.flags===s.flags;if(u.valueOf!==Object.prototype.valueOf&&typeof u.valueOf=="function"&&typeof s.valueOf=="function")return u.valueOf()===s.valueOf();if(u.toString!==Object.prototype.toString&&typeof u.toString=="function"&&typeof s.toString=="function")return u.toString()===s.toString();if(h=Object.keys(u),c=h.length,c!==Object.keys(s).length)return!1;for(d=c;d--!==0;)if(!Object.prototype.hasOwnProperty.call(s,h[d]))return!1;if(r&&u instanceof Element)return!1;for(d=c;d--!==0;)if(!((h[d]==="_owner"||h[d]==="__v"||h[d]==="__o")&&u.$$typeof)&&!i(u[h[d]],s[h[d]]))return!1;return!0}return u!==u&&s!==s}t.exports=function(u,s){try{return i(u,s)}catch(c){if((c.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw c}}}}),Nl=function(e){return e.reduce(function(t,r){var n=r[0],o=r[1];return t[n]=o,t},{})},Pl=typeof window<"u"&&window.document&&window.document.createElement?C.useLayoutEffect:C.useEffect,Ae="top",Me="bottom",Be="right",we="left",Fn="auto",Mr=[Ae,Me,Be,we],Yt="start",Sr="end",r5="clippingParents",Js="viewport",pr="popper",n5="reference",Zl=Mr.reduce(function(e,t){return e.concat([t+"-"+Yt,t+"-"+Sr])},[]),Xs=[].concat(Mr,[Fn]).reduce(function(e,t){return e.concat([t,t+"-"+Yt,t+"-"+Sr])},[]),a5="beforeRead",o5="read",l5="afterRead",i5="beforeMain",s5="main",u5="afterMain",c5="beforeWrite",d5="write",p5="afterWrite",f5=[a5,o5,l5,i5,s5,u5,c5,d5,p5];function ot(e){return e?(e.nodeName||"").toLowerCase():null}function _e(e){if(e==null)return window;if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function $t(e){var t=_e(e).Element;return e instanceof t||e instanceof Element}function Le(e){var t=_e(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function Co(e){if(typeof ShadowRoot>"u")return!1;var t=_e(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function m5(e){var t=e.state;Object.keys(t.elements).forEach(function(r){var n=t.styles[r]||{},o=t.attributes[r]||{},l=t.elements[r];!Le(l)||!ot(l)||(Object.assign(l.style,n),Object.keys(o).forEach(function(i){var u=o[i];u===!1?l.removeAttribute(i):l.setAttribute(i,u===!0?"":u)}))})}function g5(e){var t=e.state,r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,r.popper),t.styles=r,t.elements.arrow&&Object.assign(t.elements.arrow.style,r.arrow),function(){Object.keys(t.elements).forEach(function(n){var o=t.elements[n],l=t.attributes[n]||{},i=Object.keys(t.styles.hasOwnProperty(n)?t.styles[n]:r[n]),u=i.reduce(function(s,c){return s[c]="",s},{});!Le(o)||!ot(o)||(Object.assign(o.style,u),Object.keys(l).forEach(function(s){o.removeAttribute(s)}))})}}var h5={name:"applyStyles",enabled:!0,phase:"write",fn:m5,effect:g5,requires:["computeStyles"]};function at(e){return e.split("-")[0]}var Lt=Math.max,dn=Math.min,Kt=Math.round;function Ia(){var e=navigator.userAgentData;return e!=null&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(t){return t.brand+"/"+t.version}).join(" "):navigator.userAgent}function Qs(){return!/^((?!chrome|android).)*safari/i.test(Ia())}function Jt(e,t,r){t===void 0&&(t=!1),r===void 0&&(r=!1);var n=e.getBoundingClientRect(),o=1,l=1;t&&Le(e)&&(o=e.offsetWidth>0&&Kt(n.width)/e.offsetWidth||1,l=e.offsetHeight>0&&Kt(n.height)/e.offsetHeight||1);var i=$t(e)?_e(e):window,u=i.visualViewport,s=!Qs()&&r,c=(n.left+(s&&u?u.offsetLeft:0))/o,d=(n.top+(s&&u?u.offsetTop:0))/l,h=n.width/o,g=n.height/l;return{width:h,height:g,top:d,right:c+h,bottom:d+g,left:c,x:c,y:d}}function So(e){var t=Jt(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function eu(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&Co(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function pt(e){return _e(e).getComputedStyle(e)}function b5(e){return["table","td","th"].indexOf(ot(e))>=0}function wt(e){return(($t(e)?e.ownerDocument:e.document)||window.document).documentElement}function Tn(e){return ot(e)==="html"?e:e.assignedSlot||e.parentNode||(Co(e)?e.host:null)||wt(e)}function Vl(e){return!Le(e)||pt(e).position==="fixed"?null:e.offsetParent}function y5(e){var t=/firefox/i.test(Ia()),r=/Trident/i.test(Ia());if(r&&Le(e)){var n=pt(e);if(n.position==="fixed")return null}var o=Tn(e);for(Co(o)&&(o=o.host);Le(o)&&["html","body"].indexOf(ot(o))<0;){var l=pt(o);if(l.transform!=="none"||l.perspective!=="none"||l.contain==="paint"||["transform","perspective"].indexOf(l.willChange)!==-1||t&&l.willChange==="filter"||t&&l.filter&&l.filter!=="none")return o;o=o.parentNode}return null}function Br(e){for(var t=_e(e),r=Vl(e);r&&b5(r)&&pt(r).position==="static";)r=Vl(r);return r&&(ot(r)==="html"||ot(r)==="body"&&pt(r).position==="static")?t:r||y5(e)||t}function ko(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function hr(e,t,r){return Lt(e,dn(t,r))}function v5(e,t,r){var n=hr(e,t,r);return n>r?r:n}function tu(){return{top:0,right:0,bottom:0,left:0}}function ru(e){return Object.assign({},tu(),e)}function nu(e,t){return t.reduce(function(r,n){return r[n]=e,r},{})}var E5=function(e,t){return e=typeof e=="function"?e(Object.assign({},t.rects,{placement:t.placement})):e,ru(typeof e!="number"?e:nu(e,Mr))};function x5(e){var t,r=e.state,n=e.name,o=e.options,l=r.elements.arrow,i=r.modifiersData.popperOffsets,u=at(r.placement),s=ko(u),c=[we,Be].indexOf(u)>=0,d=c?"height":"width";if(!(!l||!i)){var h=E5(o.padding,r),g=So(l),p=s==="y"?Ae:we,m=s==="y"?Me:Be,f=r.rects.reference[d]+r.rects.reference[s]-i[s]-r.rects.popper[d],E=i[s]-r.rects.reference[s],b=Br(l),x=b?s==="y"?b.clientHeight||0:b.clientWidth||0:0,y=f/2-E/2,v=h[p],A=x-g[d]-h[m],w=x/2-g[d]/2+y,k=hr(v,w,A),S=s;r.modifiersData[n]=(t={},t[S]=k,t.centerOffset=k-w,t)}}function A5(e){var t=e.state,r=e.options,n=r.element,o=n===void 0?"[data-popper-arrow]":n;o!=null&&(typeof o=="string"&&(o=t.elements.popper.querySelector(o),!o)||eu(t.elements.popper,o)&&(t.elements.arrow=o))}var w5={name:"arrow",enabled:!0,phase:"main",fn:x5,effect:A5,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function Xt(e){return e.split("-")[1]}var C5={top:"auto",right:"auto",bottom:"auto",left:"auto"};function S5(e,t){var r=e.x,n=e.y,o=t.devicePixelRatio||1;return{x:Kt(r*o)/o||0,y:Kt(n*o)/o||0}}function zl(e){var t,r=e.popper,n=e.popperRect,o=e.placement,l=e.variation,i=e.offsets,u=e.position,s=e.gpuAcceleration,c=e.adaptive,d=e.roundOffsets,h=e.isFixed,g=i.x,p=g===void 0?0:g,m=i.y,f=m===void 0?0:m,E=typeof d=="function"?d({x:p,y:f}):{x:p,y:f};p=E.x,f=E.y;var b=i.hasOwnProperty("x"),x=i.hasOwnProperty("y"),y=we,v=Ae,A=window;if(c){var w=Br(r),k="clientHeight",S="clientWidth";if(w===_e(r)&&(w=wt(r),pt(w).position!=="static"&&u==="absolute"&&(k="scrollHeight",S="scrollWidth")),w=w,o===Ae||(o===we||o===Be)&&l===Sr){v=Me;var O=h&&w===A&&A.visualViewport?A.visualViewport.height:w[k];f-=O-n.height,f*=s?1:-1}if(o===we||(o===Ae||o===Me)&&l===Sr){y=Be;var F=h&&w===A&&A.visualViewport?A.visualViewport.width:w[S];p-=F-n.width,p*=s?1:-1}}var T=Object.assign({position:u},c&&C5),D=d===!0?S5({x:p,y:f},_e(r)):{x:p,y:f};if(p=D.x,f=D.y,s){var R;return Object.assign({},T,(R={},R[v]=x?"0":"",R[y]=b?"0":"",R.transform=(A.devicePixelRatio||1)<=1?"translate("+p+"px, "+f+"px)":"translate3d("+p+"px, "+f+"px, 0)",R))}return Object.assign({},T,(t={},t[v]=x?f+"px":"",t[y]=b?p+"px":"",t.transform="",t))}function k5(e){var t=e.state,r=e.options,n=r.gpuAcceleration,o=n===void 0?!0:n,l=r.adaptive,i=l===void 0?!0:l,u=r.roundOffsets,s=u===void 0?!0:u,c={placement:at(t.placement),variation:Xt(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:o,isFixed:t.options.strategy==="fixed"};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,zl(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:i,roundOffsets:s})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,zl(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:s})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}var _5={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:k5,data:{}},Vr={passive:!0};function O5(e){var t=e.state,r=e.instance,n=e.options,o=n.scroll,l=o===void 0?!0:o,i=n.resize,u=i===void 0?!0:i,s=_e(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return l&&c.forEach(function(d){d.addEventListener("scroll",r.update,Vr)}),u&&s.addEventListener("resize",r.update,Vr),function(){l&&c.forEach(function(d){d.removeEventListener("scroll",r.update,Vr)}),u&&s.removeEventListener("resize",r.update,Vr)}}var F5={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:O5,data:{}},T5={left:"right",right:"left",bottom:"top",top:"bottom"};function Qr(e){return e.replace(/left|right|bottom|top/g,function(t){return T5[t]})}var R5={start:"end",end:"start"};function ql(e){return e.replace(/start|end/g,function(t){return R5[t]})}function _o(e){var t=_e(e),r=t.pageXOffset,n=t.pageYOffset;return{scrollLeft:r,scrollTop:n}}function Oo(e){return Jt(wt(e)).left+_o(e).scrollLeft}function D5(e,t){var r=_e(e),n=wt(e),o=r.visualViewport,l=n.clientWidth,i=n.clientHeight,u=0,s=0;if(o){l=o.width,i=o.height;var c=Qs();(c||!c&&t==="fixed")&&(u=o.offsetLeft,s=o.offsetTop)}return{width:l,height:i,x:u+Oo(e),y:s}}function L5(e){var t,r=wt(e),n=_o(e),o=(t=e.ownerDocument)==null?void 0:t.body,l=Lt(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),i=Lt(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),u=-n.scrollLeft+Oo(e),s=-n.scrollTop;return pt(o||r).direction==="rtl"&&(u+=Lt(r.clientWidth,o?o.clientWidth:0)-l),{width:l,height:i,x:u,y:s}}function Fo(e){var t=pt(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function au(e){return["html","body","#document"].indexOf(ot(e))>=0?e.ownerDocument.body:Le(e)&&Fo(e)?e:au(Tn(e))}function br(e,t){var r;t===void 0&&(t=[]);var n=au(e),o=n===((r=e.ownerDocument)==null?void 0:r.body),l=_e(n),i=o?[l].concat(l.visualViewport||[],Fo(n)?n:[]):n,u=t.concat(i);return o?u:u.concat(br(Tn(i)))}function ja(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function M5(e,t){var r=Jt(e,!1,t==="fixed");return r.top=r.top+e.clientTop,r.left=r.left+e.clientLeft,r.bottom=r.top+e.clientHeight,r.right=r.left+e.clientWidth,r.width=e.clientWidth,r.height=e.clientHeight,r.x=r.left,r.y=r.top,r}function Ul(e,t,r){return t===Js?ja(D5(e,r)):$t(t)?M5(t,r):ja(L5(wt(e)))}function B5(e){var t=br(Tn(e)),r=["absolute","fixed"].indexOf(pt(e).position)>=0,n=r&&Le(e)?Br(e):e;return $t(n)?t.filter(function(o){return $t(o)&&eu(o,n)&&ot(o)!=="body"}):[]}function $5(e,t,r,n){var o=t==="clippingParents"?B5(e):[].concat(t),l=[].concat(o,[r]),i=l[0],u=l.reduce(function(s,c){var d=Ul(e,c,n);return s.top=Lt(d.top,s.top),s.right=dn(d.right,s.right),s.bottom=dn(d.bottom,s.bottom),s.left=Lt(d.left,s.left),s},Ul(e,i,n));return u.width=u.right-u.left,u.height=u.bottom-u.top,u.x=u.left,u.y=u.top,u}function ou(e){var t=e.reference,r=e.element,n=e.placement,o=n?at(n):null,l=n?Xt(n):null,i=t.x+t.width/2-r.width/2,u=t.y+t.height/2-r.height/2,s;switch(o){case Ae:s={x:i,y:t.y-r.height};break;case Me:s={x:i,y:t.y+t.height};break;case Be:s={x:t.x+t.width,y:u};break;case we:s={x:t.x-r.width,y:u};break;default:s={x:t.x,y:t.y}}var c=o?ko(o):null;if(c!=null){var d=c==="y"?"height":"width";switch(l){case Yt:s[c]=s[c]-(t[d]/2-r[d]/2);break;case Sr:s[c]=s[c]+(t[d]/2-r[d]/2);break}}return s}function kr(e,t){t===void 0&&(t={});var r=t,n=r.placement,o=n===void 0?e.placement:n,l=r.strategy,i=l===void 0?e.strategy:l,u=r.boundary,s=u===void 0?r5:u,c=r.rootBoundary,d=c===void 0?Js:c,h=r.elementContext,g=h===void 0?pr:h,p=r.altBoundary,m=p===void 0?!1:p,f=r.padding,E=f===void 0?0:f,b=ru(typeof E!="number"?E:nu(E,Mr)),x=g===pr?n5:pr,y=e.rects.popper,v=e.elements[m?x:g],A=$5($t(v)?v:v.contextElement||wt(e.elements.popper),s,d,i),w=Jt(e.elements.reference),k=ou({reference:w,element:y,strategy:"absolute",placement:o}),S=ja(Object.assign({},y,k)),O=g===pr?S:w,F={top:A.top-O.top+b.top,bottom:O.bottom-A.bottom+b.bottom,left:A.left-O.left+b.left,right:O.right-A.right+b.right},T=e.modifiersData.offset;if(g===pr&&T){var D=T[o];Object.keys(F).forEach(function(R){var j=[Be,Me].indexOf(R)>=0?1:-1,L=[Ae,Me].indexOf(R)>=0?"y":"x";F[R]+=D[L]*j})}return F}function I5(e,t){t===void 0&&(t={});var r=t,n=r.placement,o=r.boundary,l=r.rootBoundary,i=r.padding,u=r.flipVariations,s=r.allowedAutoPlacements,c=s===void 0?Xs:s,d=Xt(n),h=d?u?Zl:Zl.filter(function(m){return Xt(m)===d}):Mr,g=h.filter(function(m){return c.indexOf(m)>=0});g.length===0&&(g=h);var p=g.reduce(function(m,f){return m[f]=kr(e,{placement:f,boundary:o,rootBoundary:l,padding:i})[at(f)],m},{});return Object.keys(p).sort(function(m,f){return p[m]-p[f]})}function j5(e){if(at(e)===Fn)return[];var t=Qr(e);return[ql(e),t,ql(t)]}function H5(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,l=o===void 0?!0:o,i=r.altAxis,u=i===void 0?!0:i,s=r.fallbackPlacements,c=r.padding,d=r.boundary,h=r.rootBoundary,g=r.altBoundary,p=r.flipVariations,m=p===void 0?!0:p,f=r.allowedAutoPlacements,E=t.options.placement,b=at(E),x=b===E,y=s||(x||!m?[Qr(E)]:j5(E)),v=[E].concat(y).reduce(function(J,I){return J.concat(at(I)===Fn?I5(t,{placement:I,boundary:d,rootBoundary:h,padding:c,flipVariations:m,allowedAutoPlacements:f}):I)},[]),A=t.rects.reference,w=t.rects.popper,k=new Map,S=!0,O=v[0],F=0;F<v.length;F++){var T=v[F],D=at(T),R=Xt(T)===Yt,j=[Ae,Me].indexOf(D)>=0,L=j?"width":"height",M=kr(t,{placement:T,boundary:d,rootBoundary:h,altBoundary:g,padding:c}),H=j?R?Be:we:R?Me:Ae;A[L]>w[L]&&(H=Qr(H));var V=Qr(H),$=[];if(l&&$.push(M[D]<=0),u&&$.push(M[H]<=0,M[V]<=0),$.every(function(J){return J})){O=T,S=!1;break}k.set(T,$)}if(S)for(var N=m?3:1,K=function(J){var I=v.find(function(z){var U=k.get(z);if(U)return U.slice(0,J).every(function(ie){return ie})});if(I)return O=I,"break"},re=N;re>0;re--){var Y=K(re);if(Y==="break")break}t.placement!==O&&(t.modifiersData[n]._skip=!0,t.placement=O,t.reset=!0)}}var N5={name:"flip",enabled:!0,phase:"main",fn:H5,requiresIfExists:["offset"],data:{_skip:!1}};function Wl(e,t,r){return r===void 0&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function Gl(e){return[Ae,Be,Me,we].some(function(t){return e[t]>=0})}function P5(e){var t=e.state,r=e.name,n=t.rects.reference,o=t.rects.popper,l=t.modifiersData.preventOverflow,i=kr(t,{elementContext:"reference"}),u=kr(t,{altBoundary:!0}),s=Wl(i,n),c=Wl(u,o,l),d=Gl(s),h=Gl(c);t.modifiersData[r]={referenceClippingOffsets:s,popperEscapeOffsets:c,isReferenceHidden:d,hasPopperEscaped:h},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":h})}var Z5={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:P5};function V5(e,t,r){var n=at(e),o=[we,Ae].indexOf(n)>=0?-1:1,l=typeof r=="function"?r(Object.assign({},t,{placement:e})):r,i=l[0],u=l[1];return i=i||0,u=(u||0)*o,[we,Be].indexOf(n)>=0?{x:u,y:i}:{x:i,y:u}}function z5(e){var t=e.state,r=e.options,n=e.name,o=r.offset,l=o===void 0?[0,0]:o,i=Xs.reduce(function(d,h){return d[h]=V5(h,t.rects,l),d},{}),u=i[t.placement],s=u.x,c=u.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=s,t.modifiersData.popperOffsets.y+=c),t.modifiersData[n]=i}var q5={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:z5};function U5(e){var t=e.state,r=e.name;t.modifiersData[r]=ou({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}var W5={name:"popperOffsets",enabled:!0,phase:"read",fn:U5,data:{}};function G5(e){return e==="x"?"y":"x"}function Y5(e){var t=e.state,r=e.options,n=e.name,o=r.mainAxis,l=o===void 0?!0:o,i=r.altAxis,u=i===void 0?!1:i,s=r.boundary,c=r.rootBoundary,d=r.altBoundary,h=r.padding,g=r.tether,p=g===void 0?!0:g,m=r.tetherOffset,f=m===void 0?0:m,E=kr(t,{boundary:s,rootBoundary:c,padding:h,altBoundary:d}),b=at(t.placement),x=Xt(t.placement),y=!x,v=ko(b),A=G5(v),w=t.modifiersData.popperOffsets,k=t.rects.reference,S=t.rects.popper,O=typeof f=="function"?f(Object.assign({},t.rects,{placement:t.placement})):f,F=typeof O=="number"?{mainAxis:O,altAxis:O}:Object.assign({mainAxis:0,altAxis:0},O),T=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,D={x:0,y:0};if(w){if(l){var R,j=v==="y"?Ae:we,L=v==="y"?Me:Be,M=v==="y"?"height":"width",H=w[v],V=H+E[j],$=H-E[L],N=p?-S[M]/2:0,K=x===Yt?k[M]:S[M],re=x===Yt?-S[M]:-k[M],Y=t.elements.arrow,J=p&&Y?So(Y):{width:0,height:0},I=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:tu(),z=I[j],U=I[L],ie=hr(0,k[M],J[M]),he=y?k[M]/2-N-ie-z-F.mainAxis:K-ie-z-F.mainAxis,lt=y?-k[M]/2+N+ie+U+F.mainAxis:re+ie+U+F.mainAxis,Te=t.elements.arrow&&Br(t.elements.arrow),Pe=Te?v==="y"?Te.clientTop||0:Te.clientLeft||0:0,B=(R=T==null?void 0:T[v])!=null?R:0,Ie=H+he-B-Pe,Ze=H+lt-B,Ct=hr(p?dn(V,Ie):V,H,p?Lt($,Ze):$);w[v]=Ct,D[v]=Ct-H}if(u){var Ht,Ve=v==="x"?Ae:we,Ir=v==="x"?Me:Be,be=w[A],St=A==="y"?"height":"width",ze=be+E[Ve],Nt=be-E[Ir],qe=[Ae,we].indexOf(b)!==-1,Pt=(Ht=T==null?void 0:T[A])!=null?Ht:0,Ue=qe?ze:be-k[St]-S[St]-Pt+F.altAxis,pe=qe?be+k[St]+S[St]-Pt-F.altAxis:Nt,je=p&&qe?v5(Ue,be,pe):hr(p?Ue:ze,be,p?pe:Nt);w[A]=je,D[A]=je-be}t.modifiersData[n]=D}}var K5={name:"preventOverflow",enabled:!0,phase:"main",fn:Y5,requiresIfExists:["offset"]};function J5(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function X5(e){return e===_e(e)||!Le(e)?_o(e):J5(e)}function Q5(e){var t=e.getBoundingClientRect(),r=Kt(t.width)/e.offsetWidth||1,n=Kt(t.height)/e.offsetHeight||1;return r!==1||n!==1}function ef(e,t,r){r===void 0&&(r=!1);var n=Le(t),o=Le(t)&&Q5(t),l=wt(t),i=Jt(e,o,r),u={scrollLeft:0,scrollTop:0},s={x:0,y:0};return(n||!n&&!r)&&((ot(t)!=="body"||Fo(l))&&(u=X5(t)),Le(t)?(s=Jt(t,!0),s.x+=t.clientLeft,s.y+=t.clientTop):l&&(s.x=Oo(l))),{x:i.left+u.scrollLeft-s.x,y:i.top+u.scrollTop-s.y,width:i.width,height:i.height}}function tf(e){var t=new Map,r=new Set,n=[];e.forEach(function(l){t.set(l.name,l)});function o(l){r.add(l.name);var i=[].concat(l.requires||[],l.requiresIfExists||[]);i.forEach(function(u){if(!r.has(u)){var s=t.get(u);s&&o(s)}}),n.push(l)}return e.forEach(function(l){r.has(l.name)||o(l)}),n}function rf(e){var t=tf(e);return f5.reduce(function(r,n){return r.concat(t.filter(function(o){return o.phase===n}))},[])}function nf(e){var t;return function(){return t||(t=new Promise(function(r){Promise.resolve().then(function(){t=void 0,r(e())})})),t}}function af(e){var t=e.reduce(function(r,n){var o=r[n.name];return r[n.name]=o?Object.assign({},o,n,{options:Object.assign({},o.options,n.options),data:Object.assign({},o.data,n.data)}):n,r},{});return Object.keys(t).map(function(r){return t[r]})}var Yl={placement:"bottom",modifiers:[],strategy:"absolute"};function Kl(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return!t.some(function(n){return!(n&&typeof n.getBoundingClientRect=="function")})}function of(e){e===void 0&&(e={});var t=e,r=t.defaultModifiers,n=r===void 0?[]:r,o=t.defaultOptions,l=o===void 0?Yl:o;return function(i,u,s){s===void 0&&(s=l);var c={placement:"bottom",orderedModifiers:[],options:Object.assign({},Yl,l),modifiersData:{},elements:{reference:i,popper:u},attributes:{},styles:{}},d=[],h=!1,g={state:c,setOptions:function(f){var E=typeof f=="function"?f(c.options):f;m(),c.options=Object.assign({},l,c.options,E),c.scrollParents={reference:$t(i)?br(i):i.contextElement?br(i.contextElement):[],popper:br(u)};var b=rf(af([].concat(n,c.options.modifiers)));return c.orderedModifiers=b.filter(function(x){return x.enabled}),p(),g.update()},forceUpdate:function(){if(!h){var f=c.elements,E=f.reference,b=f.popper;if(Kl(E,b)){c.rects={reference:ef(E,Br(b),c.options.strategy==="fixed"),popper:So(b)},c.reset=!1,c.placement=c.options.placement,c.orderedModifiers.forEach(function(S){return c.modifiersData[S.name]=Object.assign({},S.data)});for(var x=0;x<c.orderedModifiers.length;x++){if(c.reset===!0){c.reset=!1,x=-1;continue}var y=c.orderedModifiers[x],v=y.fn,A=y.options,w=A===void 0?{}:A,k=y.name;typeof v=="function"&&(c=v({state:c,options:w,name:k,instance:g})||c)}}}},update:nf(function(){return new Promise(function(f){g.forceUpdate(),f(c)})}),destroy:function(){m(),h=!0}};if(!Kl(i,u))return g;g.setOptions(s).then(function(f){!h&&s.onFirstUpdate&&s.onFirstUpdate(f)});function p(){c.orderedModifiers.forEach(function(f){var E=f.name,b=f.options,x=b===void 0?{}:b,y=f.effect;if(typeof y=="function"){var v=y({state:c,name:E,instance:g,options:x}),A=function(){};d.push(v||A)}})}function m(){d.forEach(function(f){return f()}),d=[]}return g}}var lf=[F5,W5,_5,h5,q5,N5,K5,w5,Z5],sf=of({defaultModifiers:lf}),uf=Oe(t5()),cf=[],df=function(e,t,r){r===void 0&&(r={});var n=C.useRef(null),o={onFirstUpdate:r.onFirstUpdate,placement:r.placement||"bottom",strategy:r.strategy||"absolute",modifiers:r.modifiers||cf},l=C.useState({styles:{popper:{position:o.strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),i=l[0],u=l[1],s=C.useMemo(function(){return{name:"updateState",enabled:!0,phase:"write",fn:function(h){var g=h.state,p=Object.keys(g.elements);d0.flushSync(function(){u({styles:Nl(p.map(function(m){return[m,g.styles[m]||{}]})),attributes:Nl(p.map(function(m){return[m,g.attributes[m]]}))})})},requires:["computeStyles"]}},[]),c=C.useMemo(function(){var h={onFirstUpdate:o.onFirstUpdate,placement:o.placement,strategy:o.strategy,modifiers:[].concat(o.modifiers,[s,{name:"applyStyles",enabled:!1}])};return(0,uf.default)(n.current,h)?n.current||h:(n.current=h,h)},[o.onFirstUpdate,o.placement,o.strategy,o.modifiers,s]),d=C.useRef();return Pl(function(){d.current&&d.current.setOptions(c)},[c]),Pl(function(){if(!(e==null||t==null)){var h=r.createPopper||sf,g=h(e,t,c);return d.current=g,function(){g.destroy(),d.current=null}}},[e,t,r.createPopper]),{state:d.current?d.current.state:null,styles:i.styles,attributes:i.attributes,update:d.current?d.current.update:null,forceUpdate:d.current?d.current.forceUpdate:null}};function lu(e){var t=C.useRef(e);return t.current=e,C.useCallback(function(){return t.current},[])}var pf=function(){};function ff(e){var t=e.initial,r=e.value,n=e.onChange,o=n===void 0?pf:n;if(t===void 0&&r===void 0)throw new TypeError('Either "value" or "initial" variable must be set. Now both are undefined');var l=C.useState(t),i=l[0],u=l[1],s=lu(i),c=C.useCallback(function(h){var g=s(),p=typeof h=="function"?h(g):h;typeof p.persist=="function"&&p.persist(),u(p),typeof o=="function"&&o(p)},[s,o]),d=r!==void 0;return[d?r:i,d?o:c]}function iu(e,t){return e===void 0&&(e=0),t===void 0&&(t=0),function(){return{width:0,height:0,top:t,right:e,bottom:t,left:e,x:0,y:0,toJSON:function(){return null}}}}var mf=["styles","attributes"],Jl={getBoundingClientRect:iu()},Xl={closeOnOutsideClick:!0,closeOnTriggerHidden:!1,defaultVisible:!1,delayHide:0,delayShow:0,followCursor:!1,interactive:!1,mutationObserverOptions:{attributes:!0,childList:!0,subtree:!0},offset:[0,6],trigger:"hover"};function gf(e,t){var r,n,o;e===void 0&&(e={}),t===void 0&&(t={});var l=Object.keys(Xl).reduce(function(L,M){var H;return ve({},L,(H={},H[M]=L[M]!==void 0?L[M]:Xl[M],H))},e),i=C.useMemo(function(){return[{name:"offset",options:{offset:l.offset}}]},Array.isArray(l.offset)?l.offset:[]),u=ve({},t,{placement:t.placement||l.placement,modifiers:t.modifiers||i}),s=C.useState(null),c=s[0],d=s[1],h=C.useState(null),g=h[0],p=h[1],m=ff({initial:l.defaultVisible,value:l.visible,onChange:l.onVisibleChange}),f=m[0],E=m[1],b=C.useRef();C.useEffect(function(){return function(){return clearTimeout(b.current)}},[]);var x=df(l.followCursor?Jl:c,g,u),y=x.styles,v=x.attributes,A=ho(x,mf),w=A.update,k=lu({visible:f,triggerRef:c,tooltipRef:g,finalConfig:l}),S=C.useCallback(function(L){return Array.isArray(l.trigger)?l.trigger.includes(L):l.trigger===L},Array.isArray(l.trigger)?l.trigger:[l.trigger]),O=C.useCallback(function(){clearTimeout(b.current),b.current=window.setTimeout(function(){return E(!1)},l.delayHide)},[l.delayHide,E]),F=C.useCallback(function(){clearTimeout(b.current),b.current=window.setTimeout(function(){return E(!0)},l.delayShow)},[l.delayShow,E]),T=C.useCallback(function(){k().visible?O():F()},[k,O,F]);C.useEffect(function(){if(k().finalConfig.closeOnOutsideClick){var L=function(M){var H,V=k(),$=V.tooltipRef,N=V.triggerRef,K=(M.composedPath==null||(H=M.composedPath())==null?void 0:H[0])||M.target;K instanceof Node&&$!=null&&N!=null&&!$.contains(K)&&!N.contains(K)&&O()};return document.addEventListener("mousedown",L),function(){return document.removeEventListener("mousedown",L)}}},[k,O]),C.useEffect(function(){if(!(c==null||!S("click")))return c.addEventListener("click",T),function(){return c.removeEventListener("click",T)}},[c,S,T]),C.useEffect(function(){if(!(c==null||!S("double-click")))return c.addEventListener("dblclick",T),function(){return c.removeEventListener("dblclick",T)}},[c,S,T]),C.useEffect(function(){if(!(c==null||!S("right-click"))){var L=function(M){M.preventDefault(),T()};return c.addEventListener("contextmenu",L),function(){return c.removeEventListener("contextmenu",L)}}},[c,S,T]),C.useEffect(function(){if(!(c==null||!S("focus")))return c.addEventListener("focus",F),c.addEventListener("blur",O),function(){c.removeEventListener("focus",F),c.removeEventListener("blur",O)}},[c,S,F,O]),C.useEffect(function(){if(!(c==null||!S("hover")))return c.addEventListener("mouseenter",F),c.addEventListener("mouseleave",O),function(){c.removeEventListener("mouseenter",F),c.removeEventListener("mouseleave",O)}},[c,S,F,O]),C.useEffect(function(){if(!(g==null||!S("hover")||!k().finalConfig.interactive))return g.addEventListener("mouseenter",F),g.addEventListener("mouseleave",O),function(){g.removeEventListener("mouseenter",F),g.removeEventListener("mouseleave",O)}},[g,S,F,O,k]);var D=A==null||(r=A.state)==null||(n=r.modifiersData)==null||(o=n.hide)==null?void 0:o.isReferenceHidden;C.useEffect(function(){l.closeOnTriggerHidden&&D&&O()},[l.closeOnTriggerHidden,O,D]),C.useEffect(function(){if(!l.followCursor||c==null)return;function L(M){var H=M.clientX,V=M.clientY;Jl.getBoundingClientRect=iu(H,V),w==null||w()}return c.addEventListener("mousemove",L),function(){return c.removeEventListener("mousemove",L)}},[l.followCursor,c,w]),C.useEffect(function(){if(!(g==null||w==null||l.mutationObserverOptions==null)){var L=new MutationObserver(w);return L.observe(g,l.mutationObserverOptions),function(){return L.disconnect()}}},[l.mutationObserverOptions,g,w]);var R=function(L){return L===void 0&&(L={}),ve({},L,{style:ve({},L.style,y.popper)},v.popper,{"data-popper-interactive":l.interactive})},j=function(L){return L===void 0&&(L={}),ve({},L,v.arrow,{style:ve({},L.style,y.arrow),"data-popper-arrow":!0})};return ve({getArrowProps:j,getTooltipProps:R,setTooltipRef:p,setTriggerRef:d,tooltipRef:g,triggerRef:c,visible:f},A)}var Re=It(1e3)((e,t,r,n=0)=>t.split("-")[0]===e?r:n),mt=8,hf=_.div({position:"absolute",borderStyle:"solid"},({placement:e})=>{let t=0,r=0;switch(!0){case(e.startsWith("left")||e.startsWith("right")):{r=8;break}case(e.startsWith("top")||e.startsWith("bottom")):{t=8;break}}return{transform:`translate3d(${t}px, ${r}px, 0px)`}},({theme:e,color:t,placement:r})=>({bottom:`${Re("top",r,`${mt*-1}px`,"auto")}`,top:`${Re("bottom",r,`${mt*-1}px`,"auto")}`,right:`${Re("left",r,`${mt*-1}px`,"auto")}`,left:`${Re("right",r,`${mt*-1}px`,"auto")}`,borderBottomWidth:`${Re("top",r,"0",mt)}px`,borderTopWidth:`${Re("bottom",r,"0",mt)}px`,borderRightWidth:`${Re("left",r,"0",mt)}px`,borderLeftWidth:`${Re("right",r,"0",mt)}px`,borderTopColor:Re("top",r,e.color[t]||t||e.base==="light"?gr(e.background.app):e.background.app,"transparent"),borderBottomColor:Re("bottom",r,e.color[t]||t||e.base==="light"?gr(e.background.app):e.background.app,"transparent"),borderLeftColor:Re("left",r,e.color[t]||t||e.base==="light"?gr(e.background.app):e.background.app,"transparent"),borderRightColor:Re("right",r,e.color[t]||t||e.base==="light"?gr(e.background.app):e.background.app,"transparent")})),bf=_.div(({hidden:e})=>({display:e?"none":"inline-block",zIndex:2147483647}),({theme:e,color:t,hasChrome:r})=>r?{background:e.color[t]||t||e.base==="light"?gr(e.background.app):e.background.app,filter:`
|
|
213
213
|
drop-shadow(0px 5px 5px rgba(0,0,0,0.05))
|
|
214
214
|
drop-shadow(0 1px 3px rgba(0,0,0,0.1))
|
|
215
215
|
`,borderRadius:e.appBorderRadius,fontSize:e.typography.size.s1}:{}),To=a.forwardRef(({placement:e,hasChrome:t,children:r,arrowProps:n,tooltipRef:o,color:l,withArrows:i,...u},s)=>a.createElement(bf,{"data-testid":"tooltip",hasChrome:t,ref:s,...u,color:l},t&&i&&a.createElement(hf,{placement:e,...n,color:l}),r));To.displayName="Tooltip";To.defaultProps={color:void 0,tooltipRef:void 0,hasChrome:!0,placement:"top",arrowProps:{}};var{document:en}=e5,yf=_.div`
|
|
@@ -226,9 +226,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
226
226
|
path {
|
|
227
227
|
fill: currentColor;
|
|
228
228
|
}
|
|
229
|
-
`,ye=({icon:e,useSymbol:t,...r})=>a.createElement(Bu,{viewBox:"0 0 14 14",width:"14px",height:"14px",...r},t?a.createElement("use",{xlinkHref:`#icon--${e}`}):Fr[e]),ym=C.memo(function({icons:e=Object.keys(Fr)}){return a.createElement(Bu,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},e.map(t=>a.createElement("symbol",{id:`icon--${t}`,key:t},Fr[t])))}),vm=0,Em=e=>e.button===vm&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,xm=(e,t)=>{Em(e)&&(e.preventDefault(),t(e))},Am=_.span(({withArrow:e})=>e?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:e})=>e?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),wm=_.a(({theme:e})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:e.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:qt(.07,e.color.secondary),"svg path:not([fill])":{fill:qt(.07,e.color.secondary)}},"&:active":{color:qt(.1,e.color.secondary),"svg path:not([fill])":{fill:qt(.1,e.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:e.color.secondary}}}),({theme:e,secondary:t,tertiary:r})=>{let n;return t&&(n=[e.textMutedColor,e.color.dark,e.color.darker]),r&&(n=[e.color.dark,e.color.darkest,e.textMutedColor]),n?{color:n[0],"svg path:not([fill])":{fill:n[0]},"&:hover":{color:n[1],"svg path:not([fill])":{fill:n[1]}},"&:active":{color:n[2],"svg path:not([fill])":{fill:n[2]}}}:{}},({nochrome:e})=>e?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:e,inverse:t})=>t?{color:e.color.lightest,":not([fill])":{fill:e.color.lightest},"&:hover":{color:e.color.lighter,"svg path:not([fill])":{fill:e.color.lighter}},"&:active":{color:e.color.light,"svg path:not([fill])":{fill:e.color.light}}}:{},({isButton:e})=>e?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Et=({cancel:e,children:t,onClick:r,withArrow:n,containsIcon:o,className:l,...i})=>a.createElement(wm,{...i,onClick:r&&e?u=>xm(u,r):r,className:l},a.createElement(Am,{withArrow:n,containsIcon:o},t,n&&a.createElement(ye,{icon:"arrowright"})));Et.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var Cm=_.div(({theme:e})=>({fontSize:`${e.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},h2:{fontSize:`${e.typography.size.m2}px`,borderBottom:`1px solid ${e.appBorderColor}`},h3:{fontSize:`${e.typography.size.m1}px`},h4:{fontSize:`${e.typography.size.s3}px`},h5:{fontSize:`${e.typography.size.s2}px`},h6:{fontSize:`${e.typography.size.s2}px`,color:e.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:e.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:e.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.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:e.color.darkest,display:"block",padding:"5px 0 0"}},"span.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"}},"span.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"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${e.color.mediumlight}`,backgroundColor:e.color.lighter,borderRadius:3,color:e.base==="dark"&&e.color.darkest}})),Mt=[],Qt=null,Sm=C.lazy(async()=>{let{SyntaxHighlighter:e}=await dt(()=>import("./syntaxhighlighter-PONEFOSF-f637c3af.js"),["./syntaxhighlighter-PONEFOSF-f637c3af.js","./iframe-a0e646b6.js","./index-f80c8c95.js","./index-64d4dcb8.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-7e02b1ee.js"],import.meta.url);return Mt.length>0&&(Mt.forEach(t=>{e.registerLanguage(...t)}),Mt=[]),Qt===null&&(Qt=e),{default:t=>a.createElement(e,{...t})}}),km=C.lazy(async()=>{let[{SyntaxHighlighter:e},{formatter:t}]=await Promise.all([dt(()=>import("./syntaxhighlighter-PONEFOSF-f637c3af.js"),["./syntaxhighlighter-PONEFOSF-f637c3af.js","./iframe-a0e646b6.js","./index-f80c8c95.js","./index-64d4dcb8.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-7e02b1ee.js"],import.meta.url),dt(()=>import("./formatter-SWP5E3XI-fc0d642f.js"),["./formatter-SWP5E3XI-fc0d642f.js","./iframe-a0e646b6.js","./index-f80c8c95.js","./index-64d4dcb8.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-7e02b1ee.js"],import.meta.url)]);return Mt.length>0&&(Mt.forEach(r=>{e.registerLanguage(...r)}),Mt=[]),Qt===null&&(Qt=e),{default:r=>a.createElement(e,{...r,formatter:t})}}),Rn=e=>a.createElement(C.Suspense,{fallback:a.createElement("div",null)},e.format!==!1?a.createElement(km,{...e}):a.createElement(Sm,{...e}));Rn.registerLanguage=(...e)=>{if(Qt!==null){Qt.registerLanguage(...e);return}Mt.push(e)};var _m=e=>typeof e=="number"?e:Number(e),Om=_.div(({theme:e,col:t,row:r=1})=>t?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:t*e.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${Ba}`]:{marginLeft:0}}:{"& > *":{marginTop:r*e.layoutMargin},[`& > *:first-child${Ba}`]:{marginTop:0}},({theme:e,outer:t,col:r,row:n})=>{switch(!0){case!!(t&&r):return{marginLeft:t*e.layoutMargin,marginRight:t*e.layoutMargin};case!!(t&&n):return{marginTop:t*e.layoutMargin,marginBottom:t*e.layoutMargin};default:return{}}}),Fm=({col:e,row:t,outer:r,children:n,...o})=>{let l=_m(typeof r=="number"||!r?r:e||t);return a.createElement(Om,{col:e,row:t,outer:l,...o},n)},Tm=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),Rm=_.div(),Dm=_.div(({theme:e})=>({padding:30,textAlign:"center",color:e.color.defaultText,fontSize:e.typography.size.s2-1})),$u=({children:e,...t})=>{let[r,n]=C.Children.toArray(e);return a.createElement(Dm,{...t},a.createElement(Tm,null,r),n&&a.createElement(Rm,null,n))},Lm=_.div(({scale:e=1,elementHeight:t})=>({height:t||"auto",transformOrigin:"top left",transform:`scale(${1/e})`}));function Mm({scale:e,children:t}){let r=C.useRef(null),[n,o]=C.useState(0),l=C.useCallback(({height:i})=>{i&&o(i/e)},[e]);return C.useEffect(()=>{r.current&&o(r.current.getBoundingClientRect().height)},[e]),uu({ref:r,onResize:l}),a.createElement(Lm,{scale:e,elementHeight:n},a.createElement("div",{ref:r,className:"innerZoomElementWrapper"},t))}var Bm=class extends C.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:e}=this.props;this.iframe=e.current}shouldComponentUpdate(e){let{scale:t,active:r}=this.props;return t!==e.scale&&this.setIframeInnerZoom(e.scale),r!==e.active&&this.iframe.setAttribute("data-is-storybook",e.active?"true":"false"),e.children.props.src!==this.props.children.props.src}setIframeInnerZoom(e){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}catch{this.setIframeZoom(e)}}setIframeZoom(e){Object.assign(this.iframe.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}render(){let{children:e}=this.props;return e}},Iu={Element:Mm,IFrame:Bm},{document:$m}=Lf,Im=_.strong(({theme:e})=>({color:e.color.orange})),jm=_.strong(({theme:e})=>({color:e.color.ancillary,textDecoration:"underline"})),ri=_.em(({theme:e})=>({color:e.textMutedColor})),Hm=/(Error): (.*)\n/,Nm=/at (?:(.*) )?\(?(.+)\)?/,Pm=/([^@]+)?(?:\/<)?@(.+)?/,Zm=/([^@]+)?@(.+)?/,ju=({error:e})=>{if(!e)return a.createElement(C.Fragment,null,"This error has no stack or message");if(!e.stack)return a.createElement(C.Fragment,null,e.message||"This error has no stack or message");let t=e.stack.toString();t&&e.message&&!t.includes(e.message)&&(t=`Error: ${e.message}
|
|
229
|
+
`,ye=({icon:e,useSymbol:t,...r})=>a.createElement(Bu,{viewBox:"0 0 14 14",width:"14px",height:"14px",...r},t?a.createElement("use",{xlinkHref:`#icon--${e}`}):Fr[e]),ym=C.memo(function({icons:e=Object.keys(Fr)}){return a.createElement(Bu,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},e.map(t=>a.createElement("symbol",{id:`icon--${t}`,key:t},Fr[t])))}),vm=0,Em=e=>e.button===vm&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,xm=(e,t)=>{Em(e)&&(e.preventDefault(),t(e))},Am=_.span(({withArrow:e})=>e?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:e})=>e?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),wm=_.a(({theme:e})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:e.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:qt(.07,e.color.secondary),"svg path:not([fill])":{fill:qt(.07,e.color.secondary)}},"&:active":{color:qt(.1,e.color.secondary),"svg path:not([fill])":{fill:qt(.1,e.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:e.color.secondary}}}),({theme:e,secondary:t,tertiary:r})=>{let n;return t&&(n=[e.textMutedColor,e.color.dark,e.color.darker]),r&&(n=[e.color.dark,e.color.darkest,e.textMutedColor]),n?{color:n[0],"svg path:not([fill])":{fill:n[0]},"&:hover":{color:n[1],"svg path:not([fill])":{fill:n[1]}},"&:active":{color:n[2],"svg path:not([fill])":{fill:n[2]}}}:{}},({nochrome:e})=>e?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:e,inverse:t})=>t?{color:e.color.lightest,":not([fill])":{fill:e.color.lightest},"&:hover":{color:e.color.lighter,"svg path:not([fill])":{fill:e.color.lighter}},"&:active":{color:e.color.light,"svg path:not([fill])":{fill:e.color.light}}}:{},({isButton:e})=>e?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Et=({cancel:e,children:t,onClick:r,withArrow:n,containsIcon:o,className:l,...i})=>a.createElement(wm,{...i,onClick:r&&e?u=>xm(u,r):r,className:l},a.createElement(Am,{withArrow:n,containsIcon:o},t,n&&a.createElement(ye,{icon:"arrowright"})));Et.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var Cm=_.div(({theme:e})=>({fontSize:`${e.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},h2:{fontSize:`${e.typography.size.m2}px`,borderBottom:`1px solid ${e.appBorderColor}`},h3:{fontSize:`${e.typography.size.m1}px`},h4:{fontSize:`${e.typography.size.s3}px`},h5:{fontSize:`${e.typography.size.s2}px`},h6:{fontSize:`${e.typography.size.s2}px`,color:e.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:e.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:e.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.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:e.color.darkest,display:"block",padding:"5px 0 0"}},"span.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"}},"span.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"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${e.color.mediumlight}`,backgroundColor:e.color.lighter,borderRadius:3,color:e.base==="dark"&&e.color.darkest}})),Mt=[],Qt=null,Sm=C.lazy(async()=>{let{SyntaxHighlighter:e}=await dt(()=>import("./syntaxhighlighter-PONEFOSF-dc7340e3.js"),["./syntaxhighlighter-PONEFOSF-dc7340e3.js","./iframe-ca0f7b5c.js","./index-f80c8c95.js","./index-64d4dcb8.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-7e02b1ee.js"],import.meta.url);return Mt.length>0&&(Mt.forEach(t=>{e.registerLanguage(...t)}),Mt=[]),Qt===null&&(Qt=e),{default:t=>a.createElement(e,{...t})}}),km=C.lazy(async()=>{let[{SyntaxHighlighter:e},{formatter:t}]=await Promise.all([dt(()=>import("./syntaxhighlighter-PONEFOSF-dc7340e3.js"),["./syntaxhighlighter-PONEFOSF-dc7340e3.js","./iframe-ca0f7b5c.js","./index-f80c8c95.js","./index-64d4dcb8.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-7e02b1ee.js"],import.meta.url),dt(()=>import("./formatter-SWP5E3XI-ef23cfbc.js"),["./formatter-SWP5E3XI-ef23cfbc.js","./iframe-ca0f7b5c.js","./index-f80c8c95.js","./index-64d4dcb8.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-7e02b1ee.js"],import.meta.url)]);return Mt.length>0&&(Mt.forEach(r=>{e.registerLanguage(...r)}),Mt=[]),Qt===null&&(Qt=e),{default:r=>a.createElement(e,{...r,formatter:t})}}),Rn=e=>a.createElement(C.Suspense,{fallback:a.createElement("div",null)},e.format!==!1?a.createElement(km,{...e}):a.createElement(Sm,{...e}));Rn.registerLanguage=(...e)=>{if(Qt!==null){Qt.registerLanguage(...e);return}Mt.push(e)};var _m=e=>typeof e=="number"?e:Number(e),Om=_.div(({theme:e,col:t,row:r=1})=>t?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:t*e.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${Ba}`]:{marginLeft:0}}:{"& > *":{marginTop:r*e.layoutMargin},[`& > *:first-child${Ba}`]:{marginTop:0}},({theme:e,outer:t,col:r,row:n})=>{switch(!0){case!!(t&&r):return{marginLeft:t*e.layoutMargin,marginRight:t*e.layoutMargin};case!!(t&&n):return{marginTop:t*e.layoutMargin,marginBottom:t*e.layoutMargin};default:return{}}}),Fm=({col:e,row:t,outer:r,children:n,...o})=>{let l=_m(typeof r=="number"||!r?r:e||t);return a.createElement(Om,{col:e,row:t,outer:l,...o},n)},Tm=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),Rm=_.div(),Dm=_.div(({theme:e})=>({padding:30,textAlign:"center",color:e.color.defaultText,fontSize:e.typography.size.s2-1})),$u=({children:e,...t})=>{let[r,n]=C.Children.toArray(e);return a.createElement(Dm,{...t},a.createElement(Tm,null,r),n&&a.createElement(Rm,null,n))},Lm=_.div(({scale:e=1,elementHeight:t})=>({height:t||"auto",transformOrigin:"top left",transform:`scale(${1/e})`}));function Mm({scale:e,children:t}){let r=C.useRef(null),[n,o]=C.useState(0),l=C.useCallback(({height:i})=>{i&&o(i/e)},[e]);return C.useEffect(()=>{r.current&&o(r.current.getBoundingClientRect().height)},[e]),uu({ref:r,onResize:l}),a.createElement(Lm,{scale:e,elementHeight:n},a.createElement("div",{ref:r,className:"innerZoomElementWrapper"},t))}var Bm=class extends C.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:e}=this.props;this.iframe=e.current}shouldComponentUpdate(e){let{scale:t,active:r}=this.props;return t!==e.scale&&this.setIframeInnerZoom(e.scale),r!==e.active&&this.iframe.setAttribute("data-is-storybook",e.active?"true":"false"),e.children.props.src!==this.props.children.props.src}setIframeInnerZoom(e){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}catch{this.setIframeZoom(e)}}setIframeZoom(e){Object.assign(this.iframe.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}render(){let{children:e}=this.props;return e}},Iu={Element:Mm,IFrame:Bm},{document:$m}=Lf,Im=_.strong(({theme:e})=>({color:e.color.orange})),jm=_.strong(({theme:e})=>({color:e.color.ancillary,textDecoration:"underline"})),ri=_.em(({theme:e})=>({color:e.textMutedColor})),Hm=/(Error): (.*)\n/,Nm=/at (?:(.*) )?\(?(.+)\)?/,Pm=/([^@]+)?(?:\/<)?@(.+)?/,Zm=/([^@]+)?@(.+)?/,ju=({error:e})=>{if(!e)return a.createElement(C.Fragment,null,"This error has no stack or message");if(!e.stack)return a.createElement(C.Fragment,null,e.message||"This error has no stack or message");let t=e.stack.toString();t&&e.message&&!t.includes(e.message)&&(t=`Error: ${e.message}
|
|
230
230
|
|
|
231
|
-
${t}`);let r=t.match(Hm);if(!r)return a.createElement(C.Fragment,null,t);let[,n,o]=r,l=t.split(/\n/).slice(1),[,...i]=l.map(u=>{let s=u.match(Nm)||u.match(Pm)||u.match(Zm);return s?{name:(s[1]||"").replace("/<",""),location:s[2].replace($m.location.origin,"")}:null}).filter(Boolean);return a.createElement(C.Fragment,null,a.createElement("span",null,n),": ",a.createElement(Im,null,o),a.createElement("br",null),i.map((u,s)=>u.name?a.createElement(C.Fragment,{key:s}," ","at ",a.createElement(jm,null,u.name)," (",a.createElement(ri,null,u.location),")",a.createElement("br",null)):a.createElement(C.Fragment,{key:s}," ","at ",a.createElement(ri,null,u.location),a.createElement("br",null))))},Hu=_.button(({small:e,theme:t})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:e?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${e?t.typography.size.s1:t.typography.size.s2-1}px`,fontWeight:t.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:e?12:14,width:e?12:14,verticalAlign:"top",marginRight:e?4:6,marginTop:e?0:-1,marginBottom:e?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled:e})=>e?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon:e,small:t})=>e?{svg:{display:"block",margin:0},...t?{padding:10}:{padding:13}}:{},({theme:e,primary:t,secondary:r,gray:n})=>{let o;return n?o=e.color.mediumlight:r?o=e.color.secondary:t&&(o=e.color.primary),o?{background:o,color:n?e.color.darkest:e.color.lightest,"&:hover":{background:qt(.05,o)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${ut(o,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${ut(o,.2)} 0 8px 18px 0px`}}:{}},({theme:e,tertiary:t,inForm:r,small:n})=>t?{background:e.button.background,color:e.input.color,boxShadow:`${e.button.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,...r&&n?{padding:"10px 16px"}:{},"&:hover":{background:e.base==="light"?qt(.02,e.button.background):lm(.03,e.button.background),...r?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:e.button.background},"&:focus":{boxShadow:`${ut(e.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme:e,outline:t})=>t?{boxShadow:`${Ee(.8,e.color.defaultText)} 0 0 0 1px inset`,color:Ee(.3,e.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${Ee(.5,e.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${Ee(.5,e.color.defaultText)} 0 0 0 2px inset`,color:Ee(0,e.color.defaultText)}}:{},({theme:e,outline:t,primary:r})=>{let n=e.color.primary;return t&&r?{boxShadow:`${n} 0 0 0 1px inset`,color:n,"svg path:not([fill])":{fill:n},"&:hover":{boxShadow:`${n} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:n,boxShadow:`${n} 0 0 0 1px inset`,color:e.color.tertiary},"&:focus":{boxShadow:`${n} 0 0 0 1px inset, ${ut(n,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${n} 0 0 0 1px inset, ${ut(n,.2)} 0 8px 18px 0px`}}:{}},({theme:e,outline:t,primary:r,secondary:n})=>{let o;return n?o=e.color.secondary:r&&(o=e.color.primary),t&&o?{boxShadow:`${o} 0 0 0 1px inset`,color:o,"svg path:not([fill])":{fill:o},"&:hover":{boxShadow:`${o} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:o,boxShadow:`${o} 0 0 0 1px inset`,color:e.color.tertiary},"&:focus":{boxShadow:`${o} 0 0 0 1px inset, ${ut(o,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${o} 0 0 0 1px inset, ${ut(o,.2)} 0 8px 18px 0px`}}:{}}),Vm=Hu.withComponent("a"),Nu=Object.assign(C.forwardRef(function({isLink:e,children:t,...r},n){return e?a.createElement(Vm,{...r,ref:n},t):a.createElement(Hu,{...r,ref:n},t)}),{defaultProps:{isLink:!1}}),zm=_.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),qm=_.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Pu=({label:e,children:t,...r})=>a.createElement(zm,{...r},e?a.createElement(qm,null,a.createElement("span",null,e)):null,t);Pu.defaultProps={label:void 0};var ni=function(e,t){if(typeof e=="function"){e(t);return}e.current=t},Um=function(e,t){var r=C.useRef();return C.useCallback(function(n){e.current=n,r.current&&ni(r.current,null),r.current=t,t&&ni(t,n)},[t])},Wm=Um,Gm=function(){},Ym=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],Km=function(e,t){e.cacheMeasurements,e.maxRows,e.minRows;var r=e.onChange,n=r===void 0?Gm:r;e.onHeightChange;var o=ho(e,Ym);o.value;var l=C.useRef(null),i=Wm(l,t);return C.useRef(0),C.useRef(),C.createElement("textarea",ve({},o,{onChange:n,ref:i}))},Jm=C.forwardRef(Km),Xm={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},jo=({theme:e})=>({...Xm,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:e.input.color||"inherit",background:e.input.background,boxShadow:`${e.input.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,fontSize:e.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${e.color.lightest} inset`},"&::placeholder":{color:e.textMutedColor,opacity:1}}),Dn=({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},Zu=({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},Ln=({valid:e,theme:t})=>{switch(e){case"valid":return{boxShadow:`${t.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${t.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${t.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},Qm=Object.assign(_(C.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement("input",{...n,ref:o})}))(jo,Dn,Zu,Ln,{minHeight:32}),{displayName:"Input"}),eg=Object.assign(_(C.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement("select",{...n,ref:o})}))(jo,Dn,Ln,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),tg=Object.assign(_(C.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement(Jm,{...n,ref:o})}))(jo,Dn,Zu,Ln,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),rg=_(C.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement(Nu,{...n,ref:o})}))(Dn,Ln,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),ng=Object.assign(C.forwardRef(function(e,t){return a.createElement(rg,{...e,tertiary:!0,small:!0,inForm:!0,ref:t})}),{displayName:"Button"}),He=Object.assign(_.form({boxSizing:"border-box",width:"100%"}),{Field:Pu,Input:Qm,Select:eg,Textarea:tg,Button:ng}),ag=C.lazy(()=>dt(()=>import("./WithTooltip-J57HCPYA-74aa1ec6.js"),["./WithTooltip-J57HCPYA-74aa1ec6.js","./iframe-a0e646b6.js","./index-f80c8c95.js","./index-64d4dcb8.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-7e02b1ee.js"],import.meta.url).then(e=>({default:e.WithTooltip}))),og=e=>a.createElement(C.Suspense,{fallback:a.createElement("div",null)},a.createElement(ag,{...e})),lg=C.lazy(()=>dt(()=>import("./WithTooltip-J57HCPYA-74aa1ec6.js"),["./WithTooltip-J57HCPYA-74aa1ec6.js","./iframe-a0e646b6.js","./index-f80c8c95.js","./index-64d4dcb8.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-7e02b1ee.js"],import.meta.url).then(e=>({default:e.WithTooltipPure}))),Vu=e=>a.createElement(C.Suspense,{fallback:a.createElement("div",null)},a.createElement(lg,{...e})),ig=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),sg=_.span(),ug=_.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),cg=_.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),dg=_.div({padding:15,width:280,boxSizing:"border-box"}),zu=({title:e,desc:t,links:r})=>a.createElement(dg,null,a.createElement(cg,null,e&&a.createElement(ig,null,e),t&&a.createElement(sg,null,t)),r&&a.createElement(ug,null,r.map(({title:n,...o})=>a.createElement(Et,{...o,key:n},n))));zu.defaultProps={title:null,desc:null,links:null};var pg=_.div(({theme:e})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:e.typography.weight.bold,color:e.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:e.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),fg=({note:e,...t})=>a.createElement(pg,{...t},e),mg=_(({active:e,loading:t,disabled:r,...n})=>a.createElement("span",{...n}))(({theme:e})=>({color:e.color.defaultText,fontWeight:e.typography.weight.regular}),({active:e,theme:t})=>e?{color:t.color.secondary,fontWeight:t.typography.weight.bold}:{},({loading:e,theme:t})=>e?{display:"inline-block",flex:"none",...t.animation.inlineGlow}:{},({disabled:e,theme:t})=>e?{color:Ee(.7,t.color.defaultText)}:{}),gg=_.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),hg=_.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),bg=_.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),ai=_.span(({active:e,theme:t})=>e?{"& svg":{opacity:1},"& svg path:not([fill])":{fill:t.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),yg=_.a(({theme:e})=>({fontSize:e.typography.size.s1,transition:"all 150ms ease-out",color:e.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:e.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:e})=>e?{cursor:"not-allowed"}:{}),vg=It(100)((e,t,r)=>{let n={};return e&&Object.assign(n,{onClick:e}),t&&Object.assign(n,{href:t}),r&&t&&Object.assign(n,{to:t,as:r}),n}),qu=({loading:e,left:t,title:r,center:n,right:o,icon:l,active:i,disabled:u,isIndented:s,href:c,onClick:d,LinkWrapper:h,...g})=>{let p=vg(d,c,h),m={active:i,disabled:u},f=typeof l=="string"&&Fr[l];return a.createElement(yg,{...m,...g,...p},l?a.createElement(ai,{...m},f?a.createElement(ye,{icon:l}):l):t&&a.createElement(ai,{...m},t),r||n?a.createElement(hg,{isIndented:!t&&!l&&s},r&&a.createElement(mg,{...m,loading:e},r),n&&a.createElement(bg,{...m},n)):null,o&&a.createElement(gg,{...m},o))};qu.defaultProps={loading:!1,left:null,title:a.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var Ho=qu,Eg=_.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),xg=e=>{let{LinkWrapper:t,onClick:r,id:n,isIndented:o,...l}=e,{title:i,href:u,active:s}=l,c=C.useCallback(h=>{r(h,l)},[r]),d=!!r;return a.createElement(Ho,{title:i,active:s,href:u,id:`list-item-${n}`,LinkWrapper:t,isIndented:o,...l,...d?{onClick:c}:{}})},No=({links:e,LinkWrapper:t})=>{let r=e.some(n=>n.left||n.icon);return a.createElement(Eg,null,e.map(({isGatsby:n,...o})=>a.createElement(xg,{key:o.id,LinkWrapper:n?t:null,isIndented:r,...o})))};No.defaultProps={LinkWrapper:Ho.defaultProps.LinkWrapper};var Po=a.forwardRef(({children:e,...t},r)=>t.href!=null?a.createElement("a",{ref:r,...t},e):a.createElement("button",{ref:r,type:"button",...t},e));Po.displayName="ButtonOrLink";var $r=_(Po,{shouldForwardProp:lo})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme:e})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:e.color.secondary}}),({active:e,textColor:t,theme:r})=>e?{color:t||r.barSelectedColor,borderBottomColor:r.barSelectedColor}:{color:t||r.barTextColor,borderBottomColor:"transparent"});$r.displayName="TabButton";var Bt=_(Po,{shouldForwardProp:lo})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active:e,theme:t})=>e?{backgroundColor:t.background.hoverable,color:t.color.secondary}:{},({disabled:e,theme:t})=>e?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:Ee(.88,t.color.secondary),color:t.color.secondary},"&:focus-visible":{outline:Fn},"&:focus:not(:focus-visible)":{outline:"none"}});Bt.displayName="IconButton";var Ag=_.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),wg=_.div(()=>({marginTop:6,padding:7,height:28})),Uu=()=>a.createElement(wg,null,a.createElement(Ag,null)),Va=_.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:e})=>e?{flexShrink:0}:{},({left:e})=>e?{"& > *":{marginLeft:4}}:{},({right:e})=>e?{marginLeft:30,"& > *":{marginRight:4}}:{});Va.displayName="Side";var Cg=({children:e,className:t,scrollable:r})=>r?a.createElement(On,{vertical:!1,className:t},e):a.createElement("div",{className:t},e),Zo=_(Cg)(({theme:e,scrollable:t=!0})=>({color:e.barTextColor,width:"100%",height:40,flexShrink:0,overflow:t?"auto":"hidden",overflowY:"hidden"}),({theme:e,border:t=!1})=>t?{boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`,background:e.barBg}:{});Zo.displayName="Bar";var Sg=_.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),Mn=({children:e,backgroundColor:t,...r})=>{let[n,o]=C.Children.toArray(e);return a.createElement(Zo,{...r},a.createElement(Sg,{bgColor:t},a.createElement(Va,{scrollable:r.scrollable,left:!0},n),o?a.createElement(Va,{right:!0},o):null))};Mn.displayName="FlexBar";var Wu=_.div(({active:e})=>e?{display:"block"}:{display:"none"}),oi=e=>C.Children.toArray(e).map(({props:{title:t,id:r,color:n,children:o}})=>{let l=Array.isArray(o)?o[0]:o;return{title:t,id:r,...n?{color:n}:{},render:typeof l=="function"?l:({active:i})=>a.createElement(Wu,{active:i,role:"tabpanel"},l)}}),kg=_.span(({theme:e,isActive:t})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:t?e.color.secondary:e.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),_g=_($r)(({active:e,theme:t,preActive:r})=>`
|
|
231
|
+
${t}`);let r=t.match(Hm);if(!r)return a.createElement(C.Fragment,null,t);let[,n,o]=r,l=t.split(/\n/).slice(1),[,...i]=l.map(u=>{let s=u.match(Nm)||u.match(Pm)||u.match(Zm);return s?{name:(s[1]||"").replace("/<",""),location:s[2].replace($m.location.origin,"")}:null}).filter(Boolean);return a.createElement(C.Fragment,null,a.createElement("span",null,n),": ",a.createElement(Im,null,o),a.createElement("br",null),i.map((u,s)=>u.name?a.createElement(C.Fragment,{key:s}," ","at ",a.createElement(jm,null,u.name)," (",a.createElement(ri,null,u.location),")",a.createElement("br",null)):a.createElement(C.Fragment,{key:s}," ","at ",a.createElement(ri,null,u.location),a.createElement("br",null))))},Hu=_.button(({small:e,theme:t})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:e?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${e?t.typography.size.s1:t.typography.size.s2-1}px`,fontWeight:t.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:e?12:14,width:e?12:14,verticalAlign:"top",marginRight:e?4:6,marginTop:e?0:-1,marginBottom:e?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled:e})=>e?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon:e,small:t})=>e?{svg:{display:"block",margin:0},...t?{padding:10}:{padding:13}}:{},({theme:e,primary:t,secondary:r,gray:n})=>{let o;return n?o=e.color.mediumlight:r?o=e.color.secondary:t&&(o=e.color.primary),o?{background:o,color:n?e.color.darkest:e.color.lightest,"&:hover":{background:qt(.05,o)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${ut(o,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${ut(o,.2)} 0 8px 18px 0px`}}:{}},({theme:e,tertiary:t,inForm:r,small:n})=>t?{background:e.button.background,color:e.input.color,boxShadow:`${e.button.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,...r&&n?{padding:"10px 16px"}:{},"&:hover":{background:e.base==="light"?qt(.02,e.button.background):lm(.03,e.button.background),...r?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:e.button.background},"&:focus":{boxShadow:`${ut(e.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme:e,outline:t})=>t?{boxShadow:`${Ee(.8,e.color.defaultText)} 0 0 0 1px inset`,color:Ee(.3,e.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${Ee(.5,e.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${Ee(.5,e.color.defaultText)} 0 0 0 2px inset`,color:Ee(0,e.color.defaultText)}}:{},({theme:e,outline:t,primary:r})=>{let n=e.color.primary;return t&&r?{boxShadow:`${n} 0 0 0 1px inset`,color:n,"svg path:not([fill])":{fill:n},"&:hover":{boxShadow:`${n} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:n,boxShadow:`${n} 0 0 0 1px inset`,color:e.color.tertiary},"&:focus":{boxShadow:`${n} 0 0 0 1px inset, ${ut(n,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${n} 0 0 0 1px inset, ${ut(n,.2)} 0 8px 18px 0px`}}:{}},({theme:e,outline:t,primary:r,secondary:n})=>{let o;return n?o=e.color.secondary:r&&(o=e.color.primary),t&&o?{boxShadow:`${o} 0 0 0 1px inset`,color:o,"svg path:not([fill])":{fill:o},"&:hover":{boxShadow:`${o} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:o,boxShadow:`${o} 0 0 0 1px inset`,color:e.color.tertiary},"&:focus":{boxShadow:`${o} 0 0 0 1px inset, ${ut(o,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${o} 0 0 0 1px inset, ${ut(o,.2)} 0 8px 18px 0px`}}:{}}),Vm=Hu.withComponent("a"),Nu=Object.assign(C.forwardRef(function({isLink:e,children:t,...r},n){return e?a.createElement(Vm,{...r,ref:n},t):a.createElement(Hu,{...r,ref:n},t)}),{defaultProps:{isLink:!1}}),zm=_.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),qm=_.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Pu=({label:e,children:t,...r})=>a.createElement(zm,{...r},e?a.createElement(qm,null,a.createElement("span",null,e)):null,t);Pu.defaultProps={label:void 0};var ni=function(e,t){if(typeof e=="function"){e(t);return}e.current=t},Um=function(e,t){var r=C.useRef();return C.useCallback(function(n){e.current=n,r.current&&ni(r.current,null),r.current=t,t&&ni(t,n)},[t])},Wm=Um,Gm=function(){},Ym=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],Km=function(e,t){e.cacheMeasurements,e.maxRows,e.minRows;var r=e.onChange,n=r===void 0?Gm:r;e.onHeightChange;var o=ho(e,Ym);o.value;var l=C.useRef(null),i=Wm(l,t);return C.useRef(0),C.useRef(),C.createElement("textarea",ve({},o,{onChange:n,ref:i}))},Jm=C.forwardRef(Km),Xm={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},jo=({theme:e})=>({...Xm,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:e.input.color||"inherit",background:e.input.background,boxShadow:`${e.input.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,fontSize:e.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${e.color.lightest} inset`},"&::placeholder":{color:e.textMutedColor,opacity:1}}),Dn=({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},Zu=({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},Ln=({valid:e,theme:t})=>{switch(e){case"valid":return{boxShadow:`${t.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${t.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${t.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},Qm=Object.assign(_(C.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement("input",{...n,ref:o})}))(jo,Dn,Zu,Ln,{minHeight:32}),{displayName:"Input"}),eg=Object.assign(_(C.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement("select",{...n,ref:o})}))(jo,Dn,Ln,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),tg=Object.assign(_(C.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement(Jm,{...n,ref:o})}))(jo,Dn,Zu,Ln,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),rg=_(C.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement(Nu,{...n,ref:o})}))(Dn,Ln,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),ng=Object.assign(C.forwardRef(function(e,t){return a.createElement(rg,{...e,tertiary:!0,small:!0,inForm:!0,ref:t})}),{displayName:"Button"}),He=Object.assign(_.form({boxSizing:"border-box",width:"100%"}),{Field:Pu,Input:Qm,Select:eg,Textarea:tg,Button:ng}),ag=C.lazy(()=>dt(()=>import("./WithTooltip-J57HCPYA-6dc9a783.js"),["./WithTooltip-J57HCPYA-6dc9a783.js","./iframe-ca0f7b5c.js","./index-f80c8c95.js","./index-64d4dcb8.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-7e02b1ee.js"],import.meta.url).then(e=>({default:e.WithTooltip}))),og=e=>a.createElement(C.Suspense,{fallback:a.createElement("div",null)},a.createElement(ag,{...e})),lg=C.lazy(()=>dt(()=>import("./WithTooltip-J57HCPYA-6dc9a783.js"),["./WithTooltip-J57HCPYA-6dc9a783.js","./iframe-ca0f7b5c.js","./index-f80c8c95.js","./index-64d4dcb8.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-7e02b1ee.js"],import.meta.url).then(e=>({default:e.WithTooltipPure}))),Vu=e=>a.createElement(C.Suspense,{fallback:a.createElement("div",null)},a.createElement(lg,{...e})),ig=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),sg=_.span(),ug=_.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),cg=_.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),dg=_.div({padding:15,width:280,boxSizing:"border-box"}),zu=({title:e,desc:t,links:r})=>a.createElement(dg,null,a.createElement(cg,null,e&&a.createElement(ig,null,e),t&&a.createElement(sg,null,t)),r&&a.createElement(ug,null,r.map(({title:n,...o})=>a.createElement(Et,{...o,key:n},n))));zu.defaultProps={title:null,desc:null,links:null};var pg=_.div(({theme:e})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:e.typography.weight.bold,color:e.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:e.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),fg=({note:e,...t})=>a.createElement(pg,{...t},e),mg=_(({active:e,loading:t,disabled:r,...n})=>a.createElement("span",{...n}))(({theme:e})=>({color:e.color.defaultText,fontWeight:e.typography.weight.regular}),({active:e,theme:t})=>e?{color:t.color.secondary,fontWeight:t.typography.weight.bold}:{},({loading:e,theme:t})=>e?{display:"inline-block",flex:"none",...t.animation.inlineGlow}:{},({disabled:e,theme:t})=>e?{color:Ee(.7,t.color.defaultText)}:{}),gg=_.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),hg=_.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),bg=_.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),ai=_.span(({active:e,theme:t})=>e?{"& svg":{opacity:1},"& svg path:not([fill])":{fill:t.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),yg=_.a(({theme:e})=>({fontSize:e.typography.size.s1,transition:"all 150ms ease-out",color:e.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:e.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:e})=>e?{cursor:"not-allowed"}:{}),vg=It(100)((e,t,r)=>{let n={};return e&&Object.assign(n,{onClick:e}),t&&Object.assign(n,{href:t}),r&&t&&Object.assign(n,{to:t,as:r}),n}),qu=({loading:e,left:t,title:r,center:n,right:o,icon:l,active:i,disabled:u,isIndented:s,href:c,onClick:d,LinkWrapper:h,...g})=>{let p=vg(d,c,h),m={active:i,disabled:u},f=typeof l=="string"&&Fr[l];return a.createElement(yg,{...m,...g,...p},l?a.createElement(ai,{...m},f?a.createElement(ye,{icon:l}):l):t&&a.createElement(ai,{...m},t),r||n?a.createElement(hg,{isIndented:!t&&!l&&s},r&&a.createElement(mg,{...m,loading:e},r),n&&a.createElement(bg,{...m},n)):null,o&&a.createElement(gg,{...m},o))};qu.defaultProps={loading:!1,left:null,title:a.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var Ho=qu,Eg=_.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),xg=e=>{let{LinkWrapper:t,onClick:r,id:n,isIndented:o,...l}=e,{title:i,href:u,active:s}=l,c=C.useCallback(h=>{r(h,l)},[r]),d=!!r;return a.createElement(Ho,{title:i,active:s,href:u,id:`list-item-${n}`,LinkWrapper:t,isIndented:o,...l,...d?{onClick:c}:{}})},No=({links:e,LinkWrapper:t})=>{let r=e.some(n=>n.left||n.icon);return a.createElement(Eg,null,e.map(({isGatsby:n,...o})=>a.createElement(xg,{key:o.id,LinkWrapper:n?t:null,isIndented:r,...o})))};No.defaultProps={LinkWrapper:Ho.defaultProps.LinkWrapper};var Po=a.forwardRef(({children:e,...t},r)=>t.href!=null?a.createElement("a",{ref:r,...t},e):a.createElement("button",{ref:r,type:"button",...t},e));Po.displayName="ButtonOrLink";var $r=_(Po,{shouldForwardProp:lo})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme:e})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:e.color.secondary}}),({active:e,textColor:t,theme:r})=>e?{color:t||r.barSelectedColor,borderBottomColor:r.barSelectedColor}:{color:t||r.barTextColor,borderBottomColor:"transparent"});$r.displayName="TabButton";var Bt=_(Po,{shouldForwardProp:lo})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active:e,theme:t})=>e?{backgroundColor:t.background.hoverable,color:t.color.secondary}:{},({disabled:e,theme:t})=>e?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:Ee(.88,t.color.secondary),color:t.color.secondary},"&:focus-visible":{outline:Fn},"&:focus:not(:focus-visible)":{outline:"none"}});Bt.displayName="IconButton";var Ag=_.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),wg=_.div(()=>({marginTop:6,padding:7,height:28})),Uu=()=>a.createElement(wg,null,a.createElement(Ag,null)),Va=_.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:e})=>e?{flexShrink:0}:{},({left:e})=>e?{"& > *":{marginLeft:4}}:{},({right:e})=>e?{marginLeft:30,"& > *":{marginRight:4}}:{});Va.displayName="Side";var Cg=({children:e,className:t,scrollable:r})=>r?a.createElement(On,{vertical:!1,className:t},e):a.createElement("div",{className:t},e),Zo=_(Cg)(({theme:e,scrollable:t=!0})=>({color:e.barTextColor,width:"100%",height:40,flexShrink:0,overflow:t?"auto":"hidden",overflowY:"hidden"}),({theme:e,border:t=!1})=>t?{boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`,background:e.barBg}:{});Zo.displayName="Bar";var Sg=_.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),Mn=({children:e,backgroundColor:t,...r})=>{let[n,o]=C.Children.toArray(e);return a.createElement(Zo,{...r},a.createElement(Sg,{bgColor:t},a.createElement(Va,{scrollable:r.scrollable,left:!0},n),o?a.createElement(Va,{right:!0},o):null))};Mn.displayName="FlexBar";var Wu=_.div(({active:e})=>e?{display:"block"}:{display:"none"}),oi=e=>C.Children.toArray(e).map(({props:{title:t,id:r,color:n,children:o}})=>{let l=Array.isArray(o)?o[0]:o;return{title:t,id:r,...n?{color:n}:{},render:typeof l=="function"?l:({active:i})=>a.createElement(Wu,{active:i,role:"tabpanel"},l)}}),kg=_.span(({theme:e,isActive:t})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:t?e.color.secondary:e.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),_g=_($r)(({active:e,theme:t,preActive:r})=>`
|
|
232
232
|
color: ${r||e?t.color.secondary:t.color.mediumdark};
|
|
233
233
|
&:hover {
|
|
234
234
|
color: ${t.color.secondary};
|
|
@@ -308,7 +308,7 @@ ${t}`);let r=t.match(Hm);if(!r)return a.createElement(C.Fragment,null,t);let[,n,
|
|
|
308
308
|
${Ye(.02,e.input.background)} 100%)`:`linear-gradient(to right,
|
|
309
309
|
${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%,
|
|
310
310
|
${Rt(.02,e.input.background)} ${(n-t)/(r-t)*100}%,
|
|
311
|
-
${Rt(.02,e.input.background)} 100%)`,boxShadow:`${e.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${e.input.background}`,border:`1px solid ${ct(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),Xc=_.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),U8=_(Xc)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),W8=_.div({display:"flex",alignItems:"center",width:"100%"});function G8(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}var Y8=({name:e,value:t,onChange:r,min:n=0,max:o=100,step:l=1,onBlur:i,onFocus:u})=>{let s=h=>{r(s8(h.target.value))},c=t!==void 0,d=C.useMemo(()=>G8(l),[l]);return a.createElement(W8,null,a.createElement(Xc,null,n),a.createElement(q8,{id:Ne(e),type:"range",onChange:s,name:e,value:t,min:n,max:o,step:l,onFocus:u,onBlur:i}),a.createElement(U8,{numberOFDecimalsPlaces:d,max:o},c?t.toFixed(d):"--"," / ",o))},K8=_.label({display:"flex"}),J8=_.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),X8=({name:e,value:t,onChange:r,onFocus:n,onBlur:o,maxLength:l})=>{let i=h=>{r(h.target.value)},[u,s]=C.useState(!1),c=C.useCallback(()=>{r(""),s(!0)},[s]);if(t===void 0)return a.createElement(He.Button,{id:yn(e),onClick:c},"Set string");let d=typeof t=="string";return a.createElement(K8,null,a.createElement(He.Textarea,{id:Ne(e),maxLength:l,onChange:i,size:"flex",placeholder:"Edit string...",autoFocus:u,valid:d?null:"error",name:e,value:d?t:"",onFocus:n,onBlur:o}),l&&a.createElement(J8,{isMaxed:(t==null?void 0:t.length)===l},(t==null?void 0:t.length)??0," / ",l))},Q8=_(He.Input)({padding:10});function ex(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var tx=({onChange:e,name:t,accept:r="image/*",value:n})=>{let o=C.useRef(null);function l(i){if(!i.target.files)return;let u=Array.from(i.target.files).map(s=>URL.createObjectURL(s));e(u),ex(n)}return C.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),a.createElement(Q8,{ref:o,id:Ne(t),type:"file",name:t,multiple:!0,onChange:l,accept:r,size:"flex"})},rx=C.lazy(()=>dt(()=>import("./Color-6VNJS4EI-9a07c257.js"),["./Color-6VNJS4EI-9a07c257.js","./index-f80c8c95.js","./index-7e02b1ee.js","./iframe-a0e646b6.js","./index-64d4dcb8.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js"],import.meta.url)),nx=e=>a.createElement(C.Suspense,{fallback:a.createElement("div",null)},a.createElement(rx,{...e})),ax={array:Gi,object:Gi,boolean:e8,color:nx,date:l8,number:u8,check:Vt,"inline-check":Vt,radio:Vt,"inline-radio":Vt,select:Vt,"multi-select":Vt,range:Y8,text:X8,file:tx},Yi=()=>a.createElement(a.Fragment,null,"-"),ox=({row:e,arg:t,updateArgs:r,isHovered:n})=>{let{key:o,control:l}=e,[i,u]=C.useState(!1),[s,c]=C.useState({value:t});C.useEffect(()=>{i||c({value:t})},[i,t]);let d=C.useCallback(f=>(c({value:f}),r({[o]:f}),f),[r,o]),h=C.useCallback(()=>u(!1),[]),g=C.useCallback(()=>u(!0),[]);if(!l||l.disable)return n?a.createElement(Et,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):a.createElement(Yi,null);let p={name:o,argType:e,value:s.value,onChange:d,onBlur:h,onFocus:g},m=ax[l.type]||Yi;return a.createElement(m,{...p,...l,controlType:l.type})},lx=_.span({fontWeight:"bold"}),ix=_.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),sx=_.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...ft({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),ux=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?4:0})),cx=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),dx=_.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),Ur=e=>{var f;let[t,r]=C.useState(!1),{row:n,updateArgs:o,compact:l,expandable:i,initialExpandedArgs:u}=e,{name:s,description:c}=n,d=n.table||{},h=d.type||n.type,g=d.defaultValue||n.defaultValue,p=(f=n.type)==null?void 0:f.required,m=c!=null&&c!=="";return a.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},a.createElement(dx,{expandable:i},a.createElement(lx,null,s),p?a.createElement(ix,{title:"Required"},"*"):null),l?null:a.createElement("td",null,m&&a.createElement(sx,null,a.createElement(wc,null,c)),d.jsDocTags!=null?a.createElement(a.Fragment,null,a.createElement(cx,{hasDescription:m},a.createElement(wa,{value:h,initialExpandedArgs:u})),a.createElement(ZE,{tags:d.jsDocTags})):a.createElement(ux,{hasDescription:m},a.createElement(wa,{value:h,initialExpandedArgs:u}))),l?null:a.createElement("td",null,a.createElement(wa,{value:g,initialExpandedArgs:u})),o?a.createElement("td",null,a.createElement(ox,{...e,isHovered:t})):null)},px=_(ye)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ee(.25,e.color.defaultText):ee(.3,e.color.defaultText),border:"none",display:"inline-block"})),fx=_.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),mx=_.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),gx=_.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),hx=_.td(()=>({position:"relative"})),bx=_.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Rt(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),Ki=_.button(()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"})),Sa=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:o=3})=>{let[l,i]=C.useState(n),u=e==="subsection"?gx:mx,s=(r==null?void 0:r.length)||0,c=e==="subsection"?`${s} item${s!==1?"s":""}`:"",d=l?"arrowdown":"arrowright",h=`${l?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return a.createElement(a.Fragment,null,a.createElement(bx,{title:h},a.createElement(u,{colSpan:1},a.createElement(Ki,{onClick:g=>i(!l),tabIndex:0},h),a.createElement(fx,null,a.createElement(px,{icon:d}),t)),a.createElement(hx,{colSpan:o-1},a.createElement(Ki,{onClick:g=>i(!l),tabIndex:-1,style:{outline:"none"}},h),l?null:c)),l?r:null)},Wr=_.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),fe=_.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),le=_.div(({theme:e,width:t,height:r})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:r||16,borderRadius:3})),me=[2,4,2,2],yx=()=>a.createElement(a.Fragment,null,a.createElement(Wr,null,a.createElement(fe,{numColumn:me[0]},a.createElement(le,{width:"60%"})),a.createElement(fe,{numColumn:me[1]},a.createElement(le,{width:"30%"})),a.createElement(fe,{numColumn:me[2]},a.createElement(le,{width:"60%"})),a.createElement(fe,{numColumn:me[3]},a.createElement(le,{width:"60%"}))),a.createElement(Wr,null,a.createElement(fe,{numColumn:me[0]},a.createElement(le,{width:"60%"})),a.createElement(fe,{numColumn:me[1]},a.createElement(le,{width:"80%"}),a.createElement(le,{width:"30%"})),a.createElement(fe,{numColumn:me[2]},a.createElement(le,{width:"60%"})),a.createElement(fe,{numColumn:me[3]},a.createElement(le,{width:"60%"}))),a.createElement(Wr,null,a.createElement(fe,{numColumn:me[0]},a.createElement(le,{width:"60%"})),a.createElement(fe,{numColumn:me[1]},a.createElement(le,{width:"80%"}),a.createElement(le,{width:"30%"})),a.createElement(fe,{numColumn:me[2]},a.createElement(le,{width:"60%"})),a.createElement(fe,{numColumn:me[3]},a.createElement(le,{width:"60%"}))),a.createElement(Wr,null,a.createElement(fe,{numColumn:me[0]},a.createElement(le,{width:"60%"})),a.createElement(fe,{numColumn:me[1]},a.createElement(le,{width:"80%"}),a.createElement(le,{width:"30%"})),a.createElement(fe,{numColumn:me[2]},a.createElement(le,{width:"60%"})),a.createElement(fe,{numColumn:me[3]},a.createElement(le,{width:"60%"})))),vx=_.div(({inAddonPanel:e,theme:t})=>({height:e?"100%":"auto",display:"flex",border:e?"none":`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:t.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),Ex=_.div({display:"flex",flexDirection:"column",gap:4,maxWidth:415}),xx=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textColor})),Ax=_.div(({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textMutedColor})),wx=_.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),Cx=_.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),Sx=({inAddonPanel:e})=>{let[t,r]=C.useState(!0);return C.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:a.createElement(vx,{inAddonPanel:e},a.createElement(Ex,null,a.createElement(xx,null,e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated"),a.createElement(Ax,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically.")),a.createElement(wx,null,e&&a.createElement(a.Fragment,null,a.createElement(Et,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},a.createElement(ye,{icon:"video"})," Watch 5m video"),a.createElement(Cx,null),a.createElement(Et,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Read docs")),!e&&a.createElement(Et,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Learn how to set that up")))},kx=_.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:r?0:25,marginBottom:r?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?ee(.25,e.color.defaultText):ee(.45,e.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:r?0:1,marginRight:r?0:1,tbody:{...r?null:{filter:e.base==="light"?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...r?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),_x=_(Bt)(({theme:e})=>({color:e.barTextColor,margin:"-4px -12px -4px 0"})),Ox=_.span({display:"flex",justifyContent:"space-between"}),Fx={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var r,n;return+!!((r=t.type)!=null&&r.required)-+!!((n=e.type)!=null&&n.required)||e.name.localeCompare(t.name)},none:void 0},Tx=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([l,i])=>{let{category:u,subcategory:s}=(i==null?void 0:i.table)||{};if(u){let c=r.sections[u]||{ungrouped:[],subsections:{}};if(!s)c.ungrouped.push({key:l,...i});else{let d=c.subsections[s]||[];d.push({key:l,...i}),c.subsections[s]=d}r.sections[u]=c}else if(s){let c=r.ungroupedSubsections[s]||[];c.push({key:l,...i}),r.ungroupedSubsections[s]=c}else r.ungrouped.push({key:l,...i})});let n=Fx[t],o=l=>n?Object.keys(l).reduce((i,u)=>({...i,[u]:l[u].sort(n)}),{}):l;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:o(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((l,i)=>({...l,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:o(r.sections[i].subsections)}}),{})}},Rx=(e,t,r)=>{try{return Df(e,t,r)}catch(n){return uE.warn(n.message),!1}},Dx=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:o,initialExpandedArgs:l,sort:i="none",isLoading:u}=e;if("error"in e){let{error:x}=e;return a.createElement(jc,null,x," ",a.createElement(Et,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"))}if(u)return a.createElement(yx,null);let{rows:s,args:c,globals:d}="rows"in e&&e,h=Tx(gb(s,x=>{var y;return!((y=x==null?void 0:x.table)!=null&&y.disable)&&Rx(x,c||{},d||{})}),i),g=h.ungrouped.length===0,p=Object.entries(h.sections).length===0,m=Object.entries(h.ungroupedSubsections).length===0;if(g&&p&&m)return a.createElement(Sx,{inAddonPanel:o});let f=1;t&&(f+=1),n||(f+=2);let E=Object.keys(h.sections).length>0,b={updateArgs:t,compact:n,inAddonPanel:o,initialExpandedArgs:l};return a.createElement(Io,null,a.createElement(kx,{compact:n,inAddonPanel:o,className:"docblock-argstable sb-unstyled"},a.createElement("thead",{className:"docblock-argstable-head"},a.createElement("tr",null,a.createElement("th",null,a.createElement("span",null,"Name")),n?null:a.createElement("th",null,a.createElement("span",null,"Description")),n?null:a.createElement("th",null,a.createElement("span",null,"Default")),t?a.createElement("th",null,a.createElement(Ox,null,"Control"," ",!u&&r&&a.createElement(_x,{onClick:()=>r(),title:"Reset controls"},a.createElement(ye,{icon:"undo","aria-hidden":!0})))):null)),a.createElement("tbody",{className:"docblock-argstable-body"},h.ungrouped.map(x=>a.createElement(Ur,{key:x.key,row:x,arg:c&&c[x.key],...b})),Object.entries(h.ungroupedSubsections).map(([x,y])=>a.createElement(Sa,{key:x,label:x,level:"subsection",colSpan:f},y.map(v=>a.createElement(Ur,{key:v.key,row:v,arg:c&&c[v.key],expandable:E,...b})))),Object.entries(h.sections).map(([x,y])=>a.createElement(Sa,{key:x,label:x,level:"section",colSpan:f},y.ungrouped.map(v=>a.createElement(Ur,{key:v.key,row:v,arg:c&&c[v.key],...b})),Object.entries(y.subsections).map(([v,A])=>a.createElement(Sa,{key:v,label:v,level:"subsection",colSpan:f},A.map(w=>a.createElement(Ur,{key:w.key,row:w,arg:c&&c[w.key],expandable:E,...b})))))))))};_.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));_.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});_.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});_.div(te,({theme:e})=>({...Zn(e),margin:"25px 0 40px",padding:"30px 20px"}));_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));_.div(({theme:e})=>({color:e.base==="light"?ee(.2,e.color.defaultText):ee(.6,e.color.defaultText)}));_.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});_.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));_.div({display:"flex",flexDirection:"row"});_.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));_.div(({theme:e})=>({...Zn(e),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"}));_.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});_.div({flex:1,display:"flex",flexDirection:"row"});_.div({display:"flex",alignItems:"flex-start"});_.div({flex:"0 0 30%"});_.div({flex:1});_.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));_.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));_.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));_.div(({theme:e})=>({...Zn(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));_.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});_.div({display:"flex",flexFlow:"row wrap"});var Lx=e=>`anchor--${e}`,Qc=({storyId:e,children:t})=>a.createElement("div",{id:Lx(e),className:"sb-anchor"},t);De&&De.__DOCS_CONTEXT__===void 0&&(De.__DOCS_CONTEXT__=C.createContext(null),De.__DOCS_CONTEXT__.displayName="DocsContext");var Se=De?De.__DOCS_CONTEXT__:C.createContext(null),zn=(e,t)=>C.useContext(Se).resolveOf(e,t);function Mx(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function Bx(e,t){let r=ll([e],t);return r&&r[0]}function ll(e,t){let[r,n]=C.useState({});return C.useEffect(()=>{Promise.all(e.map(async o=>{let l=await t.loadStory(o);n(i=>i[o]===l?i:{...i,[o]:l})}))}),e.map(o=>{if(r[o])return r[o];try{return t.storyById(o)}catch{return null}})}function e0(e){return nE(e)}var t0=C.createContext({sources:{}}),r0="--unknown--",$x=({children:e,channel:t})=>{let[r,n]=C.useState({});return C.useEffect(()=>{let o=(l,i=null,u=!1)=>{let{id:s,args:c=void 0,source:d,format:h}=typeof l=="string"?{id:l,source:i,format:u}:l,g=c?e0(c):r0;n(p=>({...p,[s]:{...p[s],[g]:{code:d,format:h}}}))};return t.on(ml,o),()=>t.off(ml,o)},[]),a.createElement(t0.Provider,{value:{sources:r}},e)},Ix=(e=>(e.OPEN="open",e.CLOSED="closed",e.NONE="none",e))(Ix||{}),jx=e=>{let t=e.map(r=>{var n,o;return(o=(n=r.parameters.docs)==null?void 0:n.source)==null?void 0:o.state}).filter(Boolean);return t.length===0?"closed":t[0]},Hx=(e,t,r)=>{let{sources:n}=r,o=n==null?void 0:n[e];return(o==null?void 0:o[e0(t)])||(o==null?void 0:o[r0])||{code:""}},Nx=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var s,c,d,h,g,p;let{__isArgsStory:o}=t.parameters,l=((s=t.parameters.docs)==null?void 0:s.source)||{},i=r||l.type||Gn.AUTO;if(l.code!==void 0)return l.code;let u=i===Gn.DYNAMIC||i===Gn.AUTO&&e&&o?e:l.originalSource||"";return l.transformSource&&de(xe`The \`transformSource\` parameter at \`parameters.docs.source.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead.
|
|
311
|
+
${Rt(.02,e.input.background)} 100%)`,boxShadow:`${e.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${e.input.background}`,border:`1px solid ${ct(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),Xc=_.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),U8=_(Xc)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),W8=_.div({display:"flex",alignItems:"center",width:"100%"});function G8(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}var Y8=({name:e,value:t,onChange:r,min:n=0,max:o=100,step:l=1,onBlur:i,onFocus:u})=>{let s=h=>{r(s8(h.target.value))},c=t!==void 0,d=C.useMemo(()=>G8(l),[l]);return a.createElement(W8,null,a.createElement(Xc,null,n),a.createElement(q8,{id:Ne(e),type:"range",onChange:s,name:e,value:t,min:n,max:o,step:l,onFocus:u,onBlur:i}),a.createElement(U8,{numberOFDecimalsPlaces:d,max:o},c?t.toFixed(d):"--"," / ",o))},K8=_.label({display:"flex"}),J8=_.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),X8=({name:e,value:t,onChange:r,onFocus:n,onBlur:o,maxLength:l})=>{let i=h=>{r(h.target.value)},[u,s]=C.useState(!1),c=C.useCallback(()=>{r(""),s(!0)},[s]);if(t===void 0)return a.createElement(He.Button,{id:yn(e),onClick:c},"Set string");let d=typeof t=="string";return a.createElement(K8,null,a.createElement(He.Textarea,{id:Ne(e),maxLength:l,onChange:i,size:"flex",placeholder:"Edit string...",autoFocus:u,valid:d?null:"error",name:e,value:d?t:"",onFocus:n,onBlur:o}),l&&a.createElement(J8,{isMaxed:(t==null?void 0:t.length)===l},(t==null?void 0:t.length)??0," / ",l))},Q8=_(He.Input)({padding:10});function ex(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var tx=({onChange:e,name:t,accept:r="image/*",value:n})=>{let o=C.useRef(null);function l(i){if(!i.target.files)return;let u=Array.from(i.target.files).map(s=>URL.createObjectURL(s));e(u),ex(n)}return C.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),a.createElement(Q8,{ref:o,id:Ne(t),type:"file",name:t,multiple:!0,onChange:l,accept:r,size:"flex"})},rx=C.lazy(()=>dt(()=>import("./Color-6VNJS4EI-37dea523.js"),["./Color-6VNJS4EI-37dea523.js","./index-f80c8c95.js","./index-7e02b1ee.js","./iframe-ca0f7b5c.js","./index-64d4dcb8.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js"],import.meta.url)),nx=e=>a.createElement(C.Suspense,{fallback:a.createElement("div",null)},a.createElement(rx,{...e})),ax={array:Gi,object:Gi,boolean:e8,color:nx,date:l8,number:u8,check:Vt,"inline-check":Vt,radio:Vt,"inline-radio":Vt,select:Vt,"multi-select":Vt,range:Y8,text:X8,file:tx},Yi=()=>a.createElement(a.Fragment,null,"-"),ox=({row:e,arg:t,updateArgs:r,isHovered:n})=>{let{key:o,control:l}=e,[i,u]=C.useState(!1),[s,c]=C.useState({value:t});C.useEffect(()=>{i||c({value:t})},[i,t]);let d=C.useCallback(f=>(c({value:f}),r({[o]:f}),f),[r,o]),h=C.useCallback(()=>u(!1),[]),g=C.useCallback(()=>u(!0),[]);if(!l||l.disable)return n?a.createElement(Et,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):a.createElement(Yi,null);let p={name:o,argType:e,value:s.value,onChange:d,onBlur:h,onFocus:g},m=ax[l.type]||Yi;return a.createElement(m,{...p,...l,controlType:l.type})},lx=_.span({fontWeight:"bold"}),ix=_.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),sx=_.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...ft({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),ux=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?4:0})),cx=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),dx=_.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),Ur=e=>{var f;let[t,r]=C.useState(!1),{row:n,updateArgs:o,compact:l,expandable:i,initialExpandedArgs:u}=e,{name:s,description:c}=n,d=n.table||{},h=d.type||n.type,g=d.defaultValue||n.defaultValue,p=(f=n.type)==null?void 0:f.required,m=c!=null&&c!=="";return a.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},a.createElement(dx,{expandable:i},a.createElement(lx,null,s),p?a.createElement(ix,{title:"Required"},"*"):null),l?null:a.createElement("td",null,m&&a.createElement(sx,null,a.createElement(wc,null,c)),d.jsDocTags!=null?a.createElement(a.Fragment,null,a.createElement(cx,{hasDescription:m},a.createElement(wa,{value:h,initialExpandedArgs:u})),a.createElement(ZE,{tags:d.jsDocTags})):a.createElement(ux,{hasDescription:m},a.createElement(wa,{value:h,initialExpandedArgs:u}))),l?null:a.createElement("td",null,a.createElement(wa,{value:g,initialExpandedArgs:u})),o?a.createElement("td",null,a.createElement(ox,{...e,isHovered:t})):null)},px=_(ye)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ee(.25,e.color.defaultText):ee(.3,e.color.defaultText),border:"none",display:"inline-block"})),fx=_.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),mx=_.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),gx=_.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),hx=_.td(()=>({position:"relative"})),bx=_.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Rt(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),Ki=_.button(()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"})),Sa=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:o=3})=>{let[l,i]=C.useState(n),u=e==="subsection"?gx:mx,s=(r==null?void 0:r.length)||0,c=e==="subsection"?`${s} item${s!==1?"s":""}`:"",d=l?"arrowdown":"arrowright",h=`${l?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return a.createElement(a.Fragment,null,a.createElement(bx,{title:h},a.createElement(u,{colSpan:1},a.createElement(Ki,{onClick:g=>i(!l),tabIndex:0},h),a.createElement(fx,null,a.createElement(px,{icon:d}),t)),a.createElement(hx,{colSpan:o-1},a.createElement(Ki,{onClick:g=>i(!l),tabIndex:-1,style:{outline:"none"}},h),l?null:c)),l?r:null)},Wr=_.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),fe=_.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),le=_.div(({theme:e,width:t,height:r})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:r||16,borderRadius:3})),me=[2,4,2,2],yx=()=>a.createElement(a.Fragment,null,a.createElement(Wr,null,a.createElement(fe,{numColumn:me[0]},a.createElement(le,{width:"60%"})),a.createElement(fe,{numColumn:me[1]},a.createElement(le,{width:"30%"})),a.createElement(fe,{numColumn:me[2]},a.createElement(le,{width:"60%"})),a.createElement(fe,{numColumn:me[3]},a.createElement(le,{width:"60%"}))),a.createElement(Wr,null,a.createElement(fe,{numColumn:me[0]},a.createElement(le,{width:"60%"})),a.createElement(fe,{numColumn:me[1]},a.createElement(le,{width:"80%"}),a.createElement(le,{width:"30%"})),a.createElement(fe,{numColumn:me[2]},a.createElement(le,{width:"60%"})),a.createElement(fe,{numColumn:me[3]},a.createElement(le,{width:"60%"}))),a.createElement(Wr,null,a.createElement(fe,{numColumn:me[0]},a.createElement(le,{width:"60%"})),a.createElement(fe,{numColumn:me[1]},a.createElement(le,{width:"80%"}),a.createElement(le,{width:"30%"})),a.createElement(fe,{numColumn:me[2]},a.createElement(le,{width:"60%"})),a.createElement(fe,{numColumn:me[3]},a.createElement(le,{width:"60%"}))),a.createElement(Wr,null,a.createElement(fe,{numColumn:me[0]},a.createElement(le,{width:"60%"})),a.createElement(fe,{numColumn:me[1]},a.createElement(le,{width:"80%"}),a.createElement(le,{width:"30%"})),a.createElement(fe,{numColumn:me[2]},a.createElement(le,{width:"60%"})),a.createElement(fe,{numColumn:me[3]},a.createElement(le,{width:"60%"})))),vx=_.div(({inAddonPanel:e,theme:t})=>({height:e?"100%":"auto",display:"flex",border:e?"none":`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:t.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),Ex=_.div({display:"flex",flexDirection:"column",gap:4,maxWidth:415}),xx=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textColor})),Ax=_.div(({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textMutedColor})),wx=_.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),Cx=_.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),Sx=({inAddonPanel:e})=>{let[t,r]=C.useState(!0);return C.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:a.createElement(vx,{inAddonPanel:e},a.createElement(Ex,null,a.createElement(xx,null,e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated"),a.createElement(Ax,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically.")),a.createElement(wx,null,e&&a.createElement(a.Fragment,null,a.createElement(Et,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},a.createElement(ye,{icon:"video"})," Watch 5m video"),a.createElement(Cx,null),a.createElement(Et,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Read docs")),!e&&a.createElement(Et,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Learn how to set that up")))},kx=_.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:r?0:25,marginBottom:r?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?ee(.25,e.color.defaultText):ee(.45,e.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:r?0:1,marginRight:r?0:1,tbody:{...r?null:{filter:e.base==="light"?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...r?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),_x=_(Bt)(({theme:e})=>({color:e.barTextColor,margin:"-4px -12px -4px 0"})),Ox=_.span({display:"flex",justifyContent:"space-between"}),Fx={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var r,n;return+!!((r=t.type)!=null&&r.required)-+!!((n=e.type)!=null&&n.required)||e.name.localeCompare(t.name)},none:void 0},Tx=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([l,i])=>{let{category:u,subcategory:s}=(i==null?void 0:i.table)||{};if(u){let c=r.sections[u]||{ungrouped:[],subsections:{}};if(!s)c.ungrouped.push({key:l,...i});else{let d=c.subsections[s]||[];d.push({key:l,...i}),c.subsections[s]=d}r.sections[u]=c}else if(s){let c=r.ungroupedSubsections[s]||[];c.push({key:l,...i}),r.ungroupedSubsections[s]=c}else r.ungrouped.push({key:l,...i})});let n=Fx[t],o=l=>n?Object.keys(l).reduce((i,u)=>({...i,[u]:l[u].sort(n)}),{}):l;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:o(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((l,i)=>({...l,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:o(r.sections[i].subsections)}}),{})}},Rx=(e,t,r)=>{try{return Df(e,t,r)}catch(n){return uE.warn(n.message),!1}},Dx=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:o,initialExpandedArgs:l,sort:i="none",isLoading:u}=e;if("error"in e){let{error:x}=e;return a.createElement(jc,null,x," ",a.createElement(Et,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"))}if(u)return a.createElement(yx,null);let{rows:s,args:c,globals:d}="rows"in e&&e,h=Tx(gb(s,x=>{var y;return!((y=x==null?void 0:x.table)!=null&&y.disable)&&Rx(x,c||{},d||{})}),i),g=h.ungrouped.length===0,p=Object.entries(h.sections).length===0,m=Object.entries(h.ungroupedSubsections).length===0;if(g&&p&&m)return a.createElement(Sx,{inAddonPanel:o});let f=1;t&&(f+=1),n||(f+=2);let E=Object.keys(h.sections).length>0,b={updateArgs:t,compact:n,inAddonPanel:o,initialExpandedArgs:l};return a.createElement(Io,null,a.createElement(kx,{compact:n,inAddonPanel:o,className:"docblock-argstable sb-unstyled"},a.createElement("thead",{className:"docblock-argstable-head"},a.createElement("tr",null,a.createElement("th",null,a.createElement("span",null,"Name")),n?null:a.createElement("th",null,a.createElement("span",null,"Description")),n?null:a.createElement("th",null,a.createElement("span",null,"Default")),t?a.createElement("th",null,a.createElement(Ox,null,"Control"," ",!u&&r&&a.createElement(_x,{onClick:()=>r(),title:"Reset controls"},a.createElement(ye,{icon:"undo","aria-hidden":!0})))):null)),a.createElement("tbody",{className:"docblock-argstable-body"},h.ungrouped.map(x=>a.createElement(Ur,{key:x.key,row:x,arg:c&&c[x.key],...b})),Object.entries(h.ungroupedSubsections).map(([x,y])=>a.createElement(Sa,{key:x,label:x,level:"subsection",colSpan:f},y.map(v=>a.createElement(Ur,{key:v.key,row:v,arg:c&&c[v.key],expandable:E,...b})))),Object.entries(h.sections).map(([x,y])=>a.createElement(Sa,{key:x,label:x,level:"section",colSpan:f},y.ungrouped.map(v=>a.createElement(Ur,{key:v.key,row:v,arg:c&&c[v.key],...b})),Object.entries(y.subsections).map(([v,A])=>a.createElement(Sa,{key:v,label:v,level:"subsection",colSpan:f},A.map(w=>a.createElement(Ur,{key:w.key,row:w,arg:c&&c[w.key],expandable:E,...b})))))))))};_.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));_.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});_.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});_.div(te,({theme:e})=>({...Zn(e),margin:"25px 0 40px",padding:"30px 20px"}));_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));_.div(({theme:e})=>({color:e.base==="light"?ee(.2,e.color.defaultText):ee(.6,e.color.defaultText)}));_.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});_.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));_.div({display:"flex",flexDirection:"row"});_.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));_.div(({theme:e})=>({...Zn(e),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"}));_.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});_.div({flex:1,display:"flex",flexDirection:"row"});_.div({display:"flex",alignItems:"flex-start"});_.div({flex:"0 0 30%"});_.div({flex:1});_.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));_.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));_.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));_.div(({theme:e})=>({...Zn(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));_.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});_.div({display:"flex",flexFlow:"row wrap"});var Lx=e=>`anchor--${e}`,Qc=({storyId:e,children:t})=>a.createElement("div",{id:Lx(e),className:"sb-anchor"},t);De&&De.__DOCS_CONTEXT__===void 0&&(De.__DOCS_CONTEXT__=C.createContext(null),De.__DOCS_CONTEXT__.displayName="DocsContext");var Se=De?De.__DOCS_CONTEXT__:C.createContext(null),zn=(e,t)=>C.useContext(Se).resolveOf(e,t);function Mx(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function Bx(e,t){let r=ll([e],t);return r&&r[0]}function ll(e,t){let[r,n]=C.useState({});return C.useEffect(()=>{Promise.all(e.map(async o=>{let l=await t.loadStory(o);n(i=>i[o]===l?i:{...i,[o]:l})}))}),e.map(o=>{if(r[o])return r[o];try{return t.storyById(o)}catch{return null}})}function e0(e){return nE(e)}var t0=C.createContext({sources:{}}),r0="--unknown--",$x=({children:e,channel:t})=>{let[r,n]=C.useState({});return C.useEffect(()=>{let o=(l,i=null,u=!1)=>{let{id:s,args:c=void 0,source:d,format:h}=typeof l=="string"?{id:l,source:i,format:u}:l,g=c?e0(c):r0;n(p=>({...p,[s]:{...p[s],[g]:{code:d,format:h}}}))};return t.on(ml,o),()=>t.off(ml,o)},[]),a.createElement(t0.Provider,{value:{sources:r}},e)},Ix=(e=>(e.OPEN="open",e.CLOSED="closed",e.NONE="none",e))(Ix||{}),jx=e=>{let t=e.map(r=>{var n,o;return(o=(n=r.parameters.docs)==null?void 0:n.source)==null?void 0:o.state}).filter(Boolean);return t.length===0?"closed":t[0]},Hx=(e,t,r)=>{let{sources:n}=r,o=n==null?void 0:n[e];return(o==null?void 0:o[e0(t)])||(o==null?void 0:o[r0])||{code:""}},Nx=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var s,c,d,h,g,p;let{__isArgsStory:o}=t.parameters,l=((s=t.parameters.docs)==null?void 0:s.source)||{},i=r||l.type||Gn.AUTO;if(l.code!==void 0)return l.code;let u=i===Gn.DYNAMIC||i===Gn.AUTO&&e&&o?e:l.originalSource||"";return l.transformSource&&de(xe`The \`transformSource\` parameter at \`parameters.docs.source.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead.
|
|
312
312
|
|
|
313
313
|
Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#source-block
|
|
314
314
|
`),(c=t.parameters.docs)!=null&&c.transformSource&&de(xe`The \`transformSource\` parameter at \`parameters.docs.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{M as s,C as n}from"./index-
|
|
1
|
+
import{j as e}from"./jsx-runtime-f961835c.js";import{M as s,C as n}from"./index-66c93dfb.js";import{NonExistentValue as a,Error as l}from"./select.stories-ea8006ac.js";import{u as r}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-ca0f7b5c.js";import"../sb-preview/runtime.js";import"./index-64d4dcb8.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./index-7e02b1ee.js";import"./select-4e0ecbf4.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-b72c7394.js";import"./index-c89a1915.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-78efb253.js";import"./actions-af9b3972.js";import"./button-c155fa2d.js";import"./spinner-4948799e.js";import"./icon-4579d4e5.js";import"./badge-9afd2cb1.js";import"./select.input-88b6ebab.js";import"./spacer-b33ecb12.js";function o(t){const i=Object.assign({h1:"h1",h2:"h2",h3:"h3",p:"p",code:"code",strong:"strong"},r(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Input Validation"}),`
|
|
2
2
|
`,e.jsx(i.h1,{id:"input-validation",children:"Input Validation"}),`
|
|
3
3
|
`,e.jsx(i.h2,{id:"select",children:"Select"}),`
|
|
4
4
|
`,e.jsx(i.h3,{id:"invalid-states",children:"Invalid states"}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{M as r,C as n}from"./index-
|
|
1
|
+
import{j as e}from"./jsx-runtime-f961835c.js";import{M as r,C as n}from"./index-66c93dfb.js";import{Default as l}from"./button.stories-8b69a440.js";import{Default as a}from"./check-box.stories-457a1c96.js";import{Default as c}from"./file-input.stories-abd0f01b.js";import{Default as d,Date as p}from"./input.stories-c3c521a1.js";import{Default as h}from"./number-input.stories-e6e4dda6.js";import{Default as u}from"./option-dropdown.stories-46acb5d1.js";import{Default as m}from"./radio-button.stories-6a4f428d.js";import{Native as f,Default as x}from"./select.stories-ea8006ac.js";import{Default as j}from"./slider.stories-ab858c02.js";import{Default as b}from"./textarea.stories-d2b9a644.js";import{Default as g}from"./toggle.stories-1cad6819.js";import{u as i}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-ca0f7b5c.js";import"../sb-preview/runtime.js";import"./index-64d4dcb8.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./index-7e02b1ee.js";import"./flex-9d77b66d.js";import"./button-c155fa2d.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./spinner-4948799e.js";import"./icon-4579d4e5.js";import"./index-c89a1915.js";import"./tooltip-b72c7394.js";import"./check-box-9566d65c.js";import"./help-icon-46a73798.js";import"./input-group-0ccd8ab2.js";import"./input-e8b88b65.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./spacer-b33ecb12.js";import"./message-dcd1fa2b.js";import"./textarea-725cd5b9.js";import"./number-input-9597245d.js";import"./index-54f0d271.js";import"./input-group-addon-9c5ee64d.js";import"./select-4e0ecbf4.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-78efb253.js";import"./actions-af9b3972.js";import"./badge-9afd2cb1.js";import"./select.input-88b6ebab.js";import"./divider-fb60bbde.js";import"./radio-button-2049da0a.js";import"./slider-c07ccc46.js";import"./objectSpread2-fdee9b6d.js";import"./index-c7f280f6.js";import"./toggle-b9d45a8d.js";function s(o){const t=Object.assign({h1:"h1",p:"p",h2:"h2",strong:"strong",ul:"ul",li:"li",code:"code",h3:"h3",a:"a"},i(),o.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Inputs"}),`
|
|
2
2
|
`,e.jsx(t.h1,{id:"inputs",children:"Inputs"}),`
|
|
3
3
|
`,e.jsx(t.p,{children:"React UI Library provides a comprehensive set of user input components."}),`
|
|
4
4
|
`,e.jsx(t.h2,{id:"button",children:"Button"}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-f961835c.js";import{M as s,C as o}from"./index-
|
|
1
|
+
import{j as t}from"./jsx-runtime-f961835c.js";import{M as s,C as o}from"./index-66c93dfb.js";import{Default as l,LabelOnLeft as p}from"./field.stories-8c0ee56d.js";import{Default as m,LabelsOnLeft as a,Row as h}from"./form.stories-7c6d98f5.js";import{u as n}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-ca0f7b5c.js";import"../sb-preview/runtime.js";import"./index-64d4dcb8.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./index-7e02b1ee.js";import"./field-a6fec7a6.js";import"./index-a80ed1cf.js";import"./label-4ed606f5.js";import"./common-types-3a5f9d98.js";import"./help-icon-46a73798.js";import"./tooltip-b72c7394.js";import"./icon-4579d4e5.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./input-e8b88b65.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./text-78efb253.js";import"./select-4e0ecbf4.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./actions-af9b3972.js";import"./button-c155fa2d.js";import"./spinner-4948799e.js";import"./badge-9afd2cb1.js";import"./select.input-88b6ebab.js";import"./check-box-9566d65c.js";import"./button-group-96b26985.js";import"./toggle-b9d45a8d.js";import"./input-group-0ccd8ab2.js";import"./input-group-addon-9c5ee64d.js";import"./slider-c07ccc46.js";import"./objectSpread2-fdee9b6d.js";import"./index-c7f280f6.js";import"./textarea-725cd5b9.js";import"./radio-button-2049da0a.js";import"./form-row-e13cb51c.js";function r(i){const e=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},n(),i.components);return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Layout (Forms)"}),`
|
|
2
2
|
`,t.jsx(e.h1,{id:"layout-forms",children:"Layout (Forms)"}),`
|
|
3
3
|
`,t.jsx(e.h2,{id:"field",children:"Field"}),`
|
|
4
4
|
`,t.jsxs(e.p,{children:["This is a wrapper for any form element with default bottom margin, and props like ",t.jsx(e.code,{children:"label"})," for other default styling."]}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{M as r,C as n}from"./index-
|
|
1
|
+
import{j as e}from"./jsx-runtime-f961835c.js";import{M as r,C as n}from"./index-66c93dfb.js";import{Center as d,SpaceBetween as a,JustifyEnd as c,Column as l}from"./flex.stories-e2f02b47.js";import{Default as h,CustomColumnWidth as p,DefaultGap as x,CustomGap as m,Responsive as j}from"./grid.stories-8082f4fe.js";import{Default as u,FixedWidth as f,NoPadding as g,ResponsiveWidth as w}from"./column.stories-28f9183e.js";import{u as t}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-ca0f7b5c.js";import"../sb-preview/runtime.js";import"./index-64d4dcb8.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./index-7e02b1ee.js";import"./flex-9d77b66d.js";import"./button-c155fa2d.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./spinner-4948799e.js";import"./icon-4579d4e5.js";import"./index-c89a1915.js";import"./tooltip-b72c7394.js";import"./text-78efb253.js";import"./grid-2e8afb1f.js";import"./styled-components.browser.esm-e49c1c95.js";import"./hoist-non-react-statics.cjs-af5c5ad8.js";import"./card-3e67b904.js";import"./row-5e959ec4.js";import"./heading-8e1f411d.js";import"./help-icon-46a73798.js";function s(i){const o=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code",h3:"h3"},t(),i.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Layout (General)"}),`
|
|
2
2
|
`,e.jsx(o.h1,{id:"layout-general",children:"Layout (General)"}),`
|
|
3
3
|
`,e.jsx(o.h2,{id:"flex",children:"Flex"}),`
|
|
4
4
|
`,e.jsxs(o.p,{children:["The ",e.jsx(o.code,{children:"Flex"})," component is a basic flexbox wrapper with optional props for ",e.jsx(o.code,{children:"alignItems"}),", ",e.jsx(o.code,{children:"justifyContent"})," and ",e.jsx(o.code,{children:"flexDirection"}),". This is a conveninent way to center items vertically and/or horizontally, to align them to opposite edges, or align them to the far side."]}),`
|