@oliasoft-open-source/react-ui-library 3.13.2 → 3.13.3
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-0e835c18.js +1 -0
- package/dist/assets/DocsRenderer-NNNQARDV-bcab862b.js +1 -0
- package/dist/assets/WithTooltip-4HIR6TLV-d14a8aee.js +1 -0
- package/dist/assets/{accordion-40bd05b9.js → accordion-1d9c892f.js} +1 -1
- package/dist/assets/{accordion.stories-ab21688a.js → accordion.stories-9f56f5f7.js} +2 -2
- package/dist/assets/{actions-5d6680b2.js → actions-7f26d646.js} +1 -1
- package/dist/assets/{actions.stories-462b1250.js → actions.stories-25440954.js} +1 -1
- package/dist/assets/{afe.stories-df1bfe70.js → afe.stories-60dd7400.js} +2 -2
- package/dist/assets/{badge.stories-533d875e.js → badge.stories-acf9b7d1.js} +1 -1
- package/dist/assets/{blowout.stories-bcda1315.js → blowout.stories-4a114f9a.js} +1 -1
- package/dist/assets/{button-50d2e979.js → button-a7e4e1fa.js} +1 -1
- package/dist/assets/{button-group-0b92ca21.js → button-group-79f38dcc.js} +1 -1
- package/dist/assets/{button-group.stories-8e8994ef.js → button-group.stories-9f72c23d.js} +1 -1
- package/dist/assets/{button.stories-1aa74ca6.js → button.stories-0bc50414.js} +1 -1
- package/dist/assets/{buttons-and-links-334779d3.js → buttons-and-links-96f898d4.js} +4 -4
- package/dist/assets/{card.stories-a2d9cfb8.js → card.stories-dab38b95.js} +1 -1
- package/dist/assets/{casing-loads.stories-20998e1e.js → casing-loads.stories-a51072ad.js} +2 -2
- package/dist/assets/{cell.stories-f48618e2.js → cell.stories-ae6ae48c.js} +2 -2
- package/dist/assets/{check-box-5765854d.js → check-box-33361319.js} +1 -1
- package/dist/assets/{check-box.stories-8729ab88.js → check-box.stories-0a929f7a.js} +1 -1
- package/dist/assets/{chunk-HLWAVYOI-4d4c48e4.js → chunk-HLWAVYOI-d266e33a.js} +1 -1
- package/dist/assets/color-c5e53dbb.js +11 -0
- package/dist/assets/{column.stories-d087521b.js → column.stories-16d58724.js} +1 -1
- package/dist/assets/{dialog-69f889d0.js → dialog-21649b7a.js} +1 -1
- package/dist/assets/{drawer-35927bf9.js → drawer-182b490e.js} +1 -1
- package/dist/assets/drawer.stories-4ebaf642.js +109 -0
- package/dist/assets/{empty.stories-c2c0904f.js → empty.stories-b70294c2.js} +1 -1
- package/dist/assets/{field-f7d2025c.js → field-2ae2bd3e.js} +1 -1
- package/dist/assets/{field.stories-9e8a1e88.js → field.stories-3d20e748.js} +1 -1
- package/dist/assets/{file-input.stories-8ddd1fa3.js → file-input.stories-e3fa9b27.js} +1 -1
- package/dist/assets/{flex-ab83d710.js → flex-4bc3b694.js} +1 -1
- package/dist/assets/{flex.stories-55bea790.js → flex.stories-56c8527b.js} +1 -1
- package/dist/assets/footer.stories-8dc7dc1f.js +3 -0
- package/dist/assets/form.stories-e8b2576f.js +49 -0
- package/dist/assets/formation.stories-0ee1f8e0.js +74 -0
- package/dist/assets/{formatter-SWP5E3XI-7821f550.js → formatter-SWP5E3XI-9c500ffb.js} +2 -2
- package/dist/assets/{heading-3ab142d6.js → heading-5d5cbb6f.js} +1 -1
- package/dist/assets/{heading.stories-665fabdd.js → heading.stories-b6654e27.js} +1 -1
- package/dist/assets/{help-icon-50a91ee5.js → help-icon-e6604019.js} +1 -1
- package/dist/assets/{help-icon.stories-a43956cf.js → help-icon.stories-6c579003.js} +1 -1
- package/dist/assets/icon-bb00eeb9.js +8 -0
- package/dist/assets/{icon.stories-9fc926de.js → icon.stories-da83ed77.js} +1 -1
- package/dist/assets/iframe-bec17c8e.js +1 -0
- package/dist/assets/{index-83074380.js → index-9622ad0d.js} +8 -8
- package/dist/assets/{index.es-ab0f5a20.js → index.es-cc11f36c.js} +4 -4
- package/dist/assets/inheritsLoose-d4851ab8.js +1 -0
- package/dist/assets/{input-0081e806.js → input-b46bef9b.js} +1 -1
- package/dist/assets/{input-group.stories-a4fc01b7.js → input-group.stories-bf2513b1.js} +2 -2
- package/dist/assets/{input-validation-75d4d58a.js → input-validation-14fe9678.js} +2 -2
- package/dist/assets/{input.stories-03464cb3.js → input.stories-e73381e0.js} +1 -1
- package/dist/assets/{inputs-b92bd51c.js → inputs-f49e65e0.js} +2 -2
- package/dist/assets/{label-80098cc6.js → label-4b8583ea.js} +1 -1
- package/dist/assets/{label.stories-838bb20f.js → label.stories-f9340476.js} +1 -1
- package/dist/assets/layout-forms-ec28d2bf.js +16 -0
- package/dist/assets/{layout-general-6d21f93a.js → layout-general-f48e1972.js} +2 -2
- package/dist/assets/{list-8a1bb0e3.js → list-a4e1fe84.js} +1 -1
- package/dist/assets/{list-heading-0c0b2fba.js → list-heading-0f59017c.js} +1 -1
- package/dist/assets/{list.stories-3585d678.js → list.stories-5a4c5082.js} +2 -2
- package/dist/assets/{list.stories-data-06a0f4f4.js → list.stories-data-ade13aa1.js} +1 -1
- package/dist/assets/{loader.stories-4a7e8ada.js → loader.stories-fcfaa8ba.js} +1 -1
- package/dist/assets/{menu.stories-4f8ea08d.js → menu.stories-32bf568b.js} +1 -1
- package/dist/assets/{menu.stories-data-46536d0f.js → menu.stories-data-5b2403ee.js} +1 -1
- package/dist/assets/{message-f4ce39be.js → message-1ae54f21.js} +1 -1
- package/dist/assets/{message.stories-593fb632.js → message.stories-ba0f5962.js} +1 -1
- package/dist/assets/{modal.stories-ff7de1e7.js → modal.stories-f2f0247c.js} +2 -2
- package/dist/assets/{number-input-bd5e3c05.js → number-input-0b915316.js} +1 -1
- package/dist/assets/{number-input.stories-3ad59a83.js → number-input.stories-db5e057c.js} +2 -2
- package/dist/assets/{option-dropdown.stories-31d8e92e.js → option-dropdown.stories-12bb244b.js} +1 -1
- package/dist/assets/{page.stories-99e8828d.js → page.stories-cc4335af.js} +1 -1
- package/dist/assets/{pagination-5c6f0f61.js → pagination-67e45ad2.js} +1 -1
- package/dist/assets/{pagination.stories-0df1811a.js → pagination.stories-fe81c905.js} +2 -2
- package/dist/assets/{pop-confirm.stories-1aa64cb1.js → pop-confirm.stories-df764cfd.js} +1 -1
- package/dist/assets/{popover-b6a51770.js → popover-deb55aea.js} +1 -1
- package/dist/assets/popover.stories-0438d0eb.js +1 -0
- package/dist/assets/{preview-bd1e40a8.js → preview-29ea3d92.js} +2 -2
- package/dist/assets/preview-e9b6f357.js +1 -0
- package/dist/assets/projects.stories-3d4392cd.js +46 -0
- package/dist/assets/{radio-button-f9e4c2fb.js → radio-button-673f6757.js} +1 -1
- package/dist/assets/{radio-button.stories-a90f64a6.js → radio-button.stories-bb2a4dcc.js} +1 -1
- package/dist/assets/{reservoirs.stories-1b19d2d4.js → reservoirs.stories-e773a9d0.js} +2 -2
- package/dist/assets/{rich-text-input.stories-111c53b3.js → rich-text-input.stories-6b75d4f1.js} +3 -3
- package/dist/assets/{row.stories-0f76f39b.js → row.stories-383aa2fa.js} +2 -2
- package/dist/assets/select-63fb21a5.js +1 -0
- package/dist/assets/{select.stories-ca0ade0e.js → select.stories-7142b54a.js} +2 -2
- package/dist/assets/{side-bar-185a98d7.js → side-bar-b5f6fafc.js} +1 -1
- package/dist/assets/{side-bar.stories-4a8904cd.js → side-bar.stories-0ea486c6.js} +1 -1
- package/dist/assets/{site.stories-9171c440.js → site.stories-8ce14b02.js} +2 -2
- package/dist/assets/slider-0dae0ace.js +7 -0
- package/dist/assets/{slider.stories-b58b90f7.js → slider.stories-8431d635.js} +2 -2
- package/dist/assets/{spacer.stories-ebe72e9e.js → spacer.stories-c3891d24.js} +1 -1
- package/dist/assets/syntaxhighlighter-NMPM6SWI-f002e2eb.js +1 -0
- package/dist/assets/{table-f87ae9d3.js → table-1f9fcf84.js} +1 -1
- package/dist/assets/{table.stories-cf11886f.js → table.stories-ba2503d8.js} +2 -2
- package/dist/assets/{table.stories-data-82de77b6.js → table.stories-data-435da5fd.js} +1 -1
- package/dist/assets/{textarea-d23df40d.js → textarea-5c9f1957.js} +1 -1
- package/dist/assets/{textarea.stories-361db692.js → textarea.stories-812ec950.js} +1 -1
- package/dist/assets/{title.stories-9f0ab673.js → title.stories-c1bb70e9.js} +2 -2
- package/dist/assets/{toaster-ed9b6f60.js → toaster-360d1c11.js} +1 -1
- package/dist/assets/{toaster.stories-b1ff0f61.js → toaster.stories-ad826ce8.js} +1 -1
- package/dist/assets/{toggle-de6344a4.js → toggle-e193dcc8.js} +1 -1
- package/dist/assets/{toggle.stories-21b22bdd.js → toggle.stories-8a3f9453.js} +1 -1
- package/dist/assets/{tooltip-559179a7.js → tooltip-b72c7394.js} +1 -1
- package/dist/assets/{tooltip.stories-84b7fc63.js → tooltip.stories-3f29f711.js} +1 -1
- package/dist/assets/{tooltip.test-case.stories-64b8a470.js → tooltip.test-case.stories-f414e074.js} +1 -1
- package/dist/assets/{top-bar-f7d438c2.js → top-bar-68696a1c.js} +1 -1
- package/dist/assets/{top-bar.stories-f6de91d3.js → top-bar.stories-8dfc7d2d.js} +1 -1
- package/dist/assets/{top-bar.testcase.stories-b8242634.js → top-bar.testcase.stories-2bb9667b.js} +1 -1
- package/dist/assets/{tree.stories-09d580ea.js → tree.stories-7289829b.js} +1 -1
- package/dist/iframe.html +1 -1
- package/dist/project.json +1 -1
- package/package.json +9 -9
- package/dist/assets/Color-6VNJS4EI-9ae8d2ff.js +0 -1
- package/dist/assets/DocsRenderer-NNNQARDV-9f022aef.js +0 -1
- package/dist/assets/WithTooltip-4HIR6TLV-4d929e52.js +0 -1
- package/dist/assets/color-94456a59.js +0 -11
- package/dist/assets/drawer.stories-333852e0.js +0 -109
- package/dist/assets/extends-98964cd2.js +0 -1
- package/dist/assets/footer.stories-02e3742f.js +0 -3
- package/dist/assets/form.stories-e76c7017.js +0 -49
- package/dist/assets/formation.stories-21da3be6.js +0 -74
- package/dist/assets/icon-4579d4e5.js +0 -8
- package/dist/assets/iframe-38a2d83b.js +0 -1
- package/dist/assets/inheritsLoose-c82a83d4.js +0 -1
- package/dist/assets/layout-forms-bea7e411.js +0 -16
- package/dist/assets/popover.stories-832d680f.js +0 -1
- package/dist/assets/preview-e035cea7.js +0 -1
- package/dist/assets/projects.stories-b1f8c6c9.js +0 -46
- package/dist/assets/select-ca80c206.js +0 -1
- package/dist/assets/slider-73deb0f3.js +0 -7
- package/dist/assets/syntaxhighlighter-NMPM6SWI-73022108.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as jt}from"./iframe-
|
|
1
|
+
import{_ as jt}from"./iframe-bec17c8e.js";import{r as b,b as Tl,g as Cn,R as o,c as aa}from"./index-f80c8c95.js";import{r as hs,R as H0}from"./index-64d4dcb8.js";import{c as bs,_ as Z0,a as kn}from"./inheritsLoose-d4851ab8.js";import{_ as V0}from"./assertThisInitialized-081f9914.js";import{r as ys,s as z0,t as vs,v as q0,i as _n,w as U0,x as W0,y as G0,c as Es,z as xs,A as Y0,B as ws,C as K0,D as X0,E as J0,F as Q0,G as e1,H as t1,I as As,J as r1,K as n1,L as Ss,_ as a1,M as o1,N as l1,O as yo,d as Cs,P as ks,Q as _s,R as i1,U as s1,V as u1,e as c1,S as Rl,p as xe,k as oa,W as Ia}from"./index-97a99495.js";var He=e=>`control-${e.replace(/\s+/g,"-")}`,On=e=>`set-${e.replace(/\s+/g,"-")}`;const{global:d1}=__STORYBOOK_MODULE_GLOBAL__,{logger:p1}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var f1=Object.create,Os=Object.defineProperty,m1=Object.getOwnPropertyDescriptor,Ts=Object.getOwnPropertyNames,g1=Object.getPrototypeOf,h1=Object.prototype.hasOwnProperty,vo=(e,t)=>function(){return t||(0,e[Ts(e)[0]])((t={exports:{}}).exports,t),t.exports},b1=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Ts(t))!h1.call(e,a)&&a!==r&&Os(e,a,{get:()=>t[a],enumerable:!(n=m1(t,a))||n.enumerable});return e},Rs=(e,t,r)=>(r=e!=null?f1(g1(e)):{},b1(t||!e||!e.__esModule?Os(r,"default",{value:e,enumerable:!0}):r,e));function wt(){return wt=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},wt.apply(this,arguments)}function y1(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Sr(e,t){return Sr=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,n){return r.__proto__=n,r},Sr(e,t)}function v1(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Sr(e,t)}function Pa(e){return Pa=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Pa(e)}function E1(e){return Function.toString.call(e).indexOf("[native code]")!==-1}function x1(){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 nn(e,t,r){return x1()?nn=Reflect.construct.bind():nn=function(n,a,l){var i=[null];i.push.apply(i,a);var u=Function.bind.apply(n,i),s=new u;return l&&Sr(s,l.prototype),s},nn.apply(null,arguments)}function ja(e){var t=typeof Map=="function"?new Map:void 0;return ja=function(r){if(r===null||!E1(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 nn(r,arguments,Pa(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Sr(n,r)},ja(e)}var w1={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 c5(e){var t=e.codeString,r=e.codeStyle,n=e.containerStyle,a=n===void 0?{float:"left",paddingRight:"10px"}:n,l=e.numberStyle,i=l===void 0?{}:l,u=e.startingLineNumber;return o.createElement("code",{style:Object.assign({},r,a)},u5({lines:t.replace(/\n$/,"").split(`
|
|
210
210
|
`),style:i,startingLineNumber:u}))}function d5(e){return"".concat(e.toString().length,".25em")}function cu(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 du(e,t,r){var n={display:"inline-block",minWidth:d5(r),paddingRight:"1em",textAlign:"right",userSelect:"none"},a=typeof e=="function"?e(t):e,l=Qe(Qe({},n),a);return l}function sn(e){var t=e.children,r=e.lineNumber,n=e.lineNumberStyle,a=e.largestLineNumber,l=e.showInlineLineNumbers,i=e.lineProps,u=i===void 0?{}:i,s=e.className,c=s===void 0?[]:s,d=e.showLineNumbers,m=e.wrapLongLines,f=typeof u=="function"?u(r):u;if(f.className=c,r&&l){var p=du(n,r,a);t.unshift(cu(r,p))}return m&d&&(f.style=Qe(Qe({},f.style),{},{display:"flex"})),{type:"element",tagName:"span",properties:f,children:t}}function pu(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 a=e[n];if(a.type==="text")r.push(sn({children:[a],className:J2(new Set(t))}));else if(a.children){var l=t.concat(a.properties.className);pu(a.children,l).forEach(function(i){return r.push(i)})}}return r}function p5(e,t,r,n,a,l,i,u,s){var c,d=pu(e.value),m=[],f=-1,p=0;function h(A,S){var k=arguments.length>2&&arguments[2]!==void 0?arguments[2]:[];return sn({children:A,lineNumber:S,lineNumberStyle:u,largestLineNumber:i,showInlineLineNumbers:a,lineProps:r,className:k,showLineNumbers:n,wrapLongLines:s})}function g(A,S){if(n&&S&&a){var k=du(u,S,i);A.unshift(cu(S,k))}return A}function x(A,S){var k=arguments.length>2&&arguments[2]!==void 0?arguments[2]:[];return t||k.length>0?h(A,S,k):g(A,S)}for(var y=function(){var A=d[p],S=A.children[0].value,k=s5(S);if(k){var C=S.split(`
|
|
211
211
|
`);C.forEach(function(O,T){var R=n&&m.length+l,$={type:"text",value:"".concat(O,`
|
|
212
|
-
`)};if(T===0){var F=d.slice(f+1,p).concat(sn({children:[$],className:A.properties.className})),P=x(F,R);m.push(P)}else if(T===C.length-1){var D=d[p+1]&&d[p+1].children&&d[p+1].children[0],L={type:"text",value:"".concat(O)};if(D){var j=sn({children:[L],className:A.properties.className});d.splice(p+1,0,j)}else{var V=[L],B=x(V,R,A.properties.className);m.push(B)}}else{var H=[$],X=x(H,R,A.properties.className);m.push(X)}}),f=p}p++};p<d.length;)y();if(f!==d.length-1){var w=d.slice(f+1,d.length);if(w&&w.length){var v=n&&m.length+l,E=x(w,v);m.push(E)}}return t?m:(c=[]).concat.apply(c,m)}function f5(e){var t=e.rows,r=e.stylesheet,n=e.useInlineStyles;return t.map(function(a,l){return Do({node:a,stylesheet:r,useInlineStyles:n,key:"code-segement".concat(l)})})}function fu(e){return e&&typeof e.highlightAuto<"u"}function m5(e){var t=e.astGenerator,r=e.language,n=e.code,a=e.defaultCodeValue;if(fu(t)){var l=o5(t,r);return r==="text"?{value:a,language:"text"}:l?t.highlight(r,n):t.highlightAuto(n)}try{return r&&r!=="text"?{value:t.highlight(n,r)}:{value:a}}catch{return{value:a}}}function g5(e,t){return function(r){var n=r.language,a=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:Qe(Qe({},i['code[class*="language-"]']),i['code[class*="language-'.concat(n,'"]')])}:c,m=r.useInlineStyles,f=m===void 0?!0:m,p=r.showLineNumbers,h=p===void 0?!1:p,g=r.showInlineLineNumbers,x=g===void 0?!0:g,y=r.startingLineNumber,w=y===void 0?1:y,v=r.lineNumberContainerStyle,E=r.lineNumberStyle,A=E===void 0?{}:E,S=r.wrapLines,k=r.wrapLongLines,C=k===void 0?!1:k,O=r.lineProps,T=O===void 0?{}:O,R=r.renderer,$=r.PreTag,F=$===void 0?"pre":$,P=r.CodeTag,D=P===void 0?"code":P,L=r.code,j=L===void 0?(Array.isArray(a)?a[0]:a)||"":L,V=r.astGenerator,B=W2(r,l5);V=V||e;var H=h?o.createElement(c5,{containerStyle:v,codeStyle:d.style||{},numberStyle:A,startingLineNumber:w,codeString:j}):null,X=i.hljs||i['pre[class*="language-"]']||{backgroundColor:"#fff"},ne=fu(V)?"hljs":"prismjs",K=f?Object.assign({},B,{style:Object.assign({},X,s)}):Object.assign({},B,{className:B.className?"".concat(ne," ").concat(B.className):ne,style:Object.assign({},s)});if(C?d.style=Qe(Qe({},d.style),{},{whiteSpace:"pre-wrap"}):d.style=Qe(Qe({},d.style),{},{whiteSpace:"pre"}),!V)return o.createElement(F,K,H,o.createElement(D,d,j));(S===void 0&&R||C)&&(S=!0),R=R||f5;var J=[{type:"text",value:j}],I=m5({astGenerator:V,language:n,code:j,defaultCodeValue:J});I.language===null&&(I.value=J);var z=I.value.length+w,W=p5(I,S,T,h,x,w,z,A,C);return o.createElement(F,K,o.createElement(D,d,!x&&H,R({rows:W,stylesheet:i,useInlineStyles:f})))}}var Lo=Oe(y2()),Mo=g5(Lo.default,{});Mo.registerLanguage=function(e,t){return Lo.default.register(t)};Mo.alias=function(e,t){return Lo.default.alias(e,t)};var Te=Mo,h5=_.div(({theme:e})=>({position:"absolute",bottom:0,right:0,maxWidth:"100%",display:"flex",background:e.background.content,zIndex:1})),mu=_.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});mu.displayName="ActionButton";var Bo=({actionItems:e,...t})=>o.createElement(h5,{...t},e.map(({title:r,className:n,onClick:a,disabled:l},i)=>o.createElement(mu,{key:i,className:n,onClick:a,disabled:l},r)));function b5(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function gu(...e){return t=>e.forEach(r=>b5(r,t))}function Zt(...e){return b.useCallback(gu(...e),e)}var hu=b.forwardRef((e,t)=>{let{children:r,...n}=e,a=b.Children.toArray(r),l=a.find(v5);if(l){let i=l.props.children,u=a.map(s=>s===l?b.Children.count(i)>1?b.Children.only(null):b.isValidElement(i)?i.props.children:null:s);return b.createElement(Ga,U({},n,{ref:t}),b.isValidElement(i)?b.cloneElement(i,void 0,u):null)}return b.createElement(Ga,U({},n,{ref:t}),r)});hu.displayName="Slot";var Ga=b.forwardRef((e,t)=>{let{children:r,...n}=e;return b.isValidElement(r)?b.cloneElement(r,{...E5(n,r.props),ref:t?gu(t,r.ref):r.ref}):b.Children.count(r)>1?b.Children.only(null):null});Ga.displayName="SlotClone";var y5=({children:e})=>b.createElement(b.Fragment,null,e);function v5(e){return b.isValidElement(e)&&e.type===y5}function E5(e,t){let r={...t};for(let n in t){let a=e[n],l=t[n];/^on[A-Z]/.test(n)?a&&l?r[n]=(...i)=>{l(...i),a(...i)}:a&&(r[n]=a):n==="style"?r[n]={...a,...l}:n==="className"&&(r[n]=[a,l].filter(Boolean).join(" "))}return{...e,...r}}var x5=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],Nr=x5.reduce((e,t)=>{let r=b.forwardRef((n,a)=>{let{asChild:l,...i}=n,u=l?hu:t;return b.useEffect(()=>{window[Symbol.for("radix-ui")]=!0},[]),b.createElement(u,U({},i,{ref:a}))});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{}),Ya=globalThis!=null&&globalThis.document?b.useLayoutEffect:()=>{};function w5(e,t){return b.useReducer((r,n)=>t[r][n]??r,e)}var Hr=e=>{let{present:t,children:r}=e,n=A5(t),a=typeof r=="function"?r({present:n.isPresent}):b.Children.only(r),l=Zt(n.ref,a.ref);return typeof r=="function"||n.isPresent?b.cloneElement(a,{ref:l}):null};Hr.displayName="Presence";function A5(e){let[t,r]=b.useState(),n=b.useRef({}),a=b.useRef(e),l=b.useRef("none"),i=e?"mounted":"unmounted",[u,s]=w5(i,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return b.useEffect(()=>{let c=Kr(n.current);l.current=u==="mounted"?c:"none"},[u]),Ya(()=>{let c=n.current,d=a.current;if(d!==e){let m=l.current,f=Kr(c);e?s("MOUNT"):f==="none"||(c==null?void 0:c.display)==="none"?s("UNMOUNT"):s(d&&m!==f?"ANIMATION_OUT":"UNMOUNT"),a.current=e}},[e,s]),Ya(()=>{if(t){let c=m=>{let f=Kr(n.current).includes(m.animationName);m.target===t&&f&&hs.flushSync(()=>s("ANIMATION_END"))},d=m=>{m.target===t&&(l.current=Kr(n.current))};return t.addEventListener("animationstart",d),t.addEventListener("animationcancel",c),t.addEventListener("animationend",c),()=>{t.removeEventListener("animationstart",d),t.removeEventListener("animationcancel",c),t.removeEventListener("animationend",c)}}else s("ANIMATION_END")},[t,s]),{isPresent:["mounted","unmountSuspended"].includes(u),ref:b.useCallback(c=>{c&&(n.current=getComputedStyle(c)),r(c)},[])}}function Kr(e){return(e==null?void 0:e.animationName)||"none"}function S5(e,t=[]){let r=[];function n(l,i){let u=b.createContext(i),s=r.length;r=[...r,i];function c(m){let{scope:f,children:p,...h}=m,g=(f==null?void 0:f[e][s])||u,x=b.useMemo(()=>h,Object.values(h));return b.createElement(g.Provider,{value:x},p)}function d(m,f){let p=(f==null?void 0:f[e][s])||u,h=b.useContext(p);if(h)return h;if(i!==void 0)return i;throw new Error(`\`${m}\` must be used within \`${l}\``)}return c.displayName=l+"Provider",[c,d]}let a=()=>{let l=r.map(i=>b.createContext(i));return function(i){let u=(i==null?void 0:i[e])||l;return b.useMemo(()=>({[`__scope${e}`]:{...i,[e]:u}}),[i,u])}};return a.scopeName=e,[n,C5(a,...t)]}function C5(...e){let t=e[0];if(e.length===1)return t;let r=()=>{let n=e.map(a=>({useScope:a(),scopeName:a.scopeName}));return function(a){let l=n.reduce((i,{useScope:u,scopeName:s})=>{let c=u(a)[`__scope${s}`];return{...i,...c}},{});return b.useMemo(()=>({[`__scope${t.scopeName}`]:l}),[l])}};return r.scopeName=t.scopeName,r}function Dt(e){let t=b.useRef(e);return b.useEffect(()=>{t.current=e}),b.useMemo(()=>(...r)=>{var n;return(n=t.current)===null||n===void 0?void 0:n.call(t,...r)},[])}var k5=b.createContext(void 0);function _5(e){let t=b.useContext(k5);return e||t||"ltr"}function O5(e,[t,r]){return Math.min(r,Math.max(t,e))}function Mt(e,t,{checkForDefaultPrevented:r=!0}={}){return function(n){if(e==null||e(n),r===!1||!n.defaultPrevented)return t==null?void 0:t(n)}}function T5(e,t){return b.useReducer((r,n)=>t[r][n]??r,e)}var bu="ScrollArea",[yu,Zw]=S5(bu),[R5,Be]=yu(bu),F5=b.forwardRef((e,t)=>{let{__scopeScrollArea:r,type:n="hover",dir:a,scrollHideDelay:l=600,...i}=e,[u,s]=b.useState(null),[c,d]=b.useState(null),[m,f]=b.useState(null),[p,h]=b.useState(null),[g,x]=b.useState(null),[y,w]=b.useState(0),[v,E]=b.useState(0),[A,S]=b.useState(!1),[k,C]=b.useState(!1),O=Zt(t,R=>s(R)),T=_5(a);return b.createElement(R5,{scope:r,type:n,dir:T,scrollHideDelay:l,scrollArea:u,viewport:c,onViewportChange:d,content:m,onContentChange:f,scrollbarX:p,onScrollbarXChange:h,scrollbarXEnabled:A,onScrollbarXEnabledChange:S,scrollbarY:g,onScrollbarYChange:x,scrollbarYEnabled:k,onScrollbarYEnabledChange:C,onCornerWidthChange:w,onCornerHeightChange:E},b.createElement(Nr.div,U({dir:T},i,{ref:O,style:{position:"relative","--radix-scroll-area-corner-width":y+"px","--radix-scroll-area-corner-height":v+"px",...e.style}})))}),$5="ScrollAreaViewport",D5=b.forwardRef((e,t)=>{let{__scopeScrollArea:r,children:n,...a}=e,l=Be($5,r),i=b.useRef(null),u=Zt(t,i,l.onViewportChange);return b.createElement(b.Fragment,null,b.createElement("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"}}),b.createElement(Nr.div,U({"data-radix-scroll-area-viewport":""},a,{ref:u,style:{overflowX:l.scrollbarXEnabled?"scroll":"hidden",overflowY:l.scrollbarYEnabled?"scroll":"hidden",...e.style}}),b.createElement("div",{ref:l.onContentChange,style:{minWidth:"100%",display:"table"}},n)))}),ft="ScrollAreaScrollbar",L5=b.forwardRef((e,t)=>{let{forceMount:r,...n}=e,a=Be(ft,e.__scopeScrollArea),{onScrollbarXEnabledChange:l,onScrollbarYEnabledChange:i}=a,u=e.orientation==="horizontal";return b.useEffect(()=>(u?l(!0):i(!0),()=>{u?l(!1):i(!1)}),[u,l,i]),a.type==="hover"?b.createElement(M5,U({},n,{ref:t,forceMount:r})):a.type==="scroll"?b.createElement(B5,U({},n,{ref:t,forceMount:r})):a.type==="auto"?b.createElement(vu,U({},n,{ref:t,forceMount:r})):a.type==="always"?b.createElement(Io,U({},n,{ref:t})):null}),M5=b.forwardRef((e,t)=>{let{forceMount:r,...n}=e,a=Be(ft,e.__scopeScrollArea),[l,i]=b.useState(!1);return b.useEffect(()=>{let u=a.scrollArea,s=0;if(u){let c=()=>{window.clearTimeout(s),i(!0)},d=()=>{s=window.setTimeout(()=>i(!1),a.scrollHideDelay)};return u.addEventListener("pointerenter",c),u.addEventListener("pointerleave",d),()=>{window.clearTimeout(s),u.removeEventListener("pointerenter",c),u.removeEventListener("pointerleave",d)}}},[a.scrollArea,a.scrollHideDelay]),b.createElement(Hr,{present:r||l},b.createElement(vu,U({"data-state":l?"visible":"hidden"},n,{ref:t})))}),B5=b.forwardRef((e,t)=>{let{forceMount:r,...n}=e,a=Be(ft,e.__scopeScrollArea),l=e.orientation==="horizontal",i=jn(()=>s("SCROLL_END"),100),[u,s]=T5("hidden",{hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}});return b.useEffect(()=>{if(u==="idle"){let c=window.setTimeout(()=>s("HIDE"),a.scrollHideDelay);return()=>window.clearTimeout(c)}},[u,a.scrollHideDelay,s]),b.useEffect(()=>{let c=a.viewport,d=l?"scrollLeft":"scrollTop";if(c){let m=c[d],f=()=>{let p=c[d];m!==p&&(s("SCROLL"),i()),m=p};return c.addEventListener("scroll",f),()=>c.removeEventListener("scroll",f)}},[a.viewport,l,s,i]),b.createElement(Hr,{present:r||u!=="hidden"},b.createElement(Io,U({"data-state":u==="hidden"?"hidden":"visible"},n,{ref:t,onPointerEnter:Mt(e.onPointerEnter,()=>s("POINTER_ENTER")),onPointerLeave:Mt(e.onPointerLeave,()=>s("POINTER_LEAVE"))})))}),vu=b.forwardRef((e,t)=>{let r=Be(ft,e.__scopeScrollArea),{forceMount:n,...a}=e,[l,i]=b.useState(!1),u=e.orientation==="horizontal",s=jn(()=>{if(r.viewport){let c=r.viewport.offsetWidth<r.viewport.scrollWidth,d=r.viewport.offsetHeight<r.viewport.scrollHeight;i(u?c:d)}},10);return er(r.viewport,s),er(r.content,s),b.createElement(Hr,{present:n||l},b.createElement(Io,U({"data-state":l?"visible":"hidden"},a,{ref:t})))}),Io=b.forwardRef((e,t)=>{let{orientation:r="vertical",...n}=e,a=Be(ft,e.__scopeScrollArea),l=b.useRef(null),i=b.useRef(0),[u,s]=b.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),c=Au(u.viewport,u.content),d={...n,sizes:u,onSizesChange:s,hasThumb:c>0&&c<1,onThumbChange:f=>l.current=f,onThumbPointerUp:()=>i.current=0,onThumbPointerDown:f=>i.current=f};function m(f,p){return z5(f,i.current,u,p)}return r==="horizontal"?b.createElement(I5,U({},d,{ref:t,onThumbPositionChange:()=>{if(a.viewport&&l.current){let f=a.viewport.scrollLeft,p=ri(f,u,a.dir);l.current.style.transform=`translate3d(${p}px, 0, 0)`}},onWheelScroll:f=>{a.viewport&&(a.viewport.scrollLeft=f)},onDragScroll:f=>{a.viewport&&(a.viewport.scrollLeft=m(f,a.dir))}})):r==="vertical"?b.createElement(P5,U({},d,{ref:t,onThumbPositionChange:()=>{if(a.viewport&&l.current){let f=a.viewport.scrollTop,p=ri(f,u);l.current.style.transform=`translate3d(0, ${p}px, 0)`}},onWheelScroll:f=>{a.viewport&&(a.viewport.scrollTop=f)},onDragScroll:f=>{a.viewport&&(a.viewport.scrollTop=m(f))}})):null}),I5=b.forwardRef((e,t)=>{let{sizes:r,onSizesChange:n,...a}=e,l=Be(ft,e.__scopeScrollArea),[i,u]=b.useState(),s=b.useRef(null),c=Zt(t,s,l.onScrollbarXChange);return b.useEffect(()=>{s.current&&u(getComputedStyle(s.current))},[s]),b.createElement(xu,U({"data-orientation":"horizontal"},a,{ref:c,sizes:r,style:{bottom:0,left:l.dir==="rtl"?"var(--radix-scroll-area-corner-width)":0,right:l.dir==="ltr"?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":Pn(r)+"px",...e.style},onThumbPointerDown:d=>e.onThumbPointerDown(d.x),onDragScroll:d=>e.onDragScroll(d.x),onWheelScroll:(d,m)=>{if(l.viewport){let f=l.viewport.scrollLeft+d.deltaX;e.onWheelScroll(f),Cu(f,m)&&d.preventDefault()}},onResize:()=>{s.current&&l.viewport&&i&&n({content:l.viewport.scrollWidth,viewport:l.viewport.offsetWidth,scrollbar:{size:s.current.clientWidth,paddingStart:En(i.paddingLeft),paddingEnd:En(i.paddingRight)}})}}))}),P5=b.forwardRef((e,t)=>{let{sizes:r,onSizesChange:n,...a}=e,l=Be(ft,e.__scopeScrollArea),[i,u]=b.useState(),s=b.useRef(null),c=Zt(t,s,l.onScrollbarYChange);return b.useEffect(()=>{s.current&&u(getComputedStyle(s.current))},[s]),b.createElement(xu,U({"data-orientation":"vertical"},a,{ref:c,sizes:r,style:{top:0,right:l.dir==="ltr"?0:void 0,left:l.dir==="rtl"?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":Pn(r)+"px",...e.style},onThumbPointerDown:d=>e.onThumbPointerDown(d.y),onDragScroll:d=>e.onDragScroll(d.y),onWheelScroll:(d,m)=>{if(l.viewport){let f=l.viewport.scrollTop+d.deltaY;e.onWheelScroll(f),Cu(f,m)&&d.preventDefault()}},onResize:()=>{s.current&&l.viewport&&i&&n({content:l.viewport.scrollHeight,viewport:l.viewport.offsetHeight,scrollbar:{size:s.current.clientHeight,paddingStart:En(i.paddingTop),paddingEnd:En(i.paddingBottom)}})}}))}),[j5,Eu]=yu(ft),xu=b.forwardRef((e,t)=>{let{__scopeScrollArea:r,sizes:n,hasThumb:a,onThumbChange:l,onThumbPointerUp:i,onThumbPointerDown:u,onThumbPositionChange:s,onDragScroll:c,onWheelScroll:d,onResize:m,...f}=e,p=Be(ft,r),[h,g]=b.useState(null),x=Zt(t,O=>g(O)),y=b.useRef(null),w=b.useRef(""),v=p.viewport,E=n.content-n.viewport,A=Dt(d),S=Dt(s),k=jn(m,10);function C(O){if(y.current){let T=O.clientX-y.current.left,R=O.clientY-y.current.top;c({x:T,y:R})}}return b.useEffect(()=>{let O=T=>{let R=T.target;h!=null&&h.contains(R)&&A(T,E)};return document.addEventListener("wheel",O,{passive:!1}),()=>document.removeEventListener("wheel",O,{passive:!1})},[v,h,E,A]),b.useEffect(S,[n,S]),er(h,k),er(p.content,k),b.createElement(j5,{scope:r,scrollbar:h,hasThumb:a,onThumbChange:Dt(l),onThumbPointerUp:Dt(i),onThumbPositionChange:S,onThumbPointerDown:Dt(u)},b.createElement(Nr.div,U({},f,{ref:x,style:{position:"absolute",...f.style},onPointerDown:Mt(e.onPointerDown,O=>{O.button===0&&(O.target.setPointerCapture(O.pointerId),y.current=h.getBoundingClientRect(),w.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",p.viewport&&(p.viewport.style.scrollBehavior="auto"),C(O))}),onPointerMove:Mt(e.onPointerMove,C),onPointerUp:Mt(e.onPointerUp,O=>{let T=O.target;T.hasPointerCapture(O.pointerId)&&T.releasePointerCapture(O.pointerId),document.body.style.webkitUserSelect=w.current,p.viewport&&(p.viewport.style.scrollBehavior=""),y.current=null})})))}),Ka="ScrollAreaThumb",N5=b.forwardRef((e,t)=>{let{forceMount:r,...n}=e,a=Eu(Ka,e.__scopeScrollArea);return b.createElement(Hr,{present:r||a.hasThumb},b.createElement(H5,U({ref:t},n)))}),H5=b.forwardRef((e,t)=>{let{__scopeScrollArea:r,style:n,...a}=e,l=Be(Ka,r),i=Eu(Ka,r),{onThumbPositionChange:u}=i,s=Zt(t,m=>i.onThumbChange(m)),c=b.useRef(),d=jn(()=>{c.current&&(c.current(),c.current=void 0)},100);return b.useEffect(()=>{let m=l.viewport;if(m){let f=()=>{if(d(),!c.current){let p=q5(m,u);c.current=p,u()}};return u(),m.addEventListener("scroll",f),()=>m.removeEventListener("scroll",f)}},[l.viewport,d,u]),b.createElement(Nr.div,U({"data-state":i.hasThumb?"visible":"hidden"},a,{ref:s,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...n},onPointerDownCapture:Mt(e.onPointerDownCapture,m=>{let f=m.target.getBoundingClientRect(),p=m.clientX-f.left,h=m.clientY-f.top;i.onThumbPointerDown({x:p,y:h})}),onPointerUp:Mt(e.onPointerUp,i.onThumbPointerUp)}))}),wu="ScrollAreaCorner",Z5=b.forwardRef((e,t)=>{let r=Be(wu,e.__scopeScrollArea),n=!!(r.scrollbarX&&r.scrollbarY);return r.type!=="scroll"&&n?b.createElement(V5,U({},e,{ref:t})):null}),V5=b.forwardRef((e,t)=>{let{__scopeScrollArea:r,...n}=e,a=Be(wu,r),[l,i]=b.useState(0),[u,s]=b.useState(0),c=!!(l&&u);return er(a.scrollbarX,()=>{var d;let m=((d=a.scrollbarX)===null||d===void 0?void 0:d.offsetHeight)||0;a.onCornerHeightChange(m),s(m)}),er(a.scrollbarY,()=>{var d;let m=((d=a.scrollbarY)===null||d===void 0?void 0:d.offsetWidth)||0;a.onCornerWidthChange(m),i(m)}),c?b.createElement(Nr.div,U({},n,{ref:t,style:{width:l,height:u,position:"absolute",right:a.dir==="ltr"?0:void 0,left:a.dir==="rtl"?0:void 0,bottom:0,...e.style}})):null});function En(e){return e?parseInt(e,10):0}function Au(e,t){let r=e/t;return isNaN(r)?0:r}function Pn(e){let t=Au(e.viewport,e.content),r=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,n=(e.scrollbar.size-r)*t;return Math.max(n,18)}function z5(e,t,r,n="ltr"){let a=Pn(r),l=a/2,i=t||l,u=a-i,s=r.scrollbar.paddingStart+i,c=r.scrollbar.size-r.scrollbar.paddingEnd-u,d=r.content-r.viewport,m=n==="ltr"?[0,d]:[d*-1,0];return Su([s,c],m)(e)}function ri(e,t,r="ltr"){let n=Pn(t),a=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,l=t.scrollbar.size-a,i=t.content-t.viewport,u=l-n,s=r==="ltr"?[0,i]:[i*-1,0],c=O5(e,s);return Su([0,i],[0,u])(c)}function Su(e,t){return r=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let n=(t[1]-t[0])/(e[1]-e[0]);return t[0]+n*(r-e[0])}}function Cu(e,t){return e>0&&e<t}var q5=(e,t=()=>{})=>{let r={left:e.scrollLeft,top:e.scrollTop},n=0;return function a(){let l={left:e.scrollLeft,top:e.scrollTop},i=r.left!==l.left,u=r.top!==l.top;(i||u)&&t(),r=l,n=window.requestAnimationFrame(a)}(),()=>window.cancelAnimationFrame(n)};function jn(e,t){let r=Dt(e),n=b.useRef(0);return b.useEffect(()=>()=>window.clearTimeout(n.current),[]),b.useCallback(()=>{window.clearTimeout(n.current),n.current=window.setTimeout(r,t)},[r,t])}function er(e,t){let r=Dt(t);Ya(()=>{let n=0;if(e){let a=new ResizeObserver(()=>{cancelAnimationFrame(n),n=window.requestAnimationFrame(r)});return a.observe(e),()=>{window.cancelAnimationFrame(n),a.unobserve(e)}}},[e,r])}var U5=F5,W5=D5,G5=L5,Y5=N5,K5=Z5,X5=_(U5)(({scrollbarsize:e,offset:t})=>({width:"100%",height:"100%",overflow:"hidden","--scrollbar-size":`${e+t}px`,"--radix-scroll-area-thumb-width":`${e}px`})),J5=_(W5)({width:"100%",height:"100%"}),ni=_(G5)(({offset:e,horizontal:t,vertical:r})=>({display:"flex",userSelect:"none",touchAction:"none",background:"transparent",transition:"all 0.2s ease-out",borderRadius:"var(--scrollbar-size)",'&[data-orientation="vertical"]':{width:"var(--scrollbar-size)",paddingRight:e,marginTop:e,marginBottom:t==="true"&&r==="true"?0:e},'&[data-orientation="horizontal"]':{flexDirection:"column",height:"var(--scrollbar-size)",paddingBottom:e,marginLeft:e,marginRight:t==="true"&&r==="true"?0:e}})),ai=_(Y5)(({theme:e})=>({flex:1,background:e.textMutedColor,opacity:.5,borderRadius:"var(--scrollbar-size)",position:"relative",transition:"opacity 0.2s ease-out","&:hover":{opacity:.8},"::before":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%,-50%)",width:"100%",height:"100%",minWidth:44,minHeight:44}})),Po=({children:e,horizontal:t=!1,vertical:r=!1,offset:n=2,scrollbarSize:a=6,className:l})=>o.createElement(X5,{scrollbarsize:a,offset:n,className:l},o.createElement(J5,null,e),t&&o.createElement(ni,{orientation:"horizontal",offset:n,horizontal:t.toString(),vertical:r.toString()},o.createElement(ai,null)),r&&o.createElement(ni,{orientation:"vertical",offset:n,horizontal:t.toString(),vertical:r.toString()},o.createElement(ai,null)),t&&r&&o.createElement(K5,null)),{navigator:Xr,document:br,window:Q5}=S2;Te.registerLanguage("jsextra",$2);Te.registerLanguage("jsx",k2);Te.registerLanguage("json",L2);Te.registerLanguage("yml",Z2);Te.registerLanguage("md",N2);Te.registerLanguage("bash",O2);Te.registerLanguage("css",R2);Te.registerLanguage("html",P2);Te.registerLanguage("tsx",z2);Te.registerLanguage("typescript",U2);Te.registerLanguage("graphql",B2);var ef=Ht(2)(e=>Object.entries(e.code||{}).reduce((t,[r,n])=>({...t,[`* .${r}`]:n}),{})),tf=ku();function ku(){return Xr!=null&&Xr.clipboard?e=>Xr.clipboard.writeText(e):async e=>{let t=br.createElement("TEXTAREA"),r=br.activeElement;t.value=e,br.body.appendChild(t),t.select(),br.execCommand("copy"),br.body.removeChild(t),r.focus()}}var rf=_.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)"}}:{}),nf=({children:e,className:t})=>o.createElement(Po,{horizontal:!0,vertical:!0,className:t},e),af=_(nf)({position:"relative"},({theme:e})=>ef(e)),of=_.pre(({theme:e,padded:t})=>({display:"flex",justifyContent:"flex-start",margin:0,padding:t?e.layoutMargin:0})),lf=_.div(({theme:e})=>({flex:1,paddingLeft:2,paddingRight:e.layoutMargin,opacity:1})),_u=e=>{let t=[...e.children],r=t[0],n=r.children[0].value,a={...r,children:[],properties:{...r.properties,"data-line-number":n,style:{...r.properties.style,userSelect:"auto"}}};return t[0]=a,{...e,children:t}},sf=({rows:e,stylesheet:t,useInlineStyles:r})=>e.map((n,a)=>Do({node:_u(n),stylesheet:t,useInlineStyles:r,key:`code-segement${a}`})),uf=(e,t)=>t?e?({rows:r,...n})=>e({rows:r.map(a=>_u(a)),...n}):sf:e,jo=({children:e,language:t="jsx",copyable:r=!1,bordered:n=!1,padded:a=!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(),[m,f]=b.useState(!1),p=b.useCallback(g=>{g.preventDefault(),tf(d).then(()=>{f(!0),Q5.setTimeout(()=>f(!1),1500)}).catch(A2.error)},[d]),h=uf(c.renderer,s);return o.createElement(rf,{bordered:n,padded:a,showLineNumbers:s,className:u},o.createElement(af,null,o.createElement(Te,{padded:a||n,language:t,showLineNumbers:s,showInlineLineNumbers:s,useInlineStyles:!1,PreTag:of,CodeTag:lf,lineNumberContainerStyle:{},...c,renderer:h},d)),r?o.createElement(Bo,{actionItems:[{title:m?"Copied":"Copy",onClick:p}]}):null)};jo.registerLanguage=(...e)=>Te.registerLanguage(...e);var Vw=jo;const{global:cf}=__STORYBOOK_MODULE_GLOBAL__;var df=Z({"../../node_modules/react-fast-compare/index.js"(e,t){var r=typeof Element<"u",n=typeof Map=="function",a=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,m;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 f;if(n&&u instanceof Map&&s instanceof Map){if(u.size!==s.size)return!1;for(f=u.entries();!(d=f.next()).done;)if(!s.has(d.value[0]))return!1;for(f=u.entries();!(d=f.next()).done;)if(!i(d.value[1],s.get(d.value[0])))return!1;return!0}if(a&&u instanceof Set&&s instanceof Set){if(u.size!==s.size)return!1;for(f=u.entries();!(d=f.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(m=Object.keys(u),c=m.length,c!==Object.keys(s).length)return!1;for(d=c;d--!==0;)if(!Object.prototype.hasOwnProperty.call(s,m[d]))return!1;if(r&&u instanceof Element)return!1;for(d=c;d--!==0;)if(!((m[d]==="_owner"||m[d]==="__v"||m[d]==="__o")&&u.$$typeof)&&!i(u[m[d]],s[m[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}}}}),oi=function(e){return e.reduce(function(t,r){var n=r[0],a=r[1];return t[n]=a,t},{})},li=typeof window<"u"&&window.document&&window.document.createElement?b.useLayoutEffect:b.useEffect,we="top",Le="bottom",Me="right",Ae="left",Nn="auto",Zr=[we,Le,Me,Ae],tr="start",Fr="end",pf="clippingParents",Ou="viewport",yr="popper",ff="reference",ii=Zr.reduce(function(e,t){return e.concat([t+"-"+tr,t+"-"+Fr])},[]),Tu=[].concat(Zr,[Nn]).reduce(function(e,t){return e.concat([t,t+"-"+tr,t+"-"+Fr])},[]),mf="beforeRead",gf="read",hf="afterRead",bf="beforeMain",yf="main",vf="afterMain",Ef="beforeWrite",xf="write",wf="afterWrite",Af=[mf,gf,hf,bf,yf,vf,Ef,xf,wf];function lt(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 Nt(e){var t=_e(e).Element;return e instanceof t||e instanceof Element}function De(e){var t=_e(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function No(e){if(typeof ShadowRoot>"u")return!1;var t=_e(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function Sf(e){var t=e.state;Object.keys(t.elements).forEach(function(r){var n=t.styles[r]||{},a=t.attributes[r]||{},l=t.elements[r];!De(l)||!lt(l)||(Object.assign(l.style,n),Object.keys(a).forEach(function(i){var u=a[i];u===!1?l.removeAttribute(i):l.setAttribute(i,u===!0?"":u)}))})}function Cf(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 a=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},{});!De(a)||!lt(a)||(Object.assign(a.style,u),Object.keys(l).forEach(function(s){a.removeAttribute(s)}))})}}var kf={name:"applyStyles",enabled:!0,phase:"write",fn:Sf,effect:Cf,requires:["computeStyles"]};function ot(e){return e.split("-")[0]}var Bt=Math.max,xn=Math.min,rr=Math.round;function Xa(){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 Ru(){return!/^((?!chrome|android).)*safari/i.test(Xa())}function nr(e,t,r){t===void 0&&(t=!1),r===void 0&&(r=!1);var n=e.getBoundingClientRect(),a=1,l=1;t&&De(e)&&(a=e.offsetWidth>0&&rr(n.width)/e.offsetWidth||1,l=e.offsetHeight>0&&rr(n.height)/e.offsetHeight||1);var i=Nt(e)?_e(e):window,u=i.visualViewport,s=!Ru()&&r,c=(n.left+(s&&u?u.offsetLeft:0))/a,d=(n.top+(s&&u?u.offsetTop:0))/l,m=n.width/a,f=n.height/l;return{width:m,height:f,top:d,right:c+m,bottom:d+f,left:c,x:c,y:d}}function Ho(e){var t=nr(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 Fu(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&No(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 _f(e){return["table","td","th"].indexOf(lt(e))>=0}function St(e){return((Nt(e)?e.ownerDocument:e.document)||window.document).documentElement}function Hn(e){return lt(e)==="html"?e:e.assignedSlot||e.parentNode||(No(e)?e.host:null)||St(e)}function si(e){return!De(e)||pt(e).position==="fixed"?null:e.offsetParent}function Of(e){var t=/firefox/i.test(Xa()),r=/Trident/i.test(Xa());if(r&&De(e)){var n=pt(e);if(n.position==="fixed")return null}var a=Hn(e);for(No(a)&&(a=a.host);De(a)&&["html","body"].indexOf(lt(a))<0;){var l=pt(a);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 a;a=a.parentNode}return null}function Vr(e){for(var t=_e(e),r=si(e);r&&_f(r)&&pt(r).position==="static";)r=si(r);return r&&(lt(r)==="html"||lt(r)==="body"&&pt(r).position==="static")?t:r||Of(e)||t}function Zo(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function wr(e,t,r){return Bt(e,xn(t,r))}function Tf(e,t,r){var n=wr(e,t,r);return n>r?r:n}function $u(){return{top:0,right:0,bottom:0,left:0}}function Du(e){return Object.assign({},$u(),e)}function Lu(e,t){return t.reduce(function(r,n){return r[n]=e,r},{})}var Rf=function(e,t){return e=typeof e=="function"?e(Object.assign({},t.rects,{placement:t.placement})):e,Du(typeof e!="number"?e:Lu(e,Zr))};function Ff(e){var t,r=e.state,n=e.name,a=e.options,l=r.elements.arrow,i=r.modifiersData.popperOffsets,u=ot(r.placement),s=Zo(u),c=[Ae,Me].indexOf(u)>=0,d=c?"height":"width";if(!(!l||!i)){var m=Rf(a.padding,r),f=Ho(l),p=s==="y"?we:Ae,h=s==="y"?Le:Me,g=r.rects.reference[d]+r.rects.reference[s]-i[s]-r.rects.popper[d],x=i[s]-r.rects.reference[s],y=Vr(l),w=y?s==="y"?y.clientHeight||0:y.clientWidth||0:0,v=g/2-x/2,E=m[p],A=w-f[d]-m[h],S=w/2-f[d]/2+v,k=wr(E,S,A),C=s;r.modifiersData[n]=(t={},t[C]=k,t.centerOffset=k-S,t)}}function $f(e){var t=e.state,r=e.options,n=r.element,a=n===void 0?"[data-popper-arrow]":n;a!=null&&(typeof a=="string"&&(a=t.elements.popper.querySelector(a),!a)||Fu(t.elements.popper,a)&&(t.elements.arrow=a))}var Df={name:"arrow",enabled:!0,phase:"main",fn:Ff,effect:$f,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function ar(e){return e.split("-")[1]}var Lf={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Mf(e,t){var r=e.x,n=e.y,a=t.devicePixelRatio||1;return{x:rr(r*a)/a||0,y:rr(n*a)/a||0}}function ui(e){var t,r=e.popper,n=e.popperRect,a=e.placement,l=e.variation,i=e.offsets,u=e.position,s=e.gpuAcceleration,c=e.adaptive,d=e.roundOffsets,m=e.isFixed,f=i.x,p=f===void 0?0:f,h=i.y,g=h===void 0?0:h,x=typeof d=="function"?d({x:p,y:g}):{x:p,y:g};p=x.x,g=x.y;var y=i.hasOwnProperty("x"),w=i.hasOwnProperty("y"),v=Ae,E=we,A=window;if(c){var S=Vr(r),k="clientHeight",C="clientWidth";if(S===_e(r)&&(S=St(r),pt(S).position!=="static"&&u==="absolute"&&(k="scrollHeight",C="scrollWidth")),S=S,a===we||(a===Ae||a===Me)&&l===Fr){E=Le;var O=m&&S===A&&A.visualViewport?A.visualViewport.height:S[k];g-=O-n.height,g*=s?1:-1}if(a===Ae||(a===we||a===Le)&&l===Fr){v=Me;var T=m&&S===A&&A.visualViewport?A.visualViewport.width:S[C];p-=T-n.width,p*=s?1:-1}}var R=Object.assign({position:u},c&&Lf),$=d===!0?Mf({x:p,y:g},_e(r)):{x:p,y:g};if(p=$.x,g=$.y,s){var F;return Object.assign({},R,(F={},F[E]=w?"0":"",F[v]=y?"0":"",F.transform=(A.devicePixelRatio||1)<=1?"translate("+p+"px, "+g+"px)":"translate3d("+p+"px, "+g+"px, 0)",F))}return Object.assign({},R,(t={},t[E]=w?g+"px":"",t[v]=y?p+"px":"",t.transform="",t))}function Bf(e){var t=e.state,r=e.options,n=r.gpuAcceleration,a=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:ot(t.placement),variation:ar(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:a,isFixed:t.options.strategy==="fixed"};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,ui(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,ui(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 If={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:Bf,data:{}},Jr={passive:!0};function Pf(e){var t=e.state,r=e.instance,n=e.options,a=n.scroll,l=a===void 0?!0:a,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,Jr)}),u&&s.addEventListener("resize",r.update,Jr),function(){l&&c.forEach(function(d){d.removeEventListener("scroll",r.update,Jr)}),u&&s.removeEventListener("resize",r.update,Jr)}}var jf={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:Pf,data:{}},Nf={left:"right",right:"left",bottom:"top",top:"bottom"};function un(e){return e.replace(/left|right|bottom|top/g,function(t){return Nf[t]})}var Hf={start:"end",end:"start"};function ci(e){return e.replace(/start|end/g,function(t){return Hf[t]})}function Vo(e){var t=_e(e),r=t.pageXOffset,n=t.pageYOffset;return{scrollLeft:r,scrollTop:n}}function zo(e){return nr(St(e)).left+Vo(e).scrollLeft}function Zf(e,t){var r=_e(e),n=St(e),a=r.visualViewport,l=n.clientWidth,i=n.clientHeight,u=0,s=0;if(a){l=a.width,i=a.height;var c=Ru();(c||!c&&t==="fixed")&&(u=a.offsetLeft,s=a.offsetTop)}return{width:l,height:i,x:u+zo(e),y:s}}function Vf(e){var t,r=St(e),n=Vo(e),a=(t=e.ownerDocument)==null?void 0:t.body,l=Bt(r.scrollWidth,r.clientWidth,a?a.scrollWidth:0,a?a.clientWidth:0),i=Bt(r.scrollHeight,r.clientHeight,a?a.scrollHeight:0,a?a.clientHeight:0),u=-n.scrollLeft+zo(e),s=-n.scrollTop;return pt(a||r).direction==="rtl"&&(u+=Bt(r.clientWidth,a?a.clientWidth:0)-l),{width:l,height:i,x:u,y:s}}function qo(e){var t=pt(e),r=t.overflow,n=t.overflowX,a=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+a+n)}function Mu(e){return["html","body","#document"].indexOf(lt(e))>=0?e.ownerDocument.body:De(e)&&qo(e)?e:Mu(Hn(e))}function Ar(e,t){var r;t===void 0&&(t=[]);var n=Mu(e),a=n===((r=e.ownerDocument)==null?void 0:r.body),l=_e(n),i=a?[l].concat(l.visualViewport||[],qo(n)?n:[]):n,u=t.concat(i);return a?u:u.concat(Ar(Hn(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 zf(e,t){var r=nr(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 di(e,t,r){return t===Ou?Ja(Zf(e,r)):Nt(t)?zf(t,r):Ja(Vf(St(e)))}function qf(e){var t=Ar(Hn(e)),r=["absolute","fixed"].indexOf(pt(e).position)>=0,n=r&&De(e)?Vr(e):e;return Nt(n)?t.filter(function(a){return Nt(a)&&Fu(a,n)&<(a)!=="body"}):[]}function Uf(e,t,r,n){var a=t==="clippingParents"?qf(e):[].concat(t),l=[].concat(a,[r]),i=l[0],u=l.reduce(function(s,c){var d=di(e,c,n);return s.top=Bt(d.top,s.top),s.right=xn(d.right,s.right),s.bottom=xn(d.bottom,s.bottom),s.left=Bt(d.left,s.left),s},di(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 Bu(e){var t=e.reference,r=e.element,n=e.placement,a=n?ot(n):null,l=n?ar(n):null,i=t.x+t.width/2-r.width/2,u=t.y+t.height/2-r.height/2,s;switch(a){case we:s={x:i,y:t.y-r.height};break;case Le:s={x:i,y:t.y+t.height};break;case Me:s={x:t.x+t.width,y:u};break;case Ae:s={x:t.x-r.width,y:u};break;default:s={x:t.x,y:t.y}}var c=a?Zo(a):null;if(c!=null){var d=c==="y"?"height":"width";switch(l){case tr:s[c]=s[c]-(t[d]/2-r[d]/2);break;case Fr:s[c]=s[c]+(t[d]/2-r[d]/2);break}}return s}function $r(e,t){t===void 0&&(t={});var r=t,n=r.placement,a=n===void 0?e.placement:n,l=r.strategy,i=l===void 0?e.strategy:l,u=r.boundary,s=u===void 0?pf:u,c=r.rootBoundary,d=c===void 0?Ou:c,m=r.elementContext,f=m===void 0?yr:m,p=r.altBoundary,h=p===void 0?!1:p,g=r.padding,x=g===void 0?0:g,y=Du(typeof x!="number"?x:Lu(x,Zr)),w=f===yr?ff:yr,v=e.rects.popper,E=e.elements[h?w:f],A=Uf(Nt(E)?E:E.contextElement||St(e.elements.popper),s,d,i),S=nr(e.elements.reference),k=Bu({reference:S,element:v,strategy:"absolute",placement:a}),C=Ja(Object.assign({},v,k)),O=f===yr?C:S,T={top:A.top-O.top+y.top,bottom:O.bottom-A.bottom+y.bottom,left:A.left-O.left+y.left,right:O.right-A.right+y.right},R=e.modifiersData.offset;if(f===yr&&R){var $=R[a];Object.keys(T).forEach(function(F){var P=[Me,Le].indexOf(F)>=0?1:-1,D=[we,Le].indexOf(F)>=0?"y":"x";T[F]+=$[D]*P})}return T}function Wf(e,t){t===void 0&&(t={});var r=t,n=r.placement,a=r.boundary,l=r.rootBoundary,i=r.padding,u=r.flipVariations,s=r.allowedAutoPlacements,c=s===void 0?Tu:s,d=ar(n),m=d?u?ii:ii.filter(function(h){return ar(h)===d}):Zr,f=m.filter(function(h){return c.indexOf(h)>=0});f.length===0&&(f=m);var p=f.reduce(function(h,g){return h[g]=$r(e,{placement:g,boundary:a,rootBoundary:l,padding:i})[ot(g)],h},{});return Object.keys(p).sort(function(h,g){return p[h]-p[g]})}function Gf(e){if(ot(e)===Nn)return[];var t=un(e);return[ci(e),t,ci(t)]}function Yf(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var a=r.mainAxis,l=a===void 0?!0:a,i=r.altAxis,u=i===void 0?!0:i,s=r.fallbackPlacements,c=r.padding,d=r.boundary,m=r.rootBoundary,f=r.altBoundary,p=r.flipVariations,h=p===void 0?!0:p,g=r.allowedAutoPlacements,x=t.options.placement,y=ot(x),w=y===x,v=s||(w||!h?[un(x)]:Gf(x)),E=[x].concat(v).reduce(function(J,I){return J.concat(ot(I)===Nn?Wf(t,{placement:I,boundary:d,rootBoundary:m,padding:c,flipVariations:h,allowedAutoPlacements:g}):I)},[]),A=t.rects.reference,S=t.rects.popper,k=new Map,C=!0,O=E[0],T=0;T<E.length;T++){var R=E[T],$=ot(R),F=ar(R)===tr,P=[we,Le].indexOf($)>=0,D=P?"width":"height",L=$r(t,{placement:R,boundary:d,rootBoundary:m,altBoundary:f,padding:c}),j=P?F?Me:Ae:F?Le:we;A[D]>S[D]&&(j=un(j));var V=un(j),B=[];if(l&&B.push(L[$]<=0),u&&B.push(L[j]<=0,L[V]<=0),B.every(function(J){return J})){O=R,C=!1;break}k.set(R,B)}if(C)for(var H=h?3:1,X=function(J){var I=E.find(function(z){var W=k.get(z);if(W)return W.slice(0,J).every(function(se){return se})});if(I)return O=I,"break"},ne=H;ne>0;ne--){var K=X(ne);if(K==="break")break}t.placement!==O&&(t.modifiersData[n]._skip=!0,t.placement=O,t.reset=!0)}}var Kf={name:"flip",enabled:!0,phase:"main",fn:Yf,requiresIfExists:["offset"],data:{_skip:!1}};function pi(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 fi(e){return[we,Me,Le,Ae].some(function(t){return e[t]>=0})}function Xf(e){var t=e.state,r=e.name,n=t.rects.reference,a=t.rects.popper,l=t.modifiersData.preventOverflow,i=$r(t,{elementContext:"reference"}),u=$r(t,{altBoundary:!0}),s=pi(i,n),c=pi(u,a,l),d=fi(s),m=fi(c);t.modifiersData[r]={referenceClippingOffsets:s,popperEscapeOffsets:c,isReferenceHidden:d,hasPopperEscaped:m},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":m})}var Jf={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Xf};function Qf(e,t,r){var n=ot(e),a=[Ae,we].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)*a,[Ae,Me].indexOf(n)>=0?{x:u,y:i}:{x:i,y:u}}function em(e){var t=e.state,r=e.options,n=e.name,a=r.offset,l=a===void 0?[0,0]:a,i=Tu.reduce(function(d,m){return d[m]=Qf(m,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 tm={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:em};function rm(e){var t=e.state,r=e.name;t.modifiersData[r]=Bu({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}var nm={name:"popperOffsets",enabled:!0,phase:"read",fn:rm,data:{}};function am(e){return e==="x"?"y":"x"}function om(e){var t=e.state,r=e.options,n=e.name,a=r.mainAxis,l=a===void 0?!0:a,i=r.altAxis,u=i===void 0?!1:i,s=r.boundary,c=r.rootBoundary,d=r.altBoundary,m=r.padding,f=r.tether,p=f===void 0?!0:f,h=r.tetherOffset,g=h===void 0?0:h,x=$r(t,{boundary:s,rootBoundary:c,padding:m,altBoundary:d}),y=ot(t.placement),w=ar(t.placement),v=!w,E=Zo(y),A=am(E),S=t.modifiersData.popperOffsets,k=t.rects.reference,C=t.rects.popper,O=typeof g=="function"?g(Object.assign({},t.rects,{placement:t.placement})):g,T=typeof O=="number"?{mainAxis:O,altAxis:O}:Object.assign({mainAxis:0,altAxis:0},O),R=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,$={x:0,y:0};if(S){if(l){var F,P=E==="y"?we:Ae,D=E==="y"?Le:Me,L=E==="y"?"height":"width",j=S[E],V=j+x[P],B=j-x[D],H=p?-C[L]/2:0,X=w===tr?k[L]:C[L],ne=w===tr?-C[L]:-k[L],K=t.elements.arrow,J=p&&K?Ho(K):{width:0,height:0},I=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:$u(),z=I[P],W=I[D],se=wr(0,k[L],J[L]),be=v?k[L]/2-H-se-z-T.mainAxis:X-se-z-T.mainAxis,it=v?-k[L]/2+H+se+W+T.mainAxis:ne+se+W+T.mainAxis,Re=t.elements.arrow&&Vr(t.elements.arrow),Ze=Re?E==="y"?Re.clientTop||0:Re.clientLeft||0:0,M=(F=R==null?void 0:R[E])!=null?F:0,Pe=j+be-M-Ze,Ve=j+it-M,Ct=wr(p?xn(V,Pe):V,j,p?Bt(B,Ve):B);S[E]=Ct,$[E]=Ct-j}if(u){var zt,ze=E==="x"?we:Ae,qr=E==="x"?Le:Me,ye=S[A],kt=A==="y"?"height":"width",qe=ye+x[ze],qt=ye-x[qr],Ue=[we,Ae].indexOf(y)!==-1,Ut=(zt=R==null?void 0:R[A])!=null?zt:0,We=Ue?qe:ye-k[kt]-C[kt]-Ut+T.altAxis,fe=Ue?ye+k[kt]+C[kt]-Ut-T.altAxis:qt,je=p&&Ue?Tf(We,ye,fe):wr(p?We:qe,ye,p?fe:qt);S[A]=je,$[A]=je-ye}t.modifiersData[n]=$}}var lm={name:"preventOverflow",enabled:!0,phase:"main",fn:om,requiresIfExists:["offset"]};function im(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function sm(e){return e===_e(e)||!De(e)?Vo(e):im(e)}function um(e){var t=e.getBoundingClientRect(),r=rr(t.width)/e.offsetWidth||1,n=rr(t.height)/e.offsetHeight||1;return r!==1||n!==1}function cm(e,t,r){r===void 0&&(r=!1);var n=De(t),a=De(t)&&um(t),l=St(t),i=nr(e,a,r),u={scrollLeft:0,scrollTop:0},s={x:0,y:0};return(n||!n&&!r)&&((lt(t)!=="body"||qo(l))&&(u=sm(t)),De(t)?(s=nr(t,!0),s.x+=t.clientLeft,s.y+=t.clientTop):l&&(s.x=zo(l))),{x:i.left+u.scrollLeft-s.x,y:i.top+u.scrollTop-s.y,width:i.width,height:i.height}}function dm(e){var t=new Map,r=new Set,n=[];e.forEach(function(l){t.set(l.name,l)});function a(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&&a(s)}}),n.push(l)}return e.forEach(function(l){r.has(l.name)||a(l)}),n}function pm(e){var t=dm(e);return Af.reduce(function(r,n){return r.concat(t.filter(function(a){return a.phase===n}))},[])}function fm(e){var t;return function(){return t||(t=new Promise(function(r){Promise.resolve().then(function(){t=void 0,r(e())})})),t}}function mm(e){var t=e.reduce(function(r,n){var a=r[n.name];return r[n.name]=a?Object.assign({},a,n,{options:Object.assign({},a.options,n.options),data:Object.assign({},a.data,n.data)}):n,r},{});return Object.keys(t).map(function(r){return t[r]})}var mi={placement:"bottom",modifiers:[],strategy:"absolute"};function gi(){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 gm(e){e===void 0&&(e={});var t=e,r=t.defaultModifiers,n=r===void 0?[]:r,a=t.defaultOptions,l=a===void 0?mi:a;return function(i,u,s){s===void 0&&(s=l);var c={placement:"bottom",orderedModifiers:[],options:Object.assign({},mi,l),modifiersData:{},elements:{reference:i,popper:u},attributes:{},styles:{}},d=[],m=!1,f={state:c,setOptions:function(g){var x=typeof g=="function"?g(c.options):g;h(),c.options=Object.assign({},l,c.options,x),c.scrollParents={reference:Nt(i)?Ar(i):i.contextElement?Ar(i.contextElement):[],popper:Ar(u)};var y=pm(mm([].concat(n,c.options.modifiers)));return c.orderedModifiers=y.filter(function(w){return w.enabled}),p(),f.update()},forceUpdate:function(){if(!m){var g=c.elements,x=g.reference,y=g.popper;if(gi(x,y)){c.rects={reference:cm(x,Vr(y),c.options.strategy==="fixed"),popper:Ho(y)},c.reset=!1,c.placement=c.options.placement,c.orderedModifiers.forEach(function(C){return c.modifiersData[C.name]=Object.assign({},C.data)});for(var w=0;w<c.orderedModifiers.length;w++){if(c.reset===!0){c.reset=!1,w=-1;continue}var v=c.orderedModifiers[w],E=v.fn,A=v.options,S=A===void 0?{}:A,k=v.name;typeof E=="function"&&(c=E({state:c,options:S,name:k,instance:f})||c)}}}},update:fm(function(){return new Promise(function(g){f.forceUpdate(),g(c)})}),destroy:function(){h(),m=!0}};if(!gi(i,u))return f;f.setOptions(s).then(function(g){!m&&s.onFirstUpdate&&s.onFirstUpdate(g)});function p(){c.orderedModifiers.forEach(function(g){var x=g.name,y=g.options,w=y===void 0?{}:y,v=g.effect;if(typeof v=="function"){var E=v({state:c,name:x,instance:f,options:w}),A=function(){};d.push(E||A)}})}function h(){d.forEach(function(g){return g()}),d=[]}return f}}var hm=[jf,nm,If,kf,tm,Kf,lm,Df,Jf],bm=gm({defaultModifiers:hm}),ym=Oe(df()),vm=[],Em=function(e,t,r){r===void 0&&(r={});var n=b.useRef(null),a={onFirstUpdate:r.onFirstUpdate,placement:r.placement||"bottom",strategy:r.strategy||"absolute",modifiers:r.modifiers||vm},l=b.useState({styles:{popper:{position:a.strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),i=l[0],u=l[1],s=b.useMemo(function(){return{name:"updateState",enabled:!0,phase:"write",fn:function(m){var f=m.state,p=Object.keys(f.elements);hs.flushSync(function(){u({styles:oi(p.map(function(h){return[h,f.styles[h]||{}]})),attributes:oi(p.map(function(h){return[h,f.attributes[h]]}))})})},requires:["computeStyles"]}},[]),c=b.useMemo(function(){var m={onFirstUpdate:a.onFirstUpdate,placement:a.placement,strategy:a.strategy,modifiers:[].concat(a.modifiers,[s,{name:"applyStyles",enabled:!1}])};return(0,ym.default)(n.current,m)?n.current||m:(n.current=m,m)},[a.onFirstUpdate,a.placement,a.strategy,a.modifiers,s]),d=b.useRef();return li(function(){d.current&&d.current.setOptions(c)},[c]),li(function(){if(!(e==null||t==null)){var m=r.createPopper||bm,f=m(e,t,c);return d.current=f,function(){f.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 Iu(e){var t=b.useRef(e);return t.current=e,b.useCallback(function(){return t.current},[])}var xm=function(){};function wm(e){var t=e.initial,r=e.value,n=e.onChange,a=n===void 0?xm: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=b.useState(t),i=l[0],u=l[1],s=Iu(i),c=b.useCallback(function(m){var f=s(),p=typeof m=="function"?m(f):m;typeof p.persist=="function"&&p.persist(),u(p),typeof a=="function"&&a(p)},[s,a]),d=r!==void 0;return[d?r:i,d?a:c]}function Pu(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 Am=["styles","attributes"],hi={getBoundingClientRect:Pu()},bi={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 Sm(e,t){var r,n,a;e===void 0&&(e={}),t===void 0&&(t={});var l=Object.keys(bi).reduce(function(D,L){var j;return U({},D,(j={},j[L]=D[L]!==void 0?D[L]:bi[L],j))},e),i=b.useMemo(function(){return[{name:"offset",options:{offset:l.offset}}]},Array.isArray(l.offset)?l.offset:[]),u=U({},t,{placement:t.placement||l.placement,modifiers:t.modifiers||i}),s=b.useState(null),c=s[0],d=s[1],m=b.useState(null),f=m[0],p=m[1],h=wm({initial:l.defaultVisible,value:l.visible,onChange:l.onVisibleChange}),g=h[0],x=h[1],y=b.useRef();b.useEffect(function(){return function(){return clearTimeout(y.current)}},[]);var w=Em(l.followCursor?hi:c,f,u),v=w.styles,E=w.attributes,A=Ro(w,Am),S=A.update,k=Iu({visible:g,triggerRef:c,tooltipRef:f,finalConfig:l}),C=b.useCallback(function(D){return Array.isArray(l.trigger)?l.trigger.includes(D):l.trigger===D},Array.isArray(l.trigger)?l.trigger:[l.trigger]),O=b.useCallback(function(){clearTimeout(y.current),y.current=window.setTimeout(function(){return x(!1)},l.delayHide)},[l.delayHide,x]),T=b.useCallback(function(){clearTimeout(y.current),y.current=window.setTimeout(function(){return x(!0)},l.delayShow)},[l.delayShow,x]),R=b.useCallback(function(){k().visible?O():T()},[k,O,T]);b.useEffect(function(){if(k().finalConfig.closeOnOutsideClick){var D=function(L){var j,V=k(),B=V.tooltipRef,H=V.triggerRef,X=(L.composedPath==null||(j=L.composedPath())==null?void 0:j[0])||L.target;X instanceof Node&&B!=null&&H!=null&&!B.contains(X)&&!H.contains(X)&&O()};return document.addEventListener("mousedown",D),function(){return document.removeEventListener("mousedown",D)}}},[k,O]),b.useEffect(function(){if(!(c==null||!C("click")))return c.addEventListener("click",R),function(){return c.removeEventListener("click",R)}},[c,C,R]),b.useEffect(function(){if(!(c==null||!C("double-click")))return c.addEventListener("dblclick",R),function(){return c.removeEventListener("dblclick",R)}},[c,C,R]),b.useEffect(function(){if(!(c==null||!C("right-click"))){var D=function(L){L.preventDefault(),R()};return c.addEventListener("contextmenu",D),function(){return c.removeEventListener("contextmenu",D)}}},[c,C,R]),b.useEffect(function(){if(!(c==null||!C("focus")))return c.addEventListener("focus",T),c.addEventListener("blur",O),function(){c.removeEventListener("focus",T),c.removeEventListener("blur",O)}},[c,C,T,O]),b.useEffect(function(){if(!(c==null||!C("hover")))return c.addEventListener("mouseenter",T),c.addEventListener("mouseleave",O),function(){c.removeEventListener("mouseenter",T),c.removeEventListener("mouseleave",O)}},[c,C,T,O]),b.useEffect(function(){if(!(f==null||!C("hover")||!k().finalConfig.interactive))return f.addEventListener("mouseenter",T),f.addEventListener("mouseleave",O),function(){f.removeEventListener("mouseenter",T),f.removeEventListener("mouseleave",O)}},[f,C,T,O,k]);var $=A==null||(r=A.state)==null||(n=r.modifiersData)==null||(a=n.hide)==null?void 0:a.isReferenceHidden;b.useEffect(function(){l.closeOnTriggerHidden&&$&&O()},[l.closeOnTriggerHidden,O,$]),b.useEffect(function(){if(!l.followCursor||c==null)return;function D(L){var j=L.clientX,V=L.clientY;hi.getBoundingClientRect=Pu(j,V),S==null||S()}return c.addEventListener("mousemove",D),function(){return c.removeEventListener("mousemove",D)}},[l.followCursor,c,S]),b.useEffect(function(){if(!(f==null||S==null||l.mutationObserverOptions==null)){var D=new MutationObserver(S);return D.observe(f,l.mutationObserverOptions),function(){return D.disconnect()}}},[l.mutationObserverOptions,f,S]);var F=function(D){return D===void 0&&(D={}),U({},D,{style:U({},D.style,v.popper)},E.popper,{"data-popper-interactive":l.interactive})},P=function(D){return D===void 0&&(D={}),U({},D,E.arrow,{style:U({},D.style,v.arrow),"data-popper-arrow":!0})};return U({getArrowProps:P,getTooltipProps:F,setTooltipRef:p,setTriggerRef:d,tooltipRef:f,triggerRef:c,visible:g},A)}var Fe=Ht(1e3)((e,t,r,n=0)=>t.split("-")[0]===e?r:n),gt=8,Cm=_.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:`${Fe("top",r,`${gt*-1}px`,"auto")}`,top:`${Fe("bottom",r,`${gt*-1}px`,"auto")}`,right:`${Fe("left",r,`${gt*-1}px`,"auto")}`,left:`${Fe("right",r,`${gt*-1}px`,"auto")}`,borderBottomWidth:`${Fe("top",r,"0",gt)}px`,borderTopWidth:`${Fe("bottom",r,"0",gt)}px`,borderRightWidth:`${Fe("left",r,"0",gt)}px`,borderLeftWidth:`${Fe("right",r,"0",gt)}px`,borderTopColor:Fe("top",r,e.color[t]||t||e.base==="light"?xr(e.background.app):e.background.app,"transparent"),borderBottomColor:Fe("bottom",r,e.color[t]||t||e.base==="light"?xr(e.background.app):e.background.app,"transparent"),borderLeftColor:Fe("left",r,e.color[t]||t||e.base==="light"?xr(e.background.app):e.background.app,"transparent"),borderRightColor:Fe("right",r,e.color[t]||t||e.base==="light"?xr(e.background.app):e.background.app,"transparent")})),km=_.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"?xr(e.background.app):e.background.app,filter:`
|
|
212
|
+
`)};if(T===0){var F=d.slice(f+1,p).concat(sn({children:[$],className:A.properties.className})),P=x(F,R);m.push(P)}else if(T===C.length-1){var D=d[p+1]&&d[p+1].children&&d[p+1].children[0],L={type:"text",value:"".concat(O)};if(D){var j=sn({children:[L],className:A.properties.className});d.splice(p+1,0,j)}else{var V=[L],B=x(V,R,A.properties.className);m.push(B)}}else{var H=[$],X=x(H,R,A.properties.className);m.push(X)}}),f=p}p++};p<d.length;)y();if(f!==d.length-1){var w=d.slice(f+1,d.length);if(w&&w.length){var v=n&&m.length+l,E=x(w,v);m.push(E)}}return t?m:(c=[]).concat.apply(c,m)}function f5(e){var t=e.rows,r=e.stylesheet,n=e.useInlineStyles;return t.map(function(a,l){return Do({node:a,stylesheet:r,useInlineStyles:n,key:"code-segement".concat(l)})})}function fu(e){return e&&typeof e.highlightAuto<"u"}function m5(e){var t=e.astGenerator,r=e.language,n=e.code,a=e.defaultCodeValue;if(fu(t)){var l=o5(t,r);return r==="text"?{value:a,language:"text"}:l?t.highlight(r,n):t.highlightAuto(n)}try{return r&&r!=="text"?{value:t.highlight(n,r)}:{value:a}}catch{return{value:a}}}function g5(e,t){return function(r){var n=r.language,a=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:Qe(Qe({},i['code[class*="language-"]']),i['code[class*="language-'.concat(n,'"]')])}:c,m=r.useInlineStyles,f=m===void 0?!0:m,p=r.showLineNumbers,h=p===void 0?!1:p,g=r.showInlineLineNumbers,x=g===void 0?!0:g,y=r.startingLineNumber,w=y===void 0?1:y,v=r.lineNumberContainerStyle,E=r.lineNumberStyle,A=E===void 0?{}:E,S=r.wrapLines,k=r.wrapLongLines,C=k===void 0?!1:k,O=r.lineProps,T=O===void 0?{}:O,R=r.renderer,$=r.PreTag,F=$===void 0?"pre":$,P=r.CodeTag,D=P===void 0?"code":P,L=r.code,j=L===void 0?(Array.isArray(a)?a[0]:a)||"":L,V=r.astGenerator,B=W2(r,l5);V=V||e;var H=h?o.createElement(c5,{containerStyle:v,codeStyle:d.style||{},numberStyle:A,startingLineNumber:w,codeString:j}):null,X=i.hljs||i['pre[class*="language-"]']||{backgroundColor:"#fff"},ne=fu(V)?"hljs":"prismjs",K=f?Object.assign({},B,{style:Object.assign({},X,s)}):Object.assign({},B,{className:B.className?"".concat(ne," ").concat(B.className):ne,style:Object.assign({},s)});if(C?d.style=Qe(Qe({},d.style),{},{whiteSpace:"pre-wrap"}):d.style=Qe(Qe({},d.style),{},{whiteSpace:"pre"}),!V)return o.createElement(F,K,H,o.createElement(D,d,j));(S===void 0&&R||C)&&(S=!0),R=R||f5;var J=[{type:"text",value:j}],I=m5({astGenerator:V,language:n,code:j,defaultCodeValue:J});I.language===null&&(I.value=J);var z=I.value.length+w,W=p5(I,S,T,h,x,w,z,A,C);return o.createElement(F,K,o.createElement(D,d,!x&&H,R({rows:W,stylesheet:i,useInlineStyles:f})))}}var Lo=Oe(y2()),Mo=g5(Lo.default,{});Mo.registerLanguage=function(e,t){return Lo.default.register(t)};Mo.alias=function(e,t){return Lo.default.alias(e,t)};var Te=Mo,h5=_.div(({theme:e})=>({position:"absolute",bottom:0,right:0,maxWidth:"100%",display:"flex",background:e.background.content,zIndex:1})),mu=_.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});mu.displayName="ActionButton";var Bo=({actionItems:e,...t})=>o.createElement(h5,{...t},e.map(({title:r,className:n,onClick:a,disabled:l},i)=>o.createElement(mu,{key:i,className:n,onClick:a,disabled:l},r)));function b5(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function gu(...e){return t=>e.forEach(r=>b5(r,t))}function Zt(...e){return b.useCallback(gu(...e),e)}var hu=b.forwardRef((e,t)=>{let{children:r,...n}=e,a=b.Children.toArray(r),l=a.find(v5);if(l){let i=l.props.children,u=a.map(s=>s===l?b.Children.count(i)>1?b.Children.only(null):b.isValidElement(i)?i.props.children:null:s);return b.createElement(Ga,U({},n,{ref:t}),b.isValidElement(i)?b.cloneElement(i,void 0,u):null)}return b.createElement(Ga,U({},n,{ref:t}),r)});hu.displayName="Slot";var Ga=b.forwardRef((e,t)=>{let{children:r,...n}=e;return b.isValidElement(r)?b.cloneElement(r,{...E5(n,r.props),ref:t?gu(t,r.ref):r.ref}):b.Children.count(r)>1?b.Children.only(null):null});Ga.displayName="SlotClone";var y5=({children:e})=>b.createElement(b.Fragment,null,e);function v5(e){return b.isValidElement(e)&&e.type===y5}function E5(e,t){let r={...t};for(let n in t){let a=e[n],l=t[n];/^on[A-Z]/.test(n)?a&&l?r[n]=(...i)=>{l(...i),a(...i)}:a&&(r[n]=a):n==="style"?r[n]={...a,...l}:n==="className"&&(r[n]=[a,l].filter(Boolean).join(" "))}return{...e,...r}}var x5=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],Nr=x5.reduce((e,t)=>{let r=b.forwardRef((n,a)=>{let{asChild:l,...i}=n,u=l?hu:t;return b.useEffect(()=>{window[Symbol.for("radix-ui")]=!0},[]),b.createElement(u,U({},i,{ref:a}))});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{}),Ya=globalThis!=null&&globalThis.document?b.useLayoutEffect:()=>{};function w5(e,t){return b.useReducer((r,n)=>t[r][n]??r,e)}var Hr=e=>{let{present:t,children:r}=e,n=A5(t),a=typeof r=="function"?r({present:n.isPresent}):b.Children.only(r),l=Zt(n.ref,a.ref);return typeof r=="function"||n.isPresent?b.cloneElement(a,{ref:l}):null};Hr.displayName="Presence";function A5(e){let[t,r]=b.useState(),n=b.useRef({}),a=b.useRef(e),l=b.useRef("none"),i=e?"mounted":"unmounted",[u,s]=w5(i,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return b.useEffect(()=>{let c=Kr(n.current);l.current=u==="mounted"?c:"none"},[u]),Ya(()=>{let c=n.current,d=a.current;if(d!==e){let m=l.current,f=Kr(c);e?s("MOUNT"):f==="none"||(c==null?void 0:c.display)==="none"?s("UNMOUNT"):s(d&&m!==f?"ANIMATION_OUT":"UNMOUNT"),a.current=e}},[e,s]),Ya(()=>{if(t){let c=m=>{let f=Kr(n.current).includes(m.animationName);m.target===t&&f&&hs.flushSync(()=>s("ANIMATION_END"))},d=m=>{m.target===t&&(l.current=Kr(n.current))};return t.addEventListener("animationstart",d),t.addEventListener("animationcancel",c),t.addEventListener("animationend",c),()=>{t.removeEventListener("animationstart",d),t.removeEventListener("animationcancel",c),t.removeEventListener("animationend",c)}}else s("ANIMATION_END")},[t,s]),{isPresent:["mounted","unmountSuspended"].includes(u),ref:b.useCallback(c=>{c&&(n.current=getComputedStyle(c)),r(c)},[])}}function Kr(e){return(e==null?void 0:e.animationName)||"none"}function S5(e,t=[]){let r=[];function n(l,i){let u=b.createContext(i),s=r.length;r=[...r,i];function c(m){let{scope:f,children:p,...h}=m,g=(f==null?void 0:f[e][s])||u,x=b.useMemo(()=>h,Object.values(h));return b.createElement(g.Provider,{value:x},p)}function d(m,f){let p=(f==null?void 0:f[e][s])||u,h=b.useContext(p);if(h)return h;if(i!==void 0)return i;throw new Error(`\`${m}\` must be used within \`${l}\``)}return c.displayName=l+"Provider",[c,d]}let a=()=>{let l=r.map(i=>b.createContext(i));return function(i){let u=(i==null?void 0:i[e])||l;return b.useMemo(()=>({[`__scope${e}`]:{...i,[e]:u}}),[i,u])}};return a.scopeName=e,[n,C5(a,...t)]}function C5(...e){let t=e[0];if(e.length===1)return t;let r=()=>{let n=e.map(a=>({useScope:a(),scopeName:a.scopeName}));return function(a){let l=n.reduce((i,{useScope:u,scopeName:s})=>{let c=u(a)[`__scope${s}`];return{...i,...c}},{});return b.useMemo(()=>({[`__scope${t.scopeName}`]:l}),[l])}};return r.scopeName=t.scopeName,r}function Dt(e){let t=b.useRef(e);return b.useEffect(()=>{t.current=e}),b.useMemo(()=>(...r)=>{var n;return(n=t.current)===null||n===void 0?void 0:n.call(t,...r)},[])}var k5=b.createContext(void 0);function _5(e){let t=b.useContext(k5);return e||t||"ltr"}function O5(e,[t,r]){return Math.min(r,Math.max(t,e))}function Mt(e,t,{checkForDefaultPrevented:r=!0}={}){return function(n){if(e==null||e(n),r===!1||!n.defaultPrevented)return t==null?void 0:t(n)}}function T5(e,t){return b.useReducer((r,n)=>t[r][n]??r,e)}var bu="ScrollArea",[yu,Hw]=S5(bu),[R5,Be]=yu(bu),F5=b.forwardRef((e,t)=>{let{__scopeScrollArea:r,type:n="hover",dir:a,scrollHideDelay:l=600,...i}=e,[u,s]=b.useState(null),[c,d]=b.useState(null),[m,f]=b.useState(null),[p,h]=b.useState(null),[g,x]=b.useState(null),[y,w]=b.useState(0),[v,E]=b.useState(0),[A,S]=b.useState(!1),[k,C]=b.useState(!1),O=Zt(t,R=>s(R)),T=_5(a);return b.createElement(R5,{scope:r,type:n,dir:T,scrollHideDelay:l,scrollArea:u,viewport:c,onViewportChange:d,content:m,onContentChange:f,scrollbarX:p,onScrollbarXChange:h,scrollbarXEnabled:A,onScrollbarXEnabledChange:S,scrollbarY:g,onScrollbarYChange:x,scrollbarYEnabled:k,onScrollbarYEnabledChange:C,onCornerWidthChange:w,onCornerHeightChange:E},b.createElement(Nr.div,U({dir:T},i,{ref:O,style:{position:"relative","--radix-scroll-area-corner-width":y+"px","--radix-scroll-area-corner-height":v+"px",...e.style}})))}),$5="ScrollAreaViewport",D5=b.forwardRef((e,t)=>{let{__scopeScrollArea:r,children:n,...a}=e,l=Be($5,r),i=b.useRef(null),u=Zt(t,i,l.onViewportChange);return b.createElement(b.Fragment,null,b.createElement("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"}}),b.createElement(Nr.div,U({"data-radix-scroll-area-viewport":""},a,{ref:u,style:{overflowX:l.scrollbarXEnabled?"scroll":"hidden",overflowY:l.scrollbarYEnabled?"scroll":"hidden",...e.style}}),b.createElement("div",{ref:l.onContentChange,style:{minWidth:"100%",display:"table"}},n)))}),ft="ScrollAreaScrollbar",L5=b.forwardRef((e,t)=>{let{forceMount:r,...n}=e,a=Be(ft,e.__scopeScrollArea),{onScrollbarXEnabledChange:l,onScrollbarYEnabledChange:i}=a,u=e.orientation==="horizontal";return b.useEffect(()=>(u?l(!0):i(!0),()=>{u?l(!1):i(!1)}),[u,l,i]),a.type==="hover"?b.createElement(M5,U({},n,{ref:t,forceMount:r})):a.type==="scroll"?b.createElement(B5,U({},n,{ref:t,forceMount:r})):a.type==="auto"?b.createElement(vu,U({},n,{ref:t,forceMount:r})):a.type==="always"?b.createElement(Io,U({},n,{ref:t})):null}),M5=b.forwardRef((e,t)=>{let{forceMount:r,...n}=e,a=Be(ft,e.__scopeScrollArea),[l,i]=b.useState(!1);return b.useEffect(()=>{let u=a.scrollArea,s=0;if(u){let c=()=>{window.clearTimeout(s),i(!0)},d=()=>{s=window.setTimeout(()=>i(!1),a.scrollHideDelay)};return u.addEventListener("pointerenter",c),u.addEventListener("pointerleave",d),()=>{window.clearTimeout(s),u.removeEventListener("pointerenter",c),u.removeEventListener("pointerleave",d)}}},[a.scrollArea,a.scrollHideDelay]),b.createElement(Hr,{present:r||l},b.createElement(vu,U({"data-state":l?"visible":"hidden"},n,{ref:t})))}),B5=b.forwardRef((e,t)=>{let{forceMount:r,...n}=e,a=Be(ft,e.__scopeScrollArea),l=e.orientation==="horizontal",i=jn(()=>s("SCROLL_END"),100),[u,s]=T5("hidden",{hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}});return b.useEffect(()=>{if(u==="idle"){let c=window.setTimeout(()=>s("HIDE"),a.scrollHideDelay);return()=>window.clearTimeout(c)}},[u,a.scrollHideDelay,s]),b.useEffect(()=>{let c=a.viewport,d=l?"scrollLeft":"scrollTop";if(c){let m=c[d],f=()=>{let p=c[d];m!==p&&(s("SCROLL"),i()),m=p};return c.addEventListener("scroll",f),()=>c.removeEventListener("scroll",f)}},[a.viewport,l,s,i]),b.createElement(Hr,{present:r||u!=="hidden"},b.createElement(Io,U({"data-state":u==="hidden"?"hidden":"visible"},n,{ref:t,onPointerEnter:Mt(e.onPointerEnter,()=>s("POINTER_ENTER")),onPointerLeave:Mt(e.onPointerLeave,()=>s("POINTER_LEAVE"))})))}),vu=b.forwardRef((e,t)=>{let r=Be(ft,e.__scopeScrollArea),{forceMount:n,...a}=e,[l,i]=b.useState(!1),u=e.orientation==="horizontal",s=jn(()=>{if(r.viewport){let c=r.viewport.offsetWidth<r.viewport.scrollWidth,d=r.viewport.offsetHeight<r.viewport.scrollHeight;i(u?c:d)}},10);return er(r.viewport,s),er(r.content,s),b.createElement(Hr,{present:n||l},b.createElement(Io,U({"data-state":l?"visible":"hidden"},a,{ref:t})))}),Io=b.forwardRef((e,t)=>{let{orientation:r="vertical",...n}=e,a=Be(ft,e.__scopeScrollArea),l=b.useRef(null),i=b.useRef(0),[u,s]=b.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),c=Au(u.viewport,u.content),d={...n,sizes:u,onSizesChange:s,hasThumb:c>0&&c<1,onThumbChange:f=>l.current=f,onThumbPointerUp:()=>i.current=0,onThumbPointerDown:f=>i.current=f};function m(f,p){return z5(f,i.current,u,p)}return r==="horizontal"?b.createElement(I5,U({},d,{ref:t,onThumbPositionChange:()=>{if(a.viewport&&l.current){let f=a.viewport.scrollLeft,p=ri(f,u,a.dir);l.current.style.transform=`translate3d(${p}px, 0, 0)`}},onWheelScroll:f=>{a.viewport&&(a.viewport.scrollLeft=f)},onDragScroll:f=>{a.viewport&&(a.viewport.scrollLeft=m(f,a.dir))}})):r==="vertical"?b.createElement(P5,U({},d,{ref:t,onThumbPositionChange:()=>{if(a.viewport&&l.current){let f=a.viewport.scrollTop,p=ri(f,u);l.current.style.transform=`translate3d(0, ${p}px, 0)`}},onWheelScroll:f=>{a.viewport&&(a.viewport.scrollTop=f)},onDragScroll:f=>{a.viewport&&(a.viewport.scrollTop=m(f))}})):null}),I5=b.forwardRef((e,t)=>{let{sizes:r,onSizesChange:n,...a}=e,l=Be(ft,e.__scopeScrollArea),[i,u]=b.useState(),s=b.useRef(null),c=Zt(t,s,l.onScrollbarXChange);return b.useEffect(()=>{s.current&&u(getComputedStyle(s.current))},[s]),b.createElement(xu,U({"data-orientation":"horizontal"},a,{ref:c,sizes:r,style:{bottom:0,left:l.dir==="rtl"?"var(--radix-scroll-area-corner-width)":0,right:l.dir==="ltr"?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":Pn(r)+"px",...e.style},onThumbPointerDown:d=>e.onThumbPointerDown(d.x),onDragScroll:d=>e.onDragScroll(d.x),onWheelScroll:(d,m)=>{if(l.viewport){let f=l.viewport.scrollLeft+d.deltaX;e.onWheelScroll(f),Cu(f,m)&&d.preventDefault()}},onResize:()=>{s.current&&l.viewport&&i&&n({content:l.viewport.scrollWidth,viewport:l.viewport.offsetWidth,scrollbar:{size:s.current.clientWidth,paddingStart:En(i.paddingLeft),paddingEnd:En(i.paddingRight)}})}}))}),P5=b.forwardRef((e,t)=>{let{sizes:r,onSizesChange:n,...a}=e,l=Be(ft,e.__scopeScrollArea),[i,u]=b.useState(),s=b.useRef(null),c=Zt(t,s,l.onScrollbarYChange);return b.useEffect(()=>{s.current&&u(getComputedStyle(s.current))},[s]),b.createElement(xu,U({"data-orientation":"vertical"},a,{ref:c,sizes:r,style:{top:0,right:l.dir==="ltr"?0:void 0,left:l.dir==="rtl"?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":Pn(r)+"px",...e.style},onThumbPointerDown:d=>e.onThumbPointerDown(d.y),onDragScroll:d=>e.onDragScroll(d.y),onWheelScroll:(d,m)=>{if(l.viewport){let f=l.viewport.scrollTop+d.deltaY;e.onWheelScroll(f),Cu(f,m)&&d.preventDefault()}},onResize:()=>{s.current&&l.viewport&&i&&n({content:l.viewport.scrollHeight,viewport:l.viewport.offsetHeight,scrollbar:{size:s.current.clientHeight,paddingStart:En(i.paddingTop),paddingEnd:En(i.paddingBottom)}})}}))}),[j5,Eu]=yu(ft),xu=b.forwardRef((e,t)=>{let{__scopeScrollArea:r,sizes:n,hasThumb:a,onThumbChange:l,onThumbPointerUp:i,onThumbPointerDown:u,onThumbPositionChange:s,onDragScroll:c,onWheelScroll:d,onResize:m,...f}=e,p=Be(ft,r),[h,g]=b.useState(null),x=Zt(t,O=>g(O)),y=b.useRef(null),w=b.useRef(""),v=p.viewport,E=n.content-n.viewport,A=Dt(d),S=Dt(s),k=jn(m,10);function C(O){if(y.current){let T=O.clientX-y.current.left,R=O.clientY-y.current.top;c({x:T,y:R})}}return b.useEffect(()=>{let O=T=>{let R=T.target;h!=null&&h.contains(R)&&A(T,E)};return document.addEventListener("wheel",O,{passive:!1}),()=>document.removeEventListener("wheel",O,{passive:!1})},[v,h,E,A]),b.useEffect(S,[n,S]),er(h,k),er(p.content,k),b.createElement(j5,{scope:r,scrollbar:h,hasThumb:a,onThumbChange:Dt(l),onThumbPointerUp:Dt(i),onThumbPositionChange:S,onThumbPointerDown:Dt(u)},b.createElement(Nr.div,U({},f,{ref:x,style:{position:"absolute",...f.style},onPointerDown:Mt(e.onPointerDown,O=>{O.button===0&&(O.target.setPointerCapture(O.pointerId),y.current=h.getBoundingClientRect(),w.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",p.viewport&&(p.viewport.style.scrollBehavior="auto"),C(O))}),onPointerMove:Mt(e.onPointerMove,C),onPointerUp:Mt(e.onPointerUp,O=>{let T=O.target;T.hasPointerCapture(O.pointerId)&&T.releasePointerCapture(O.pointerId),document.body.style.webkitUserSelect=w.current,p.viewport&&(p.viewport.style.scrollBehavior=""),y.current=null})})))}),Ka="ScrollAreaThumb",N5=b.forwardRef((e,t)=>{let{forceMount:r,...n}=e,a=Eu(Ka,e.__scopeScrollArea);return b.createElement(Hr,{present:r||a.hasThumb},b.createElement(H5,U({ref:t},n)))}),H5=b.forwardRef((e,t)=>{let{__scopeScrollArea:r,style:n,...a}=e,l=Be(Ka,r),i=Eu(Ka,r),{onThumbPositionChange:u}=i,s=Zt(t,m=>i.onThumbChange(m)),c=b.useRef(),d=jn(()=>{c.current&&(c.current(),c.current=void 0)},100);return b.useEffect(()=>{let m=l.viewport;if(m){let f=()=>{if(d(),!c.current){let p=q5(m,u);c.current=p,u()}};return u(),m.addEventListener("scroll",f),()=>m.removeEventListener("scroll",f)}},[l.viewport,d,u]),b.createElement(Nr.div,U({"data-state":i.hasThumb?"visible":"hidden"},a,{ref:s,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...n},onPointerDownCapture:Mt(e.onPointerDownCapture,m=>{let f=m.target.getBoundingClientRect(),p=m.clientX-f.left,h=m.clientY-f.top;i.onThumbPointerDown({x:p,y:h})}),onPointerUp:Mt(e.onPointerUp,i.onThumbPointerUp)}))}),wu="ScrollAreaCorner",Z5=b.forwardRef((e,t)=>{let r=Be(wu,e.__scopeScrollArea),n=!!(r.scrollbarX&&r.scrollbarY);return r.type!=="scroll"&&n?b.createElement(V5,U({},e,{ref:t})):null}),V5=b.forwardRef((e,t)=>{let{__scopeScrollArea:r,...n}=e,a=Be(wu,r),[l,i]=b.useState(0),[u,s]=b.useState(0),c=!!(l&&u);return er(a.scrollbarX,()=>{var d;let m=((d=a.scrollbarX)===null||d===void 0?void 0:d.offsetHeight)||0;a.onCornerHeightChange(m),s(m)}),er(a.scrollbarY,()=>{var d;let m=((d=a.scrollbarY)===null||d===void 0?void 0:d.offsetWidth)||0;a.onCornerWidthChange(m),i(m)}),c?b.createElement(Nr.div,U({},n,{ref:t,style:{width:l,height:u,position:"absolute",right:a.dir==="ltr"?0:void 0,left:a.dir==="rtl"?0:void 0,bottom:0,...e.style}})):null});function En(e){return e?parseInt(e,10):0}function Au(e,t){let r=e/t;return isNaN(r)?0:r}function Pn(e){let t=Au(e.viewport,e.content),r=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,n=(e.scrollbar.size-r)*t;return Math.max(n,18)}function z5(e,t,r,n="ltr"){let a=Pn(r),l=a/2,i=t||l,u=a-i,s=r.scrollbar.paddingStart+i,c=r.scrollbar.size-r.scrollbar.paddingEnd-u,d=r.content-r.viewport,m=n==="ltr"?[0,d]:[d*-1,0];return Su([s,c],m)(e)}function ri(e,t,r="ltr"){let n=Pn(t),a=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,l=t.scrollbar.size-a,i=t.content-t.viewport,u=l-n,s=r==="ltr"?[0,i]:[i*-1,0],c=O5(e,s);return Su([0,i],[0,u])(c)}function Su(e,t){return r=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let n=(t[1]-t[0])/(e[1]-e[0]);return t[0]+n*(r-e[0])}}function Cu(e,t){return e>0&&e<t}var q5=(e,t=()=>{})=>{let r={left:e.scrollLeft,top:e.scrollTop},n=0;return function a(){let l={left:e.scrollLeft,top:e.scrollTop},i=r.left!==l.left,u=r.top!==l.top;(i||u)&&t(),r=l,n=window.requestAnimationFrame(a)}(),()=>window.cancelAnimationFrame(n)};function jn(e,t){let r=Dt(e),n=b.useRef(0);return b.useEffect(()=>()=>window.clearTimeout(n.current),[]),b.useCallback(()=>{window.clearTimeout(n.current),n.current=window.setTimeout(r,t)},[r,t])}function er(e,t){let r=Dt(t);Ya(()=>{let n=0;if(e){let a=new ResizeObserver(()=>{cancelAnimationFrame(n),n=window.requestAnimationFrame(r)});return a.observe(e),()=>{window.cancelAnimationFrame(n),a.unobserve(e)}}},[e,r])}var U5=F5,W5=D5,G5=L5,Y5=N5,K5=Z5,X5=_(U5)(({scrollbarsize:e,offset:t})=>({width:"100%",height:"100%",overflow:"hidden","--scrollbar-size":`${e+t}px`,"--radix-scroll-area-thumb-width":`${e}px`})),J5=_(W5)({width:"100%",height:"100%"}),ni=_(G5)(({offset:e,horizontal:t,vertical:r})=>({display:"flex",userSelect:"none",touchAction:"none",background:"transparent",transition:"all 0.2s ease-out",borderRadius:"var(--scrollbar-size)",'&[data-orientation="vertical"]':{width:"var(--scrollbar-size)",paddingRight:e,marginTop:e,marginBottom:t==="true"&&r==="true"?0:e},'&[data-orientation="horizontal"]':{flexDirection:"column",height:"var(--scrollbar-size)",paddingBottom:e,marginLeft:e,marginRight:t==="true"&&r==="true"?0:e}})),ai=_(Y5)(({theme:e})=>({flex:1,background:e.textMutedColor,opacity:.5,borderRadius:"var(--scrollbar-size)",position:"relative",transition:"opacity 0.2s ease-out","&:hover":{opacity:.8},"::before":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%,-50%)",width:"100%",height:"100%",minWidth:44,minHeight:44}})),Po=({children:e,horizontal:t=!1,vertical:r=!1,offset:n=2,scrollbarSize:a=6,className:l})=>o.createElement(X5,{scrollbarsize:a,offset:n,className:l},o.createElement(J5,null,e),t&&o.createElement(ni,{orientation:"horizontal",offset:n,horizontal:t.toString(),vertical:r.toString()},o.createElement(ai,null)),r&&o.createElement(ni,{orientation:"vertical",offset:n,horizontal:t.toString(),vertical:r.toString()},o.createElement(ai,null)),t&&r&&o.createElement(K5,null)),{navigator:Xr,document:br,window:Q5}=S2;Te.registerLanguage("jsextra",$2);Te.registerLanguage("jsx",k2);Te.registerLanguage("json",L2);Te.registerLanguage("yml",Z2);Te.registerLanguage("md",N2);Te.registerLanguage("bash",O2);Te.registerLanguage("css",R2);Te.registerLanguage("html",P2);Te.registerLanguage("tsx",z2);Te.registerLanguage("typescript",U2);Te.registerLanguage("graphql",B2);var ef=Ht(2)(e=>Object.entries(e.code||{}).reduce((t,[r,n])=>({...t,[`* .${r}`]:n}),{})),tf=ku();function ku(){return Xr!=null&&Xr.clipboard?e=>Xr.clipboard.writeText(e):async e=>{let t=br.createElement("TEXTAREA"),r=br.activeElement;t.value=e,br.body.appendChild(t),t.select(),br.execCommand("copy"),br.body.removeChild(t),r.focus()}}var rf=_.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)"}}:{}),nf=({children:e,className:t})=>o.createElement(Po,{horizontal:!0,vertical:!0,className:t},e),af=_(nf)({position:"relative"},({theme:e})=>ef(e)),of=_.pre(({theme:e,padded:t})=>({display:"flex",justifyContent:"flex-start",margin:0,padding:t?e.layoutMargin:0})),lf=_.div(({theme:e})=>({flex:1,paddingLeft:2,paddingRight:e.layoutMargin,opacity:1})),_u=e=>{let t=[...e.children],r=t[0],n=r.children[0].value,a={...r,children:[],properties:{...r.properties,"data-line-number":n,style:{...r.properties.style,userSelect:"auto"}}};return t[0]=a,{...e,children:t}},sf=({rows:e,stylesheet:t,useInlineStyles:r})=>e.map((n,a)=>Do({node:_u(n),stylesheet:t,useInlineStyles:r,key:`code-segement${a}`})),uf=(e,t)=>t?e?({rows:r,...n})=>e({rows:r.map(a=>_u(a)),...n}):sf:e,jo=({children:e,language:t="jsx",copyable:r=!1,bordered:n=!1,padded:a=!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(),[m,f]=b.useState(!1),p=b.useCallback(g=>{g.preventDefault(),tf(d).then(()=>{f(!0),Q5.setTimeout(()=>f(!1),1500)}).catch(A2.error)},[d]),h=uf(c.renderer,s);return o.createElement(rf,{bordered:n,padded:a,showLineNumbers:s,className:u},o.createElement(af,null,o.createElement(Te,{padded:a||n,language:t,showLineNumbers:s,showInlineLineNumbers:s,useInlineStyles:!1,PreTag:of,CodeTag:lf,lineNumberContainerStyle:{},...c,renderer:h},d)),r?o.createElement(Bo,{actionItems:[{title:m?"Copied":"Copy",onClick:p}]}):null)};jo.registerLanguage=(...e)=>Te.registerLanguage(...e);var Zw=jo;const{global:cf}=__STORYBOOK_MODULE_GLOBAL__;var df=Z({"../../node_modules/react-fast-compare/index.js"(e,t){var r=typeof Element<"u",n=typeof Map=="function",a=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,m;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 f;if(n&&u instanceof Map&&s instanceof Map){if(u.size!==s.size)return!1;for(f=u.entries();!(d=f.next()).done;)if(!s.has(d.value[0]))return!1;for(f=u.entries();!(d=f.next()).done;)if(!i(d.value[1],s.get(d.value[0])))return!1;return!0}if(a&&u instanceof Set&&s instanceof Set){if(u.size!==s.size)return!1;for(f=u.entries();!(d=f.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(m=Object.keys(u),c=m.length,c!==Object.keys(s).length)return!1;for(d=c;d--!==0;)if(!Object.prototype.hasOwnProperty.call(s,m[d]))return!1;if(r&&u instanceof Element)return!1;for(d=c;d--!==0;)if(!((m[d]==="_owner"||m[d]==="__v"||m[d]==="__o")&&u.$$typeof)&&!i(u[m[d]],s[m[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}}}}),oi=function(e){return e.reduce(function(t,r){var n=r[0],a=r[1];return t[n]=a,t},{})},li=typeof window<"u"&&window.document&&window.document.createElement?b.useLayoutEffect:b.useEffect,we="top",Le="bottom",Me="right",Ae="left",Nn="auto",Zr=[we,Le,Me,Ae],tr="start",Fr="end",pf="clippingParents",Ou="viewport",yr="popper",ff="reference",ii=Zr.reduce(function(e,t){return e.concat([t+"-"+tr,t+"-"+Fr])},[]),Tu=[].concat(Zr,[Nn]).reduce(function(e,t){return e.concat([t,t+"-"+tr,t+"-"+Fr])},[]),mf="beforeRead",gf="read",hf="afterRead",bf="beforeMain",yf="main",vf="afterMain",Ef="beforeWrite",xf="write",wf="afterWrite",Af=[mf,gf,hf,bf,yf,vf,Ef,xf,wf];function lt(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 Nt(e){var t=_e(e).Element;return e instanceof t||e instanceof Element}function De(e){var t=_e(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function No(e){if(typeof ShadowRoot>"u")return!1;var t=_e(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function Sf(e){var t=e.state;Object.keys(t.elements).forEach(function(r){var n=t.styles[r]||{},a=t.attributes[r]||{},l=t.elements[r];!De(l)||!lt(l)||(Object.assign(l.style,n),Object.keys(a).forEach(function(i){var u=a[i];u===!1?l.removeAttribute(i):l.setAttribute(i,u===!0?"":u)}))})}function Cf(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 a=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},{});!De(a)||!lt(a)||(Object.assign(a.style,u),Object.keys(l).forEach(function(s){a.removeAttribute(s)}))})}}var kf={name:"applyStyles",enabled:!0,phase:"write",fn:Sf,effect:Cf,requires:["computeStyles"]};function ot(e){return e.split("-")[0]}var Bt=Math.max,xn=Math.min,rr=Math.round;function Xa(){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 Ru(){return!/^((?!chrome|android).)*safari/i.test(Xa())}function nr(e,t,r){t===void 0&&(t=!1),r===void 0&&(r=!1);var n=e.getBoundingClientRect(),a=1,l=1;t&&De(e)&&(a=e.offsetWidth>0&&rr(n.width)/e.offsetWidth||1,l=e.offsetHeight>0&&rr(n.height)/e.offsetHeight||1);var i=Nt(e)?_e(e):window,u=i.visualViewport,s=!Ru()&&r,c=(n.left+(s&&u?u.offsetLeft:0))/a,d=(n.top+(s&&u?u.offsetTop:0))/l,m=n.width/a,f=n.height/l;return{width:m,height:f,top:d,right:c+m,bottom:d+f,left:c,x:c,y:d}}function Ho(e){var t=nr(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 Fu(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&No(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 _f(e){return["table","td","th"].indexOf(lt(e))>=0}function St(e){return((Nt(e)?e.ownerDocument:e.document)||window.document).documentElement}function Hn(e){return lt(e)==="html"?e:e.assignedSlot||e.parentNode||(No(e)?e.host:null)||St(e)}function si(e){return!De(e)||pt(e).position==="fixed"?null:e.offsetParent}function Of(e){var t=/firefox/i.test(Xa()),r=/Trident/i.test(Xa());if(r&&De(e)){var n=pt(e);if(n.position==="fixed")return null}var a=Hn(e);for(No(a)&&(a=a.host);De(a)&&["html","body"].indexOf(lt(a))<0;){var l=pt(a);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 a;a=a.parentNode}return null}function Vr(e){for(var t=_e(e),r=si(e);r&&_f(r)&&pt(r).position==="static";)r=si(r);return r&&(lt(r)==="html"||lt(r)==="body"&&pt(r).position==="static")?t:r||Of(e)||t}function Zo(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function wr(e,t,r){return Bt(e,xn(t,r))}function Tf(e,t,r){var n=wr(e,t,r);return n>r?r:n}function $u(){return{top:0,right:0,bottom:0,left:0}}function Du(e){return Object.assign({},$u(),e)}function Lu(e,t){return t.reduce(function(r,n){return r[n]=e,r},{})}var Rf=function(e,t){return e=typeof e=="function"?e(Object.assign({},t.rects,{placement:t.placement})):e,Du(typeof e!="number"?e:Lu(e,Zr))};function Ff(e){var t,r=e.state,n=e.name,a=e.options,l=r.elements.arrow,i=r.modifiersData.popperOffsets,u=ot(r.placement),s=Zo(u),c=[Ae,Me].indexOf(u)>=0,d=c?"height":"width";if(!(!l||!i)){var m=Rf(a.padding,r),f=Ho(l),p=s==="y"?we:Ae,h=s==="y"?Le:Me,g=r.rects.reference[d]+r.rects.reference[s]-i[s]-r.rects.popper[d],x=i[s]-r.rects.reference[s],y=Vr(l),w=y?s==="y"?y.clientHeight||0:y.clientWidth||0:0,v=g/2-x/2,E=m[p],A=w-f[d]-m[h],S=w/2-f[d]/2+v,k=wr(E,S,A),C=s;r.modifiersData[n]=(t={},t[C]=k,t.centerOffset=k-S,t)}}function $f(e){var t=e.state,r=e.options,n=r.element,a=n===void 0?"[data-popper-arrow]":n;a!=null&&(typeof a=="string"&&(a=t.elements.popper.querySelector(a),!a)||Fu(t.elements.popper,a)&&(t.elements.arrow=a))}var Df={name:"arrow",enabled:!0,phase:"main",fn:Ff,effect:$f,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function ar(e){return e.split("-")[1]}var Lf={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Mf(e,t){var r=e.x,n=e.y,a=t.devicePixelRatio||1;return{x:rr(r*a)/a||0,y:rr(n*a)/a||0}}function ui(e){var t,r=e.popper,n=e.popperRect,a=e.placement,l=e.variation,i=e.offsets,u=e.position,s=e.gpuAcceleration,c=e.adaptive,d=e.roundOffsets,m=e.isFixed,f=i.x,p=f===void 0?0:f,h=i.y,g=h===void 0?0:h,x=typeof d=="function"?d({x:p,y:g}):{x:p,y:g};p=x.x,g=x.y;var y=i.hasOwnProperty("x"),w=i.hasOwnProperty("y"),v=Ae,E=we,A=window;if(c){var S=Vr(r),k="clientHeight",C="clientWidth";if(S===_e(r)&&(S=St(r),pt(S).position!=="static"&&u==="absolute"&&(k="scrollHeight",C="scrollWidth")),S=S,a===we||(a===Ae||a===Me)&&l===Fr){E=Le;var O=m&&S===A&&A.visualViewport?A.visualViewport.height:S[k];g-=O-n.height,g*=s?1:-1}if(a===Ae||(a===we||a===Le)&&l===Fr){v=Me;var T=m&&S===A&&A.visualViewport?A.visualViewport.width:S[C];p-=T-n.width,p*=s?1:-1}}var R=Object.assign({position:u},c&&Lf),$=d===!0?Mf({x:p,y:g},_e(r)):{x:p,y:g};if(p=$.x,g=$.y,s){var F;return Object.assign({},R,(F={},F[E]=w?"0":"",F[v]=y?"0":"",F.transform=(A.devicePixelRatio||1)<=1?"translate("+p+"px, "+g+"px)":"translate3d("+p+"px, "+g+"px, 0)",F))}return Object.assign({},R,(t={},t[E]=w?g+"px":"",t[v]=y?p+"px":"",t.transform="",t))}function Bf(e){var t=e.state,r=e.options,n=r.gpuAcceleration,a=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:ot(t.placement),variation:ar(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:a,isFixed:t.options.strategy==="fixed"};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,ui(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,ui(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 If={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:Bf,data:{}},Jr={passive:!0};function Pf(e){var t=e.state,r=e.instance,n=e.options,a=n.scroll,l=a===void 0?!0:a,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,Jr)}),u&&s.addEventListener("resize",r.update,Jr),function(){l&&c.forEach(function(d){d.removeEventListener("scroll",r.update,Jr)}),u&&s.removeEventListener("resize",r.update,Jr)}}var jf={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:Pf,data:{}},Nf={left:"right",right:"left",bottom:"top",top:"bottom"};function un(e){return e.replace(/left|right|bottom|top/g,function(t){return Nf[t]})}var Hf={start:"end",end:"start"};function ci(e){return e.replace(/start|end/g,function(t){return Hf[t]})}function Vo(e){var t=_e(e),r=t.pageXOffset,n=t.pageYOffset;return{scrollLeft:r,scrollTop:n}}function zo(e){return nr(St(e)).left+Vo(e).scrollLeft}function Zf(e,t){var r=_e(e),n=St(e),a=r.visualViewport,l=n.clientWidth,i=n.clientHeight,u=0,s=0;if(a){l=a.width,i=a.height;var c=Ru();(c||!c&&t==="fixed")&&(u=a.offsetLeft,s=a.offsetTop)}return{width:l,height:i,x:u+zo(e),y:s}}function Vf(e){var t,r=St(e),n=Vo(e),a=(t=e.ownerDocument)==null?void 0:t.body,l=Bt(r.scrollWidth,r.clientWidth,a?a.scrollWidth:0,a?a.clientWidth:0),i=Bt(r.scrollHeight,r.clientHeight,a?a.scrollHeight:0,a?a.clientHeight:0),u=-n.scrollLeft+zo(e),s=-n.scrollTop;return pt(a||r).direction==="rtl"&&(u+=Bt(r.clientWidth,a?a.clientWidth:0)-l),{width:l,height:i,x:u,y:s}}function qo(e){var t=pt(e),r=t.overflow,n=t.overflowX,a=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+a+n)}function Mu(e){return["html","body","#document"].indexOf(lt(e))>=0?e.ownerDocument.body:De(e)&&qo(e)?e:Mu(Hn(e))}function Ar(e,t){var r;t===void 0&&(t=[]);var n=Mu(e),a=n===((r=e.ownerDocument)==null?void 0:r.body),l=_e(n),i=a?[l].concat(l.visualViewport||[],qo(n)?n:[]):n,u=t.concat(i);return a?u:u.concat(Ar(Hn(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 zf(e,t){var r=nr(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 di(e,t,r){return t===Ou?Ja(Zf(e,r)):Nt(t)?zf(t,r):Ja(Vf(St(e)))}function qf(e){var t=Ar(Hn(e)),r=["absolute","fixed"].indexOf(pt(e).position)>=0,n=r&&De(e)?Vr(e):e;return Nt(n)?t.filter(function(a){return Nt(a)&&Fu(a,n)&<(a)!=="body"}):[]}function Uf(e,t,r,n){var a=t==="clippingParents"?qf(e):[].concat(t),l=[].concat(a,[r]),i=l[0],u=l.reduce(function(s,c){var d=di(e,c,n);return s.top=Bt(d.top,s.top),s.right=xn(d.right,s.right),s.bottom=xn(d.bottom,s.bottom),s.left=Bt(d.left,s.left),s},di(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 Bu(e){var t=e.reference,r=e.element,n=e.placement,a=n?ot(n):null,l=n?ar(n):null,i=t.x+t.width/2-r.width/2,u=t.y+t.height/2-r.height/2,s;switch(a){case we:s={x:i,y:t.y-r.height};break;case Le:s={x:i,y:t.y+t.height};break;case Me:s={x:t.x+t.width,y:u};break;case Ae:s={x:t.x-r.width,y:u};break;default:s={x:t.x,y:t.y}}var c=a?Zo(a):null;if(c!=null){var d=c==="y"?"height":"width";switch(l){case tr:s[c]=s[c]-(t[d]/2-r[d]/2);break;case Fr:s[c]=s[c]+(t[d]/2-r[d]/2);break}}return s}function $r(e,t){t===void 0&&(t={});var r=t,n=r.placement,a=n===void 0?e.placement:n,l=r.strategy,i=l===void 0?e.strategy:l,u=r.boundary,s=u===void 0?pf:u,c=r.rootBoundary,d=c===void 0?Ou:c,m=r.elementContext,f=m===void 0?yr:m,p=r.altBoundary,h=p===void 0?!1:p,g=r.padding,x=g===void 0?0:g,y=Du(typeof x!="number"?x:Lu(x,Zr)),w=f===yr?ff:yr,v=e.rects.popper,E=e.elements[h?w:f],A=Uf(Nt(E)?E:E.contextElement||St(e.elements.popper),s,d,i),S=nr(e.elements.reference),k=Bu({reference:S,element:v,strategy:"absolute",placement:a}),C=Ja(Object.assign({},v,k)),O=f===yr?C:S,T={top:A.top-O.top+y.top,bottom:O.bottom-A.bottom+y.bottom,left:A.left-O.left+y.left,right:O.right-A.right+y.right},R=e.modifiersData.offset;if(f===yr&&R){var $=R[a];Object.keys(T).forEach(function(F){var P=[Me,Le].indexOf(F)>=0?1:-1,D=[we,Le].indexOf(F)>=0?"y":"x";T[F]+=$[D]*P})}return T}function Wf(e,t){t===void 0&&(t={});var r=t,n=r.placement,a=r.boundary,l=r.rootBoundary,i=r.padding,u=r.flipVariations,s=r.allowedAutoPlacements,c=s===void 0?Tu:s,d=ar(n),m=d?u?ii:ii.filter(function(h){return ar(h)===d}):Zr,f=m.filter(function(h){return c.indexOf(h)>=0});f.length===0&&(f=m);var p=f.reduce(function(h,g){return h[g]=$r(e,{placement:g,boundary:a,rootBoundary:l,padding:i})[ot(g)],h},{});return Object.keys(p).sort(function(h,g){return p[h]-p[g]})}function Gf(e){if(ot(e)===Nn)return[];var t=un(e);return[ci(e),t,ci(t)]}function Yf(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var a=r.mainAxis,l=a===void 0?!0:a,i=r.altAxis,u=i===void 0?!0:i,s=r.fallbackPlacements,c=r.padding,d=r.boundary,m=r.rootBoundary,f=r.altBoundary,p=r.flipVariations,h=p===void 0?!0:p,g=r.allowedAutoPlacements,x=t.options.placement,y=ot(x),w=y===x,v=s||(w||!h?[un(x)]:Gf(x)),E=[x].concat(v).reduce(function(J,I){return J.concat(ot(I)===Nn?Wf(t,{placement:I,boundary:d,rootBoundary:m,padding:c,flipVariations:h,allowedAutoPlacements:g}):I)},[]),A=t.rects.reference,S=t.rects.popper,k=new Map,C=!0,O=E[0],T=0;T<E.length;T++){var R=E[T],$=ot(R),F=ar(R)===tr,P=[we,Le].indexOf($)>=0,D=P?"width":"height",L=$r(t,{placement:R,boundary:d,rootBoundary:m,altBoundary:f,padding:c}),j=P?F?Me:Ae:F?Le:we;A[D]>S[D]&&(j=un(j));var V=un(j),B=[];if(l&&B.push(L[$]<=0),u&&B.push(L[j]<=0,L[V]<=0),B.every(function(J){return J})){O=R,C=!1;break}k.set(R,B)}if(C)for(var H=h?3:1,X=function(J){var I=E.find(function(z){var W=k.get(z);if(W)return W.slice(0,J).every(function(se){return se})});if(I)return O=I,"break"},ne=H;ne>0;ne--){var K=X(ne);if(K==="break")break}t.placement!==O&&(t.modifiersData[n]._skip=!0,t.placement=O,t.reset=!0)}}var Kf={name:"flip",enabled:!0,phase:"main",fn:Yf,requiresIfExists:["offset"],data:{_skip:!1}};function pi(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 fi(e){return[we,Me,Le,Ae].some(function(t){return e[t]>=0})}function Xf(e){var t=e.state,r=e.name,n=t.rects.reference,a=t.rects.popper,l=t.modifiersData.preventOverflow,i=$r(t,{elementContext:"reference"}),u=$r(t,{altBoundary:!0}),s=pi(i,n),c=pi(u,a,l),d=fi(s),m=fi(c);t.modifiersData[r]={referenceClippingOffsets:s,popperEscapeOffsets:c,isReferenceHidden:d,hasPopperEscaped:m},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":m})}var Jf={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Xf};function Qf(e,t,r){var n=ot(e),a=[Ae,we].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)*a,[Ae,Me].indexOf(n)>=0?{x:u,y:i}:{x:i,y:u}}function em(e){var t=e.state,r=e.options,n=e.name,a=r.offset,l=a===void 0?[0,0]:a,i=Tu.reduce(function(d,m){return d[m]=Qf(m,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 tm={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:em};function rm(e){var t=e.state,r=e.name;t.modifiersData[r]=Bu({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}var nm={name:"popperOffsets",enabled:!0,phase:"read",fn:rm,data:{}};function am(e){return e==="x"?"y":"x"}function om(e){var t=e.state,r=e.options,n=e.name,a=r.mainAxis,l=a===void 0?!0:a,i=r.altAxis,u=i===void 0?!1:i,s=r.boundary,c=r.rootBoundary,d=r.altBoundary,m=r.padding,f=r.tether,p=f===void 0?!0:f,h=r.tetherOffset,g=h===void 0?0:h,x=$r(t,{boundary:s,rootBoundary:c,padding:m,altBoundary:d}),y=ot(t.placement),w=ar(t.placement),v=!w,E=Zo(y),A=am(E),S=t.modifiersData.popperOffsets,k=t.rects.reference,C=t.rects.popper,O=typeof g=="function"?g(Object.assign({},t.rects,{placement:t.placement})):g,T=typeof O=="number"?{mainAxis:O,altAxis:O}:Object.assign({mainAxis:0,altAxis:0},O),R=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,$={x:0,y:0};if(S){if(l){var F,P=E==="y"?we:Ae,D=E==="y"?Le:Me,L=E==="y"?"height":"width",j=S[E],V=j+x[P],B=j-x[D],H=p?-C[L]/2:0,X=w===tr?k[L]:C[L],ne=w===tr?-C[L]:-k[L],K=t.elements.arrow,J=p&&K?Ho(K):{width:0,height:0},I=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:$u(),z=I[P],W=I[D],se=wr(0,k[L],J[L]),be=v?k[L]/2-H-se-z-T.mainAxis:X-se-z-T.mainAxis,it=v?-k[L]/2+H+se+W+T.mainAxis:ne+se+W+T.mainAxis,Re=t.elements.arrow&&Vr(t.elements.arrow),Ze=Re?E==="y"?Re.clientTop||0:Re.clientLeft||0:0,M=(F=R==null?void 0:R[E])!=null?F:0,Pe=j+be-M-Ze,Ve=j+it-M,Ct=wr(p?xn(V,Pe):V,j,p?Bt(B,Ve):B);S[E]=Ct,$[E]=Ct-j}if(u){var zt,ze=E==="x"?we:Ae,qr=E==="x"?Le:Me,ye=S[A],kt=A==="y"?"height":"width",qe=ye+x[ze],qt=ye-x[qr],Ue=[we,Ae].indexOf(y)!==-1,Ut=(zt=R==null?void 0:R[A])!=null?zt:0,We=Ue?qe:ye-k[kt]-C[kt]-Ut+T.altAxis,fe=Ue?ye+k[kt]+C[kt]-Ut-T.altAxis:qt,je=p&&Ue?Tf(We,ye,fe):wr(p?We:qe,ye,p?fe:qt);S[A]=je,$[A]=je-ye}t.modifiersData[n]=$}}var lm={name:"preventOverflow",enabled:!0,phase:"main",fn:om,requiresIfExists:["offset"]};function im(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function sm(e){return e===_e(e)||!De(e)?Vo(e):im(e)}function um(e){var t=e.getBoundingClientRect(),r=rr(t.width)/e.offsetWidth||1,n=rr(t.height)/e.offsetHeight||1;return r!==1||n!==1}function cm(e,t,r){r===void 0&&(r=!1);var n=De(t),a=De(t)&&um(t),l=St(t),i=nr(e,a,r),u={scrollLeft:0,scrollTop:0},s={x:0,y:0};return(n||!n&&!r)&&((lt(t)!=="body"||qo(l))&&(u=sm(t)),De(t)?(s=nr(t,!0),s.x+=t.clientLeft,s.y+=t.clientTop):l&&(s.x=zo(l))),{x:i.left+u.scrollLeft-s.x,y:i.top+u.scrollTop-s.y,width:i.width,height:i.height}}function dm(e){var t=new Map,r=new Set,n=[];e.forEach(function(l){t.set(l.name,l)});function a(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&&a(s)}}),n.push(l)}return e.forEach(function(l){r.has(l.name)||a(l)}),n}function pm(e){var t=dm(e);return Af.reduce(function(r,n){return r.concat(t.filter(function(a){return a.phase===n}))},[])}function fm(e){var t;return function(){return t||(t=new Promise(function(r){Promise.resolve().then(function(){t=void 0,r(e())})})),t}}function mm(e){var t=e.reduce(function(r,n){var a=r[n.name];return r[n.name]=a?Object.assign({},a,n,{options:Object.assign({},a.options,n.options),data:Object.assign({},a.data,n.data)}):n,r},{});return Object.keys(t).map(function(r){return t[r]})}var mi={placement:"bottom",modifiers:[],strategy:"absolute"};function gi(){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 gm(e){e===void 0&&(e={});var t=e,r=t.defaultModifiers,n=r===void 0?[]:r,a=t.defaultOptions,l=a===void 0?mi:a;return function(i,u,s){s===void 0&&(s=l);var c={placement:"bottom",orderedModifiers:[],options:Object.assign({},mi,l),modifiersData:{},elements:{reference:i,popper:u},attributes:{},styles:{}},d=[],m=!1,f={state:c,setOptions:function(g){var x=typeof g=="function"?g(c.options):g;h(),c.options=Object.assign({},l,c.options,x),c.scrollParents={reference:Nt(i)?Ar(i):i.contextElement?Ar(i.contextElement):[],popper:Ar(u)};var y=pm(mm([].concat(n,c.options.modifiers)));return c.orderedModifiers=y.filter(function(w){return w.enabled}),p(),f.update()},forceUpdate:function(){if(!m){var g=c.elements,x=g.reference,y=g.popper;if(gi(x,y)){c.rects={reference:cm(x,Vr(y),c.options.strategy==="fixed"),popper:Ho(y)},c.reset=!1,c.placement=c.options.placement,c.orderedModifiers.forEach(function(C){return c.modifiersData[C.name]=Object.assign({},C.data)});for(var w=0;w<c.orderedModifiers.length;w++){if(c.reset===!0){c.reset=!1,w=-1;continue}var v=c.orderedModifiers[w],E=v.fn,A=v.options,S=A===void 0?{}:A,k=v.name;typeof E=="function"&&(c=E({state:c,options:S,name:k,instance:f})||c)}}}},update:fm(function(){return new Promise(function(g){f.forceUpdate(),g(c)})}),destroy:function(){h(),m=!0}};if(!gi(i,u))return f;f.setOptions(s).then(function(g){!m&&s.onFirstUpdate&&s.onFirstUpdate(g)});function p(){c.orderedModifiers.forEach(function(g){var x=g.name,y=g.options,w=y===void 0?{}:y,v=g.effect;if(typeof v=="function"){var E=v({state:c,name:x,instance:f,options:w}),A=function(){};d.push(E||A)}})}function h(){d.forEach(function(g){return g()}),d=[]}return f}}var hm=[jf,nm,If,kf,tm,Kf,lm,Df,Jf],bm=gm({defaultModifiers:hm}),ym=Oe(df()),vm=[],Em=function(e,t,r){r===void 0&&(r={});var n=b.useRef(null),a={onFirstUpdate:r.onFirstUpdate,placement:r.placement||"bottom",strategy:r.strategy||"absolute",modifiers:r.modifiers||vm},l=b.useState({styles:{popper:{position:a.strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),i=l[0],u=l[1],s=b.useMemo(function(){return{name:"updateState",enabled:!0,phase:"write",fn:function(m){var f=m.state,p=Object.keys(f.elements);hs.flushSync(function(){u({styles:oi(p.map(function(h){return[h,f.styles[h]||{}]})),attributes:oi(p.map(function(h){return[h,f.attributes[h]]}))})})},requires:["computeStyles"]}},[]),c=b.useMemo(function(){var m={onFirstUpdate:a.onFirstUpdate,placement:a.placement,strategy:a.strategy,modifiers:[].concat(a.modifiers,[s,{name:"applyStyles",enabled:!1}])};return(0,ym.default)(n.current,m)?n.current||m:(n.current=m,m)},[a.onFirstUpdate,a.placement,a.strategy,a.modifiers,s]),d=b.useRef();return li(function(){d.current&&d.current.setOptions(c)},[c]),li(function(){if(!(e==null||t==null)){var m=r.createPopper||bm,f=m(e,t,c);return d.current=f,function(){f.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 Iu(e){var t=b.useRef(e);return t.current=e,b.useCallback(function(){return t.current},[])}var xm=function(){};function wm(e){var t=e.initial,r=e.value,n=e.onChange,a=n===void 0?xm: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=b.useState(t),i=l[0],u=l[1],s=Iu(i),c=b.useCallback(function(m){var f=s(),p=typeof m=="function"?m(f):m;typeof p.persist=="function"&&p.persist(),u(p),typeof a=="function"&&a(p)},[s,a]),d=r!==void 0;return[d?r:i,d?a:c]}function Pu(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 Am=["styles","attributes"],hi={getBoundingClientRect:Pu()},bi={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 Sm(e,t){var r,n,a;e===void 0&&(e={}),t===void 0&&(t={});var l=Object.keys(bi).reduce(function(D,L){var j;return U({},D,(j={},j[L]=D[L]!==void 0?D[L]:bi[L],j))},e),i=b.useMemo(function(){return[{name:"offset",options:{offset:l.offset}}]},Array.isArray(l.offset)?l.offset:[]),u=U({},t,{placement:t.placement||l.placement,modifiers:t.modifiers||i}),s=b.useState(null),c=s[0],d=s[1],m=b.useState(null),f=m[0],p=m[1],h=wm({initial:l.defaultVisible,value:l.visible,onChange:l.onVisibleChange}),g=h[0],x=h[1],y=b.useRef();b.useEffect(function(){return function(){return clearTimeout(y.current)}},[]);var w=Em(l.followCursor?hi:c,f,u),v=w.styles,E=w.attributes,A=Ro(w,Am),S=A.update,k=Iu({visible:g,triggerRef:c,tooltipRef:f,finalConfig:l}),C=b.useCallback(function(D){return Array.isArray(l.trigger)?l.trigger.includes(D):l.trigger===D},Array.isArray(l.trigger)?l.trigger:[l.trigger]),O=b.useCallback(function(){clearTimeout(y.current),y.current=window.setTimeout(function(){return x(!1)},l.delayHide)},[l.delayHide,x]),T=b.useCallback(function(){clearTimeout(y.current),y.current=window.setTimeout(function(){return x(!0)},l.delayShow)},[l.delayShow,x]),R=b.useCallback(function(){k().visible?O():T()},[k,O,T]);b.useEffect(function(){if(k().finalConfig.closeOnOutsideClick){var D=function(L){var j,V=k(),B=V.tooltipRef,H=V.triggerRef,X=(L.composedPath==null||(j=L.composedPath())==null?void 0:j[0])||L.target;X instanceof Node&&B!=null&&H!=null&&!B.contains(X)&&!H.contains(X)&&O()};return document.addEventListener("mousedown",D),function(){return document.removeEventListener("mousedown",D)}}},[k,O]),b.useEffect(function(){if(!(c==null||!C("click")))return c.addEventListener("click",R),function(){return c.removeEventListener("click",R)}},[c,C,R]),b.useEffect(function(){if(!(c==null||!C("double-click")))return c.addEventListener("dblclick",R),function(){return c.removeEventListener("dblclick",R)}},[c,C,R]),b.useEffect(function(){if(!(c==null||!C("right-click"))){var D=function(L){L.preventDefault(),R()};return c.addEventListener("contextmenu",D),function(){return c.removeEventListener("contextmenu",D)}}},[c,C,R]),b.useEffect(function(){if(!(c==null||!C("focus")))return c.addEventListener("focus",T),c.addEventListener("blur",O),function(){c.removeEventListener("focus",T),c.removeEventListener("blur",O)}},[c,C,T,O]),b.useEffect(function(){if(!(c==null||!C("hover")))return c.addEventListener("mouseenter",T),c.addEventListener("mouseleave",O),function(){c.removeEventListener("mouseenter",T),c.removeEventListener("mouseleave",O)}},[c,C,T,O]),b.useEffect(function(){if(!(f==null||!C("hover")||!k().finalConfig.interactive))return f.addEventListener("mouseenter",T),f.addEventListener("mouseleave",O),function(){f.removeEventListener("mouseenter",T),f.removeEventListener("mouseleave",O)}},[f,C,T,O,k]);var $=A==null||(r=A.state)==null||(n=r.modifiersData)==null||(a=n.hide)==null?void 0:a.isReferenceHidden;b.useEffect(function(){l.closeOnTriggerHidden&&$&&O()},[l.closeOnTriggerHidden,O,$]),b.useEffect(function(){if(!l.followCursor||c==null)return;function D(L){var j=L.clientX,V=L.clientY;hi.getBoundingClientRect=Pu(j,V),S==null||S()}return c.addEventListener("mousemove",D),function(){return c.removeEventListener("mousemove",D)}},[l.followCursor,c,S]),b.useEffect(function(){if(!(f==null||S==null||l.mutationObserverOptions==null)){var D=new MutationObserver(S);return D.observe(f,l.mutationObserverOptions),function(){return D.disconnect()}}},[l.mutationObserverOptions,f,S]);var F=function(D){return D===void 0&&(D={}),U({},D,{style:U({},D.style,v.popper)},E.popper,{"data-popper-interactive":l.interactive})},P=function(D){return D===void 0&&(D={}),U({},D,E.arrow,{style:U({},D.style,v.arrow),"data-popper-arrow":!0})};return U({getArrowProps:P,getTooltipProps:F,setTooltipRef:p,setTriggerRef:d,tooltipRef:f,triggerRef:c,visible:g},A)}var Fe=Ht(1e3)((e,t,r,n=0)=>t.split("-")[0]===e?r:n),gt=8,Cm=_.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:`${Fe("top",r,`${gt*-1}px`,"auto")}`,top:`${Fe("bottom",r,`${gt*-1}px`,"auto")}`,right:`${Fe("left",r,`${gt*-1}px`,"auto")}`,left:`${Fe("right",r,`${gt*-1}px`,"auto")}`,borderBottomWidth:`${Fe("top",r,"0",gt)}px`,borderTopWidth:`${Fe("bottom",r,"0",gt)}px`,borderRightWidth:`${Fe("left",r,"0",gt)}px`,borderLeftWidth:`${Fe("right",r,"0",gt)}px`,borderTopColor:Fe("top",r,e.color[t]||t||e.base==="light"?xr(e.background.app):e.background.app,"transparent"),borderBottomColor:Fe("bottom",r,e.color[t]||t||e.base==="light"?xr(e.background.app):e.background.app,"transparent"),borderLeftColor:Fe("left",r,e.color[t]||t||e.base==="light"?xr(e.background.app):e.background.app,"transparent"),borderRightColor:Fe("right",r,e.color[t]||t||e.base==="light"?xr(e.background.app):e.background.app,"transparent")})),km=_.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"?xr(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}:{}),Uo=o.forwardRef(({placement:e,hasChrome:t,children:r,arrowProps:n,tooltipRef:a,color:l,withArrows:i,...u},s)=>o.createElement(km,{"data-testid":"tooltip",hasChrome:t,ref:s,...u,color:l},t&&i&&o.createElement(Cm,{placement:e,...n,color:l}),r));Uo.displayName="Tooltip";Uo.defaultProps={color:void 0,tooltipRef:void 0,hasChrome:!0,placement:"top",arrowProps:{}};var{document:cn}=cf,_m=_.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
|
-
`,ve=({icon:e,useSymbol:t,...r})=>o.createElement(pc,{viewBox:"0 0 14 14",width:"14px",height:"14px",...r},t?o.createElement("use",{xlinkHref:`#icon--${e}`}):Mr[e]),_g=b.memo(function({icons:e=Object.keys(Mr)}){return o.createElement(pc,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},e.map(t=>o.createElement("symbol",{id:`icon--${t}`,key:t},Mr[t])))}),Og=0,Tg=e=>e.button===Og&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,Rg=(e,t)=>{Tg(e)&&(e.preventDefault(),t(e))},Fg=_.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}}:{}),$g=_.a(({theme:e})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:e.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:Kt(.07,e.color.secondary),"svg path:not([fill])":{fill:Kt(.07,e.color.secondary)}},"&:active":{color:Kt(.1,e.color.secondary),"svg path:not([fill])":{fill:Kt(.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"}:{}),xt=({cancel:e,children:t,onClick:r,withArrow:n,containsIcon:a,className:l,...i})=>o.createElement($g,{...i,onClick:r&&e?u=>Rg(u,r):r,className:l},o.createElement(Fg,{withArrow:n,containsIcon:a},t,n&&o.createElement(ve,{icon:"arrowright"})));xt.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var Dg=_.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}})),It=[],or=null,Lg=b.lazy(async()=>{let{SyntaxHighlighter:e}=await jt(()=>import("./syntaxhighlighter-NMPM6SWI-73022108.js"),["./syntaxhighlighter-NMPM6SWI-73022108.js","./iframe-38a2d83b.js","./index-f80c8c95.js","./index-64d4dcb8.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-97a99495.js"],import.meta.url);return It.length>0&&(It.forEach(t=>{e.registerLanguage(...t)}),It=[]),or===null&&(or=e),{default:t=>o.createElement(e,{...t})}}),Mg=b.lazy(async()=>{let[{SyntaxHighlighter:e},{formatter:t}]=await Promise.all([jt(()=>import("./syntaxhighlighter-NMPM6SWI-73022108.js"),["./syntaxhighlighter-NMPM6SWI-73022108.js","./iframe-38a2d83b.js","./index-f80c8c95.js","./index-64d4dcb8.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-97a99495.js"],import.meta.url),jt(()=>import("./formatter-SWP5E3XI-7821f550.js"),["./formatter-SWP5E3XI-7821f550.js","./iframe-38a2d83b.js","./index-f80c8c95.js","./index-64d4dcb8.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-97a99495.js"],import.meta.url)]);return It.length>0&&(It.forEach(r=>{e.registerLanguage(...r)}),It=[]),or===null&&(or=e),{default:r=>o.createElement(e,{...r,formatter:t})}}),Zn=e=>o.createElement(b.Suspense,{fallback:o.createElement("div",null)},e.format!==!1?o.createElement(Mg,{...e}):o.createElement(Lg,{...e}));Zn.registerLanguage=(...e)=>{if(or!==null){or.registerLanguage(...e);return}It.push(e)};var Bg=e=>typeof e=="number"?e:Number(e),Ig=_.div(({theme:e,col:t,row:r=1})=>t?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:t*e.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${Ua}`]:{marginLeft:0}}:{"& > *":{marginTop:r*e.layoutMargin},[`& > *:first-child${Ua}`]:{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{}}}),Pg=({col:e,row:t,outer:r,children:n,...a})=>{let l=Bg(typeof r=="number"||!r?r:e||t);return o.createElement(Ig,{col:e,row:t,outer:l,...a},n)},jg=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),Ng=_.div(),Hg=_.div(({theme:e})=>({padding:30,textAlign:"center",color:e.color.defaultText,fontSize:e.typography.size.s2-1})),fc=({children:e,...t})=>{let[r,n]=b.Children.toArray(e);return o.createElement(Hg,{...t},o.createElement(jg,null,r),n&&o.createElement(Ng,null,n))},Zg=_.div(({scale:e=1,elementHeight:t})=>({height:t||"auto",transformOrigin:"top left",transform:`scale(${1/e})`}));function Vg({scale:e,children:t}){let r=b.useRef(null),[n,a]=b.useState(0),l=b.useCallback(({height:i})=>{i&&a(i/e)},[e]);return b.useEffect(()=>{r.current&&a(r.current.getBoundingClientRect().height)},[e]),Nu({ref:r,onResize:l}),o.createElement(Zg,{scale:e,elementHeight:n},o.createElement("div",{ref:r,className:"innerZoomElementWrapper"},t))}var zg=class extends b.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 o.createElement(o.Fragment,null,e)}},mc={Element:Vg,IFrame:zg},{document:qg}=Zm,Ug=_.strong(({theme:e})=>({color:e.color.orange})),Wg=_.strong(({theme:e})=>({color:e.color.ancillary,textDecoration:"underline"})),wi=_.em(({theme:e})=>({color:e.textMutedColor})),Gg=/(Error): (.*)\n/,Yg=/at (?:(.*) )?\(?(.+)\)?/,Kg=/([^@]+)?(?:\/<)?@(.+)?/,Xg=/([^@]+)?@(.+)?/,gc=({error:e})=>{if(!e)return o.createElement(b.Fragment,null,"This error has no stack or message");if(!e.stack)return o.createElement(b.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
|
+
`,ve=({icon:e,useSymbol:t,...r})=>o.createElement(pc,{viewBox:"0 0 14 14",width:"14px",height:"14px",...r},t?o.createElement("use",{xlinkHref:`#icon--${e}`}):Mr[e]),_g=b.memo(function({icons:e=Object.keys(Mr)}){return o.createElement(pc,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},e.map(t=>o.createElement("symbol",{id:`icon--${t}`,key:t},Mr[t])))}),Og=0,Tg=e=>e.button===Og&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,Rg=(e,t)=>{Tg(e)&&(e.preventDefault(),t(e))},Fg=_.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}}:{}),$g=_.a(({theme:e})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:e.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:Kt(.07,e.color.secondary),"svg path:not([fill])":{fill:Kt(.07,e.color.secondary)}},"&:active":{color:Kt(.1,e.color.secondary),"svg path:not([fill])":{fill:Kt(.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"}:{}),xt=({cancel:e,children:t,onClick:r,withArrow:n,containsIcon:a,className:l,...i})=>o.createElement($g,{...i,onClick:r&&e?u=>Rg(u,r):r,className:l},o.createElement(Fg,{withArrow:n,containsIcon:a},t,n&&o.createElement(ve,{icon:"arrowright"})));xt.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var Dg=_.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}})),It=[],or=null,Lg=b.lazy(async()=>{let{SyntaxHighlighter:e}=await jt(()=>import("./syntaxhighlighter-NMPM6SWI-f002e2eb.js"),["./syntaxhighlighter-NMPM6SWI-f002e2eb.js","./iframe-bec17c8e.js","./index-f80c8c95.js","./index-64d4dcb8.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url);return It.length>0&&(It.forEach(t=>{e.registerLanguage(...t)}),It=[]),or===null&&(or=e),{default:t=>o.createElement(e,{...t})}}),Mg=b.lazy(async()=>{let[{SyntaxHighlighter:e},{formatter:t}]=await Promise.all([jt(()=>import("./syntaxhighlighter-NMPM6SWI-f002e2eb.js"),["./syntaxhighlighter-NMPM6SWI-f002e2eb.js","./iframe-bec17c8e.js","./index-f80c8c95.js","./index-64d4dcb8.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url),jt(()=>import("./formatter-SWP5E3XI-9c500ffb.js"),["./formatter-SWP5E3XI-9c500ffb.js","./iframe-bec17c8e.js","./index-f80c8c95.js","./index-64d4dcb8.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url)]);return It.length>0&&(It.forEach(r=>{e.registerLanguage(...r)}),It=[]),or===null&&(or=e),{default:r=>o.createElement(e,{...r,formatter:t})}}),Zn=e=>o.createElement(b.Suspense,{fallback:o.createElement("div",null)},e.format!==!1?o.createElement(Mg,{...e}):o.createElement(Lg,{...e}));Zn.registerLanguage=(...e)=>{if(or!==null){or.registerLanguage(...e);return}It.push(e)};var Bg=e=>typeof e=="number"?e:Number(e),Ig=_.div(({theme:e,col:t,row:r=1})=>t?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:t*e.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${Ua}`]:{marginLeft:0}}:{"& > *":{marginTop:r*e.layoutMargin},[`& > *:first-child${Ua}`]:{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{}}}),Pg=({col:e,row:t,outer:r,children:n,...a})=>{let l=Bg(typeof r=="number"||!r?r:e||t);return o.createElement(Ig,{col:e,row:t,outer:l,...a},n)},jg=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),Ng=_.div(),Hg=_.div(({theme:e})=>({padding:30,textAlign:"center",color:e.color.defaultText,fontSize:e.typography.size.s2-1})),fc=({children:e,...t})=>{let[r,n]=b.Children.toArray(e);return o.createElement(Hg,{...t},o.createElement(jg,null,r),n&&o.createElement(Ng,null,n))},Zg=_.div(({scale:e=1,elementHeight:t})=>({height:t||"auto",transformOrigin:"top left",transform:`scale(${1/e})`}));function Vg({scale:e,children:t}){let r=b.useRef(null),[n,a]=b.useState(0),l=b.useCallback(({height:i})=>{i&&a(i/e)},[e]);return b.useEffect(()=>{r.current&&a(r.current.getBoundingClientRect().height)},[e]),Nu({ref:r,onResize:l}),o.createElement(Zg,{scale:e,elementHeight:n},o.createElement("div",{ref:r,className:"innerZoomElementWrapper"},t))}var zg=class extends b.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 o.createElement(o.Fragment,null,e)}},mc={Element:Vg,IFrame:zg},{document:qg}=Zm,Ug=_.strong(({theme:e})=>({color:e.color.orange})),Wg=_.strong(({theme:e})=>({color:e.color.ancillary,textDecoration:"underline"})),wi=_.em(({theme:e})=>({color:e.textMutedColor})),Gg=/(Error): (.*)\n/,Yg=/at (?:(.*) )?\(?(.+)\)?/,Kg=/([^@]+)?(?:\/<)?@(.+)?/,Xg=/([^@]+)?@(.+)?/,gc=({error:e})=>{if(!e)return o.createElement(b.Fragment,null,"This error has no stack or message");if(!e.stack)return o.createElement(b.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(Gg);if(!r)return o.createElement(b.Fragment,null,t);let[,n,a]=r,l=t.split(/\n/).slice(1),[,...i]=l.map(u=>{let s=u.match(Yg)||u.match(Kg)||u.match(Xg);return s?{name:(s[1]||"").replace("/<",""),location:s[2].replace(qg.location.origin,"")}:null}).filter(Boolean);return o.createElement(b.Fragment,null,o.createElement("span",null,n),": ",o.createElement(Ug,null,a),o.createElement("br",null),i.map((u,s)=>u.name?o.createElement(b.Fragment,{key:s}," ","at ",o.createElement(Wg,null,u.name)," (",o.createElement(wi,null,u.location),")",o.createElement("br",null)):o.createElement(b.Fragment,{key:s}," ","at ",o.createElement(wi,null,u.location),o.createElement("br",null))))},hc=_.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 a;return n?a=e.color.mediumlight:r?a=e.color.secondary:t&&(a=e.color.primary),a?{background:a,color:n?e.color.darkest:e.color.lightest,"&:hover":{background:Kt(.05,a)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${ct(a,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${ct(a,.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"?Kt(.02,e.button.background):gg(.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:`${ct(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, ${ct(n,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${n} 0 0 0 1px inset, ${ct(n,.2)} 0 8px 18px 0px`}}:{}},({theme:e,outline:t,primary:r,secondary:n})=>{let a;return n?a=e.color.secondary:r&&(a=e.color.primary),t&&a?{boxShadow:`${a} 0 0 0 1px inset`,color:a,"svg path:not([fill])":{fill:a},"&:hover":{boxShadow:`${a} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:a,boxShadow:`${a} 0 0 0 1px inset`,color:e.color.tertiary},"&:focus":{boxShadow:`${a} 0 0 0 1px inset, ${ct(a,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${a} 0 0 0 1px inset, ${ct(a,.2)} 0 8px 18px 0px`}}:{}}),Jg=hc.withComponent("a"),bc=Object.assign(b.forwardRef(function({isLink:e,children:t,...r},n){return e?o.createElement(Jg,{...r,ref:n},t):o.createElement(hc,{...r,ref:n},t)}),{defaultProps:{isLink:!1}}),Qg=_.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),eh=_.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),yc=({label:e,children:t,...r})=>o.createElement(Qg,{...r},e?o.createElement(eh,null,o.createElement("span",null,e)):null,t);yc.defaultProps={label:void 0};var Ai=function(e,t){if(typeof e=="function"){e(t);return}e.current=t},th=function(e,t){var r=b.useRef();return b.useCallback(function(n){e.current=n,r.current&&Ai(r.current,null),r.current=t,t&&Ai(t,n)},[t])},rh=th,nh=function(){},ah=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],oh=function(e,t){e.cacheMeasurements,e.maxRows,e.minRows;var r=e.onChange,n=r===void 0?nh:r;e.onHeightChange;var a=Ro(e,ah);a.value;var l=b.useRef(null),i=rh(l,t);return b.useRef(0),b.useRef(),b.createElement("textarea",U({},a,{onChange:n,ref:i}))},lh=b.forwardRef(oh),ih={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},el=({theme:e})=>({...ih,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}}),Vn=({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},vc=({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},zn=({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{}}},sh=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},a){return o.createElement("input",{...n,ref:a})}))(el,Vn,vc,zn,{minHeight:32}),{displayName:"Input"}),uh=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},a){return o.createElement("select",{...n,ref:a})}))(el,Vn,zn,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),ch=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},a){return o.createElement(lh,{...n,ref:a})}))(el,Vn,vc,zn,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),dh=_(b.forwardRef(function({size:e,valid:t,align:r,...n},a){return o.createElement(bc,{...n,ref:a})}))(Vn,zn,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),ph=Object.assign(b.forwardRef(function(e,t){return o.createElement(dh,{...e,tertiary:!0,small:!0,inForm:!0,ref:t})}),{displayName:"Button"}),Ne=Object.assign(_.form({boxSizing:"border-box",width:"100%"}),{Field:yc,Input:sh,Select:uh,Textarea:ch,Button:ph}),fh=b.lazy(()=>jt(()=>import("./WithTooltip-4HIR6TLV-4d929e52.js"),["./WithTooltip-4HIR6TLV-4d929e52.js","./iframe-38a2d83b.js","./index-f80c8c95.js","./index-64d4dcb8.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-97a99495.js"],import.meta.url).then(e=>({default:e.WithTooltip}))),mh=e=>o.createElement(b.Suspense,{fallback:o.createElement("div",null)},o.createElement(fh,{...e})),gh=b.lazy(()=>jt(()=>import("./WithTooltip-4HIR6TLV-4d929e52.js"),["./WithTooltip-4HIR6TLV-4d929e52.js","./iframe-38a2d83b.js","./index-f80c8c95.js","./index-64d4dcb8.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-97a99495.js"],import.meta.url).then(e=>({default:e.WithTooltipPure}))),Ec=e=>o.createElement(b.Suspense,{fallback:o.createElement("div",null)},o.createElement(gh,{...e})),hh=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),bh=_.span(),yh=_.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),vh=_.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),Eh=_.div({padding:15,width:280,boxSizing:"border-box"}),xc=({title:e,desc:t,links:r})=>o.createElement(Eh,null,o.createElement(vh,null,e&&o.createElement(hh,null,e),t&&o.createElement(bh,null,t)),r&&o.createElement(yh,null,r.map(({title:n,...a})=>o.createElement(xt,{...a,key:n},n))));xc.defaultProps={title:null,desc:null,links:null};var xh=_.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})),wh=({note:e,...t})=>o.createElement(xh,{...t},e),Ah=_(({active:e,loading:t,disabled:r,...n})=>o.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)}:{}),Sh=_.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Ch=_.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),kh=_.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),Si=_.span(({active:e,theme:t})=>e?{"& svg":{opacity:1},"& svg path:not([fill])":{fill:t.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),_h=_.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"}:{}),Oh=Ht(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}),wc=({loading:e,left:t,title:r,center:n,right:a,icon:l,active:i,disabled:u,isIndented:s,href:c,onClick:d,LinkWrapper:m,...f})=>{let p=Oh(d,c,m),h={active:i,disabled:u},g=typeof l=="string"&&Mr[l];return o.createElement(_h,{...h,...f,...p},l?o.createElement(Si,{...h},g?o.createElement(ve,{icon:l}):l):t&&o.createElement(Si,{...h},t),r||n?o.createElement(Ch,{isIndented:!t&&!l&&s},r&&o.createElement(Ah,{...h,loading:e},r),n&&o.createElement(kh,{...h},n)):null,a&&o.createElement(Sh,{...h},a))};wc.defaultProps={loading:!1,left:null,title:o.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var tl=wc,Th=_.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),Rh=e=>{let{LinkWrapper:t,onClick:r,id:n,isIndented:a,...l}=e,{title:i,href:u,active:s}=l,c=b.useCallback(m=>{r(m,l)},[r]),d=!!r;return o.createElement(tl,{title:i,active:s,href:u,id:`list-item-${n}`,LinkWrapper:t,isIndented:a,...l,...d?{onClick:c}:{}})},rl=({links:e,LinkWrapper:t})=>{let r=e.some(n=>n.left||n.icon);return o.createElement(Th,null,e.map(({isGatsby:n,...a})=>o.createElement(Rh,{key:a.id,LinkWrapper:n?t:null,isIndented:r,...a})))};rl.defaultProps={LinkWrapper:tl.defaultProps.LinkWrapper};var nl=o.forwardRef(({children:e,...t},r)=>t.href!=null?o.createElement("a",{ref:r,...t},e):o.createElement("button",{ref:r,type:"button",...t},e));nl.displayName="ButtonOrLink";var zr=_(nl,{shouldForwardProp:xo})({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"});zr.displayName="TabButton";var Pt=_(nl,{shouldForwardProp:xo})(()=>({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.barSelectedColor}:{},({disabled:e,theme:t})=>e?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:Ee(.88,t.color.secondary),color:t.barHoverColor},"&:focus-visible":{outline:Nn},"&:focus:not(:focus-visible)":{outline:"none"}});Pt.displayName="IconButton";var Fh=_.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),$h=_.div(()=>({marginTop:6,padding:7,height:28})),Ac=()=>o.createElement($h,null,o.createElement(Fh,null)),no=_.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}}:{});no.displayName="Side";var Dh=({children:e,className:t,scrollable:r})=>r?o.createElement(Po,{vertical:!1,className:t},e):o.createElement("div",{className:t},e),al=_(Dh)(({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}:{});al.displayName="Bar";var Lh=_.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),qn=({children:e,backgroundColor:t,...r})=>{let[n,a]=b.Children.toArray(e);return o.createElement(al,{...r},o.createElement(Lh,{bgColor:t},o.createElement(no,{scrollable:r.scrollable,left:!0},n),a?o.createElement(no,{right:!0},a):null))};qn.displayName="FlexBar";var Sc=_.div(({active:e})=>e?{display:"block"}:{display:"none"}),Ci=e=>b.Children.toArray(e).map(({props:{title:t,id:r,color:n,children:a}})=>{let l=Array.isArray(a)?a[0]:a;return{title:t,id:r,...n?{color:n}:{},render:typeof l=="function"?l:({active:i})=>o.createElement(Sc,{active:i,role:"tabpanel"},l)}}),Mh=_.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"})),Bh=_(zr)(({active:e,theme:t,preActive:r})=>`
|
|
231
|
+
${t}`);let r=t.match(Gg);if(!r)return o.createElement(b.Fragment,null,t);let[,n,a]=r,l=t.split(/\n/).slice(1),[,...i]=l.map(u=>{let s=u.match(Yg)||u.match(Kg)||u.match(Xg);return s?{name:(s[1]||"").replace("/<",""),location:s[2].replace(qg.location.origin,"")}:null}).filter(Boolean);return o.createElement(b.Fragment,null,o.createElement("span",null,n),": ",o.createElement(Ug,null,a),o.createElement("br",null),i.map((u,s)=>u.name?o.createElement(b.Fragment,{key:s}," ","at ",o.createElement(Wg,null,u.name)," (",o.createElement(wi,null,u.location),")",o.createElement("br",null)):o.createElement(b.Fragment,{key:s}," ","at ",o.createElement(wi,null,u.location),o.createElement("br",null))))},hc=_.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 a;return n?a=e.color.mediumlight:r?a=e.color.secondary:t&&(a=e.color.primary),a?{background:a,color:n?e.color.darkest:e.color.lightest,"&:hover":{background:Kt(.05,a)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${ct(a,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${ct(a,.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"?Kt(.02,e.button.background):gg(.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:`${ct(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, ${ct(n,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${n} 0 0 0 1px inset, ${ct(n,.2)} 0 8px 18px 0px`}}:{}},({theme:e,outline:t,primary:r,secondary:n})=>{let a;return n?a=e.color.secondary:r&&(a=e.color.primary),t&&a?{boxShadow:`${a} 0 0 0 1px inset`,color:a,"svg path:not([fill])":{fill:a},"&:hover":{boxShadow:`${a} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:a,boxShadow:`${a} 0 0 0 1px inset`,color:e.color.tertiary},"&:focus":{boxShadow:`${a} 0 0 0 1px inset, ${ct(a,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${a} 0 0 0 1px inset, ${ct(a,.2)} 0 8px 18px 0px`}}:{}}),Jg=hc.withComponent("a"),bc=Object.assign(b.forwardRef(function({isLink:e,children:t,...r},n){return e?o.createElement(Jg,{...r,ref:n},t):o.createElement(hc,{...r,ref:n},t)}),{defaultProps:{isLink:!1}}),Qg=_.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),eh=_.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),yc=({label:e,children:t,...r})=>o.createElement(Qg,{...r},e?o.createElement(eh,null,o.createElement("span",null,e)):null,t);yc.defaultProps={label:void 0};var Ai=function(e,t){if(typeof e=="function"){e(t);return}e.current=t},th=function(e,t){var r=b.useRef();return b.useCallback(function(n){e.current=n,r.current&&Ai(r.current,null),r.current=t,t&&Ai(t,n)},[t])},rh=th,nh=function(){},ah=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],oh=function(e,t){e.cacheMeasurements,e.maxRows,e.minRows;var r=e.onChange,n=r===void 0?nh:r;e.onHeightChange;var a=Ro(e,ah);a.value;var l=b.useRef(null),i=rh(l,t);return b.useRef(0),b.useRef(),b.createElement("textarea",U({},a,{onChange:n,ref:i}))},lh=b.forwardRef(oh),ih={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},el=({theme:e})=>({...ih,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}}),Vn=({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},vc=({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},zn=({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{}}},sh=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},a){return o.createElement("input",{...n,ref:a})}))(el,Vn,vc,zn,{minHeight:32}),{displayName:"Input"}),uh=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},a){return o.createElement("select",{...n,ref:a})}))(el,Vn,zn,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),ch=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},a){return o.createElement(lh,{...n,ref:a})}))(el,Vn,vc,zn,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),dh=_(b.forwardRef(function({size:e,valid:t,align:r,...n},a){return o.createElement(bc,{...n,ref:a})}))(Vn,zn,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),ph=Object.assign(b.forwardRef(function(e,t){return o.createElement(dh,{...e,tertiary:!0,small:!0,inForm:!0,ref:t})}),{displayName:"Button"}),Ne=Object.assign(_.form({boxSizing:"border-box",width:"100%"}),{Field:yc,Input:sh,Select:uh,Textarea:ch,Button:ph}),fh=b.lazy(()=>jt(()=>import("./WithTooltip-4HIR6TLV-d14a8aee.js"),["./WithTooltip-4HIR6TLV-d14a8aee.js","./iframe-bec17c8e.js","./index-f80c8c95.js","./index-64d4dcb8.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url).then(e=>({default:e.WithTooltip}))),mh=e=>o.createElement(b.Suspense,{fallback:o.createElement("div",null)},o.createElement(fh,{...e})),gh=b.lazy(()=>jt(()=>import("./WithTooltip-4HIR6TLV-d14a8aee.js"),["./WithTooltip-4HIR6TLV-d14a8aee.js","./iframe-bec17c8e.js","./index-f80c8c95.js","./index-64d4dcb8.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url).then(e=>({default:e.WithTooltipPure}))),Ec=e=>o.createElement(b.Suspense,{fallback:o.createElement("div",null)},o.createElement(gh,{...e})),hh=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),bh=_.span(),yh=_.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),vh=_.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),Eh=_.div({padding:15,width:280,boxSizing:"border-box"}),xc=({title:e,desc:t,links:r})=>o.createElement(Eh,null,o.createElement(vh,null,e&&o.createElement(hh,null,e),t&&o.createElement(bh,null,t)),r&&o.createElement(yh,null,r.map(({title:n,...a})=>o.createElement(xt,{...a,key:n},n))));xc.defaultProps={title:null,desc:null,links:null};var xh=_.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})),wh=({note:e,...t})=>o.createElement(xh,{...t},e),Ah=_(({active:e,loading:t,disabled:r,...n})=>o.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)}:{}),Sh=_.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Ch=_.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),kh=_.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),Si=_.span(({active:e,theme:t})=>e?{"& svg":{opacity:1},"& svg path:not([fill])":{fill:t.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),_h=_.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"}:{}),Oh=Ht(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}),wc=({loading:e,left:t,title:r,center:n,right:a,icon:l,active:i,disabled:u,isIndented:s,href:c,onClick:d,LinkWrapper:m,...f})=>{let p=Oh(d,c,m),h={active:i,disabled:u},g=typeof l=="string"&&Mr[l];return o.createElement(_h,{...h,...f,...p},l?o.createElement(Si,{...h},g?o.createElement(ve,{icon:l}):l):t&&o.createElement(Si,{...h},t),r||n?o.createElement(Ch,{isIndented:!t&&!l&&s},r&&o.createElement(Ah,{...h,loading:e},r),n&&o.createElement(kh,{...h},n)):null,a&&o.createElement(Sh,{...h},a))};wc.defaultProps={loading:!1,left:null,title:o.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var tl=wc,Th=_.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),Rh=e=>{let{LinkWrapper:t,onClick:r,id:n,isIndented:a,...l}=e,{title:i,href:u,active:s}=l,c=b.useCallback(m=>{r(m,l)},[r]),d=!!r;return o.createElement(tl,{title:i,active:s,href:u,id:`list-item-${n}`,LinkWrapper:t,isIndented:a,...l,...d?{onClick:c}:{}})},rl=({links:e,LinkWrapper:t})=>{let r=e.some(n=>n.left||n.icon);return o.createElement(Th,null,e.map(({isGatsby:n,...a})=>o.createElement(Rh,{key:a.id,LinkWrapper:n?t:null,isIndented:r,...a})))};rl.defaultProps={LinkWrapper:tl.defaultProps.LinkWrapper};var nl=o.forwardRef(({children:e,...t},r)=>t.href!=null?o.createElement("a",{ref:r,...t},e):o.createElement("button",{ref:r,type:"button",...t},e));nl.displayName="ButtonOrLink";var zr=_(nl,{shouldForwardProp:xo})({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"});zr.displayName="TabButton";var Pt=_(nl,{shouldForwardProp:xo})(()=>({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.barSelectedColor}:{},({disabled:e,theme:t})=>e?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:Ee(.88,t.color.secondary),color:t.barHoverColor},"&:focus-visible":{outline:Nn},"&:focus:not(:focus-visible)":{outline:"none"}});Pt.displayName="IconButton";var Fh=_.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),$h=_.div(()=>({marginTop:6,padding:7,height:28})),Ac=()=>o.createElement($h,null,o.createElement(Fh,null)),no=_.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}}:{});no.displayName="Side";var Dh=({children:e,className:t,scrollable:r})=>r?o.createElement(Po,{vertical:!1,className:t},e):o.createElement("div",{className:t},e),al=_(Dh)(({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}:{});al.displayName="Bar";var Lh=_.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),qn=({children:e,backgroundColor:t,...r})=>{let[n,a]=b.Children.toArray(e);return o.createElement(al,{...r},o.createElement(Lh,{bgColor:t},o.createElement(no,{scrollable:r.scrollable,left:!0},n),a?o.createElement(no,{right:!0},a):null))};qn.displayName="FlexBar";var Sc=_.div(({active:e})=>e?{display:"block"}:{display:"none"}),Ci=e=>b.Children.toArray(e).map(({props:{title:t,id:r,color:n,children:a}})=>{let l=Array.isArray(a)?a[0]:a;return{title:t,id:r,...n?{color:n}:{},render:typeof l=="function"?l:({active:i})=>o.createElement(Sc,{active:i,role:"tabpanel"},l)}}),Mh=_.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"})),Bh=_(zr)(({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};
|
|
@@ -261,7 +261,7 @@ ${t}`);let r=t.match(Gg);if(!r)return o.createElement(b.Fragment,null,t);let[,n,
|
|
|
261
261
|
overflow: hidden;
|
|
262
262
|
font-family: ${tt.fonts.mono};
|
|
263
263
|
font-size: ${tt.size.s2-1}px;
|
|
264
|
-
`,nb=({code:e,...t})=>o.createElement(rb,{id:"clipboard-code",...t},e),Oc=dc,Tc={};Object.keys(dc).forEach(e=>{Tc[e]=b.forwardRef((t,r)=>b.createElement(e,{...t,ref:r}))});const ab=Object.freeze(Object.defineProperty({__proto__:null,A:Wu,ActionBar:Bo,AddonPanel:qh,Badge:kg,Bar:al,Blockquote:Gu,Button:bc,ClipboardCode:nb,Code:Ko,DL:Ku,Div:Yu,DocumentWrapper:Dg,ErrorFormatter:gc,FlexBar:qn,Form:Ne,H1:Xu,H2:Xo,H3:Jo,H4:Ju,H5:Qu,H6:ec,HR:tc,IconButton:Pt,IconButtonSkeleton:Ac,Icons:ve,Img:rc,LI:nc,Link:xt,ListItem:tl,Loader:kc,OL:ac,P:oc,Placeholder:fc,Pre:lc,ResetWrapper:Qo,ScrollArea:Po,Separator:ll,Spaced:Pg,Span:ic,StorybookIcon:Wh,StorybookLogo:Uh,Symbols:_g,SyntaxHighlighter:Zn,TT:uc,TabBar:ol,TabButton:zr,TabWrapper:Hh,Table:sc,Tabs:Un,TabsState:Cc,TooltipLinkList:rl,TooltipMessage:xc,TooltipNote:wh,UL:cc,WithTooltip:mh,WithTooltipPure:Ec,Zoom:mc,codeCommon:mt,components:Oc,createCopyToClipboardFunction:ku,getStoryHref:_c,icons:Mr,interleaveSeparators:Zh,nameSpaceClassNames:ee,resetComponents:Tc,withReset:re},Symbol.toStringTag,{value:"Module"}));function ao(e){return ao=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)},ao(e)}function ob(e){try{return Function.toString.call(e).indexOf("[native code]")!==-1}catch{return typeof e=="function"}}function lb(){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 pn(e,t,r){return lb()?pn=Reflect.construct.bind():pn=function(a,l,i){var u=[null];u.push.apply(u,l);var s=Function.bind.apply(a,u),c=new s;return i&&bs(c,i.prototype),c},pn.apply(null,arguments)}function oo(e){var t=typeof Map=="function"?new Map:void 0;return oo=function(n){if(n===null||!ob(n))return n;if(typeof n!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(n))return t.get(n);t.set(n,a)}function a(){return pn(n,arguments,ao(this).constructor)}return a.prototype=Object.create(n.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),bs(a,n)},oo(e)}var nt=function(e){V0(t,e);function t(r){var n;return n=e.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+r+" for more information.")||this,Z0(n)}return t}(oo(Error));function Ea(e){return Math.round(e*255)}function ib(e,t,r){return Ea(e)+","+Ea(t)+","+Ea(r)}function Br(e,t,r,n){if(n===void 0&&(n=ib),t===0)return n(r,r,r);var a=(e%360+360)%360/60,l=(1-Math.abs(2*r-1))*t,i=l*(1-Math.abs(a%2-1)),u=0,s=0,c=0;a>=0&&a<1?(u=l,s=i):a>=1&&a<2?(u=i,s=l):a>=2&&a<3?(s=l,c=i):a>=3&&a<4?(s=i,c=l):a>=4&&a<5?(u=i,c=l):a>=5&&a<6&&(u=l,c=i);var d=r-l/2,m=u+d,f=s+d,p=c+d;return n(m,f,p)}var Oi={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function sb(e){if(typeof e!="string")return e;var t=e.toLowerCase();return Oi[t]?"#"+Oi[t]:e}var ub=/^#[a-fA-F0-9]{6}$/,cb=/^#[a-fA-F0-9]{8}$/,db=/^#[a-fA-F0-9]{3}$/,pb=/^#[a-fA-F0-9]{4}$/,xa=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,fb=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,mb=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,gb=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function Wn(e){if(typeof e!="string")throw new nt(3);var t=sb(e);if(t.match(ub))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(cb)){var r=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:r}}if(t.match(db))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(pb)){var n=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:n}}var a=xa.exec(t);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var l=fb.exec(t.substring(0,50));if(l)return{red:parseInt(""+l[1],10),green:parseInt(""+l[2],10),blue:parseInt(""+l[3],10),alpha:parseFloat(""+l[4])>1?parseFloat(""+l[4])/100:parseFloat(""+l[4])};var i=mb.exec(t);if(i){var u=parseInt(""+i[1],10),s=parseInt(""+i[2],10)/100,c=parseInt(""+i[3],10)/100,d="rgb("+Br(u,s,c)+")",m=xa.exec(d);if(!m)throw new nt(4,t,d);return{red:parseInt(""+m[1],10),green:parseInt(""+m[2],10),blue:parseInt(""+m[3],10)}}var f=gb.exec(t.substring(0,50));if(f){var p=parseInt(""+f[1],10),h=parseInt(""+f[2],10)/100,g=parseInt(""+f[3],10)/100,x="rgb("+Br(p,h,g)+")",y=xa.exec(x);if(!y)throw new nt(4,t,x);return{red:parseInt(""+y[1],10),green:parseInt(""+y[2],10),blue:parseInt(""+y[3],10),alpha:parseFloat(""+f[4])>1?parseFloat(""+f[4])/100:parseFloat(""+f[4])}}throw new nt(5)}function hb(e){var t=e.red/255,r=e.green/255,n=e.blue/255,a=Math.max(t,r,n),l=Math.min(t,r,n),i=(a+l)/2;if(a===l)return e.alpha!==void 0?{hue:0,saturation:0,lightness:i,alpha:e.alpha}:{hue:0,saturation:0,lightness:i};var u,s=a-l,c=i>.5?s/(2-a-l):s/(a+l);switch(a){case t:u=(r-n)/s+(r<n?6:0);break;case r:u=(n-t)/s+2;break;default:u=(t-r)/s+4;break}return u*=60,e.alpha!==void 0?{hue:u,saturation:c,lightness:i,alpha:e.alpha}:{hue:u,saturation:c,lightness:i}}function Rc(e){return hb(Wn(e))}var bb=function(t){return t.length===7&&t[1]===t[2]&&t[3]===t[4]&&t[5]===t[6]?"#"+t[1]+t[3]+t[5]:t},lo=bb;function Ft(e){var t=e.toString(16);return t.length===1?"0"+t:t}function wa(e){return Ft(Math.round(e*255))}function yb(e,t,r){return lo("#"+wa(e)+wa(t)+wa(r))}function An(e,t,r){return Br(e,t,r,yb)}function vb(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return An(e,t,r);if(typeof e=="object"&&t===void 0&&r===void 0)return An(e.hue,e.saturation,e.lightness);throw new nt(1)}function Eb(e,t,r,n){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?An(e,t,r):"rgba("+Br(e,t,r)+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?An(e.hue,e.saturation,e.lightness):"rgba("+Br(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new nt(2)}function io(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return lo("#"+Ft(e)+Ft(t)+Ft(r));if(typeof e=="object"&&t===void 0&&r===void 0)return lo("#"+Ft(e.red)+Ft(e.green)+Ft(e.blue));throw new nt(6)}function dt(e,t,r,n){if(typeof e=="string"&&typeof t=="number"){var a=Wn(e);return"rgba("+a.red+","+a.green+","+a.blue+","+t+")"}else{if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?io(e,t,r):"rgba("+e+","+t+","+r+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?io(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new nt(7)}var xb=function(t){return typeof t.red=="number"&&typeof t.green=="number"&&typeof t.blue=="number"&&(typeof t.alpha!="number"||typeof t.alpha>"u")},wb=function(t){return typeof t.red=="number"&&typeof t.green=="number"&&typeof t.blue=="number"&&typeof t.alpha=="number"},Ab=function(t){return typeof t.hue=="number"&&typeof t.saturation=="number"&&typeof t.lightness=="number"&&(typeof t.alpha!="number"||typeof t.alpha>"u")},Sb=function(t){return typeof t.hue=="number"&&typeof t.saturation=="number"&&typeof t.lightness=="number"&&typeof t.alpha=="number"};function Fc(e){if(typeof e!="object")throw new nt(8);if(wb(e))return dt(e);if(xb(e))return io(e);if(Sb(e))return Eb(e);if(Ab(e))return vb(e);throw new nt(8)}function $c(e,t,r){return function(){var a=r.concat(Array.prototype.slice.call(arguments));return a.length>=t?e.apply(this,a):$c(e,t,a)}}function Gn(e){return $c(e,e.length,[])}function Yn(e,t,r){return Math.max(e,Math.min(t,r))}function Cb(e,t){if(t==="transparent")return t;var r=Rc(t);return Fc(kn({},r,{lightness:Yn(0,1,r.lightness-parseFloat(e))}))}var kb=Gn(Cb),Ke=kb;function _b(e,t){if(t==="transparent")return t;var r=Rc(t);return Fc(kn({},r,{lightness:Yn(0,1,r.lightness+parseFloat(e))}))}var Ob=Gn(_b),$t=Ob;function Tb(e,t){if(t==="transparent")return t;var r=Wn(t),n=typeof r.alpha=="number"?r.alpha:1,a=kn({},r,{alpha:Yn(0,1,(n*100+parseFloat(e)*100)/100)});return dt(a)}var Rb=Gn(Tb),Qr=Rb;function Fb(e,t){if(t==="transparent")return t;var r=Wn(t),n=typeof r.alpha=="number"?r.alpha:1,a=kn({},r,{alpha:Yn(0,1,+(n*100-parseFloat(e)*100).toFixed(2)/100)});return dt(a)}var $b=Gn(Fb),te=$b,Db=ys,Lb=z0,Mb=Object.prototype,Bb=Mb.hasOwnProperty;function Ib(e,t,r){var n=e[t];(!(Bb.call(e,t)&&Lb(n,r))||r===void 0&&!(t in e))&&Db(e,t,r)}var il=Ib,Pb=il,jb=vs,Nb=q0,Ti=_n,Hb=U0;function Zb(e,t,r,n){if(!Ti(e))return e;t=jb(t,e);for(var a=-1,l=t.length,i=l-1,u=e;u!=null&&++a<l;){var s=Hb(t[a]),c=r;if(s==="__proto__"||s==="constructor"||s==="prototype")return e;if(a!=i){var d=u[s];c=n?n(d,s,u):void 0,c===void 0&&(c=Ti(d)?d:Nb(t[a+1])?[]:{})}Pb(u,s,c),u=u[s]}return e}var Vb=Zb,zb=W0,qb=Vb,Ub=vs;function Wb(e,t,r){for(var n=-1,a=t.length,l={};++n<a;){var i=t[n],u=zb(e,i);r(u,i)&&qb(l,Ub(i,e),u)}return l}var Gb=Wb,Yb=G0,Kb=Es,Xb=xs,Jb=Y0,Qb=Object.getOwnPropertySymbols,ey=Qb?function(e){for(var t=[];e;)Yb(t,Xb(e)),e=Kb(e);return t}:Jb,Dc=ey;function ty(e){var t=[];if(e!=null)for(var r in Object(e))t.push(r);return t}var ry=ty,ny=_n,ay=ws,oy=ry,ly=Object.prototype,iy=ly.hasOwnProperty;function sy(e){if(!ny(e))return oy(e);var t=ay(e),r=[];for(var n in e)n=="constructor"&&(t||!iy.call(e,n))||r.push(n);return r}var uy=sy,cy=K0,dy=uy,py=X0;function fy(e){return py(e)?cy(e,!0):dy(e)}var sl=fy,my=J0,gy=Dc,hy=sl;function by(e){return my(e,hy,gy)}var Lc=by,yy=Q0,vy=e1,Ey=Gb,xy=Lc;function wy(e,t){if(e==null)return{};var r=yy(xy(e),function(n){return[n]});return t=vy(t),Ey(e,r,function(n,a){return t(n,a[0])})}var Ay=wy;const Sy=Cn(Ay);function Lt(){return Lt=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},Lt.apply(this,arguments)}const Cy=["children","options"],Ri=["allowFullScreen","allowTransparency","autoComplete","autoFocus","autoPlay","cellPadding","cellSpacing","charSet","className","classId","colSpan","contentEditable","contextMenu","crossOrigin","encType","formAction","formEncType","formMethod","formNoValidate","formTarget","frameBorder","hrefLang","inputMode","keyParams","keyType","marginHeight","marginWidth","maxLength","mediaGroup","minLength","noValidate","radioGroup","readOnly","rowSpan","spellCheck","srcDoc","srcLang","srcSet","tabIndex","useMap"].reduce((e,t)=>(e[t.toLowerCase()]=t,e),{for:"htmlFor"}),Fi={amp:"&",apos:"'",gt:">",lt:"<",nbsp:" ",quot:"“"},ky=["style","script"],_y=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,Oy=/mailto:/i,Ty=/\n{2,}$/,Mc=/^( *>[^\n]+(\n[^\n]+)*\n*)+\n{2,}/,Ry=/^ *> ?/gm,Fy=/^ {2,}\n/,$y=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,Bc=/^\s*(`{3,}|~{3,}) *(\S+)?([^\n]*?)?\n([\s\S]+?)\s*\1 *(?:\n *)*\n?/,Ic=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,Dy=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,Ly=/^(?:\n *)*\n/,My=/\r\n?/g,By=/^\[\^([^\]]+)](:.*)\n/,Iy=/^\[\^([^\]]+)]/,Py=/\f/g,jy=/^\s*?\[(x|\s)\]/,Pc=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,jc=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,Nc=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,so=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)\/{0}>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1)[\s\S])*?)<\/\1>\n*/i,Ny=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,Hc=/^<!--[\s\S]*?(?:-->)/,Hy=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,uo=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,Zy=/^\{.*\}$/,Vy=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,zy=/^<([^ >]+@[^ >]+)>/,qy=/^<([^ >]+:\/[^ >]+)>/,Uy=/-([a-z])?/gi,Zc=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,Wy=/^\[([^\]]*)\]:\s+<?([^\s>]+)>?\s*("([^"]*)")?/,Gy=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,Yy=/^\[([^\]]*)\] ?\[([^\]]*)\]/,Ky=/(\[|\])/g,Xy=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,Jy=/\t/g,Qy=/^ *\| */,e3=/(^ *\||\| *$)/g,t3=/ *$/,r3=/^ *:-+: *$/,n3=/^ *:-+ *$/,a3=/^ *-+: *$/,o3=/^([*_])\1((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1\1(?!\1)/,l3=/^([*_])((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1(?!\1|\w)/,i3=/^==((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)==/,s3=/^~~((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)~~/,u3=/^\\([^0-9A-Za-z\s])/,c3=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&#;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,d3=/^\n+/,p3=/^([ \t]*)/,f3=/\\([^\\])/g,$i=/ *\n+$/,m3=/(?:^|\n)( *)$/,ul="(?:\\d+\\.)",cl="(?:[*+-])";function Vc(e){return"( *)("+(e===1?ul:cl)+") +"}const zc=Vc(1),qc=Vc(2);function Uc(e){return new RegExp("^"+(e===1?zc:qc))}const g3=Uc(1),h3=Uc(2);function Wc(e){return new RegExp("^"+(e===1?zc:qc)+"[^\\n]*(?:\\n(?!\\1"+(e===1?ul:cl)+" )[^\\n]*)*(\\n|$)","gm")}const Gc=Wc(1),Yc=Wc(2);function Kc(e){const t=e===1?ul:cl;return new RegExp("^( *)("+t+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+t+" (?!"+t+" ))\\n*|\\s*\\n*$)")}const Xc=Kc(1),Jc=Kc(2);function Di(e,t){const r=t===1,n=r?Xc:Jc,a=r?Gc:Yc,l=r?g3:h3;return{t(i,u,s){const c=m3.exec(s);return c&&(u.o||!u._&&!u.u)?n.exec(i=c[1]+i):null},i:q.HIGH,l(i,u,s){const c=r?+i[2]:void 0,d=i[0].replace(Ty,`
|
|
264
|
+
`,nb=({code:e,...t})=>o.createElement(rb,{id:"clipboard-code",...t},e),Oc=dc,Tc={};Object.keys(dc).forEach(e=>{Tc[e]=b.forwardRef((t,r)=>b.createElement(e,{...t,ref:r}))});const ab=Object.freeze(Object.defineProperty({__proto__:null,A:Wu,ActionBar:Bo,AddonPanel:qh,Badge:kg,Bar:al,Blockquote:Gu,Button:bc,ClipboardCode:nb,Code:Ko,DL:Ku,Div:Yu,DocumentWrapper:Dg,ErrorFormatter:gc,FlexBar:qn,Form:Ne,H1:Xu,H2:Xo,H3:Jo,H4:Ju,H5:Qu,H6:ec,HR:tc,IconButton:Pt,IconButtonSkeleton:Ac,Icons:ve,Img:rc,LI:nc,Link:xt,ListItem:tl,Loader:kc,OL:ac,P:oc,Placeholder:fc,Pre:lc,ResetWrapper:Qo,ScrollArea:Po,Separator:ll,Spaced:Pg,Span:ic,StorybookIcon:Wh,StorybookLogo:Uh,Symbols:_g,SyntaxHighlighter:Zn,TT:uc,TabBar:ol,TabButton:zr,TabWrapper:Hh,Table:sc,Tabs:Un,TabsState:Cc,TooltipLinkList:rl,TooltipMessage:xc,TooltipNote:wh,UL:cc,WithTooltip:mh,WithTooltipPure:Ec,Zoom:mc,codeCommon:mt,components:Oc,createCopyToClipboardFunction:ku,getStoryHref:_c,icons:Mr,interleaveSeparators:Zh,nameSpaceClassNames:ee,resetComponents:Tc,withReset:re},Symbol.toStringTag,{value:"Module"}));function ao(e){return ao=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)},ao(e)}function ob(e){try{return Function.toString.call(e).indexOf("[native code]")!==-1}catch{return typeof e=="function"}}function lb(){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 pn(e,t,r){return lb()?pn=Reflect.construct.bind():pn=function(a,l,i){var u=[null];u.push.apply(u,l);var s=Function.bind.apply(a,u),c=new s;return i&&bs(c,i.prototype),c},pn.apply(null,arguments)}function oo(e){var t=typeof Map=="function"?new Map:void 0;return oo=function(n){if(n===null||!ob(n))return n;if(typeof n!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(n))return t.get(n);t.set(n,a)}function a(){return pn(n,arguments,ao(this).constructor)}return a.prototype=Object.create(n.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),bs(a,n)},oo(e)}var nt=function(e){Z0(t,e);function t(r){var n;return n=e.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+r+" for more information.")||this,V0(n)}return t}(oo(Error));function Ea(e){return Math.round(e*255)}function ib(e,t,r){return Ea(e)+","+Ea(t)+","+Ea(r)}function Br(e,t,r,n){if(n===void 0&&(n=ib),t===0)return n(r,r,r);var a=(e%360+360)%360/60,l=(1-Math.abs(2*r-1))*t,i=l*(1-Math.abs(a%2-1)),u=0,s=0,c=0;a>=0&&a<1?(u=l,s=i):a>=1&&a<2?(u=i,s=l):a>=2&&a<3?(s=l,c=i):a>=3&&a<4?(s=i,c=l):a>=4&&a<5?(u=i,c=l):a>=5&&a<6&&(u=l,c=i);var d=r-l/2,m=u+d,f=s+d,p=c+d;return n(m,f,p)}var Oi={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function sb(e){if(typeof e!="string")return e;var t=e.toLowerCase();return Oi[t]?"#"+Oi[t]:e}var ub=/^#[a-fA-F0-9]{6}$/,cb=/^#[a-fA-F0-9]{8}$/,db=/^#[a-fA-F0-9]{3}$/,pb=/^#[a-fA-F0-9]{4}$/,xa=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,fb=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,mb=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,gb=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function Wn(e){if(typeof e!="string")throw new nt(3);var t=sb(e);if(t.match(ub))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(cb)){var r=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:r}}if(t.match(db))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(pb)){var n=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:n}}var a=xa.exec(t);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var l=fb.exec(t.substring(0,50));if(l)return{red:parseInt(""+l[1],10),green:parseInt(""+l[2],10),blue:parseInt(""+l[3],10),alpha:parseFloat(""+l[4])>1?parseFloat(""+l[4])/100:parseFloat(""+l[4])};var i=mb.exec(t);if(i){var u=parseInt(""+i[1],10),s=parseInt(""+i[2],10)/100,c=parseInt(""+i[3],10)/100,d="rgb("+Br(u,s,c)+")",m=xa.exec(d);if(!m)throw new nt(4,t,d);return{red:parseInt(""+m[1],10),green:parseInt(""+m[2],10),blue:parseInt(""+m[3],10)}}var f=gb.exec(t.substring(0,50));if(f){var p=parseInt(""+f[1],10),h=parseInt(""+f[2],10)/100,g=parseInt(""+f[3],10)/100,x="rgb("+Br(p,h,g)+")",y=xa.exec(x);if(!y)throw new nt(4,t,x);return{red:parseInt(""+y[1],10),green:parseInt(""+y[2],10),blue:parseInt(""+y[3],10),alpha:parseFloat(""+f[4])>1?parseFloat(""+f[4])/100:parseFloat(""+f[4])}}throw new nt(5)}function hb(e){var t=e.red/255,r=e.green/255,n=e.blue/255,a=Math.max(t,r,n),l=Math.min(t,r,n),i=(a+l)/2;if(a===l)return e.alpha!==void 0?{hue:0,saturation:0,lightness:i,alpha:e.alpha}:{hue:0,saturation:0,lightness:i};var u,s=a-l,c=i>.5?s/(2-a-l):s/(a+l);switch(a){case t:u=(r-n)/s+(r<n?6:0);break;case r:u=(n-t)/s+2;break;default:u=(t-r)/s+4;break}return u*=60,e.alpha!==void 0?{hue:u,saturation:c,lightness:i,alpha:e.alpha}:{hue:u,saturation:c,lightness:i}}function Rc(e){return hb(Wn(e))}var bb=function(t){return t.length===7&&t[1]===t[2]&&t[3]===t[4]&&t[5]===t[6]?"#"+t[1]+t[3]+t[5]:t},lo=bb;function Ft(e){var t=e.toString(16);return t.length===1?"0"+t:t}function wa(e){return Ft(Math.round(e*255))}function yb(e,t,r){return lo("#"+wa(e)+wa(t)+wa(r))}function An(e,t,r){return Br(e,t,r,yb)}function vb(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return An(e,t,r);if(typeof e=="object"&&t===void 0&&r===void 0)return An(e.hue,e.saturation,e.lightness);throw new nt(1)}function Eb(e,t,r,n){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?An(e,t,r):"rgba("+Br(e,t,r)+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?An(e.hue,e.saturation,e.lightness):"rgba("+Br(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new nt(2)}function io(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return lo("#"+Ft(e)+Ft(t)+Ft(r));if(typeof e=="object"&&t===void 0&&r===void 0)return lo("#"+Ft(e.red)+Ft(e.green)+Ft(e.blue));throw new nt(6)}function dt(e,t,r,n){if(typeof e=="string"&&typeof t=="number"){var a=Wn(e);return"rgba("+a.red+","+a.green+","+a.blue+","+t+")"}else{if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?io(e,t,r):"rgba("+e+","+t+","+r+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?io(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new nt(7)}var xb=function(t){return typeof t.red=="number"&&typeof t.green=="number"&&typeof t.blue=="number"&&(typeof t.alpha!="number"||typeof t.alpha>"u")},wb=function(t){return typeof t.red=="number"&&typeof t.green=="number"&&typeof t.blue=="number"&&typeof t.alpha=="number"},Ab=function(t){return typeof t.hue=="number"&&typeof t.saturation=="number"&&typeof t.lightness=="number"&&(typeof t.alpha!="number"||typeof t.alpha>"u")},Sb=function(t){return typeof t.hue=="number"&&typeof t.saturation=="number"&&typeof t.lightness=="number"&&typeof t.alpha=="number"};function Fc(e){if(typeof e!="object")throw new nt(8);if(wb(e))return dt(e);if(xb(e))return io(e);if(Sb(e))return Eb(e);if(Ab(e))return vb(e);throw new nt(8)}function $c(e,t,r){return function(){var a=r.concat(Array.prototype.slice.call(arguments));return a.length>=t?e.apply(this,a):$c(e,t,a)}}function Gn(e){return $c(e,e.length,[])}function Yn(e,t,r){return Math.max(e,Math.min(t,r))}function Cb(e,t){if(t==="transparent")return t;var r=Rc(t);return Fc(kn({},r,{lightness:Yn(0,1,r.lightness-parseFloat(e))}))}var kb=Gn(Cb),Ke=kb;function _b(e,t){if(t==="transparent")return t;var r=Rc(t);return Fc(kn({},r,{lightness:Yn(0,1,r.lightness+parseFloat(e))}))}var Ob=Gn(_b),$t=Ob;function Tb(e,t){if(t==="transparent")return t;var r=Wn(t),n=typeof r.alpha=="number"?r.alpha:1,a=kn({},r,{alpha:Yn(0,1,(n*100+parseFloat(e)*100)/100)});return dt(a)}var Rb=Gn(Tb),Qr=Rb;function Fb(e,t){if(t==="transparent")return t;var r=Wn(t),n=typeof r.alpha=="number"?r.alpha:1,a=kn({},r,{alpha:Yn(0,1,+(n*100-parseFloat(e)*100).toFixed(2)/100)});return dt(a)}var $b=Gn(Fb),te=$b,Db=ys,Lb=z0,Mb=Object.prototype,Bb=Mb.hasOwnProperty;function Ib(e,t,r){var n=e[t];(!(Bb.call(e,t)&&Lb(n,r))||r===void 0&&!(t in e))&&Db(e,t,r)}var il=Ib,Pb=il,jb=vs,Nb=q0,Ti=_n,Hb=U0;function Zb(e,t,r,n){if(!Ti(e))return e;t=jb(t,e);for(var a=-1,l=t.length,i=l-1,u=e;u!=null&&++a<l;){var s=Hb(t[a]),c=r;if(s==="__proto__"||s==="constructor"||s==="prototype")return e;if(a!=i){var d=u[s];c=n?n(d,s,u):void 0,c===void 0&&(c=Ti(d)?d:Nb(t[a+1])?[]:{})}Pb(u,s,c),u=u[s]}return e}var Vb=Zb,zb=W0,qb=Vb,Ub=vs;function Wb(e,t,r){for(var n=-1,a=t.length,l={};++n<a;){var i=t[n],u=zb(e,i);r(u,i)&&qb(l,Ub(i,e),u)}return l}var Gb=Wb,Yb=G0,Kb=Es,Xb=xs,Jb=Y0,Qb=Object.getOwnPropertySymbols,ey=Qb?function(e){for(var t=[];e;)Yb(t,Xb(e)),e=Kb(e);return t}:Jb,Dc=ey;function ty(e){var t=[];if(e!=null)for(var r in Object(e))t.push(r);return t}var ry=ty,ny=_n,ay=ws,oy=ry,ly=Object.prototype,iy=ly.hasOwnProperty;function sy(e){if(!ny(e))return oy(e);var t=ay(e),r=[];for(var n in e)n=="constructor"&&(t||!iy.call(e,n))||r.push(n);return r}var uy=sy,cy=K0,dy=uy,py=X0;function fy(e){return py(e)?cy(e,!0):dy(e)}var sl=fy,my=J0,gy=Dc,hy=sl;function by(e){return my(e,hy,gy)}var Lc=by,yy=Q0,vy=e1,Ey=Gb,xy=Lc;function wy(e,t){if(e==null)return{};var r=yy(xy(e),function(n){return[n]});return t=vy(t),Ey(e,r,function(n,a){return t(n,a[0])})}var Ay=wy;const Sy=Cn(Ay);function Lt(){return Lt=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},Lt.apply(this,arguments)}const Cy=["children","options"],Ri=["allowFullScreen","allowTransparency","autoComplete","autoFocus","autoPlay","cellPadding","cellSpacing","charSet","className","classId","colSpan","contentEditable","contextMenu","crossOrigin","encType","formAction","formEncType","formMethod","formNoValidate","formTarget","frameBorder","hrefLang","inputMode","keyParams","keyType","marginHeight","marginWidth","maxLength","mediaGroup","minLength","noValidate","radioGroup","readOnly","rowSpan","spellCheck","srcDoc","srcLang","srcSet","tabIndex","useMap"].reduce((e,t)=>(e[t.toLowerCase()]=t,e),{for:"htmlFor"}),Fi={amp:"&",apos:"'",gt:">",lt:"<",nbsp:" ",quot:"“"},ky=["style","script"],_y=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,Oy=/mailto:/i,Ty=/\n{2,}$/,Mc=/^( *>[^\n]+(\n[^\n]+)*\n*)+\n{2,}/,Ry=/^ *> ?/gm,Fy=/^ {2,}\n/,$y=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,Bc=/^\s*(`{3,}|~{3,}) *(\S+)?([^\n]*?)?\n([\s\S]+?)\s*\1 *(?:\n *)*\n?/,Ic=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,Dy=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,Ly=/^(?:\n *)*\n/,My=/\r\n?/g,By=/^\[\^([^\]]+)](:.*)\n/,Iy=/^\[\^([^\]]+)]/,Py=/\f/g,jy=/^\s*?\[(x|\s)\]/,Pc=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,jc=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,Nc=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,so=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)\/{0}>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1)[\s\S])*?)<\/\1>\n*/i,Ny=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,Hc=/^<!--[\s\S]*?(?:-->)/,Hy=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,uo=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,Zy=/^\{.*\}$/,Vy=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,zy=/^<([^ >]+@[^ >]+)>/,qy=/^<([^ >]+:\/[^ >]+)>/,Uy=/-([a-z])?/gi,Zc=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,Wy=/^\[([^\]]*)\]:\s+<?([^\s>]+)>?\s*("([^"]*)")?/,Gy=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,Yy=/^\[([^\]]*)\] ?\[([^\]]*)\]/,Ky=/(\[|\])/g,Xy=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,Jy=/\t/g,Qy=/^ *\| */,e3=/(^ *\||\| *$)/g,t3=/ *$/,r3=/^ *:-+: *$/,n3=/^ *:-+ *$/,a3=/^ *-+: *$/,o3=/^([*_])\1((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1\1(?!\1)/,l3=/^([*_])((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1(?!\1|\w)/,i3=/^==((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)==/,s3=/^~~((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)~~/,u3=/^\\([^0-9A-Za-z\s])/,c3=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&#;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,d3=/^\n+/,p3=/^([ \t]*)/,f3=/\\([^\\])/g,$i=/ *\n+$/,m3=/(?:^|\n)( *)$/,ul="(?:\\d+\\.)",cl="(?:[*+-])";function Vc(e){return"( *)("+(e===1?ul:cl)+") +"}const zc=Vc(1),qc=Vc(2);function Uc(e){return new RegExp("^"+(e===1?zc:qc))}const g3=Uc(1),h3=Uc(2);function Wc(e){return new RegExp("^"+(e===1?zc:qc)+"[^\\n]*(?:\\n(?!\\1"+(e===1?ul:cl)+" )[^\\n]*)*(\\n|$)","gm")}const Gc=Wc(1),Yc=Wc(2);function Kc(e){const t=e===1?ul:cl;return new RegExp("^( *)("+t+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+t+" (?!"+t+" ))\\n*|\\s*\\n*$)")}const Xc=Kc(1),Jc=Kc(2);function Di(e,t){const r=t===1,n=r?Xc:Jc,a=r?Gc:Yc,l=r?g3:h3;return{t(i,u,s){const c=m3.exec(s);return c&&(u.o||!u._&&!u.u)?n.exec(i=c[1]+i):null},i:q.HIGH,l(i,u,s){const c=r?+i[2]:void 0,d=i[0].replace(Ty,`
|
|
265
265
|
`).match(a);let m=!1;return{p:d.map(function(f,p){const h=l.exec(f)[0].length,g=new RegExp("^ {1,"+h+"}","gm"),x=f.replace(g,"").replace(l,""),y=p===d.length-1,w=x.indexOf(`
|
|
266
266
|
|
|
267
267
|
`)!==-1||y&&m;m=w;const v=s._,E=s.o;let A;s.o=!0,w?(s._=!1,A=x.replace($i,`
|
|
@@ -290,7 +290,7 @@ ${t}`);let r=t.match(Gg);if(!r)return o.createElement(b.Fragment,null,t);let[,n,
|
|
|
290
290
|
* Released under MIT license <https://lodash.com/license>
|
|
291
291
|
* Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
|
|
292
292
|
* Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
|
|
293
|
-
*/var m0={exports:{}},Ta,Ki;function f8(){return Ki||(Ki=1,Ta={tocSelector:".js-toc",contentSelector:".js-toc-content",headingSelector:"h1, h2, h3",ignoreSelector:".js-toc-ignore",hasInnerContainers:!1,linkClass:"toc-link",extraLinkClasses:"",activeLinkClass:"is-active-link",listClass:"toc-list",extraListClasses:"",isCollapsedClass:"is-collapsed",collapsibleClass:"is-collapsible",listItemClass:"toc-list-item",activeListItemClass:"is-active-li",collapseDepth:0,scrollSmooth:!0,scrollSmoothDuration:420,scrollSmoothOffset:0,scrollEndCallback:function(e){},headingsOffset:1,throttleTimeout:50,positionFixedSelector:null,positionFixedClass:"is-position-fixed",fixedSidebarOffset:"auto",includeHtml:!1,includeTitleTags:!1,onClick:function(e){},orderedList:!0,scrollContainer:null,skipRendering:!1,headingLabelCallback:!1,ignoreHiddenElements:!1,headingObjectCallback:null,basePath:"",disableTocScrollSync:!1,tocScrollOffset:0}),Ta}var Ra,Xi;function m8(){return Xi||(Xi=1,Ra=function(e){var t=[].forEach,r=[].some,n=document.body,a,l=!0,i=" ";function u(y,w){var v=w.appendChild(c(y));if(y.children.length){var E=d(y.isCollapsed);y.children.forEach(function(A){u(A,E)}),v.appendChild(E)}}function s(y,w){var v=!1,E=d(v);if(w.forEach(function(A){u(A,E)}),a=y||a,a!==null)return a.firstChild&&a.removeChild(a.firstChild),w.length===0?a:a.appendChild(E)}function c(y){var w=document.createElement("li"),v=document.createElement("a");return e.listItemClass&&w.setAttribute("class",e.listItemClass),e.onClick&&(v.onclick=e.onClick),e.includeTitleTags&&v.setAttribute("title",y.textContent),e.includeHtml&&y.childNodes.length?t.call(y.childNodes,function(E){v.appendChild(E.cloneNode(!0))}):v.textContent=y.textContent,v.setAttribute("href",e.basePath+"#"+y.id),v.setAttribute("class",e.linkClass+i+"node-name--"+y.nodeName+i+e.extraLinkClasses),w.appendChild(v),w}function d(y){var w=e.orderedList?"ol":"ul",v=document.createElement(w),E=e.listClass+i+e.extraListClasses;return y&&(E=E+i+e.collapsibleClass,E=E+i+e.isCollapsedClass),v.setAttribute("class",E),v}function m(){if(e.scrollContainer&&document.querySelector(e.scrollContainer)){var y;y=document.querySelector(e.scrollContainer).scrollTop}else y=document.documentElement.scrollTop||n.scrollTop;var w=document.querySelector(e.positionFixedSelector);e.fixedSidebarOffset==="auto"&&(e.fixedSidebarOffset=a.offsetTop),y>e.fixedSidebarOffset?w.className.indexOf(e.positionFixedClass)===-1&&(w.className+=i+e.positionFixedClass):w.className=w.className.split(i+e.positionFixedClass).join("")}function f(y){var w=0;return y!==null&&(w=y.offsetTop,e.hasInnerContainers&&(w+=f(y.offsetParent))),w}function p(y){if(e.scrollContainer&&document.querySelector(e.scrollContainer)){var w;w=document.querySelector(e.scrollContainer).scrollTop}else w=document.documentElement.scrollTop||n.scrollTop;e.positionFixedSelector&&m();var v=y,E;if(l&&a!==null&&v.length>0){r.call(v,function(R,$){if(f(R)>w+e.headingsOffset+10){var F=$===0?$:$-1;return E=v[F],!0}else if($===v.length-1)return E=v[v.length-1],!0});var A=a.querySelector("."+e.activeLinkClass),S=a.querySelector("."+e.linkClass+".node-name--"+E.nodeName+'[href="'+e.basePath+"#"+E.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1")+'"]');if(A===S)return;var k=a.querySelectorAll("."+e.linkClass);t.call(k,function(R){R.className=R.className.split(i+e.activeLinkClass).join("")});var C=a.querySelectorAll("."+e.listItemClass);t.call(C,function(R){R.className=R.className.split(i+e.activeListItemClass).join("")}),S&&S.className.indexOf(e.activeLinkClass)===-1&&(S.className+=i+e.activeLinkClass);var O=S&&S.parentNode;O&&O.className.indexOf(e.activeListItemClass)===-1&&(O.className+=i+e.activeListItemClass);var T=a.querySelectorAll("."+e.listClass+"."+e.collapsibleClass);t.call(T,function(R){R.className.indexOf(e.isCollapsedClass)===-1&&(R.className+=i+e.isCollapsedClass)}),S&&S.nextSibling&&S.nextSibling.className.indexOf(e.isCollapsedClass)!==-1&&(S.nextSibling.className=S.nextSibling.className.split(i+e.isCollapsedClass).join("")),h(S&&S.parentNode.parentNode)}}function h(y){return y&&y.className.indexOf(e.collapsibleClass)!==-1&&y.className.indexOf(e.isCollapsedClass)!==-1?(y.className=y.className.split(i+e.isCollapsedClass).join(""),h(y.parentNode.parentNode)):y}function g(y){var w=y.target||y.srcElement;typeof w.className!="string"||w.className.indexOf(e.linkClass)===-1||(l=!1)}function x(){l=!0}return{enableTocAnimation:x,disableTocAnimation:g,render:s,updateToc:p}}),Ra}var Fa,Ji;function g8(){return Ji||(Ji=1,Fa=function(t){var r=[].reduce;function n(d){return d[d.length-1]}function a(d){return+d.nodeName.toUpperCase().replace("H","")}function l(d){try{return d instanceof window.HTMLElement||d instanceof window.parent.HTMLElement}catch{return d instanceof window.HTMLElement}}function i(d){if(!l(d))return d;if(t.ignoreHiddenElements&&(!d.offsetHeight||!d.offsetParent))return null;const m=d.getAttribute("data-heading-label")||(t.headingLabelCallback?String(t.headingLabelCallback(d.textContent)):d.textContent.trim());var f={id:d.id,children:[],nodeName:d.nodeName,headingLevel:a(d),textContent:m};return t.includeHtml&&(f.childNodes=d.childNodes),t.headingObjectCallback?t.headingObjectCallback(f,d):f}function u(d,m){for(var f=i(d),p=f.headingLevel,h=m,g=n(h),x=g?g.headingLevel:0,y=p-x;y>0&&(g=n(h),!(g&&p===g.headingLevel));)g&&g.children!==void 0&&(h=g.children),y--;return p>=t.collapseDepth&&(f.isCollapsed=!0),h.push(f),h}function s(d,m){var f=m;t.ignoreSelector&&(f=m.split(",").map(function(h){return h.trim()+":not("+t.ignoreSelector+")"}));try{return d.querySelectorAll(f)}catch{return console.warn("Headers not found with selector: "+f),null}}function c(d){return r.call(d,function(f,p){var h=i(p);return h&&u(h,f.nest),f},{nest:[]})}return{nestHeadingsArray:c,selectHeadings:s}}),Fa}var $a,Qi;function h8(){return Qi||(Qi=1,$a=function(t){var r=t.tocElement||document.querySelector(t.tocSelector);if(r&&r.scrollHeight>r.clientHeight){var n=r.querySelector("."+t.activeListItemClass);n&&(r.scrollTop=n.offsetTop-t.tocScrollOffset)}}),$a}var Da={},es;function b8(){if(es)return Da;es=1,Da.initSmoothScrolling=e;function e(r){var n=r.duration,a=r.offset,l=location.hash?s(location.href):location.href;i();function i(){document.body.addEventListener("click",d,!1);function d(m){!u(m.target)||m.target.className.indexOf("no-smooth-scroll")>-1||m.target.href.charAt(m.target.href.length-2)==="#"&&m.target.href.charAt(m.target.href.length-1)==="!"||m.target.className.indexOf(r.linkClass)===-1||t(m.target.hash,{duration:n,offset:a,callback:function(){c(m.target.hash)}})}}function u(d){return d.tagName.toLowerCase()==="a"&&(d.hash.length>0||d.href.charAt(d.href.length-1)==="#")&&(s(d.href)===l||s(d.href)+"#"===l)}function s(d){return d.slice(0,d.lastIndexOf("#"))}function c(d){var m=document.getElementById(d.substring(1));m&&(/^(?:a|select|input|button|textarea)$/i.test(m.tagName)||(m.tabIndex=-1),m.focus())}}function t(r,n){var a=window.pageYOffset,l={duration:n.duration,offset:n.offset||0,callback:n.callback,easing:n.easing||p},i=document.querySelector('[id="'+decodeURI(r).split("#").join("")+'"]')||document.querySelector('[id="'+r.split("#").join("")+'"]'),u=typeof r=="string"?l.offset+(r?i&&i.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):r,s=typeof l.duration=="function"?l.duration(u):l.duration,c,d;requestAnimationFrame(function(h){c=h,m(h)});function m(h){d=h-c,window.scrollTo(0,l.easing(d,a,u,s)),d<s?requestAnimationFrame(m):f()}function f(){window.scrollTo(0,a+u),typeof l.callback=="function"&&l.callback()}function p(h,g,x,y){return h/=y/2,h<1?x/2*h*h+g:(h--,-x/2*(h*(h-2)-1)+g)}}return Da}(function(e,t){(function(r,n){e.exports=n(r)})(typeof aa<"u"?aa:window||aa,function(r){var n=f8(),a={},l={},i=m8(),u=g8(),s=h8(),c,d,m=!!r&&!!r.document&&!!r.document.querySelector&&!!r.addEventListener;if(typeof window>"u"&&!m)return;var f,p=Object.prototype.hasOwnProperty;function h(){for(var w={},v=0;v<arguments.length;v++){var E=arguments[v];for(var A in E)p.call(E,A)&&(w[A]=E[A])}return w}function g(w,v,E){v||(v=250);var A,S;return function(){var k=E||this,C=+new Date,O=arguments;A&&C<A+v?(clearTimeout(S),S=setTimeout(function(){A=C,w.apply(k,O)},v)):(A=C,w.apply(k,O))}}function x(w){try{return w.contentElement||document.querySelector(w.contentSelector)}catch{return console.warn("Contents element not found: "+w.contentSelector),null}}function y(w){try{return w.tocElement||document.querySelector(w.tocSelector)}catch{return console.warn("TOC element not found: "+w.tocSelector),null}}return l.destroy=function(){var w=y(a);w!==null&&(a.skipRendering||w&&(w.innerHTML=""),a.scrollContainer&&document.querySelector(a.scrollContainer)?(document.querySelector(a.scrollContainer).removeEventListener("scroll",this._scrollListener,!1),document.querySelector(a.scrollContainer).removeEventListener("resize",this._scrollListener,!1),c&&document.querySelector(a.scrollContainer).removeEventListener("click",this._clickListener,!1)):(document.removeEventListener("scroll",this._scrollListener,!1),document.removeEventListener("resize",this._scrollListener,!1),c&&document.removeEventListener("click",this._clickListener,!1)))},l.init=function(w){if(m){a=h(n,w||{}),this.options=a,this.state={},a.scrollSmooth&&(a.duration=a.scrollSmoothDuration,a.offset=a.scrollSmoothOffset,l.scrollSmooth=b8().initSmoothScrolling(a)),c=i(a),d=u(a),this._buildHtml=c,this._parseContent=d,this._headingsArray=f,l.destroy();var v=x(a);if(v!==null){var E=y(a);if(E!==null&&(f=d.selectHeadings(v,a.headingSelector),f!==null)){var A=d.nestHeadingsArray(f),S=A.nest;if(!a.skipRendering)c.render(E,S);else return this;this._scrollListener=g(function(C){c.updateToc(f),!a.disableTocScrollSync&&s(a);var O=C&&C.target&&C.target.scrollingElement&&C.target.scrollingElement.scrollTop===0;(C&&(C.eventPhase===0||C.currentTarget===null)||O)&&(c.updateToc(f),a.scrollEndCallback&&a.scrollEndCallback(C))},a.throttleTimeout),this._scrollListener(),a.scrollContainer&&document.querySelector(a.scrollContainer)?(document.querySelector(a.scrollContainer).addEventListener("scroll",this._scrollListener,!1),document.querySelector(a.scrollContainer).addEventListener("resize",this._scrollListener,!1)):(document.addEventListener("scroll",this._scrollListener,!1),document.addEventListener("resize",this._scrollListener,!1));var k=null;return this._clickListener=g(function(C){a.scrollSmooth&&c.disableTocAnimation(C),c.updateToc(f),k&&clearTimeout(k),k=setTimeout(function(){c.enableTocAnimation()},a.scrollSmoothDuration)},a.throttleTimeout),a.scrollContainer&&document.querySelector(a.scrollContainer)?document.querySelector(a.scrollContainer).addEventListener("click",this._clickListener,!1):document.addEventListener("click",this._clickListener,!1),this}}}},l.refresh=function(w){l.destroy(),l.init(w||this.options)},r.tocbot=l,l})})(m0);var ts=m0.exports;const{global:$e}=__STORYBOOK_MODULE_GLOBAL__,{deprecate:pe,once:y8,logger:hl}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{filterArgTypes:v8,composeConfigs:zw,Preview:qw,DocsContext:Uw}=__STORYBOOK_MODULE_PREVIEW_API__,{STORY_ARGS_UPDATED:rs,UPDATE_STORY_ARGS:E8,RESET_STORY_ARGS:x8,GLOBALS_UPDATED:ns,NAVIGATE_URL:w8}=__STORYBOOK_MODULE_CORE_EVENTS__;__STORYBOOK_MODULE_CHANNELS__;var A8=_.div(re,({theme:e})=>({backgroundColor:e.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:e.appBorderRadius,border:`1px dashed ${e.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:te(.3,e.color.defaultText),fontSize:e.typography.size.s2})),g0=e=>o.createElement(A8,{...e,className:"docblock-emptyblock sb-unstyled"}),S8=_(Zn)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}})),C8=_.div(({theme:e})=>({background:e.background.content,borderRadius:e.appBorderRadius,border:`1px solid ${e.appBorderColor}`,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"})),en=_.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${Ua}`]:{margin:0}})),k8=()=>o.createElement(C8,null,o.createElement(en,null),o.createElement(en,{style:{width:"80%"}}),o.createElement(en,{style:{width:"30%"}}),o.createElement(en,{style:{width:"80%"}})),bl=({isLoading:e,error:t,language:r,code:n,dark:a,format:l,...i})=>{if(e)return o.createElement(k8,null);if(t)return o.createElement(g0,null,t);let u=o.createElement(S8,{bordered:!0,copyable:!0,format:l,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof a>"u")return u;let s=a?Za.dark:Za.light;return o.createElement(Ys,{theme:qa(s)},u)};bl.defaultProps={format:!1};var le=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,yl=600,_8=_.h1(re,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${yl}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),O8=_.h2(re,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${yl}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:te(.25,e.color.defaultText)})),T8=_.div(({theme:e})=>{let t={fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},r={margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& code":{fontSize:"inherit"}},n={lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:e.typography.size.s2-1,border:e.base==="light"?`1px solid ${e.color.mediumlight}`:`1px solid ${e.color.darker}`,color:e.base==="light"?te(.1,e.color.defaultText):te(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[le("a")]:{...t,fontSize:"inherit",lineHeight:"24px",color:e.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}},[le("blockquote")]:{...t,margin:"16px 0",borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[le("div")]:t,[le("dl")]:{...t,margin:"16px 0",padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}},[le("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[le("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[le("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[le("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[le("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[le("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[le("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[le("img")]:{maxWidth:"100%"},[le("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[le("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[le("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[le("pre")]:{...t,fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}},[le("span")]:{...t,"&.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"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}},[le("table")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base==="dark"?e.color.darker:e.color.lighter},"& tr th":{fontWeight:"bold",color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}},[le("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),R8=_.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${yl}px)`]:{}})),F8=({children:e,toc:t})=>o.createElement(R8,{className:"sbdocs sbdocs-wrapper"},o.createElement(T8,{className:"sbdocs sbdocs-content"},e),t),Qn=e=>({borderRadius:e.appBorderRadius,background:e.background.content,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${e.appBorderColor}`}),$8=({zoom:e,resetZoom:t})=>o.createElement(o.Fragment,null,o.createElement(Pt,{key:"zoomin",onClick:r=>{r.preventDefault(),e(.8)},title:"Zoom in"},o.createElement(ve,{icon:"zoom"})),o.createElement(Pt,{key:"zoomout",onClick:r=>{r.preventDefault(),e(1.25)},title:"Zoom out"},o.createElement(ve,{icon:"zoomout"})),o.createElement(Pt,{key:"zoomreset",onClick:r=>{r.preventDefault(),t()},title:"Reset zoom"},o.createElement(ve,{icon:"zoomreset"}))),D8=_(qn)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),L8=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...l})=>o.createElement(D8,{...l},o.createElement(b.Fragment,{key:"left"},e?[1,2,3].map(i=>o.createElement(Ac,{key:i})):o.createElement($8,{zoom:n,resetZoom:a}))),h0=b.createContext({scale:1}),{window:M8}=$e,B8=class extends b.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=M8.document.getElementById(e)}shouldComponentUpdate(e){let{scale:t}=e;return t!==this.props.scale&&this.setIframeBodyStyle({width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(e){return Object.assign(this.iframe.contentDocument.body.style,e)}render(){let{id:e,title:t,src:r,allowFullScreen:n,scale:a,...l}=this.props;return o.createElement("iframe",{id:e,title:t,src:r,...n?{allow:"fullscreen"}:{},loading:"lazy",...l})}},{PREVIEW_URL:I8}=$e,P8=I8||"iframe.html",co=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,j8=e=>{let t=b.useRef(),[r,n]=b.useState(!0),[a,l]=b.useState(),{story:i,height:u,autoplay:s,forceInitialArgs:c,renderStoryToElement:d}=e;return b.useEffect(()=>{if(!(i&&t.current))return()=>{};let m=t.current,f=d(i,m,{showMain:()=>{},showError:({title:p,description:h})=>l(new Error(`${p} - ${h}`)),showException:p=>l(p)},{autoplay:s,forceInitialArgs:c});return n(!1),()=>{Promise.resolve().then(()=>f())}},[s,d,i]),a?o.createElement("pre",null,o.createElement(gc,{error:a})):o.createElement(o.Fragment,null,u?o.createElement("style",null,`#${co(e)} { min-height: ${u}; transform: translateZ(0); overflow: auto }`):null,r&&o.createElement(vl,null),o.createElement("div",{ref:t,id:`${co(e)}-inner`,"data-name":i.name}))},N8=({story:e,height:t="500px"})=>o.createElement("div",{style:{width:"100%",height:t}},o.createElement(h0.Consumer,null,({scale:r})=>o.createElement(B8,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:_c(P8,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),H8=e=>{let{inline:t}=e;return o.createElement("div",{id:co(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?o.createElement(j8,{...e}):o.createElement(N8,{...e}))},vl=()=>o.createElement(kc,null),Z8=_.div(({isColumn:e,columns:t,layout:r})=>({display:e||!t?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:e?"column":"row","& .innerZoomElementWrapper > *":e?{width:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout:e="padded"})=>e==="centered"||e==="padded"?{padding:"30px 20px",margin:-10,"& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{},({layout:e="padded"})=>e==="centered"?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),as=_(bl)(({theme:e})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:e.appBorderRadius,borderBottomRightRadius:e.appBorderRadius,border:"none",background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Ke(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Ke(.05,e.background.content)}})),V8=_.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...Qn(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),z8=(e,t,r)=>{switch(!0){case!!(e&&e.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>r(!1)}};case t:return{source:o.createElement(as,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:o.createElement(as,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function q8(e){if(b.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var U8=_(L8)({position:"absolute",top:0,left:0,right:0,height:40}),W8=_.div({overflow:"hidden",position:"relative"}),po=({isLoading:e,isColumn:t,columns:r,children:n,withSource:a,withToolbar:l=!1,isExpanded:i=!1,additionalActions:u,className:s,layout:c="padded",...d})=>{let[m,f]=b.useState(i),{source:p,actionItem:h}=z8(a,m,f),[g,x]=b.useState(1),y=[s].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),w=a?[h]:[],[v,E]=b.useState(u?[...u]:[]),A=[...w,...v],{window:S}=$e,k=b.useCallback(async O=>{let{createCopyToClipboardFunction:T}=await jt(()=>Promise.resolve().then(()=>ab),void 0,import.meta.url);T()},[]),C=O=>{let T=S.getSelection();T&&T.type==="Range"||(O.preventDefault(),v.filter(R=>R.title==="Copied").length===0&&k(p.props.code).then(()=>{E([...v,{title:"Copied",onClick:()=>{}}]),S.setTimeout(()=>E(v.filter(R=>R.title!=="Copied")),1500)}))};return o.createElement(V8,{withSource:a,withToolbar:l,...d,className:y.join(" ")},l&&o.createElement(U8,{isLoading:e,border:!0,zoom:O=>x(g*O),resetZoom:()=>x(1),storyId:q8(n),baseUrl:"./iframe.html"}),o.createElement(h0.Provider,{value:{scale:g}},o.createElement(W8,{className:"docs-story",onCopyCapture:a&&C},o.createElement(Z8,{isColumn:t||!Array.isArray(n),columns:r,layout:c},o.createElement(mc.Element,{scale:g},Array.isArray(n)?n.map((O,T)=>o.createElement("div",{key:T},O)):o.createElement("div",null,n))),o.createElement(Bo,{actionItems:A}))),a&&m&&p)},G8=_(po)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}})),Y8=()=>o.createElement(G8,{isLoading:!0,withToolbar:!0},o.createElement(vl,null)),K8=_.table(({theme:e})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:mt({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),X8=({tags:e})=>{let t=(e.params||[]).filter(l=>l.description),r=t.length!==0,n=e.deprecated!=null,a=e.returns!=null&&e.returns.description!=null;return!r&&!a&&!n?null:o.createElement(o.Fragment,null,o.createElement(K8,null,o.createElement("tbody",null,n&&o.createElement("tr",{key:"deprecated"},o.createElement("td",{colSpan:2},o.createElement("strong",null,"Deprecated"),": ",e.deprecated)),r&&t.map(l=>o.createElement("tr",{key:l.name},o.createElement("td",null,o.createElement("code",null,l.name)),o.createElement("td",null,l.description))),a&&o.createElement("tr",{key:"returns"},o.createElement("td",null,o.createElement("code",null,"Returns")),o.createElement("td",null,e.returns.description)))))},fo=8,os=_.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),J8=_.span(mt,({theme:e,simple:t=!1})=>({flex:"0 0 auto",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...t&&{background:"transparent",border:"0 none",paddingLeft:0}})),Q8=_.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),ex=_.div(mt,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),tx=_.div(({theme:e,width:t})=>({width:t,minWidth:200,maxWidth:800,padding:15,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}})),rx=_(ve)({height:10,width:10,minWidth:10,marginLeft:4}),nx=()=>o.createElement("span",null,"-"),b0=({text:e,simple:t})=>o.createElement(J8,{simple:t},e),ax=Ht(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),ox=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return uv(t)},ls=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,fo)),r.map(n=>o.createElement(b0,{key:n,text:n===""?'""':n}))},lx=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[a,l]=b.useState(!1),[i,u]=b.useState(t||!1);if(r==null)return null;let s=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(s))return o.createElement(b0,{text:s});let c=ox(s),d=c.length;return d>fo?o.createElement(os,{isExpanded:i},ls(c,i),o.createElement(Q8,{onClick:()=>u(!i)},i?"Show less...":`Show ${d-fo} more...`)):o.createElement(os,null,ls(c))}return o.createElement(Ec,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:c=>{l(c)},tooltip:o.createElement(tx,{width:ax(n)},o.createElement(Zn,{language:"jsx",format:!1},n))},o.createElement(ex,{className:"sbdocs-expandable"},o.createElement("span",null,s),o.createElement(rx,{icon:a?"arrowup":"arrowdown"})))},La=({value:e,initialExpandedArgs:t})=>e==null?o.createElement(nx,null):o.createElement(lx,{value:e,initialExpandedArgs:t}),ix=_.label(({theme:e})=>({lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:e.boolean.background,borderRadius:"3em",padding:1,input:{appearance:"none",width:"100%",height:"100%",position:"absolute",left:0,top:0,margin:0,padding:0,border:"none",background:"transparent",cursor:"pointer",borderRadius:"3em","&:focus":{outline:"none",boxShadow:`${e.color.secondary} 0 0 0 1px inset !important`}},span:{textAlign:"center",fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,lineHeight:"1",cursor:"pointer",display:"inline-block",padding:"7px 15px",transition:"all 100ms ease-out",userSelect:"none",borderRadius:"3em",color:te(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${Qr(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${Qr(.05,e.appBorderColor)} 0 0 0 2px inset`,color:Qr(1,e.appBorderColor)},"&:first-of-type":{paddingRight:8},"&:last-of-type":{paddingLeft:8}},"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type":{background:e.boolean.selectedBackground,boxShadow:e.base==="light"?`${Qr(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),sx=e=>e==="true",ux=({name:e,value:t,onChange:r,onBlur:n,onFocus:a})=>{let l=b.useCallback(()=>r(!1),[r]);if(t===void 0)return o.createElement(Ne.Button,{id:On(e),onClick:l},"Set boolean");let i=He(e),u=typeof t=="string"?sx(t):t;return o.createElement(ix,{htmlFor:i,title:u?"Change to false":"Change to true"},o.createElement("input",{id:i,type:"checkbox",onChange:s=>r(s.target.checked),checked:u,name:e,onBlur:n,onFocus:a}),o.createElement("span",null,"False"),o.createElement("span",null,"True"))},cx=e=>{let[t,r,n]=e.split("-"),a=new Date;return a.setFullYear(parseInt(t,10),parseInt(r,10)-1,parseInt(n,10)),a},dx=e=>{let[t,r]=e.split(":"),n=new Date;return n.setHours(parseInt(t,10)),n.setMinutes(parseInt(r,10)),n},px=e=>{let t=new Date(e),r=`000${t.getFullYear()}`.slice(-4),n=`0${t.getMonth()+1}`.slice(-2),a=`0${t.getDate()}`.slice(-2);return`${r}-${n}-${a}`},fx=e=>{let t=new Date(e),r=`0${t.getHours()}`.slice(-2),n=`0${t.getMinutes()}`.slice(-2);return`${r}:${n}`},mx=_.div(({theme:e})=>({flex:1,display:"flex",input:{marginLeft:10,flex:1,height:32,"&::-webkit-calendar-picker-indicator":{opacity:.5,height:12,filter:e.base==="light"?void 0:"invert(1)"}},"input:first-of-type":{marginLeft:0,flexGrow:4},"input:last-of-type":{flexGrow:3}})),gx=({name:e,value:t,onChange:r,onFocus:n,onBlur:a})=>{let[l,i]=b.useState(!0),u=b.useRef(),s=b.useRef();b.useEffect(()=>{l!==!1&&(u&&u.current&&(u.current.value=px(t)),s&&s.current&&(s.current.value=fx(t)))},[t]);let c=f=>{let p=cx(f.target.value),h=new Date(t);h.setFullYear(p.getFullYear(),p.getMonth(),p.getDate());let g=h.getTime();g&&r(g),i(!!g)},d=f=>{let p=dx(f.target.value),h=new Date(t);h.setHours(p.getHours()),h.setMinutes(p.getMinutes());let g=h.getTime();g&&r(g),i(!!g)},m=He(e);return o.createElement(mx,null,o.createElement(Ne.Input,{type:"date",max:"9999-12-31",ref:u,id:`${m}-date`,name:`${m}-date`,onChange:c,onFocus:n,onBlur:a}),o.createElement(Ne.Input,{type:"time",id:`${m}-time`,name:`${m}-time`,ref:s,onChange:d,onFocus:n,onBlur:a}),l?null:o.createElement("div",null,"invalid"))},hx=_.label({display:"flex"}),bx=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},yx=({name:e,value:t,onChange:r,min:n,max:a,step:l,onBlur:i,onFocus:u})=>{let[s,c]=b.useState(typeof t=="number"?t:""),[d,m]=b.useState(!1),[f,p]=b.useState(null),h=b.useCallback(y=>{c(y.target.value);let w=parseFloat(y.target.value);Number.isNaN(w)?p(new Error(`'${y.target.value}' is not a number`)):(r(w),p(null))},[r,p]),g=b.useCallback(()=>{c("0"),r(0),m(!0)},[m]),x=b.useRef(null);return b.useEffect(()=>{d&&x.current&&x.current.select()},[d]),b.useEffect(()=>{s!==(typeof t=="number"?t:"")&&c(t)},[t]),!d&&t===void 0?o.createElement(Ne.Button,{id:On(e),onClick:g},"Set number"):o.createElement(hx,null,o.createElement(Ne.Input,{ref:x,id:He(e),type:"number",onChange:h,size:"flex",placeholder:"Edit number...",value:s,valid:f?"error":null,autoFocus:d,name:e,min:n,max:a,step:l,onFocus:u,onBlur:i}))},y0=(e,t)=>{let r=t&&Object.entries(t).find(([n,a])=>a===e);return r?r[0]:void 0},mo=(e,t)=>e&&t?Object.entries(t).filter(r=>e.includes(r[1])).map(r=>r[0]):[],v0=(e,t)=>e&&t&&e.map(r=>t[r]),vx=_.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}}),Ex=_.span({}),xx=_.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),is=({name:e,options:t,value:r,onChange:n,isInline:a})=>{if(!t)return hl.warn(`Checkbox with no options: ${e}`),o.createElement(o.Fragment,null,"-");let l=mo(r,t),[i,u]=b.useState(l),s=d=>{let m=d.target.value,f=[...i];f.includes(m)?f.splice(f.indexOf(m),1):f.push(m),n(v0(f,t)),u(f)};b.useEffect(()=>{u(mo(r,t))},[r]);let c=He(e);return o.createElement(vx,{isInline:a},Object.keys(t).map((d,m)=>{let f=`${c}-${m}`;return o.createElement(xx,{key:f,htmlFor:f},o.createElement("input",{type:"checkbox",id:f,name:f,value:d,onChange:s,checked:i==null?void 0:i.includes(d)}),o.createElement(Ex,null,d))}))},wx=_.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}}),Ax=_.span({}),Sx=_.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),ss=({name:e,options:t,value:r,onChange:n,isInline:a})=>{if(!t)return hl.warn(`Radio with no options: ${e}`),o.createElement(o.Fragment,null,"-");let l=y0(r,t),i=He(e);return o.createElement(wx,{isInline:a},Object.keys(t).map((u,s)=>{let c=`${i}-${s}`;return o.createElement(Sx,{key:c,htmlFor:c},o.createElement("input",{type:"radio",id:c,name:c,value:u,onChange:d=>n(t[d.currentTarget.value]),checked:u===l}),o.createElement(Ax,null,u))}))},Cx={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},E0=_.select(({theme:e})=>({...Cx,boxSizing:"border-box",position:"relative",padding:"6px 10px",width:"100%",color:e.input.color||"inherit",background:e.input.background,borderRadius:e.input.borderRadius,boxShadow:`${e.input.border} 0 0 0 1px inset`,fontSize:e.typography.size.s2-1,lineHeight:"20px","&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"::placeholder":{color:e.textMutedColor},"&[multiple]":{overflow:"auto",padding:0,option:{display:"block",padding:"6px 10px",marginLeft:1,marginRight:1}}})),x0=_.span(({theme:e})=>({display:"inline-block",lineHeight:"normal",overflow:"hidden",position:"relative",verticalAlign:"top",width:"100%",svg:{position:"absolute",zIndex:1,pointerEvents:"none",height:"12px",marginTop:"-6px",right:"12px",top:"50%",fill:e.textMutedColor,path:{fill:e.textMutedColor}}})),us="Choose option...",kx=({name:e,value:t,options:r,onChange:n})=>{let a=u=>{n(r[u.currentTarget.value])},l=y0(t,r)||us,i=He(e);return o.createElement(x0,null,o.createElement(ve,{icon:"arrowdown"}),o.createElement(E0,{id:i,value:l,onChange:a},o.createElement("option",{key:"no-selection",disabled:!0},us),Object.keys(r).map(u=>o.createElement("option",{key:u,value:u},u))))},_x=({name:e,value:t,options:r,onChange:n})=>{let a=u=>{let s=Array.from(u.currentTarget.options).filter(c=>c.selected).map(c=>c.value);n(v0(s,r))},l=mo(t,r),i=He(e);return o.createElement(x0,null,o.createElement(E0,{id:i,multiple:!0,value:l,onChange:a},Object.keys(r).map(u=>o.createElement("option",{key:u,value:u},u))))},cs=e=>{let{name:t,options:r}=e;return r?e.isMulti?o.createElement(_x,{...e}):o.createElement(kx,{...e}):(hl.warn(`Select with no options: ${t}`),o.createElement(o.Fragment,null,"-"))},Ox=(e,t)=>Array.isArray(e)?e.reduce((r,n)=>(r[(t==null?void 0:t[n])||String(n)]=n,r),{}):e,Tx={check:is,"inline-check":is,radio:ss,"inline-radio":ss,select:cs,"multi-select":cs},Gt=e=>{let{type:t="select",labels:r,argType:n}=e,a={...e,options:n?Ox(n.options,r):{},isInline:t.includes("inline"),isMulti:t.includes("multi")},l=Tx[t];if(l)return o.createElement(l,{...a});throw new Error(`Unknown options type: ${t}`)},El="value",Rx="key",Fx="Error",$x="Object",Dx="Array",Lx="String",Mx="Number",Bx="Boolean",Ix="Date",Px="Null",jx="Undefined",Nx="Function",Hx="Symbol",w0="ADD_DELTA_TYPE",A0="REMOVE_DELTA_TYPE",S0="UPDATE_DELTA_TYPE";function Et(e){return e!==null&&typeof e=="object"&&!Array.isArray(e)&&typeof e[Symbol.iterator]=="function"?"Iterable":Object.prototype.toString.call(e).slice(8,-1)}function C0(e,t){let r=Et(e),n=Et(t);return(r==="Function"||n==="Function")&&n!==r}var xl=class extends b.Component{constructor(e){super(e),this.state={inputRefKey:null,inputRefValue:null},this.refInputValue=this.refInputValue.bind(this),this.refInputKey=this.refInputKey.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onSubmit=this.onSubmit.bind(this)}componentDidMount(){let{inputRefKey:e,inputRefValue:t}=this.state,{onlyValue:r}=this.props;e&&typeof e.focus=="function"&&e.focus(),r&&t&&typeof t.focus=="function"&&t.focus(),document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.onSubmit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.props.handleCancel()))}onSubmit(){let{handleAdd:e,onlyValue:t,onSubmitValueParser:r,keyPath:n,deep:a}=this.props,{inputRefKey:l,inputRefValue:i}=this.state,u={};if(!t){if(!l.value)return;u.key=l.value}u.newValue=r(!1,n,a,u.key,i.value),e(u)}refInputKey(e){this.state.inputRefKey=e}refInputValue(e){this.state.inputRefValue=e}render(){let{handleCancel:e,onlyValue:t,addButtonElement:r,cancelButtonElement:n,inputElementGenerator:a,keyPath:l,deep:i}=this.props,u=b.cloneElement(r,{onClick:this.onSubmit}),s=b.cloneElement(n,{onClick:e}),c=a(El,l,i),d=b.cloneElement(c,{placeholder:"Value",ref:this.refInputValue}),m=null;if(!t){let f=a(Rx,l,i);m=b.cloneElement(f,{placeholder:"Key",ref:this.refInputKey})}return o.createElement("span",{className:"rejt-add-value-node"},m,d,s,u)}};xl.defaultProps={onlyValue:!1,addButtonElement:o.createElement("button",null,"+"),cancelButtonElement:o.createElement("button",null,"c")};var k0=class extends b.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={data:e.data,name:e.name,keyPath:t,deep:e.deep,nextDeep:e.deep+1,collapsed:e.isCollapsed(t,e.deep,e.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveItem=this.handleRemoveItem.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}onChildUpdate(e,t){let{data:r,keyPath:n}=this.state;r[e]=t,this.setState({data:r});let{onUpdate:a}=this.props,l=n.length;a(n[l-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleRemoveItem(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:a,nextDeep:l}=this.state,i=n[e];t(e,a,l,i).then(()=>{let u={keyPath:a,deep:l,key:e,oldValue:i,type:A0};n.splice(e,1),this.setState({data:n});let{onUpdate:s,onDeltaUpdate:c}=this.props;s(a[a.length-1],n),c(u)}).catch(r.error)}}handleAddValueAdd({newValue:e}){let{data:t,keyPath:r,nextDeep:n}=this.state,{beforeAddAction:a,logger:l}=this.props;a(t.length,r,n,e).then(()=>{let i=[...t,e];this.setState({data:i}),this.handleAddValueCancel();let{onUpdate:u,onDeltaUpdate:s}=this.props;u(r[r.length-1],i),s({type:w0,keyPath:r,deep:n,key:i.length-1,newValue:e})}).catch(l.error)}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:a}=this.props,{data:l,keyPath:i,nextDeep:u}=this.state,s=l[e];a(e,i,u,s,t).then(()=>{l[e]=t,this.setState({data:l});let{onUpdate:c,onDeltaUpdate:d}=this.props;c(i[i.length-1],l),d({type:S0,keyPath:i,deep:u,key:e,newValue:t,oldValue:s}),r(void 0)}).catch(n)})}renderCollapsed(){let{name:e,data:t,keyPath:r,deep:n}=this.state,{handleRemove:a,readOnly:l,getStyle:i,dataType:u,minusMenuElement:s}=this.props,{minus:c,collapsed:d}=i(e,t,r,n,u),m=l(e,t,r,n,u),f=b.cloneElement(s,{onClick:a,className:"rejt-minus-menu",style:c});return o.createElement("span",{className:"rejt-collapsed"},o.createElement("span",{className:"rejt-collapsed-text",style:d,onClick:this.handleCollapseMode},"[...] ",t.length," ",t.length===1?"item":"items"),!m&&f)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,addFormVisible:a,nextDeep:l}=this.state,{isCollapsed:i,handleRemove:u,onDeltaUpdate:s,readOnly:c,getStyle:d,dataType:m,addButtonElement:f,cancelButtonElement:p,editButtonElement:h,inputElementGenerator:g,textareaElementGenerator:x,minusMenuElement:y,plusMenuElement:w,beforeRemoveAction:v,beforeAddAction:E,beforeUpdateAction:A,logger:S,onSubmitValueParser:k}=this.props,{minus:C,plus:O,delimiter:T,ul:R,addForm:$}=d(e,t,r,n,m),F=c(e,t,r,n,m),P=b.cloneElement(w,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:O}),D=b.cloneElement(y,{onClick:u,className:"rejt-minus-menu",style:C}),L=!0,j="[",V="]";return o.createElement("span",{className:"rejt-not-collapsed"},o.createElement("span",{className:"rejt-not-collapsed-delimiter",style:T},j),!a&&P,o.createElement("ul",{className:"rejt-not-collapsed-list",style:R},t.map((B,H)=>o.createElement(ea,{key:H,name:H.toString(),data:B,keyPath:r,deep:l,isCollapsed:i,handleRemove:this.handleRemoveItem(H),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:s,readOnly:c,getStyle:d,addButtonElement:f,cancelButtonElement:p,editButtonElement:h,inputElementGenerator:g,textareaElementGenerator:x,minusMenuElement:y,plusMenuElement:w,beforeRemoveAction:v,beforeAddAction:E,beforeUpdateAction:A,logger:S,onSubmitValueParser:k}))),!F&&a&&o.createElement("div",{className:"rejt-add-form",style:$},o.createElement(xl,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:L,addButtonElement:f,cancelButtonElement:p,inputElementGenerator:g,keyPath:r,deep:n,onSubmitValueParser:k})),o.createElement("span",{className:"rejt-not-collapsed-delimiter",style:T},V),!F&&D)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{dataType:l,getStyle:i}=this.props,u=t?this.renderCollapsed():this.renderNotCollapsed(),s=i(e,r,n,a,l);return o.createElement("div",{className:"rejt-array-node"},o.createElement("span",{onClick:this.handleCollapseMode},o.createElement("span",{className:"rejt-name",style:s.name},e," :"," ")),u)}};k0.defaultProps={keyPath:[],deep:0,minusMenuElement:o.createElement("span",null," - "),plusMenuElement:o.createElement("span",null," + ")};var _0=class extends b.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={value:e.value,name:e.name,keyPath:t,deep:e.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(e,t){return e.value!==t.value?{value:e.value}:null}componentDidUpdate(){let{editEnabled:e,inputRef:t,name:r,value:n,keyPath:a,deep:l}=this.state,{readOnly:i,dataType:u}=this.props,s=i(r,n,a,l,u);e&&!s&&typeof t.focus=="function"&&t.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.handleEdit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:e,originalValue:t,logger:r,onSubmitValueParser:n,keyPath:a}=this.props,{inputRef:l,name:i,deep:u}=this.state;if(!l)return;let s=n(!0,a,u,i,l.value);e({value:s,key:i}).then(()=>{C0(t,s)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(e){this.state.inputRef=e}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:e,value:t,editEnabled:r,keyPath:n,deep:a}=this.state,{handleRemove:l,originalValue:i,readOnly:u,dataType:s,getStyle:c,editButtonElement:d,cancelButtonElement:m,textareaElementGenerator:f,minusMenuElement:p,keyPath:h}=this.props,g=c(e,i,n,a,s),x=null,y=null,w=u(e,i,n,a,s);if(r&&!w){let v=f(El,h,a,e,i,s),E=b.cloneElement(d,{onClick:this.handleEdit}),A=b.cloneElement(m,{onClick:this.handleCancelEdit}),S=b.cloneElement(v,{ref:this.refInput,defaultValue:i});x=o.createElement("span",{className:"rejt-edit-form",style:g.editForm},S," ",A,E),y=null}else{x=o.createElement("span",{className:"rejt-value",style:g.value,onClick:w?null:this.handleEditMode},t);let v=b.cloneElement(p,{onClick:l,className:"rejt-minus-menu",style:g.minus});y=w?null:v}return o.createElement("li",{className:"rejt-function-value-node",style:g.li},o.createElement("span",{className:"rejt-name",style:g.name},e," :"," "),x,y)}};_0.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:o.createElement("button",null,"e"),cancelButtonElement:o.createElement("button",null,"c"),minusMenuElement:o.createElement("span",null," - ")};var ea=class extends b.Component{constructor(e){super(e),this.state={data:e.data,name:e.name,keyPath:e.keyPath,deep:e.deep}}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}render(){let{data:e,name:t,keyPath:r,deep:n}=this.state,{isCollapsed:a,handleRemove:l,handleUpdateValue:i,onUpdate:u,onDeltaUpdate:s,readOnly:c,getStyle:d,addButtonElement:m,cancelButtonElement:f,editButtonElement:p,inputElementGenerator:h,textareaElementGenerator:g,minusMenuElement:x,plusMenuElement:y,beforeRemoveAction:w,beforeAddAction:v,beforeUpdateAction:E,logger:A,onSubmitValueParser:S}=this.props,k=()=>!0,C=Et(e);switch(C){case Fx:return o.createElement(go,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:l,onUpdate:u,onDeltaUpdate:s,readOnly:k,dataType:C,getStyle:d,addButtonElement:m,cancelButtonElement:f,editButtonElement:p,inputElementGenerator:h,textareaElementGenerator:g,minusMenuElement:x,plusMenuElement:y,beforeRemoveAction:w,beforeAddAction:v,beforeUpdateAction:E,logger:A,onSubmitValueParser:S});case $x:return o.createElement(go,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:l,onUpdate:u,onDeltaUpdate:s,readOnly:c,dataType:C,getStyle:d,addButtonElement:m,cancelButtonElement:f,editButtonElement:p,inputElementGenerator:h,textareaElementGenerator:g,minusMenuElement:x,plusMenuElement:y,beforeRemoveAction:w,beforeAddAction:v,beforeUpdateAction:E,logger:A,onSubmitValueParser:S});case Dx:return o.createElement(k0,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:l,onUpdate:u,onDeltaUpdate:s,readOnly:c,dataType:C,getStyle:d,addButtonElement:m,cancelButtonElement:f,editButtonElement:p,inputElementGenerator:h,textareaElementGenerator:g,minusMenuElement:x,plusMenuElement:y,beforeRemoveAction:w,beforeAddAction:v,beforeUpdateAction:E,logger:A,onSubmitValueParser:S});case Lx:return o.createElement(yt,{name:t,value:`"${e}"`,originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:i,readOnly:c,dataType:C,getStyle:d,cancelButtonElement:f,editButtonElement:p,inputElementGenerator:h,minusMenuElement:x,logger:A,onSubmitValueParser:S});case Mx:return o.createElement(yt,{name:t,value:e,originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:i,readOnly:c,dataType:C,getStyle:d,cancelButtonElement:f,editButtonElement:p,inputElementGenerator:h,minusMenuElement:x,logger:A,onSubmitValueParser:S});case Bx:return o.createElement(yt,{name:t,value:e?"true":"false",originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:i,readOnly:c,dataType:C,getStyle:d,cancelButtonElement:f,editButtonElement:p,inputElementGenerator:h,minusMenuElement:x,logger:A,onSubmitValueParser:S});case Ix:return o.createElement(yt,{name:t,value:e.toISOString(),originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:i,readOnly:k,dataType:C,getStyle:d,cancelButtonElement:f,editButtonElement:p,inputElementGenerator:h,minusMenuElement:x,logger:A,onSubmitValueParser:S});case Px:return o.createElement(yt,{name:t,value:"null",originalValue:"null",keyPath:r,deep:n,handleRemove:l,handleUpdateValue:i,readOnly:c,dataType:C,getStyle:d,cancelButtonElement:f,editButtonElement:p,inputElementGenerator:h,minusMenuElement:x,logger:A,onSubmitValueParser:S});case jx:return o.createElement(yt,{name:t,value:"undefined",originalValue:"undefined",keyPath:r,deep:n,handleRemove:l,handleUpdateValue:i,readOnly:c,dataType:C,getStyle:d,cancelButtonElement:f,editButtonElement:p,inputElementGenerator:h,minusMenuElement:x,logger:A,onSubmitValueParser:S});case Nx:return o.createElement(_0,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:i,readOnly:c,dataType:C,getStyle:d,cancelButtonElement:f,editButtonElement:p,textareaElementGenerator:g,minusMenuElement:x,logger:A,onSubmitValueParser:S});case Hx:return o.createElement(yt,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:i,readOnly:k,dataType:C,getStyle:d,cancelButtonElement:f,editButtonElement:p,inputElementGenerator:h,minusMenuElement:x,logger:A,onSubmitValueParser:S});default:return null}}};ea.defaultProps={keyPath:[],deep:0};var go=class extends b.Component{constructor(e){super(e);let t=e.deep===-1?[]:[...e.keyPath,e.name];this.state={name:e.name,data:e.data,keyPath:t,deep:e.deep,nextDeep:e.deep+1,collapsed:e.isCollapsed(t,e.deep,e.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveValue=this.handleRemoveValue.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}onChildUpdate(e,t){let{data:r,keyPath:n}=this.state;r[e]=t,this.setState({data:r});let{onUpdate:a}=this.props,l=n.length;a(n[l-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleAddValueAdd({key:e,newValue:t}){let{data:r,keyPath:n,nextDeep:a}=this.state,{beforeAddAction:l,logger:i}=this.props;l(e,n,a,t).then(()=>{r[e]=t,this.setState({data:r}),this.handleAddValueCancel();let{onUpdate:u,onDeltaUpdate:s}=this.props;u(n[n.length-1],r),s({type:w0,keyPath:n,deep:a,key:e,newValue:t})}).catch(i.error)}handleRemoveValue(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:a,nextDeep:l}=this.state,i=n[e];t(e,a,l,i).then(()=>{let u={keyPath:a,deep:l,key:e,oldValue:i,type:A0};delete n[e],this.setState({data:n});let{onUpdate:s,onDeltaUpdate:c}=this.props;s(a[a.length-1],n),c(u)}).catch(r.error)}}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:a}=this.props,{data:l,keyPath:i,nextDeep:u}=this.state,s=l[e];a(e,i,u,s,t).then(()=>{l[e]=t,this.setState({data:l});let{onUpdate:c,onDeltaUpdate:d}=this.props;c(i[i.length-1],l),d({type:S0,keyPath:i,deep:u,key:e,newValue:t,oldValue:s}),r()}).catch(n)})}renderCollapsed(){let{name:e,keyPath:t,deep:r,data:n}=this.state,{handleRemove:a,readOnly:l,dataType:i,getStyle:u,minusMenuElement:s}=this.props,{minus:c,collapsed:d}=u(e,n,t,r,i),m=Object.getOwnPropertyNames(n),f=l(e,n,t,r,i),p=b.cloneElement(s,{onClick:a,className:"rejt-minus-menu",style:c});return o.createElement("span",{className:"rejt-collapsed"},o.createElement("span",{className:"rejt-collapsed-text",style:d,onClick:this.handleCollapseMode},"{...}"," ",m.length," ",m.length===1?"key":"keys"),!f&&p)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,nextDeep:a,addFormVisible:l}=this.state,{isCollapsed:i,handleRemove:u,onDeltaUpdate:s,readOnly:c,getStyle:d,dataType:m,addButtonElement:f,cancelButtonElement:p,editButtonElement:h,inputElementGenerator:g,textareaElementGenerator:x,minusMenuElement:y,plusMenuElement:w,beforeRemoveAction:v,beforeAddAction:E,beforeUpdateAction:A,logger:S,onSubmitValueParser:k}=this.props,{minus:C,plus:O,addForm:T,ul:R,delimiter:$}=d(e,t,r,n,m),F=Object.getOwnPropertyNames(t),P=c(e,t,r,n,m),D=b.cloneElement(w,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:O}),L=b.cloneElement(y,{onClick:u,className:"rejt-minus-menu",style:C}),j=F.map(H=>o.createElement(ea,{key:H,name:H,data:t[H],keyPath:r,deep:a,isCollapsed:i,handleRemove:this.handleRemoveValue(H),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:s,readOnly:c,getStyle:d,addButtonElement:f,cancelButtonElement:p,editButtonElement:h,inputElementGenerator:g,textareaElementGenerator:x,minusMenuElement:y,plusMenuElement:w,beforeRemoveAction:v,beforeAddAction:E,beforeUpdateAction:A,logger:S,onSubmitValueParser:k})),V="{",B="}";return o.createElement("span",{className:"rejt-not-collapsed"},o.createElement("span",{className:"rejt-not-collapsed-delimiter",style:$},V),!P&&D,o.createElement("ul",{className:"rejt-not-collapsed-list",style:R},j),!P&&l&&o.createElement("div",{className:"rejt-add-form",style:T},o.createElement(xl,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement:f,cancelButtonElement:p,inputElementGenerator:g,keyPath:r,deep:n,onSubmitValueParser:k})),o.createElement("span",{className:"rejt-not-collapsed-delimiter",style:$},B),!P&&L)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{getStyle:l,dataType:i}=this.props,u=t?this.renderCollapsed():this.renderNotCollapsed(),s=l(e,r,n,a,i);return o.createElement("div",{className:"rejt-object-node"},o.createElement("span",{onClick:this.handleCollapseMode},o.createElement("span",{className:"rejt-name",style:s.name},e," :"," ")),u)}};go.defaultProps={keyPath:[],deep:0,minusMenuElement:o.createElement("span",null," - "),plusMenuElement:o.createElement("span",null," + ")};var yt=class extends b.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={value:e.value,name:e.name,keyPath:t,deep:e.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(e,t){return e.value!==t.value?{value:e.value}:null}componentDidUpdate(){let{editEnabled:e,inputRef:t,name:r,value:n,keyPath:a,deep:l}=this.state,{readOnly:i,dataType:u}=this.props,s=i(r,n,a,l,u);e&&!s&&typeof t.focus=="function"&&t.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.handleEdit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:e,originalValue:t,logger:r,onSubmitValueParser:n,keyPath:a}=this.props,{inputRef:l,name:i,deep:u}=this.state;if(!l)return;let s=n(!0,a,u,i,l.value);e({value:s,key:i}).then(()=>{C0(t,s)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(e){this.state.inputRef=e}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:e,value:t,editEnabled:r,keyPath:n,deep:a}=this.state,{handleRemove:l,originalValue:i,readOnly:u,dataType:s,getStyle:c,editButtonElement:d,cancelButtonElement:m,inputElementGenerator:f,minusMenuElement:p,keyPath:h}=this.props,g=c(e,i,n,a,s),x=u(e,i,n,a,s),y=r&&!x,w=f(El,h,a,e,i,s),v=b.cloneElement(d,{onClick:this.handleEdit}),E=b.cloneElement(m,{onClick:this.handleCancelEdit}),A=b.cloneElement(w,{ref:this.refInput,defaultValue:JSON.stringify(i)}),S=b.cloneElement(p,{onClick:l,className:"rejt-minus-menu",style:g.minus});return o.createElement("li",{className:"rejt-value-node",style:g.li},o.createElement("span",{className:"rejt-name",style:g.name},e," : "),y?o.createElement("span",{className:"rejt-edit-form",style:g.editForm},A," ",E,v):o.createElement("span",{className:"rejt-value",style:g.value,onClick:x?null:this.handleEditMode},String(t)),!x&&!y&&S)}};yt.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:o.createElement("button",null,"e"),cancelButtonElement:o.createElement("button",null,"c"),minusMenuElement:o.createElement("span",null," - ")};var Zx={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},Vx={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},zx={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}};function qx(e){let t=e;if(t.indexOf("function")===0)return(0,eval)(`(${t})`);try{t=JSON.parse(e)}catch{}return t}var O0=class extends b.Component{constructor(e){super(e),this.state={data:e.data,rootName:e.rootName},this.onUpdate=this.onUpdate.bind(this),this.removeRoot=this.removeRoot.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data||e.rootName!==t.rootName?{data:e.data,rootName:e.rootName}:null}onUpdate(e,t){this.setState({data:t}),this.props.onFullyUpdate(t)}removeRoot(){this.onUpdate(null,null)}render(){let{data:e,rootName:t}=this.state,{isCollapsed:r,onDeltaUpdate:n,readOnly:a,getStyle:l,addButtonElement:i,cancelButtonElement:u,editButtonElement:s,inputElement:c,textareaElement:d,minusMenuElement:m,plusMenuElement:f,beforeRemoveAction:p,beforeAddAction:h,beforeUpdateAction:g,logger:x,onSubmitValueParser:y,fallback:w=null}=this.props,v=Et(e),E=a;Et(a)==="Boolean"&&(E=()=>a);let A=c;c&&Et(c)!=="Function"&&(A=()=>c);let S=d;return d&&Et(d)!=="Function"&&(S=()=>d),v==="Object"||v==="Array"?o.createElement("div",{className:"rejt-tree"},o.createElement(ea,{data:e,name:t,deep:-1,isCollapsed:r,onUpdate:this.onUpdate,onDeltaUpdate:n,readOnly:E,getStyle:l,addButtonElement:i,cancelButtonElement:u,editButtonElement:s,inputElementGenerator:A,textareaElementGenerator:S,minusMenuElement:m,plusMenuElement:f,handleRemove:this.removeRoot,beforeRemoveAction:p,beforeAddAction:h,beforeUpdateAction:g,logger:x,onSubmitValueParser:y})):w}};O0.defaultProps={rootName:"root",isCollapsed:(e,t)=>t!==-1,getStyle:(e,t,r,n,a)=>{switch(a){case"Object":case"Error":return Zx;case"Array":return Vx;default:return zx}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(e,t,r,n,a)=>qx(a),inputElement:()=>o.createElement("input",null),textareaElement:()=>o.createElement("textarea",null),fallback:null};var{window:Ux}=$e,Wx=_.div(({theme:e})=>({position:"relative",display:"flex",".rejt-tree":{marginLeft:"1rem",fontSize:"13px"},".rejt-value-node, .rejt-object-node > .rejt-collapsed, .rejt-array-node > .rejt-collapsed, .rejt-object-node > .rejt-not-collapsed, .rejt-array-node > .rejt-not-collapsed":{"& > svg":{opacity:0,transition:"opacity 0.2s"}},".rejt-value-node:hover, .rejt-object-node:hover > .rejt-collapsed, .rejt-array-node:hover > .rejt-collapsed, .rejt-object-node:hover > .rejt-not-collapsed, .rejt-array-node:hover > .rejt-not-collapsed":{"& > svg":{opacity:1}},".rejt-edit-form button":{display:"none"},".rejt-add-form":{marginLeft:10},".rejt-add-value-node":{display:"inline-flex",alignItems:"center"},".rejt-name":{lineHeight:"22px"},".rejt-not-collapsed-delimiter":{lineHeight:"22px"},".rejt-plus-menu":{marginLeft:5},".rejt-object-node > span > *, .rejt-array-node > span > *":{position:"relative",zIndex:2},".rejt-object-node, .rejt-array-node":{position:"relative"},".rejt-object-node > span:first-of-type::after, .rejt-array-node > span:first-of-type::after, .rejt-collapsed::before, .rejt-not-collapsed::before":{content:'""',position:"absolute",top:0,display:"block",width:"100%",marginLeft:"-1rem",padding:"0 4px 0 1rem",height:22},".rejt-collapsed::before, .rejt-not-collapsed::before":{zIndex:1,background:"transparent",borderRadius:4,transition:"background 0.2s",pointerEvents:"none",opacity:.1},".rejt-object-node:hover, .rejt-array-node:hover":{"& > .rejt-collapsed::before, & > .rejt-not-collapsed::before":{background:e.color.secondary}},".rejt-collapsed::after, .rejt-not-collapsed::after":{content:'""',position:"absolute",display:"inline-block",pointerEvents:"none",width:0,height:0},".rejt-collapsed::after":{left:-8,top:8,borderTop:"3px solid transparent",borderBottom:"3px solid transparent",borderLeft:"3px solid rgba(153,153,153,0.6)"},".rejt-not-collapsed::after":{left:-10,top:10,borderTop:"3px solid rgba(153,153,153,0.6)",borderLeft:"3px solid transparent",borderRight:"3px solid transparent"},".rejt-value":{display:"inline-block",border:"1px solid transparent",borderRadius:4,margin:"1px 0",padding:"0 4px",cursor:"text",color:e.color.defaultText},".rejt-value-node:hover > .rejt-value":{background:e.color.lighter,borderColor:e.appBorderColor}})),Ma=_.button(({theme:e,primary:t})=>({border:0,height:20,margin:1,borderRadius:4,background:t?e.color.secondary:"transparent",color:t?e.color.lightest:e.color.dark,fontWeight:t?"bold":"normal",cursor:"pointer",order:t?"initial":9})),ds=_(ve)(({theme:e,icon:t,disabled:r})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:r?"not-allowed":"pointer",color:e.textMutedColor,"&:hover":r?{}:{color:t==="subtract"?e.color.negative:e.color.ancillary},"svg + &":{marginLeft:0}})),ps=_.input(({theme:e,placeholder:t})=>({outline:0,margin:t?1:"1px 0",padding:"3px 4px",color:e.color.defaultText,background:e.background.app,border:`1px solid ${e.appBorderColor}`,borderRadius:4,lineHeight:"14px",width:t==="Key"?80:120,"&:focus":{border:`1px solid ${e.color.secondary}`}})),Gx=_(Pt)(({theme:e})=>({position:"absolute",zIndex:2,top:2,right:2,height:21,padding:"0 3px",background:e.background.bar,border:`1px solid ${e.appBorderColor}`,borderRadius:3,color:e.textMutedColor,fontSize:"9px",fontWeight:"bold",textDecoration:"none",span:{marginLeft:3,marginTop:1}})),Yx=_(Ne.Textarea)(({theme:e})=>({flex:1,padding:"7px 6px",fontFamily:e.typography.fonts.mono,fontSize:"12px",lineHeight:"18px","&::placeholder":{fontFamily:e.typography.fonts.base,fontSize:"13px"},"&:placeholder-shown":{padding:"7px 10px"}})),Kx={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},Xx=e=>{e.currentTarget.dispatchEvent(new Ux.KeyboardEvent("keydown",Kx))},Jx=e=>{e.currentTarget.select()},Qx=e=>()=>({name:{color:e.color.secondary},collapsed:{color:e.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),fs=({name:e,value:t,onChange:r})=>{let n=ep(),a=b.useMemo(()=>t&&G7(t),[t]),l=a!=null,[i,u]=b.useState(!l),[s,c]=b.useState(null),d=b.useCallback(x=>{try{x&&r(JSON.parse(x)),c(void 0)}catch(y){c(y)}},[r]),[m,f]=b.useState(!1),p=b.useCallback(()=>{r({}),f(!0)},[f]),h=b.useRef(null);if(b.useEffect(()=>{m&&h.current&&h.current.select()},[m]),!l)return o.createElement(Ne.Button,{id:On(e),onClick:p},"Set object");let g=o.createElement(Yx,{ref:h,id:He(e),name:e,defaultValue:t===null?"":JSON.stringify(t,null,2),onBlur:x=>d(x.target.value),placeholder:"Edit JSON string...",autoFocus:m,valid:s?"error":null});return o.createElement(Wx,null,["Object","Array"].includes(Et(a))&&o.createElement(Gx,{href:"#",onClick:x=>{x.preventDefault(),u(y=>!y)}},o.createElement(ve,{icon:i?"eyeclose":"eye"}),o.createElement("span",null,"RAW")),i?g:o.createElement(O0,{data:a,rootName:e,onFullyUpdate:r,getStyle:Qx(n),cancelButtonElement:o.createElement(Ma,{type:"button"},"Cancel"),editButtonElement:o.createElement(Ma,{type:"submit"},"Save"),addButtonElement:o.createElement(Ma,{type:"submit",primary:!0},"Save"),plusMenuElement:o.createElement(ds,{icon:"add"}),minusMenuElement:o.createElement(ds,{icon:"subtract"}),inputElement:(x,y,w,v)=>v?o.createElement(ps,{onFocus:Jx,onBlur:Xx}):o.createElement(ps,null),fallback:g}))},e9=_.input(({theme:e,min:t,max:r,value:n})=>({"&":{width:"100%",backgroundColor:"transparent",appearance:"none"},"&::-webkit-slider-runnable-track":{background:e.base==="light"?`linear-gradient(to right,
|
|
293
|
+
*/var m0={exports:{}},Ta,Ki;function f8(){return Ki||(Ki=1,Ta={tocSelector:".js-toc",contentSelector:".js-toc-content",headingSelector:"h1, h2, h3",ignoreSelector:".js-toc-ignore",hasInnerContainers:!1,linkClass:"toc-link",extraLinkClasses:"",activeLinkClass:"is-active-link",listClass:"toc-list",extraListClasses:"",isCollapsedClass:"is-collapsed",collapsibleClass:"is-collapsible",listItemClass:"toc-list-item",activeListItemClass:"is-active-li",collapseDepth:0,scrollSmooth:!0,scrollSmoothDuration:420,scrollSmoothOffset:0,scrollEndCallback:function(e){},headingsOffset:1,throttleTimeout:50,positionFixedSelector:null,positionFixedClass:"is-position-fixed",fixedSidebarOffset:"auto",includeHtml:!1,includeTitleTags:!1,onClick:function(e){},orderedList:!0,scrollContainer:null,skipRendering:!1,headingLabelCallback:!1,ignoreHiddenElements:!1,headingObjectCallback:null,basePath:"",disableTocScrollSync:!1,tocScrollOffset:0}),Ta}var Ra,Xi;function m8(){return Xi||(Xi=1,Ra=function(e){var t=[].forEach,r=[].some,n=document.body,a,l=!0,i=" ";function u(y,w){var v=w.appendChild(c(y));if(y.children.length){var E=d(y.isCollapsed);y.children.forEach(function(A){u(A,E)}),v.appendChild(E)}}function s(y,w){var v=!1,E=d(v);if(w.forEach(function(A){u(A,E)}),a=y||a,a!==null)return a.firstChild&&a.removeChild(a.firstChild),w.length===0?a:a.appendChild(E)}function c(y){var w=document.createElement("li"),v=document.createElement("a");return e.listItemClass&&w.setAttribute("class",e.listItemClass),e.onClick&&(v.onclick=e.onClick),e.includeTitleTags&&v.setAttribute("title",y.textContent),e.includeHtml&&y.childNodes.length?t.call(y.childNodes,function(E){v.appendChild(E.cloneNode(!0))}):v.textContent=y.textContent,v.setAttribute("href",e.basePath+"#"+y.id),v.setAttribute("class",e.linkClass+i+"node-name--"+y.nodeName+i+e.extraLinkClasses),w.appendChild(v),w}function d(y){var w=e.orderedList?"ol":"ul",v=document.createElement(w),E=e.listClass+i+e.extraListClasses;return y&&(E=E+i+e.collapsibleClass,E=E+i+e.isCollapsedClass),v.setAttribute("class",E),v}function m(){if(e.scrollContainer&&document.querySelector(e.scrollContainer)){var y;y=document.querySelector(e.scrollContainer).scrollTop}else y=document.documentElement.scrollTop||n.scrollTop;var w=document.querySelector(e.positionFixedSelector);e.fixedSidebarOffset==="auto"&&(e.fixedSidebarOffset=a.offsetTop),y>e.fixedSidebarOffset?w.className.indexOf(e.positionFixedClass)===-1&&(w.className+=i+e.positionFixedClass):w.className=w.className.split(i+e.positionFixedClass).join("")}function f(y){var w=0;return y!==null&&(w=y.offsetTop,e.hasInnerContainers&&(w+=f(y.offsetParent))),w}function p(y){if(e.scrollContainer&&document.querySelector(e.scrollContainer)){var w;w=document.querySelector(e.scrollContainer).scrollTop}else w=document.documentElement.scrollTop||n.scrollTop;e.positionFixedSelector&&m();var v=y,E;if(l&&a!==null&&v.length>0){r.call(v,function(R,$){if(f(R)>w+e.headingsOffset+10){var F=$===0?$:$-1;return E=v[F],!0}else if($===v.length-1)return E=v[v.length-1],!0});var A=a.querySelector("."+e.activeLinkClass),S=a.querySelector("."+e.linkClass+".node-name--"+E.nodeName+'[href="'+e.basePath+"#"+E.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1")+'"]');if(A===S)return;var k=a.querySelectorAll("."+e.linkClass);t.call(k,function(R){R.className=R.className.split(i+e.activeLinkClass).join("")});var C=a.querySelectorAll("."+e.listItemClass);t.call(C,function(R){R.className=R.className.split(i+e.activeListItemClass).join("")}),S&&S.className.indexOf(e.activeLinkClass)===-1&&(S.className+=i+e.activeLinkClass);var O=S&&S.parentNode;O&&O.className.indexOf(e.activeListItemClass)===-1&&(O.className+=i+e.activeListItemClass);var T=a.querySelectorAll("."+e.listClass+"."+e.collapsibleClass);t.call(T,function(R){R.className.indexOf(e.isCollapsedClass)===-1&&(R.className+=i+e.isCollapsedClass)}),S&&S.nextSibling&&S.nextSibling.className.indexOf(e.isCollapsedClass)!==-1&&(S.nextSibling.className=S.nextSibling.className.split(i+e.isCollapsedClass).join("")),h(S&&S.parentNode.parentNode)}}function h(y){return y&&y.className.indexOf(e.collapsibleClass)!==-1&&y.className.indexOf(e.isCollapsedClass)!==-1?(y.className=y.className.split(i+e.isCollapsedClass).join(""),h(y.parentNode.parentNode)):y}function g(y){var w=y.target||y.srcElement;typeof w.className!="string"||w.className.indexOf(e.linkClass)===-1||(l=!1)}function x(){l=!0}return{enableTocAnimation:x,disableTocAnimation:g,render:s,updateToc:p}}),Ra}var Fa,Ji;function g8(){return Ji||(Ji=1,Fa=function(t){var r=[].reduce;function n(d){return d[d.length-1]}function a(d){return+d.nodeName.toUpperCase().replace("H","")}function l(d){try{return d instanceof window.HTMLElement||d instanceof window.parent.HTMLElement}catch{return d instanceof window.HTMLElement}}function i(d){if(!l(d))return d;if(t.ignoreHiddenElements&&(!d.offsetHeight||!d.offsetParent))return null;const m=d.getAttribute("data-heading-label")||(t.headingLabelCallback?String(t.headingLabelCallback(d.textContent)):d.textContent.trim());var f={id:d.id,children:[],nodeName:d.nodeName,headingLevel:a(d),textContent:m};return t.includeHtml&&(f.childNodes=d.childNodes),t.headingObjectCallback?t.headingObjectCallback(f,d):f}function u(d,m){for(var f=i(d),p=f.headingLevel,h=m,g=n(h),x=g?g.headingLevel:0,y=p-x;y>0&&(g=n(h),!(g&&p===g.headingLevel));)g&&g.children!==void 0&&(h=g.children),y--;return p>=t.collapseDepth&&(f.isCollapsed=!0),h.push(f),h}function s(d,m){var f=m;t.ignoreSelector&&(f=m.split(",").map(function(h){return h.trim()+":not("+t.ignoreSelector+")"}));try{return d.querySelectorAll(f)}catch{return console.warn("Headers not found with selector: "+f),null}}function c(d){return r.call(d,function(f,p){var h=i(p);return h&&u(h,f.nest),f},{nest:[]})}return{nestHeadingsArray:c,selectHeadings:s}}),Fa}var $a,Qi;function h8(){return Qi||(Qi=1,$a=function(t){var r=t.tocElement||document.querySelector(t.tocSelector);if(r&&r.scrollHeight>r.clientHeight){var n=r.querySelector("."+t.activeListItemClass);n&&(r.scrollTop=n.offsetTop-t.tocScrollOffset)}}),$a}var Da={},es;function b8(){if(es)return Da;es=1,Da.initSmoothScrolling=e;function e(r){var n=r.duration,a=r.offset,l=location.hash?s(location.href):location.href;i();function i(){document.body.addEventListener("click",d,!1);function d(m){!u(m.target)||m.target.className.indexOf("no-smooth-scroll")>-1||m.target.href.charAt(m.target.href.length-2)==="#"&&m.target.href.charAt(m.target.href.length-1)==="!"||m.target.className.indexOf(r.linkClass)===-1||t(m.target.hash,{duration:n,offset:a,callback:function(){c(m.target.hash)}})}}function u(d){return d.tagName.toLowerCase()==="a"&&(d.hash.length>0||d.href.charAt(d.href.length-1)==="#")&&(s(d.href)===l||s(d.href)+"#"===l)}function s(d){return d.slice(0,d.lastIndexOf("#"))}function c(d){var m=document.getElementById(d.substring(1));m&&(/^(?:a|select|input|button|textarea)$/i.test(m.tagName)||(m.tabIndex=-1),m.focus())}}function t(r,n){var a=window.pageYOffset,l={duration:n.duration,offset:n.offset||0,callback:n.callback,easing:n.easing||p},i=document.querySelector('[id="'+decodeURI(r).split("#").join("")+'"]')||document.querySelector('[id="'+r.split("#").join("")+'"]'),u=typeof r=="string"?l.offset+(r?i&&i.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):r,s=typeof l.duration=="function"?l.duration(u):l.duration,c,d;requestAnimationFrame(function(h){c=h,m(h)});function m(h){d=h-c,window.scrollTo(0,l.easing(d,a,u,s)),d<s?requestAnimationFrame(m):f()}function f(){window.scrollTo(0,a+u),typeof l.callback=="function"&&l.callback()}function p(h,g,x,y){return h/=y/2,h<1?x/2*h*h+g:(h--,-x/2*(h*(h-2)-1)+g)}}return Da}(function(e,t){(function(r,n){e.exports=n(r)})(typeof aa<"u"?aa:window||aa,function(r){var n=f8(),a={},l={},i=m8(),u=g8(),s=h8(),c,d,m=!!r&&!!r.document&&!!r.document.querySelector&&!!r.addEventListener;if(typeof window>"u"&&!m)return;var f,p=Object.prototype.hasOwnProperty;function h(){for(var w={},v=0;v<arguments.length;v++){var E=arguments[v];for(var A in E)p.call(E,A)&&(w[A]=E[A])}return w}function g(w,v,E){v||(v=250);var A,S;return function(){var k=E||this,C=+new Date,O=arguments;A&&C<A+v?(clearTimeout(S),S=setTimeout(function(){A=C,w.apply(k,O)},v)):(A=C,w.apply(k,O))}}function x(w){try{return w.contentElement||document.querySelector(w.contentSelector)}catch{return console.warn("Contents element not found: "+w.contentSelector),null}}function y(w){try{return w.tocElement||document.querySelector(w.tocSelector)}catch{return console.warn("TOC element not found: "+w.tocSelector),null}}return l.destroy=function(){var w=y(a);w!==null&&(a.skipRendering||w&&(w.innerHTML=""),a.scrollContainer&&document.querySelector(a.scrollContainer)?(document.querySelector(a.scrollContainer).removeEventListener("scroll",this._scrollListener,!1),document.querySelector(a.scrollContainer).removeEventListener("resize",this._scrollListener,!1),c&&document.querySelector(a.scrollContainer).removeEventListener("click",this._clickListener,!1)):(document.removeEventListener("scroll",this._scrollListener,!1),document.removeEventListener("resize",this._scrollListener,!1),c&&document.removeEventListener("click",this._clickListener,!1)))},l.init=function(w){if(m){a=h(n,w||{}),this.options=a,this.state={},a.scrollSmooth&&(a.duration=a.scrollSmoothDuration,a.offset=a.scrollSmoothOffset,l.scrollSmooth=b8().initSmoothScrolling(a)),c=i(a),d=u(a),this._buildHtml=c,this._parseContent=d,this._headingsArray=f,l.destroy();var v=x(a);if(v!==null){var E=y(a);if(E!==null&&(f=d.selectHeadings(v,a.headingSelector),f!==null)){var A=d.nestHeadingsArray(f),S=A.nest;if(!a.skipRendering)c.render(E,S);else return this;this._scrollListener=g(function(C){c.updateToc(f),!a.disableTocScrollSync&&s(a);var O=C&&C.target&&C.target.scrollingElement&&C.target.scrollingElement.scrollTop===0;(C&&(C.eventPhase===0||C.currentTarget===null)||O)&&(c.updateToc(f),a.scrollEndCallback&&a.scrollEndCallback(C))},a.throttleTimeout),this._scrollListener(),a.scrollContainer&&document.querySelector(a.scrollContainer)?(document.querySelector(a.scrollContainer).addEventListener("scroll",this._scrollListener,!1),document.querySelector(a.scrollContainer).addEventListener("resize",this._scrollListener,!1)):(document.addEventListener("scroll",this._scrollListener,!1),document.addEventListener("resize",this._scrollListener,!1));var k=null;return this._clickListener=g(function(C){a.scrollSmooth&&c.disableTocAnimation(C),c.updateToc(f),k&&clearTimeout(k),k=setTimeout(function(){c.enableTocAnimation()},a.scrollSmoothDuration)},a.throttleTimeout),a.scrollContainer&&document.querySelector(a.scrollContainer)?document.querySelector(a.scrollContainer).addEventListener("click",this._clickListener,!1):document.addEventListener("click",this._clickListener,!1),this}}}},l.refresh=function(w){l.destroy(),l.init(w||this.options)},r.tocbot=l,l})})(m0);var ts=m0.exports;const{global:$e}=__STORYBOOK_MODULE_GLOBAL__,{deprecate:pe,once:y8,logger:hl}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{filterArgTypes:v8,composeConfigs:Vw,Preview:zw,DocsContext:qw}=__STORYBOOK_MODULE_PREVIEW_API__,{STORY_ARGS_UPDATED:rs,UPDATE_STORY_ARGS:E8,RESET_STORY_ARGS:x8,GLOBALS_UPDATED:ns,NAVIGATE_URL:w8}=__STORYBOOK_MODULE_CORE_EVENTS__;__STORYBOOK_MODULE_CHANNELS__;var A8=_.div(re,({theme:e})=>({backgroundColor:e.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:e.appBorderRadius,border:`1px dashed ${e.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:te(.3,e.color.defaultText),fontSize:e.typography.size.s2})),g0=e=>o.createElement(A8,{...e,className:"docblock-emptyblock sb-unstyled"}),S8=_(Zn)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}})),C8=_.div(({theme:e})=>({background:e.background.content,borderRadius:e.appBorderRadius,border:`1px solid ${e.appBorderColor}`,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"})),en=_.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${Ua}`]:{margin:0}})),k8=()=>o.createElement(C8,null,o.createElement(en,null),o.createElement(en,{style:{width:"80%"}}),o.createElement(en,{style:{width:"30%"}}),o.createElement(en,{style:{width:"80%"}})),bl=({isLoading:e,error:t,language:r,code:n,dark:a,format:l,...i})=>{if(e)return o.createElement(k8,null);if(t)return o.createElement(g0,null,t);let u=o.createElement(S8,{bordered:!0,copyable:!0,format:l,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof a>"u")return u;let s=a?Za.dark:Za.light;return o.createElement(Ys,{theme:qa(s)},u)};bl.defaultProps={format:!1};var le=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,yl=600,_8=_.h1(re,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${yl}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),O8=_.h2(re,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${yl}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:te(.25,e.color.defaultText)})),T8=_.div(({theme:e})=>{let t={fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},r={margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& code":{fontSize:"inherit"}},n={lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:e.typography.size.s2-1,border:e.base==="light"?`1px solid ${e.color.mediumlight}`:`1px solid ${e.color.darker}`,color:e.base==="light"?te(.1,e.color.defaultText):te(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[le("a")]:{...t,fontSize:"inherit",lineHeight:"24px",color:e.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}},[le("blockquote")]:{...t,margin:"16px 0",borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[le("div")]:t,[le("dl")]:{...t,margin:"16px 0",padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}},[le("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[le("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[le("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[le("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[le("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[le("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[le("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[le("img")]:{maxWidth:"100%"},[le("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[le("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[le("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[le("pre")]:{...t,fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}},[le("span")]:{...t,"&.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"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}},[le("table")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base==="dark"?e.color.darker:e.color.lighter},"& tr th":{fontWeight:"bold",color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}},[le("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),R8=_.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${yl}px)`]:{}})),F8=({children:e,toc:t})=>o.createElement(R8,{className:"sbdocs sbdocs-wrapper"},o.createElement(T8,{className:"sbdocs sbdocs-content"},e),t),Qn=e=>({borderRadius:e.appBorderRadius,background:e.background.content,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${e.appBorderColor}`}),$8=({zoom:e,resetZoom:t})=>o.createElement(o.Fragment,null,o.createElement(Pt,{key:"zoomin",onClick:r=>{r.preventDefault(),e(.8)},title:"Zoom in"},o.createElement(ve,{icon:"zoom"})),o.createElement(Pt,{key:"zoomout",onClick:r=>{r.preventDefault(),e(1.25)},title:"Zoom out"},o.createElement(ve,{icon:"zoomout"})),o.createElement(Pt,{key:"zoomreset",onClick:r=>{r.preventDefault(),t()},title:"Reset zoom"},o.createElement(ve,{icon:"zoomreset"}))),D8=_(qn)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),L8=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...l})=>o.createElement(D8,{...l},o.createElement(b.Fragment,{key:"left"},e?[1,2,3].map(i=>o.createElement(Ac,{key:i})):o.createElement($8,{zoom:n,resetZoom:a}))),h0=b.createContext({scale:1}),{window:M8}=$e,B8=class extends b.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=M8.document.getElementById(e)}shouldComponentUpdate(e){let{scale:t}=e;return t!==this.props.scale&&this.setIframeBodyStyle({width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(e){return Object.assign(this.iframe.contentDocument.body.style,e)}render(){let{id:e,title:t,src:r,allowFullScreen:n,scale:a,...l}=this.props;return o.createElement("iframe",{id:e,title:t,src:r,...n?{allow:"fullscreen"}:{},loading:"lazy",...l})}},{PREVIEW_URL:I8}=$e,P8=I8||"iframe.html",co=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,j8=e=>{let t=b.useRef(),[r,n]=b.useState(!0),[a,l]=b.useState(),{story:i,height:u,autoplay:s,forceInitialArgs:c,renderStoryToElement:d}=e;return b.useEffect(()=>{if(!(i&&t.current))return()=>{};let m=t.current,f=d(i,m,{showMain:()=>{},showError:({title:p,description:h})=>l(new Error(`${p} - ${h}`)),showException:p=>l(p)},{autoplay:s,forceInitialArgs:c});return n(!1),()=>{Promise.resolve().then(()=>f())}},[s,d,i]),a?o.createElement("pre",null,o.createElement(gc,{error:a})):o.createElement(o.Fragment,null,u?o.createElement("style",null,`#${co(e)} { min-height: ${u}; transform: translateZ(0); overflow: auto }`):null,r&&o.createElement(vl,null),o.createElement("div",{ref:t,id:`${co(e)}-inner`,"data-name":i.name}))},N8=({story:e,height:t="500px"})=>o.createElement("div",{style:{width:"100%",height:t}},o.createElement(h0.Consumer,null,({scale:r})=>o.createElement(B8,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:_c(P8,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),H8=e=>{let{inline:t}=e;return o.createElement("div",{id:co(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?o.createElement(j8,{...e}):o.createElement(N8,{...e}))},vl=()=>o.createElement(kc,null),Z8=_.div(({isColumn:e,columns:t,layout:r})=>({display:e||!t?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:e?"column":"row","& .innerZoomElementWrapper > *":e?{width:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout:e="padded"})=>e==="centered"||e==="padded"?{padding:"30px 20px",margin:-10,"& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{},({layout:e="padded"})=>e==="centered"?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),as=_(bl)(({theme:e})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:e.appBorderRadius,borderBottomRightRadius:e.appBorderRadius,border:"none",background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Ke(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Ke(.05,e.background.content)}})),V8=_.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...Qn(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),z8=(e,t,r)=>{switch(!0){case!!(e&&e.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>r(!1)}};case t:return{source:o.createElement(as,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:o.createElement(as,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function q8(e){if(b.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var U8=_(L8)({position:"absolute",top:0,left:0,right:0,height:40}),W8=_.div({overflow:"hidden",position:"relative"}),po=({isLoading:e,isColumn:t,columns:r,children:n,withSource:a,withToolbar:l=!1,isExpanded:i=!1,additionalActions:u,className:s,layout:c="padded",...d})=>{let[m,f]=b.useState(i),{source:p,actionItem:h}=z8(a,m,f),[g,x]=b.useState(1),y=[s].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),w=a?[h]:[],[v,E]=b.useState(u?[...u]:[]),A=[...w,...v],{window:S}=$e,k=b.useCallback(async O=>{let{createCopyToClipboardFunction:T}=await jt(()=>Promise.resolve().then(()=>ab),void 0,import.meta.url);T()},[]),C=O=>{let T=S.getSelection();T&&T.type==="Range"||(O.preventDefault(),v.filter(R=>R.title==="Copied").length===0&&k(p.props.code).then(()=>{E([...v,{title:"Copied",onClick:()=>{}}]),S.setTimeout(()=>E(v.filter(R=>R.title!=="Copied")),1500)}))};return o.createElement(V8,{withSource:a,withToolbar:l,...d,className:y.join(" ")},l&&o.createElement(U8,{isLoading:e,border:!0,zoom:O=>x(g*O),resetZoom:()=>x(1),storyId:q8(n),baseUrl:"./iframe.html"}),o.createElement(h0.Provider,{value:{scale:g}},o.createElement(W8,{className:"docs-story",onCopyCapture:a&&C},o.createElement(Z8,{isColumn:t||!Array.isArray(n),columns:r,layout:c},o.createElement(mc.Element,{scale:g},Array.isArray(n)?n.map((O,T)=>o.createElement("div",{key:T},O)):o.createElement("div",null,n))),o.createElement(Bo,{actionItems:A}))),a&&m&&p)},G8=_(po)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}})),Y8=()=>o.createElement(G8,{isLoading:!0,withToolbar:!0},o.createElement(vl,null)),K8=_.table(({theme:e})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:mt({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),X8=({tags:e})=>{let t=(e.params||[]).filter(l=>l.description),r=t.length!==0,n=e.deprecated!=null,a=e.returns!=null&&e.returns.description!=null;return!r&&!a&&!n?null:o.createElement(o.Fragment,null,o.createElement(K8,null,o.createElement("tbody",null,n&&o.createElement("tr",{key:"deprecated"},o.createElement("td",{colSpan:2},o.createElement("strong",null,"Deprecated"),": ",e.deprecated)),r&&t.map(l=>o.createElement("tr",{key:l.name},o.createElement("td",null,o.createElement("code",null,l.name)),o.createElement("td",null,l.description))),a&&o.createElement("tr",{key:"returns"},o.createElement("td",null,o.createElement("code",null,"Returns")),o.createElement("td",null,e.returns.description)))))},fo=8,os=_.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),J8=_.span(mt,({theme:e,simple:t=!1})=>({flex:"0 0 auto",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...t&&{background:"transparent",border:"0 none",paddingLeft:0}})),Q8=_.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),ex=_.div(mt,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),tx=_.div(({theme:e,width:t})=>({width:t,minWidth:200,maxWidth:800,padding:15,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}})),rx=_(ve)({height:10,width:10,minWidth:10,marginLeft:4}),nx=()=>o.createElement("span",null,"-"),b0=({text:e,simple:t})=>o.createElement(J8,{simple:t},e),ax=Ht(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),ox=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return uv(t)},ls=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,fo)),r.map(n=>o.createElement(b0,{key:n,text:n===""?'""':n}))},lx=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[a,l]=b.useState(!1),[i,u]=b.useState(t||!1);if(r==null)return null;let s=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(s))return o.createElement(b0,{text:s});let c=ox(s),d=c.length;return d>fo?o.createElement(os,{isExpanded:i},ls(c,i),o.createElement(Q8,{onClick:()=>u(!i)},i?"Show less...":`Show ${d-fo} more...`)):o.createElement(os,null,ls(c))}return o.createElement(Ec,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:c=>{l(c)},tooltip:o.createElement(tx,{width:ax(n)},o.createElement(Zn,{language:"jsx",format:!1},n))},o.createElement(ex,{className:"sbdocs-expandable"},o.createElement("span",null,s),o.createElement(rx,{icon:a?"arrowup":"arrowdown"})))},La=({value:e,initialExpandedArgs:t})=>e==null?o.createElement(nx,null):o.createElement(lx,{value:e,initialExpandedArgs:t}),ix=_.label(({theme:e})=>({lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:e.boolean.background,borderRadius:"3em",padding:1,input:{appearance:"none",width:"100%",height:"100%",position:"absolute",left:0,top:0,margin:0,padding:0,border:"none",background:"transparent",cursor:"pointer",borderRadius:"3em","&:focus":{outline:"none",boxShadow:`${e.color.secondary} 0 0 0 1px inset !important`}},span:{textAlign:"center",fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,lineHeight:"1",cursor:"pointer",display:"inline-block",padding:"7px 15px",transition:"all 100ms ease-out",userSelect:"none",borderRadius:"3em",color:te(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${Qr(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${Qr(.05,e.appBorderColor)} 0 0 0 2px inset`,color:Qr(1,e.appBorderColor)},"&:first-of-type":{paddingRight:8},"&:last-of-type":{paddingLeft:8}},"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type":{background:e.boolean.selectedBackground,boxShadow:e.base==="light"?`${Qr(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),sx=e=>e==="true",ux=({name:e,value:t,onChange:r,onBlur:n,onFocus:a})=>{let l=b.useCallback(()=>r(!1),[r]);if(t===void 0)return o.createElement(Ne.Button,{id:On(e),onClick:l},"Set boolean");let i=He(e),u=typeof t=="string"?sx(t):t;return o.createElement(ix,{htmlFor:i,title:u?"Change to false":"Change to true"},o.createElement("input",{id:i,type:"checkbox",onChange:s=>r(s.target.checked),checked:u,name:e,onBlur:n,onFocus:a}),o.createElement("span",null,"False"),o.createElement("span",null,"True"))},cx=e=>{let[t,r,n]=e.split("-"),a=new Date;return a.setFullYear(parseInt(t,10),parseInt(r,10)-1,parseInt(n,10)),a},dx=e=>{let[t,r]=e.split(":"),n=new Date;return n.setHours(parseInt(t,10)),n.setMinutes(parseInt(r,10)),n},px=e=>{let t=new Date(e),r=`000${t.getFullYear()}`.slice(-4),n=`0${t.getMonth()+1}`.slice(-2),a=`0${t.getDate()}`.slice(-2);return`${r}-${n}-${a}`},fx=e=>{let t=new Date(e),r=`0${t.getHours()}`.slice(-2),n=`0${t.getMinutes()}`.slice(-2);return`${r}:${n}`},mx=_.div(({theme:e})=>({flex:1,display:"flex",input:{marginLeft:10,flex:1,height:32,"&::-webkit-calendar-picker-indicator":{opacity:.5,height:12,filter:e.base==="light"?void 0:"invert(1)"}},"input:first-of-type":{marginLeft:0,flexGrow:4},"input:last-of-type":{flexGrow:3}})),gx=({name:e,value:t,onChange:r,onFocus:n,onBlur:a})=>{let[l,i]=b.useState(!0),u=b.useRef(),s=b.useRef();b.useEffect(()=>{l!==!1&&(u&&u.current&&(u.current.value=px(t)),s&&s.current&&(s.current.value=fx(t)))},[t]);let c=f=>{let p=cx(f.target.value),h=new Date(t);h.setFullYear(p.getFullYear(),p.getMonth(),p.getDate());let g=h.getTime();g&&r(g),i(!!g)},d=f=>{let p=dx(f.target.value),h=new Date(t);h.setHours(p.getHours()),h.setMinutes(p.getMinutes());let g=h.getTime();g&&r(g),i(!!g)},m=He(e);return o.createElement(mx,null,o.createElement(Ne.Input,{type:"date",max:"9999-12-31",ref:u,id:`${m}-date`,name:`${m}-date`,onChange:c,onFocus:n,onBlur:a}),o.createElement(Ne.Input,{type:"time",id:`${m}-time`,name:`${m}-time`,ref:s,onChange:d,onFocus:n,onBlur:a}),l?null:o.createElement("div",null,"invalid"))},hx=_.label({display:"flex"}),bx=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},yx=({name:e,value:t,onChange:r,min:n,max:a,step:l,onBlur:i,onFocus:u})=>{let[s,c]=b.useState(typeof t=="number"?t:""),[d,m]=b.useState(!1),[f,p]=b.useState(null),h=b.useCallback(y=>{c(y.target.value);let w=parseFloat(y.target.value);Number.isNaN(w)?p(new Error(`'${y.target.value}' is not a number`)):(r(w),p(null))},[r,p]),g=b.useCallback(()=>{c("0"),r(0),m(!0)},[m]),x=b.useRef(null);return b.useEffect(()=>{d&&x.current&&x.current.select()},[d]),b.useEffect(()=>{s!==(typeof t=="number"?t:"")&&c(t)},[t]),!d&&t===void 0?o.createElement(Ne.Button,{id:On(e),onClick:g},"Set number"):o.createElement(hx,null,o.createElement(Ne.Input,{ref:x,id:He(e),type:"number",onChange:h,size:"flex",placeholder:"Edit number...",value:s,valid:f?"error":null,autoFocus:d,name:e,min:n,max:a,step:l,onFocus:u,onBlur:i}))},y0=(e,t)=>{let r=t&&Object.entries(t).find(([n,a])=>a===e);return r?r[0]:void 0},mo=(e,t)=>e&&t?Object.entries(t).filter(r=>e.includes(r[1])).map(r=>r[0]):[],v0=(e,t)=>e&&t&&e.map(r=>t[r]),vx=_.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}}),Ex=_.span({}),xx=_.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),is=({name:e,options:t,value:r,onChange:n,isInline:a})=>{if(!t)return hl.warn(`Checkbox with no options: ${e}`),o.createElement(o.Fragment,null,"-");let l=mo(r,t),[i,u]=b.useState(l),s=d=>{let m=d.target.value,f=[...i];f.includes(m)?f.splice(f.indexOf(m),1):f.push(m),n(v0(f,t)),u(f)};b.useEffect(()=>{u(mo(r,t))},[r]);let c=He(e);return o.createElement(vx,{isInline:a},Object.keys(t).map((d,m)=>{let f=`${c}-${m}`;return o.createElement(xx,{key:f,htmlFor:f},o.createElement("input",{type:"checkbox",id:f,name:f,value:d,onChange:s,checked:i==null?void 0:i.includes(d)}),o.createElement(Ex,null,d))}))},wx=_.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}}),Ax=_.span({}),Sx=_.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),ss=({name:e,options:t,value:r,onChange:n,isInline:a})=>{if(!t)return hl.warn(`Radio with no options: ${e}`),o.createElement(o.Fragment,null,"-");let l=y0(r,t),i=He(e);return o.createElement(wx,{isInline:a},Object.keys(t).map((u,s)=>{let c=`${i}-${s}`;return o.createElement(Sx,{key:c,htmlFor:c},o.createElement("input",{type:"radio",id:c,name:c,value:u,onChange:d=>n(t[d.currentTarget.value]),checked:u===l}),o.createElement(Ax,null,u))}))},Cx={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},E0=_.select(({theme:e})=>({...Cx,boxSizing:"border-box",position:"relative",padding:"6px 10px",width:"100%",color:e.input.color||"inherit",background:e.input.background,borderRadius:e.input.borderRadius,boxShadow:`${e.input.border} 0 0 0 1px inset`,fontSize:e.typography.size.s2-1,lineHeight:"20px","&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"::placeholder":{color:e.textMutedColor},"&[multiple]":{overflow:"auto",padding:0,option:{display:"block",padding:"6px 10px",marginLeft:1,marginRight:1}}})),x0=_.span(({theme:e})=>({display:"inline-block",lineHeight:"normal",overflow:"hidden",position:"relative",verticalAlign:"top",width:"100%",svg:{position:"absolute",zIndex:1,pointerEvents:"none",height:"12px",marginTop:"-6px",right:"12px",top:"50%",fill:e.textMutedColor,path:{fill:e.textMutedColor}}})),us="Choose option...",kx=({name:e,value:t,options:r,onChange:n})=>{let a=u=>{n(r[u.currentTarget.value])},l=y0(t,r)||us,i=He(e);return o.createElement(x0,null,o.createElement(ve,{icon:"arrowdown"}),o.createElement(E0,{id:i,value:l,onChange:a},o.createElement("option",{key:"no-selection",disabled:!0},us),Object.keys(r).map(u=>o.createElement("option",{key:u,value:u},u))))},_x=({name:e,value:t,options:r,onChange:n})=>{let a=u=>{let s=Array.from(u.currentTarget.options).filter(c=>c.selected).map(c=>c.value);n(v0(s,r))},l=mo(t,r),i=He(e);return o.createElement(x0,null,o.createElement(E0,{id:i,multiple:!0,value:l,onChange:a},Object.keys(r).map(u=>o.createElement("option",{key:u,value:u},u))))},cs=e=>{let{name:t,options:r}=e;return r?e.isMulti?o.createElement(_x,{...e}):o.createElement(kx,{...e}):(hl.warn(`Select with no options: ${t}`),o.createElement(o.Fragment,null,"-"))},Ox=(e,t)=>Array.isArray(e)?e.reduce((r,n)=>(r[(t==null?void 0:t[n])||String(n)]=n,r),{}):e,Tx={check:is,"inline-check":is,radio:ss,"inline-radio":ss,select:cs,"multi-select":cs},Gt=e=>{let{type:t="select",labels:r,argType:n}=e,a={...e,options:n?Ox(n.options,r):{},isInline:t.includes("inline"),isMulti:t.includes("multi")},l=Tx[t];if(l)return o.createElement(l,{...a});throw new Error(`Unknown options type: ${t}`)},El="value",Rx="key",Fx="Error",$x="Object",Dx="Array",Lx="String",Mx="Number",Bx="Boolean",Ix="Date",Px="Null",jx="Undefined",Nx="Function",Hx="Symbol",w0="ADD_DELTA_TYPE",A0="REMOVE_DELTA_TYPE",S0="UPDATE_DELTA_TYPE";function Et(e){return e!==null&&typeof e=="object"&&!Array.isArray(e)&&typeof e[Symbol.iterator]=="function"?"Iterable":Object.prototype.toString.call(e).slice(8,-1)}function C0(e,t){let r=Et(e),n=Et(t);return(r==="Function"||n==="Function")&&n!==r}var xl=class extends b.Component{constructor(e){super(e),this.state={inputRefKey:null,inputRefValue:null},this.refInputValue=this.refInputValue.bind(this),this.refInputKey=this.refInputKey.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onSubmit=this.onSubmit.bind(this)}componentDidMount(){let{inputRefKey:e,inputRefValue:t}=this.state,{onlyValue:r}=this.props;e&&typeof e.focus=="function"&&e.focus(),r&&t&&typeof t.focus=="function"&&t.focus(),document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.onSubmit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.props.handleCancel()))}onSubmit(){let{handleAdd:e,onlyValue:t,onSubmitValueParser:r,keyPath:n,deep:a}=this.props,{inputRefKey:l,inputRefValue:i}=this.state,u={};if(!t){if(!l.value)return;u.key=l.value}u.newValue=r(!1,n,a,u.key,i.value),e(u)}refInputKey(e){this.state.inputRefKey=e}refInputValue(e){this.state.inputRefValue=e}render(){let{handleCancel:e,onlyValue:t,addButtonElement:r,cancelButtonElement:n,inputElementGenerator:a,keyPath:l,deep:i}=this.props,u=b.cloneElement(r,{onClick:this.onSubmit}),s=b.cloneElement(n,{onClick:e}),c=a(El,l,i),d=b.cloneElement(c,{placeholder:"Value",ref:this.refInputValue}),m=null;if(!t){let f=a(Rx,l,i);m=b.cloneElement(f,{placeholder:"Key",ref:this.refInputKey})}return o.createElement("span",{className:"rejt-add-value-node"},m,d,s,u)}};xl.defaultProps={onlyValue:!1,addButtonElement:o.createElement("button",null,"+"),cancelButtonElement:o.createElement("button",null,"c")};var k0=class extends b.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={data:e.data,name:e.name,keyPath:t,deep:e.deep,nextDeep:e.deep+1,collapsed:e.isCollapsed(t,e.deep,e.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveItem=this.handleRemoveItem.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}onChildUpdate(e,t){let{data:r,keyPath:n}=this.state;r[e]=t,this.setState({data:r});let{onUpdate:a}=this.props,l=n.length;a(n[l-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleRemoveItem(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:a,nextDeep:l}=this.state,i=n[e];t(e,a,l,i).then(()=>{let u={keyPath:a,deep:l,key:e,oldValue:i,type:A0};n.splice(e,1),this.setState({data:n});let{onUpdate:s,onDeltaUpdate:c}=this.props;s(a[a.length-1],n),c(u)}).catch(r.error)}}handleAddValueAdd({newValue:e}){let{data:t,keyPath:r,nextDeep:n}=this.state,{beforeAddAction:a,logger:l}=this.props;a(t.length,r,n,e).then(()=>{let i=[...t,e];this.setState({data:i}),this.handleAddValueCancel();let{onUpdate:u,onDeltaUpdate:s}=this.props;u(r[r.length-1],i),s({type:w0,keyPath:r,deep:n,key:i.length-1,newValue:e})}).catch(l.error)}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:a}=this.props,{data:l,keyPath:i,nextDeep:u}=this.state,s=l[e];a(e,i,u,s,t).then(()=>{l[e]=t,this.setState({data:l});let{onUpdate:c,onDeltaUpdate:d}=this.props;c(i[i.length-1],l),d({type:S0,keyPath:i,deep:u,key:e,newValue:t,oldValue:s}),r(void 0)}).catch(n)})}renderCollapsed(){let{name:e,data:t,keyPath:r,deep:n}=this.state,{handleRemove:a,readOnly:l,getStyle:i,dataType:u,minusMenuElement:s}=this.props,{minus:c,collapsed:d}=i(e,t,r,n,u),m=l(e,t,r,n,u),f=b.cloneElement(s,{onClick:a,className:"rejt-minus-menu",style:c});return o.createElement("span",{className:"rejt-collapsed"},o.createElement("span",{className:"rejt-collapsed-text",style:d,onClick:this.handleCollapseMode},"[...] ",t.length," ",t.length===1?"item":"items"),!m&&f)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,addFormVisible:a,nextDeep:l}=this.state,{isCollapsed:i,handleRemove:u,onDeltaUpdate:s,readOnly:c,getStyle:d,dataType:m,addButtonElement:f,cancelButtonElement:p,editButtonElement:h,inputElementGenerator:g,textareaElementGenerator:x,minusMenuElement:y,plusMenuElement:w,beforeRemoveAction:v,beforeAddAction:E,beforeUpdateAction:A,logger:S,onSubmitValueParser:k}=this.props,{minus:C,plus:O,delimiter:T,ul:R,addForm:$}=d(e,t,r,n,m),F=c(e,t,r,n,m),P=b.cloneElement(w,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:O}),D=b.cloneElement(y,{onClick:u,className:"rejt-minus-menu",style:C}),L=!0,j="[",V="]";return o.createElement("span",{className:"rejt-not-collapsed"},o.createElement("span",{className:"rejt-not-collapsed-delimiter",style:T},j),!a&&P,o.createElement("ul",{className:"rejt-not-collapsed-list",style:R},t.map((B,H)=>o.createElement(ea,{key:H,name:H.toString(),data:B,keyPath:r,deep:l,isCollapsed:i,handleRemove:this.handleRemoveItem(H),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:s,readOnly:c,getStyle:d,addButtonElement:f,cancelButtonElement:p,editButtonElement:h,inputElementGenerator:g,textareaElementGenerator:x,minusMenuElement:y,plusMenuElement:w,beforeRemoveAction:v,beforeAddAction:E,beforeUpdateAction:A,logger:S,onSubmitValueParser:k}))),!F&&a&&o.createElement("div",{className:"rejt-add-form",style:$},o.createElement(xl,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:L,addButtonElement:f,cancelButtonElement:p,inputElementGenerator:g,keyPath:r,deep:n,onSubmitValueParser:k})),o.createElement("span",{className:"rejt-not-collapsed-delimiter",style:T},V),!F&&D)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{dataType:l,getStyle:i}=this.props,u=t?this.renderCollapsed():this.renderNotCollapsed(),s=i(e,r,n,a,l);return o.createElement("div",{className:"rejt-array-node"},o.createElement("span",{onClick:this.handleCollapseMode},o.createElement("span",{className:"rejt-name",style:s.name},e," :"," ")),u)}};k0.defaultProps={keyPath:[],deep:0,minusMenuElement:o.createElement("span",null," - "),plusMenuElement:o.createElement("span",null," + ")};var _0=class extends b.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={value:e.value,name:e.name,keyPath:t,deep:e.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(e,t){return e.value!==t.value?{value:e.value}:null}componentDidUpdate(){let{editEnabled:e,inputRef:t,name:r,value:n,keyPath:a,deep:l}=this.state,{readOnly:i,dataType:u}=this.props,s=i(r,n,a,l,u);e&&!s&&typeof t.focus=="function"&&t.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.handleEdit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:e,originalValue:t,logger:r,onSubmitValueParser:n,keyPath:a}=this.props,{inputRef:l,name:i,deep:u}=this.state;if(!l)return;let s=n(!0,a,u,i,l.value);e({value:s,key:i}).then(()=>{C0(t,s)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(e){this.state.inputRef=e}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:e,value:t,editEnabled:r,keyPath:n,deep:a}=this.state,{handleRemove:l,originalValue:i,readOnly:u,dataType:s,getStyle:c,editButtonElement:d,cancelButtonElement:m,textareaElementGenerator:f,minusMenuElement:p,keyPath:h}=this.props,g=c(e,i,n,a,s),x=null,y=null,w=u(e,i,n,a,s);if(r&&!w){let v=f(El,h,a,e,i,s),E=b.cloneElement(d,{onClick:this.handleEdit}),A=b.cloneElement(m,{onClick:this.handleCancelEdit}),S=b.cloneElement(v,{ref:this.refInput,defaultValue:i});x=o.createElement("span",{className:"rejt-edit-form",style:g.editForm},S," ",A,E),y=null}else{x=o.createElement("span",{className:"rejt-value",style:g.value,onClick:w?null:this.handleEditMode},t);let v=b.cloneElement(p,{onClick:l,className:"rejt-minus-menu",style:g.minus});y=w?null:v}return o.createElement("li",{className:"rejt-function-value-node",style:g.li},o.createElement("span",{className:"rejt-name",style:g.name},e," :"," "),x,y)}};_0.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:o.createElement("button",null,"e"),cancelButtonElement:o.createElement("button",null,"c"),minusMenuElement:o.createElement("span",null," - ")};var ea=class extends b.Component{constructor(e){super(e),this.state={data:e.data,name:e.name,keyPath:e.keyPath,deep:e.deep}}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}render(){let{data:e,name:t,keyPath:r,deep:n}=this.state,{isCollapsed:a,handleRemove:l,handleUpdateValue:i,onUpdate:u,onDeltaUpdate:s,readOnly:c,getStyle:d,addButtonElement:m,cancelButtonElement:f,editButtonElement:p,inputElementGenerator:h,textareaElementGenerator:g,minusMenuElement:x,plusMenuElement:y,beforeRemoveAction:w,beforeAddAction:v,beforeUpdateAction:E,logger:A,onSubmitValueParser:S}=this.props,k=()=>!0,C=Et(e);switch(C){case Fx:return o.createElement(go,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:l,onUpdate:u,onDeltaUpdate:s,readOnly:k,dataType:C,getStyle:d,addButtonElement:m,cancelButtonElement:f,editButtonElement:p,inputElementGenerator:h,textareaElementGenerator:g,minusMenuElement:x,plusMenuElement:y,beforeRemoveAction:w,beforeAddAction:v,beforeUpdateAction:E,logger:A,onSubmitValueParser:S});case $x:return o.createElement(go,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:l,onUpdate:u,onDeltaUpdate:s,readOnly:c,dataType:C,getStyle:d,addButtonElement:m,cancelButtonElement:f,editButtonElement:p,inputElementGenerator:h,textareaElementGenerator:g,minusMenuElement:x,plusMenuElement:y,beforeRemoveAction:w,beforeAddAction:v,beforeUpdateAction:E,logger:A,onSubmitValueParser:S});case Dx:return o.createElement(k0,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:l,onUpdate:u,onDeltaUpdate:s,readOnly:c,dataType:C,getStyle:d,addButtonElement:m,cancelButtonElement:f,editButtonElement:p,inputElementGenerator:h,textareaElementGenerator:g,minusMenuElement:x,plusMenuElement:y,beforeRemoveAction:w,beforeAddAction:v,beforeUpdateAction:E,logger:A,onSubmitValueParser:S});case Lx:return o.createElement(yt,{name:t,value:`"${e}"`,originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:i,readOnly:c,dataType:C,getStyle:d,cancelButtonElement:f,editButtonElement:p,inputElementGenerator:h,minusMenuElement:x,logger:A,onSubmitValueParser:S});case Mx:return o.createElement(yt,{name:t,value:e,originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:i,readOnly:c,dataType:C,getStyle:d,cancelButtonElement:f,editButtonElement:p,inputElementGenerator:h,minusMenuElement:x,logger:A,onSubmitValueParser:S});case Bx:return o.createElement(yt,{name:t,value:e?"true":"false",originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:i,readOnly:c,dataType:C,getStyle:d,cancelButtonElement:f,editButtonElement:p,inputElementGenerator:h,minusMenuElement:x,logger:A,onSubmitValueParser:S});case Ix:return o.createElement(yt,{name:t,value:e.toISOString(),originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:i,readOnly:k,dataType:C,getStyle:d,cancelButtonElement:f,editButtonElement:p,inputElementGenerator:h,minusMenuElement:x,logger:A,onSubmitValueParser:S});case Px:return o.createElement(yt,{name:t,value:"null",originalValue:"null",keyPath:r,deep:n,handleRemove:l,handleUpdateValue:i,readOnly:c,dataType:C,getStyle:d,cancelButtonElement:f,editButtonElement:p,inputElementGenerator:h,minusMenuElement:x,logger:A,onSubmitValueParser:S});case jx:return o.createElement(yt,{name:t,value:"undefined",originalValue:"undefined",keyPath:r,deep:n,handleRemove:l,handleUpdateValue:i,readOnly:c,dataType:C,getStyle:d,cancelButtonElement:f,editButtonElement:p,inputElementGenerator:h,minusMenuElement:x,logger:A,onSubmitValueParser:S});case Nx:return o.createElement(_0,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:i,readOnly:c,dataType:C,getStyle:d,cancelButtonElement:f,editButtonElement:p,textareaElementGenerator:g,minusMenuElement:x,logger:A,onSubmitValueParser:S});case Hx:return o.createElement(yt,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:i,readOnly:k,dataType:C,getStyle:d,cancelButtonElement:f,editButtonElement:p,inputElementGenerator:h,minusMenuElement:x,logger:A,onSubmitValueParser:S});default:return null}}};ea.defaultProps={keyPath:[],deep:0};var go=class extends b.Component{constructor(e){super(e);let t=e.deep===-1?[]:[...e.keyPath,e.name];this.state={name:e.name,data:e.data,keyPath:t,deep:e.deep,nextDeep:e.deep+1,collapsed:e.isCollapsed(t,e.deep,e.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveValue=this.handleRemoveValue.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}onChildUpdate(e,t){let{data:r,keyPath:n}=this.state;r[e]=t,this.setState({data:r});let{onUpdate:a}=this.props,l=n.length;a(n[l-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleAddValueAdd({key:e,newValue:t}){let{data:r,keyPath:n,nextDeep:a}=this.state,{beforeAddAction:l,logger:i}=this.props;l(e,n,a,t).then(()=>{r[e]=t,this.setState({data:r}),this.handleAddValueCancel();let{onUpdate:u,onDeltaUpdate:s}=this.props;u(n[n.length-1],r),s({type:w0,keyPath:n,deep:a,key:e,newValue:t})}).catch(i.error)}handleRemoveValue(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:a,nextDeep:l}=this.state,i=n[e];t(e,a,l,i).then(()=>{let u={keyPath:a,deep:l,key:e,oldValue:i,type:A0};delete n[e],this.setState({data:n});let{onUpdate:s,onDeltaUpdate:c}=this.props;s(a[a.length-1],n),c(u)}).catch(r.error)}}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:a}=this.props,{data:l,keyPath:i,nextDeep:u}=this.state,s=l[e];a(e,i,u,s,t).then(()=>{l[e]=t,this.setState({data:l});let{onUpdate:c,onDeltaUpdate:d}=this.props;c(i[i.length-1],l),d({type:S0,keyPath:i,deep:u,key:e,newValue:t,oldValue:s}),r()}).catch(n)})}renderCollapsed(){let{name:e,keyPath:t,deep:r,data:n}=this.state,{handleRemove:a,readOnly:l,dataType:i,getStyle:u,minusMenuElement:s}=this.props,{minus:c,collapsed:d}=u(e,n,t,r,i),m=Object.getOwnPropertyNames(n),f=l(e,n,t,r,i),p=b.cloneElement(s,{onClick:a,className:"rejt-minus-menu",style:c});return o.createElement("span",{className:"rejt-collapsed"},o.createElement("span",{className:"rejt-collapsed-text",style:d,onClick:this.handleCollapseMode},"{...}"," ",m.length," ",m.length===1?"key":"keys"),!f&&p)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,nextDeep:a,addFormVisible:l}=this.state,{isCollapsed:i,handleRemove:u,onDeltaUpdate:s,readOnly:c,getStyle:d,dataType:m,addButtonElement:f,cancelButtonElement:p,editButtonElement:h,inputElementGenerator:g,textareaElementGenerator:x,minusMenuElement:y,plusMenuElement:w,beforeRemoveAction:v,beforeAddAction:E,beforeUpdateAction:A,logger:S,onSubmitValueParser:k}=this.props,{minus:C,plus:O,addForm:T,ul:R,delimiter:$}=d(e,t,r,n,m),F=Object.getOwnPropertyNames(t),P=c(e,t,r,n,m),D=b.cloneElement(w,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:O}),L=b.cloneElement(y,{onClick:u,className:"rejt-minus-menu",style:C}),j=F.map(H=>o.createElement(ea,{key:H,name:H,data:t[H],keyPath:r,deep:a,isCollapsed:i,handleRemove:this.handleRemoveValue(H),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:s,readOnly:c,getStyle:d,addButtonElement:f,cancelButtonElement:p,editButtonElement:h,inputElementGenerator:g,textareaElementGenerator:x,minusMenuElement:y,plusMenuElement:w,beforeRemoveAction:v,beforeAddAction:E,beforeUpdateAction:A,logger:S,onSubmitValueParser:k})),V="{",B="}";return o.createElement("span",{className:"rejt-not-collapsed"},o.createElement("span",{className:"rejt-not-collapsed-delimiter",style:$},V),!P&&D,o.createElement("ul",{className:"rejt-not-collapsed-list",style:R},j),!P&&l&&o.createElement("div",{className:"rejt-add-form",style:T},o.createElement(xl,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement:f,cancelButtonElement:p,inputElementGenerator:g,keyPath:r,deep:n,onSubmitValueParser:k})),o.createElement("span",{className:"rejt-not-collapsed-delimiter",style:$},B),!P&&L)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{getStyle:l,dataType:i}=this.props,u=t?this.renderCollapsed():this.renderNotCollapsed(),s=l(e,r,n,a,i);return o.createElement("div",{className:"rejt-object-node"},o.createElement("span",{onClick:this.handleCollapseMode},o.createElement("span",{className:"rejt-name",style:s.name},e," :"," ")),u)}};go.defaultProps={keyPath:[],deep:0,minusMenuElement:o.createElement("span",null," - "),plusMenuElement:o.createElement("span",null," + ")};var yt=class extends b.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={value:e.value,name:e.name,keyPath:t,deep:e.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(e,t){return e.value!==t.value?{value:e.value}:null}componentDidUpdate(){let{editEnabled:e,inputRef:t,name:r,value:n,keyPath:a,deep:l}=this.state,{readOnly:i,dataType:u}=this.props,s=i(r,n,a,l,u);e&&!s&&typeof t.focus=="function"&&t.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.handleEdit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:e,originalValue:t,logger:r,onSubmitValueParser:n,keyPath:a}=this.props,{inputRef:l,name:i,deep:u}=this.state;if(!l)return;let s=n(!0,a,u,i,l.value);e({value:s,key:i}).then(()=>{C0(t,s)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(e){this.state.inputRef=e}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:e,value:t,editEnabled:r,keyPath:n,deep:a}=this.state,{handleRemove:l,originalValue:i,readOnly:u,dataType:s,getStyle:c,editButtonElement:d,cancelButtonElement:m,inputElementGenerator:f,minusMenuElement:p,keyPath:h}=this.props,g=c(e,i,n,a,s),x=u(e,i,n,a,s),y=r&&!x,w=f(El,h,a,e,i,s),v=b.cloneElement(d,{onClick:this.handleEdit}),E=b.cloneElement(m,{onClick:this.handleCancelEdit}),A=b.cloneElement(w,{ref:this.refInput,defaultValue:JSON.stringify(i)}),S=b.cloneElement(p,{onClick:l,className:"rejt-minus-menu",style:g.minus});return o.createElement("li",{className:"rejt-value-node",style:g.li},o.createElement("span",{className:"rejt-name",style:g.name},e," : "),y?o.createElement("span",{className:"rejt-edit-form",style:g.editForm},A," ",E,v):o.createElement("span",{className:"rejt-value",style:g.value,onClick:x?null:this.handleEditMode},String(t)),!x&&!y&&S)}};yt.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:o.createElement("button",null,"e"),cancelButtonElement:o.createElement("button",null,"c"),minusMenuElement:o.createElement("span",null," - ")};var Zx={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},Vx={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},zx={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}};function qx(e){let t=e;if(t.indexOf("function")===0)return(0,eval)(`(${t})`);try{t=JSON.parse(e)}catch{}return t}var O0=class extends b.Component{constructor(e){super(e),this.state={data:e.data,rootName:e.rootName},this.onUpdate=this.onUpdate.bind(this),this.removeRoot=this.removeRoot.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data||e.rootName!==t.rootName?{data:e.data,rootName:e.rootName}:null}onUpdate(e,t){this.setState({data:t}),this.props.onFullyUpdate(t)}removeRoot(){this.onUpdate(null,null)}render(){let{data:e,rootName:t}=this.state,{isCollapsed:r,onDeltaUpdate:n,readOnly:a,getStyle:l,addButtonElement:i,cancelButtonElement:u,editButtonElement:s,inputElement:c,textareaElement:d,minusMenuElement:m,plusMenuElement:f,beforeRemoveAction:p,beforeAddAction:h,beforeUpdateAction:g,logger:x,onSubmitValueParser:y,fallback:w=null}=this.props,v=Et(e),E=a;Et(a)==="Boolean"&&(E=()=>a);let A=c;c&&Et(c)!=="Function"&&(A=()=>c);let S=d;return d&&Et(d)!=="Function"&&(S=()=>d),v==="Object"||v==="Array"?o.createElement("div",{className:"rejt-tree"},o.createElement(ea,{data:e,name:t,deep:-1,isCollapsed:r,onUpdate:this.onUpdate,onDeltaUpdate:n,readOnly:E,getStyle:l,addButtonElement:i,cancelButtonElement:u,editButtonElement:s,inputElementGenerator:A,textareaElementGenerator:S,minusMenuElement:m,plusMenuElement:f,handleRemove:this.removeRoot,beforeRemoveAction:p,beforeAddAction:h,beforeUpdateAction:g,logger:x,onSubmitValueParser:y})):w}};O0.defaultProps={rootName:"root",isCollapsed:(e,t)=>t!==-1,getStyle:(e,t,r,n,a)=>{switch(a){case"Object":case"Error":return Zx;case"Array":return Vx;default:return zx}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(e,t,r,n,a)=>qx(a),inputElement:()=>o.createElement("input",null),textareaElement:()=>o.createElement("textarea",null),fallback:null};var{window:Ux}=$e,Wx=_.div(({theme:e})=>({position:"relative",display:"flex",".rejt-tree":{marginLeft:"1rem",fontSize:"13px"},".rejt-value-node, .rejt-object-node > .rejt-collapsed, .rejt-array-node > .rejt-collapsed, .rejt-object-node > .rejt-not-collapsed, .rejt-array-node > .rejt-not-collapsed":{"& > svg":{opacity:0,transition:"opacity 0.2s"}},".rejt-value-node:hover, .rejt-object-node:hover > .rejt-collapsed, .rejt-array-node:hover > .rejt-collapsed, .rejt-object-node:hover > .rejt-not-collapsed, .rejt-array-node:hover > .rejt-not-collapsed":{"& > svg":{opacity:1}},".rejt-edit-form button":{display:"none"},".rejt-add-form":{marginLeft:10},".rejt-add-value-node":{display:"inline-flex",alignItems:"center"},".rejt-name":{lineHeight:"22px"},".rejt-not-collapsed-delimiter":{lineHeight:"22px"},".rejt-plus-menu":{marginLeft:5},".rejt-object-node > span > *, .rejt-array-node > span > *":{position:"relative",zIndex:2},".rejt-object-node, .rejt-array-node":{position:"relative"},".rejt-object-node > span:first-of-type::after, .rejt-array-node > span:first-of-type::after, .rejt-collapsed::before, .rejt-not-collapsed::before":{content:'""',position:"absolute",top:0,display:"block",width:"100%",marginLeft:"-1rem",padding:"0 4px 0 1rem",height:22},".rejt-collapsed::before, .rejt-not-collapsed::before":{zIndex:1,background:"transparent",borderRadius:4,transition:"background 0.2s",pointerEvents:"none",opacity:.1},".rejt-object-node:hover, .rejt-array-node:hover":{"& > .rejt-collapsed::before, & > .rejt-not-collapsed::before":{background:e.color.secondary}},".rejt-collapsed::after, .rejt-not-collapsed::after":{content:'""',position:"absolute",display:"inline-block",pointerEvents:"none",width:0,height:0},".rejt-collapsed::after":{left:-8,top:8,borderTop:"3px solid transparent",borderBottom:"3px solid transparent",borderLeft:"3px solid rgba(153,153,153,0.6)"},".rejt-not-collapsed::after":{left:-10,top:10,borderTop:"3px solid rgba(153,153,153,0.6)",borderLeft:"3px solid transparent",borderRight:"3px solid transparent"},".rejt-value":{display:"inline-block",border:"1px solid transparent",borderRadius:4,margin:"1px 0",padding:"0 4px",cursor:"text",color:e.color.defaultText},".rejt-value-node:hover > .rejt-value":{background:e.color.lighter,borderColor:e.appBorderColor}})),Ma=_.button(({theme:e,primary:t})=>({border:0,height:20,margin:1,borderRadius:4,background:t?e.color.secondary:"transparent",color:t?e.color.lightest:e.color.dark,fontWeight:t?"bold":"normal",cursor:"pointer",order:t?"initial":9})),ds=_(ve)(({theme:e,icon:t,disabled:r})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:r?"not-allowed":"pointer",color:e.textMutedColor,"&:hover":r?{}:{color:t==="subtract"?e.color.negative:e.color.ancillary},"svg + &":{marginLeft:0}})),ps=_.input(({theme:e,placeholder:t})=>({outline:0,margin:t?1:"1px 0",padding:"3px 4px",color:e.color.defaultText,background:e.background.app,border:`1px solid ${e.appBorderColor}`,borderRadius:4,lineHeight:"14px",width:t==="Key"?80:120,"&:focus":{border:`1px solid ${e.color.secondary}`}})),Gx=_(Pt)(({theme:e})=>({position:"absolute",zIndex:2,top:2,right:2,height:21,padding:"0 3px",background:e.background.bar,border:`1px solid ${e.appBorderColor}`,borderRadius:3,color:e.textMutedColor,fontSize:"9px",fontWeight:"bold",textDecoration:"none",span:{marginLeft:3,marginTop:1}})),Yx=_(Ne.Textarea)(({theme:e})=>({flex:1,padding:"7px 6px",fontFamily:e.typography.fonts.mono,fontSize:"12px",lineHeight:"18px","&::placeholder":{fontFamily:e.typography.fonts.base,fontSize:"13px"},"&:placeholder-shown":{padding:"7px 10px"}})),Kx={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},Xx=e=>{e.currentTarget.dispatchEvent(new Ux.KeyboardEvent("keydown",Kx))},Jx=e=>{e.currentTarget.select()},Qx=e=>()=>({name:{color:e.color.secondary},collapsed:{color:e.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),fs=({name:e,value:t,onChange:r})=>{let n=ep(),a=b.useMemo(()=>t&&G7(t),[t]),l=a!=null,[i,u]=b.useState(!l),[s,c]=b.useState(null),d=b.useCallback(x=>{try{x&&r(JSON.parse(x)),c(void 0)}catch(y){c(y)}},[r]),[m,f]=b.useState(!1),p=b.useCallback(()=>{r({}),f(!0)},[f]),h=b.useRef(null);if(b.useEffect(()=>{m&&h.current&&h.current.select()},[m]),!l)return o.createElement(Ne.Button,{id:On(e),onClick:p},"Set object");let g=o.createElement(Yx,{ref:h,id:He(e),name:e,defaultValue:t===null?"":JSON.stringify(t,null,2),onBlur:x=>d(x.target.value),placeholder:"Edit JSON string...",autoFocus:m,valid:s?"error":null});return o.createElement(Wx,null,["Object","Array"].includes(Et(a))&&o.createElement(Gx,{href:"#",onClick:x=>{x.preventDefault(),u(y=>!y)}},o.createElement(ve,{icon:i?"eyeclose":"eye"}),o.createElement("span",null,"RAW")),i?g:o.createElement(O0,{data:a,rootName:e,onFullyUpdate:r,getStyle:Qx(n),cancelButtonElement:o.createElement(Ma,{type:"button"},"Cancel"),editButtonElement:o.createElement(Ma,{type:"submit"},"Save"),addButtonElement:o.createElement(Ma,{type:"submit",primary:!0},"Save"),plusMenuElement:o.createElement(ds,{icon:"add"}),minusMenuElement:o.createElement(ds,{icon:"subtract"}),inputElement:(x,y,w,v)=>v?o.createElement(ps,{onFocus:Jx,onBlur:Xx}):o.createElement(ps,null),fallback:g}))},e9=_.input(({theme:e,min:t,max:r,value:n})=>({"&":{width:"100%",backgroundColor:"transparent",appearance:"none"},"&::-webkit-slider-runnable-track":{background:e.base==="light"?`linear-gradient(to right,
|
|
294
294
|
${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%,
|
|
295
295
|
${Ke(.02,e.input.background)} ${(n-t)/(r-t)*100}%,
|
|
296
296
|
${Ke(.02,e.input.background)} 100%)`:`linear-gradient(to right,
|
|
@@ -308,7 +308,7 @@ ${t}`);let r=t.match(Gg);if(!r)return o.createElement(b.Fragment,null,t);let[,n,
|
|
|
308
308
|
${Ke(.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
|
${$t(.02,e.input.background)} ${(n-t)/(r-t)*100}%,
|
|
311
|
-
${$t(.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 ${dt(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),T0=_.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),t9=_(T0)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),r9=_.div({display:"flex",alignItems:"center",width:"100%"});function n9(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 a9=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:l=1,onBlur:i,onFocus:u})=>{let s=m=>{r(bx(m.target.value))},c=t!==void 0,d=b.useMemo(()=>n9(l),[l]);return o.createElement(r9,null,o.createElement(T0,null,n),o.createElement(e9,{id:He(e),type:"range",onChange:s,name:e,value:t,min:n,max:a,step:l,onFocus:u,onBlur:i}),o.createElement(t9,{numberOFDecimalsPlaces:d,max:a},c?t.toFixed(d):"--"," / ",a))},o9=_.label({display:"flex"}),l9=_.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),i9=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:l})=>{let i=m=>{r(m.target.value)},[u,s]=b.useState(!1),c=b.useCallback(()=>{r(""),s(!0)},[s]);if(t===void 0)return o.createElement(Ne.Button,{id:On(e),onClick:c},"Set string");let d=typeof t=="string";return o.createElement(o9,null,o.createElement(Ne.Textarea,{id:He(e),maxLength:l,onChange:i,size:"flex",placeholder:"Edit string...",autoFocus:u,valid:d?null:"error",name:e,value:d?t:"",onFocus:n,onBlur:a}),l&&o.createElement(l9,{isMaxed:(t==null?void 0:t.length)===l},(t==null?void 0:t.length)??0," / ",l))},s9=_(Ne.Input)({padding:10});function u9(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var c9=({onChange:e,name:t,accept:r="image/*",value:n})=>{let a=b.useRef(null);function l(i){if(!i.target.files)return;let u=Array.from(i.target.files).map(s=>URL.createObjectURL(s));e(u),u9(n)}return b.useEffect(()=>{n==null&&a.current&&(a.current.value=null)},[n,t]),o.createElement(s9,{ref:a,id:He(t),type:"file",name:t,multiple:!0,onChange:l,accept:r,size:"flex"})},d9=b.lazy(()=>jt(()=>import("./Color-6VNJS4EI-9ae8d2ff.js"),["./Color-6VNJS4EI-9ae8d2ff.js","./index-f80c8c95.js","./index-97a99495.js","./iframe-38a2d83b.js","./index-64d4dcb8.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js"],import.meta.url)),p9=e=>o.createElement(b.Suspense,{fallback:o.createElement("div",null)},o.createElement(d9,{...e})),f9={array:fs,object:fs,boolean:ux,color:p9,date:gx,number:yx,check:Gt,"inline-check":Gt,radio:Gt,"inline-radio":Gt,select:Gt,"multi-select":Gt,range:a9,text:i9,file:c9},ms=()=>o.createElement(o.Fragment,null,"-"),m9=({row:e,arg:t,updateArgs:r,isHovered:n})=>{let{key:a,control:l}=e,[i,u]=b.useState(!1),[s,c]=b.useState({value:t});b.useEffect(()=>{i||c({value:t})},[i,t]);let d=b.useCallback(g=>(c({value:g}),r({[a]:g}),g),[r,a]),m=b.useCallback(()=>u(!1),[]),f=b.useCallback(()=>u(!0),[]);if(!l||l.disable)return n?o.createElement(xt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):o.createElement(ms,null);let p={name:a,argType:e,value:s.value,onChange:d,onBlur:m,onFocus:f},h=f9[l.type]||ms;return o.createElement(h,{...p,...l,controlType:l.type})},g9=_.span({fontWeight:"bold"}),h9=_.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),b9=_.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...mt({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),y9=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?te(.1,e.color.defaultText):te(.2,e.color.defaultText),marginTop:t?4:0})),v9=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?te(.1,e.color.defaultText):te(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),E9=_.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),tn=e=>{var g;let[t,r]=b.useState(!1),{row:n,updateArgs:a,compact:l,expandable:i,initialExpandedArgs:u}=e,{name:s,description:c}=n,d=n.table||{},m=d.type||n.type,f=d.defaultValue||n.defaultValue,p=(g=n.type)==null?void 0:g.required,h=c!=null&&c!=="";return o.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},o.createElement(E9,{expandable:i},o.createElement(g9,null,s),p?o.createElement(h9,{title:"Required"},"*"):null),l?null:o.createElement("td",null,h&&o.createElement(b9,null,o.createElement(e0,null,c)),d.jsDocTags!=null?o.createElement(o.Fragment,null,o.createElement(v9,{hasDescription:h},o.createElement(La,{value:m,initialExpandedArgs:u})),o.createElement(X8,{tags:d.jsDocTags})):o.createElement(y9,{hasDescription:h},o.createElement(La,{value:m,initialExpandedArgs:u}))),l?null:o.createElement("td",null,o.createElement(La,{value:f,initialExpandedArgs:u})),a?o.createElement("td",null,o.createElement(m9,{...e,isHovered:t})):null)},x9=_(ve)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?te(.25,e.color.defaultText):te(.3,e.color.defaultText),border:"none",display:"inline-block"})),w9=_.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),A9=_.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"?te(.4,e.color.defaultText):te(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),S9=_.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),C9=_.td(()=>({position:"relative"})),k9=_.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${$t(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),gs=_.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"})),Ba=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[l,i]=b.useState(n),u=e==="subsection"?S9:A9,s=(r==null?void 0:r.length)||0,c=e==="subsection"?`${s} item${s!==1?"s":""}`:"",d=l?"arrowdown":"arrowright",m=`${l?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return o.createElement(o.Fragment,null,o.createElement(k9,{title:m},o.createElement(u,{colSpan:1},o.createElement(gs,{onClick:f=>i(!l),tabIndex:0},m),o.createElement(w9,null,o.createElement(x9,{icon:d}),t)),o.createElement(C9,{colSpan:a-1},o.createElement(gs,{onClick:f=>i(!l),tabIndex:-1,style:{outline:"none"}},m),l?null:c)),l?r:null)},rn=_.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),me=_.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),ie=_.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})),ge=[2,4,2,2],_9=()=>o.createElement(o.Fragment,null,o.createElement(rn,null,o.createElement(me,{numColumn:ge[0]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[1]},o.createElement(ie,{width:"30%"})),o.createElement(me,{numColumn:ge[2]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[3]},o.createElement(ie,{width:"60%"}))),o.createElement(rn,null,o.createElement(me,{numColumn:ge[0]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[1]},o.createElement(ie,{width:"80%"}),o.createElement(ie,{width:"30%"})),o.createElement(me,{numColumn:ge[2]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[3]},o.createElement(ie,{width:"60%"}))),o.createElement(rn,null,o.createElement(me,{numColumn:ge[0]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[1]},o.createElement(ie,{width:"80%"}),o.createElement(ie,{width:"30%"})),o.createElement(me,{numColumn:ge[2]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[3]},o.createElement(ie,{width:"60%"}))),o.createElement(rn,null,o.createElement(me,{numColumn:ge[0]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[1]},o.createElement(ie,{width:"80%"}),o.createElement(ie,{width:"30%"})),o.createElement(me,{numColumn:ge[2]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[3]},o.createElement(ie,{width:"60%"})))),O9=_.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"})),T9=_.div({display:"flex",flexDirection:"column",gap:4,maxWidth:415}),R9=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textColor})),F9=_.div(({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textMutedColor})),$9=_.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),D9=_.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),L9=({inAddonPanel:e})=>{let[t,r]=b.useState(!0);return b.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:o.createElement(O9,{inAddonPanel:e},o.createElement(T9,null,o.createElement(R9,null,e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated"),o.createElement(F9,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.")),o.createElement($9,null,e&&o.createElement(o.Fragment,null,o.createElement(xt,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},o.createElement(ve,{icon:"video"})," Watch 5m video"),o.createElement(D9,null),o.createElement(xt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Read docs")),!e&&o.createElement(xt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Learn how to set that up")))},M9=_.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"?te(.25,e.color.defaultText):te(.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}}}}})),B9=_(Pt)(({theme:e})=>({color:e.barTextColor,margin:"-4px -12px -4px 0"})),I9=_.span({display:"flex",justifyContent:"space-between"}),P9={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},j9=(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=P9[t],a=l=>n?Object.keys(l).reduce((i,u)=>({...i,[u]:l[u].sort(n)}),{}):l;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((l,i)=>({...l,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},N9=(e,t,r)=>{try{return Hm(e,t,r)}catch(n){return y8.warn(n.message),!1}},H9=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:l,sort:i="none",isLoading:u}=e;if("error"in e){let{error:w}=e;return o.createElement(g0,null,w," ",o.createElement(xt,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"))}if(u)return o.createElement(_9,null);let{rows:s,args:c,globals:d}="rows"in e&&e,m=j9(Sy(s,w=>{var v;return!((v=w==null?void 0:w.table)!=null&&v.disable)&&N9(w,c||{},d||{})}),i),f=m.ungrouped.length===0,p=Object.entries(m.sections).length===0,h=Object.entries(m.ungroupedSubsections).length===0;if(f&&p&&h)return o.createElement(L9,{inAddonPanel:a});let g=1;t&&(g+=1),n||(g+=2);let x=Object.keys(m.sections).length>0,y={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:l};return o.createElement(Qo,null,o.createElement(M9,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},o.createElement("thead",{className:"docblock-argstable-head"},o.createElement("tr",null,o.createElement("th",null,o.createElement("span",null,"Name")),n?null:o.createElement("th",null,o.createElement("span",null,"Description")),n?null:o.createElement("th",null,o.createElement("span",null,"Default")),t?o.createElement("th",null,o.createElement(I9,null,"Control"," ",!u&&r&&o.createElement(B9,{onClick:()=>r(),title:"Reset controls"},o.createElement(ve,{icon:"undo","aria-hidden":!0})))):null)),o.createElement("tbody",{className:"docblock-argstable-body"},m.ungrouped.map(w=>o.createElement(tn,{key:w.key,row:w,arg:c&&c[w.key],...y})),Object.entries(m.ungroupedSubsections).map(([w,v])=>o.createElement(Ba,{key:w,label:w,level:"subsection",colSpan:g},v.map(E=>o.createElement(tn,{key:E.key,row:E,arg:c&&c[E.key],expandable:x,...y})))),Object.entries(m.sections).map(([w,v])=>o.createElement(Ba,{key:w,label:w,level:"section",colSpan:g},v.ungrouped.map(E=>o.createElement(tn,{key:E.key,row:E,arg:c&&c[E.key],...y})),Object.entries(v.subsections).map(([E,A])=>o.createElement(Ba,{key:E,label:E,level:"subsection",colSpan:g},A.map(S=>o.createElement(tn,{key:S.key,row:S,arg:c&&c[S.key],expandable:x,...y})))))))))};_.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?te(.4,e.color.defaultText):te(.6,e.color.defaultText)}));_.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});_.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});_.div(re,({theme:e})=>({...Qn(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"?te(.2,e.color.defaultText):te(.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"?te(.4,e.color.defaultText):te(.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})=>({...Qn(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"?te(.4,e.color.defaultText):te(.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})=>({...Qn(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 Z9=e=>`anchor--${e}`,R0=({storyId:e,children:t})=>o.createElement("div",{id:Z9(e),className:"sb-anchor"},t);$e&&$e.__DOCS_CONTEXT__===void 0&&($e.__DOCS_CONTEXT__=b.createContext(null),$e.__DOCS_CONTEXT__.displayName="DocsContext");var Ce=$e?$e.__DOCS_CONTEXT__:b.createContext(null),ta=(e,t)=>b.useContext(Ce).resolveOf(e,t);function V9(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function z9(e,t){let r=wl([e],t);return r&&r[0]}function wl(e,t){let[r,n]=b.useState({});return b.useEffect(()=>{Promise.all(e.map(async a=>{let l=await t.loadStory(a);n(i=>i[a]===l?i:{...i,[a]:l})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}function F0(e){return p8(e)}var $0=b.createContext({sources:{}}),D0="--unknown--",q9=({children:e,channel:t})=>{let[r,n]=b.useState({});return b.useEffect(()=>{let a=(l,i=null,u=!1)=>{let{id:s,args:c=void 0,source:d,format:m}=typeof l=="string"?{id:l,source:i,format:u}:l,f=c?F0(c):D0;n(p=>({...p,[s]:{...p[s],[f]:{code:d,format:m}}}))};return t.on(Rl,a),()=>t.off(Rl,a)},[]),o.createElement($0.Provider,{value:{sources:r}},e)},U9=(e=>(e.OPEN="open",e.CLOSED="closed",e.NONE="none",e))(U9||{}),W9=e=>{let t=e.map(r=>{var n,a;return(a=(n=r.parameters.docs)==null?void 0:n.source)==null?void 0:a.state}).filter(Boolean);return t.length===0?"closed":t[0]},G9=(e,t,r)=>{let{sources:n}=r,a=n==null?void 0:n[e];return(a==null?void 0:a[F0(t)])||(a==null?void 0:a[D0])||{code:""}},Y9=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var s,c,d,m,f,p;let{__isArgsStory:a}=t.parameters,l=((s=t.parameters.docs)==null?void 0:s.source)||{},i=r||l.type||oa.AUTO;if(l.code!==void 0)return l.code;let u=i===oa.DYNAMIC||i===oa.AUTO&&e&&a?e:l.originalSource||"";return l.transformSource&&pe(xe`The \`transformSource\` parameter at \`parameters.docs.source.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead.
|
|
311
|
+
${$t(.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 ${dt(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),T0=_.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),t9=_(T0)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),r9=_.div({display:"flex",alignItems:"center",width:"100%"});function n9(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 a9=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:l=1,onBlur:i,onFocus:u})=>{let s=m=>{r(bx(m.target.value))},c=t!==void 0,d=b.useMemo(()=>n9(l),[l]);return o.createElement(r9,null,o.createElement(T0,null,n),o.createElement(e9,{id:He(e),type:"range",onChange:s,name:e,value:t,min:n,max:a,step:l,onFocus:u,onBlur:i}),o.createElement(t9,{numberOFDecimalsPlaces:d,max:a},c?t.toFixed(d):"--"," / ",a))},o9=_.label({display:"flex"}),l9=_.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),i9=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:l})=>{let i=m=>{r(m.target.value)},[u,s]=b.useState(!1),c=b.useCallback(()=>{r(""),s(!0)},[s]);if(t===void 0)return o.createElement(Ne.Button,{id:On(e),onClick:c},"Set string");let d=typeof t=="string";return o.createElement(o9,null,o.createElement(Ne.Textarea,{id:He(e),maxLength:l,onChange:i,size:"flex",placeholder:"Edit string...",autoFocus:u,valid:d?null:"error",name:e,value:d?t:"",onFocus:n,onBlur:a}),l&&o.createElement(l9,{isMaxed:(t==null?void 0:t.length)===l},(t==null?void 0:t.length)??0," / ",l))},s9=_(Ne.Input)({padding:10});function u9(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var c9=({onChange:e,name:t,accept:r="image/*",value:n})=>{let a=b.useRef(null);function l(i){if(!i.target.files)return;let u=Array.from(i.target.files).map(s=>URL.createObjectURL(s));e(u),u9(n)}return b.useEffect(()=>{n==null&&a.current&&(a.current.value=null)},[n,t]),o.createElement(s9,{ref:a,id:He(t),type:"file",name:t,multiple:!0,onChange:l,accept:r,size:"flex"})},d9=b.lazy(()=>jt(()=>import("./Color-6VNJS4EI-0e835c18.js"),["./Color-6VNJS4EI-0e835c18.js","./index-f80c8c95.js","./index-97a99495.js","./iframe-bec17c8e.js","./index-64d4dcb8.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js"],import.meta.url)),p9=e=>o.createElement(b.Suspense,{fallback:o.createElement("div",null)},o.createElement(d9,{...e})),f9={array:fs,object:fs,boolean:ux,color:p9,date:gx,number:yx,check:Gt,"inline-check":Gt,radio:Gt,"inline-radio":Gt,select:Gt,"multi-select":Gt,range:a9,text:i9,file:c9},ms=()=>o.createElement(o.Fragment,null,"-"),m9=({row:e,arg:t,updateArgs:r,isHovered:n})=>{let{key:a,control:l}=e,[i,u]=b.useState(!1),[s,c]=b.useState({value:t});b.useEffect(()=>{i||c({value:t})},[i,t]);let d=b.useCallback(g=>(c({value:g}),r({[a]:g}),g),[r,a]),m=b.useCallback(()=>u(!1),[]),f=b.useCallback(()=>u(!0),[]);if(!l||l.disable)return n?o.createElement(xt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):o.createElement(ms,null);let p={name:a,argType:e,value:s.value,onChange:d,onBlur:m,onFocus:f},h=f9[l.type]||ms;return o.createElement(h,{...p,...l,controlType:l.type})},g9=_.span({fontWeight:"bold"}),h9=_.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),b9=_.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...mt({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),y9=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?te(.1,e.color.defaultText):te(.2,e.color.defaultText),marginTop:t?4:0})),v9=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?te(.1,e.color.defaultText):te(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),E9=_.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),tn=e=>{var g;let[t,r]=b.useState(!1),{row:n,updateArgs:a,compact:l,expandable:i,initialExpandedArgs:u}=e,{name:s,description:c}=n,d=n.table||{},m=d.type||n.type,f=d.defaultValue||n.defaultValue,p=(g=n.type)==null?void 0:g.required,h=c!=null&&c!=="";return o.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},o.createElement(E9,{expandable:i},o.createElement(g9,null,s),p?o.createElement(h9,{title:"Required"},"*"):null),l?null:o.createElement("td",null,h&&o.createElement(b9,null,o.createElement(e0,null,c)),d.jsDocTags!=null?o.createElement(o.Fragment,null,o.createElement(v9,{hasDescription:h},o.createElement(La,{value:m,initialExpandedArgs:u})),o.createElement(X8,{tags:d.jsDocTags})):o.createElement(y9,{hasDescription:h},o.createElement(La,{value:m,initialExpandedArgs:u}))),l?null:o.createElement("td",null,o.createElement(La,{value:f,initialExpandedArgs:u})),a?o.createElement("td",null,o.createElement(m9,{...e,isHovered:t})):null)},x9=_(ve)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?te(.25,e.color.defaultText):te(.3,e.color.defaultText),border:"none",display:"inline-block"})),w9=_.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),A9=_.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"?te(.4,e.color.defaultText):te(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),S9=_.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),C9=_.td(()=>({position:"relative"})),k9=_.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${$t(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),gs=_.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"})),Ba=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[l,i]=b.useState(n),u=e==="subsection"?S9:A9,s=(r==null?void 0:r.length)||0,c=e==="subsection"?`${s} item${s!==1?"s":""}`:"",d=l?"arrowdown":"arrowright",m=`${l?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return o.createElement(o.Fragment,null,o.createElement(k9,{title:m},o.createElement(u,{colSpan:1},o.createElement(gs,{onClick:f=>i(!l),tabIndex:0},m),o.createElement(w9,null,o.createElement(x9,{icon:d}),t)),o.createElement(C9,{colSpan:a-1},o.createElement(gs,{onClick:f=>i(!l),tabIndex:-1,style:{outline:"none"}},m),l?null:c)),l?r:null)},rn=_.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),me=_.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),ie=_.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})),ge=[2,4,2,2],_9=()=>o.createElement(o.Fragment,null,o.createElement(rn,null,o.createElement(me,{numColumn:ge[0]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[1]},o.createElement(ie,{width:"30%"})),o.createElement(me,{numColumn:ge[2]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[3]},o.createElement(ie,{width:"60%"}))),o.createElement(rn,null,o.createElement(me,{numColumn:ge[0]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[1]},o.createElement(ie,{width:"80%"}),o.createElement(ie,{width:"30%"})),o.createElement(me,{numColumn:ge[2]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[3]},o.createElement(ie,{width:"60%"}))),o.createElement(rn,null,o.createElement(me,{numColumn:ge[0]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[1]},o.createElement(ie,{width:"80%"}),o.createElement(ie,{width:"30%"})),o.createElement(me,{numColumn:ge[2]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[3]},o.createElement(ie,{width:"60%"}))),o.createElement(rn,null,o.createElement(me,{numColumn:ge[0]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[1]},o.createElement(ie,{width:"80%"}),o.createElement(ie,{width:"30%"})),o.createElement(me,{numColumn:ge[2]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[3]},o.createElement(ie,{width:"60%"})))),O9=_.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"})),T9=_.div({display:"flex",flexDirection:"column",gap:4,maxWidth:415}),R9=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textColor})),F9=_.div(({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textMutedColor})),$9=_.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),D9=_.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),L9=({inAddonPanel:e})=>{let[t,r]=b.useState(!0);return b.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:o.createElement(O9,{inAddonPanel:e},o.createElement(T9,null,o.createElement(R9,null,e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated"),o.createElement(F9,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.")),o.createElement($9,null,e&&o.createElement(o.Fragment,null,o.createElement(xt,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},o.createElement(ve,{icon:"video"})," Watch 5m video"),o.createElement(D9,null),o.createElement(xt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Read docs")),!e&&o.createElement(xt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Learn how to set that up")))},M9=_.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"?te(.25,e.color.defaultText):te(.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}}}}})),B9=_(Pt)(({theme:e})=>({color:e.barTextColor,margin:"-4px -12px -4px 0"})),I9=_.span({display:"flex",justifyContent:"space-between"}),P9={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},j9=(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=P9[t],a=l=>n?Object.keys(l).reduce((i,u)=>({...i,[u]:l[u].sort(n)}),{}):l;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((l,i)=>({...l,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},N9=(e,t,r)=>{try{return Hm(e,t,r)}catch(n){return y8.warn(n.message),!1}},H9=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:l,sort:i="none",isLoading:u}=e;if("error"in e){let{error:w}=e;return o.createElement(g0,null,w," ",o.createElement(xt,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"))}if(u)return o.createElement(_9,null);let{rows:s,args:c,globals:d}="rows"in e&&e,m=j9(Sy(s,w=>{var v;return!((v=w==null?void 0:w.table)!=null&&v.disable)&&N9(w,c||{},d||{})}),i),f=m.ungrouped.length===0,p=Object.entries(m.sections).length===0,h=Object.entries(m.ungroupedSubsections).length===0;if(f&&p&&h)return o.createElement(L9,{inAddonPanel:a});let g=1;t&&(g+=1),n||(g+=2);let x=Object.keys(m.sections).length>0,y={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:l};return o.createElement(Qo,null,o.createElement(M9,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},o.createElement("thead",{className:"docblock-argstable-head"},o.createElement("tr",null,o.createElement("th",null,o.createElement("span",null,"Name")),n?null:o.createElement("th",null,o.createElement("span",null,"Description")),n?null:o.createElement("th",null,o.createElement("span",null,"Default")),t?o.createElement("th",null,o.createElement(I9,null,"Control"," ",!u&&r&&o.createElement(B9,{onClick:()=>r(),title:"Reset controls"},o.createElement(ve,{icon:"undo","aria-hidden":!0})))):null)),o.createElement("tbody",{className:"docblock-argstable-body"},m.ungrouped.map(w=>o.createElement(tn,{key:w.key,row:w,arg:c&&c[w.key],...y})),Object.entries(m.ungroupedSubsections).map(([w,v])=>o.createElement(Ba,{key:w,label:w,level:"subsection",colSpan:g},v.map(E=>o.createElement(tn,{key:E.key,row:E,arg:c&&c[E.key],expandable:x,...y})))),Object.entries(m.sections).map(([w,v])=>o.createElement(Ba,{key:w,label:w,level:"section",colSpan:g},v.ungrouped.map(E=>o.createElement(tn,{key:E.key,row:E,arg:c&&c[E.key],...y})),Object.entries(v.subsections).map(([E,A])=>o.createElement(Ba,{key:E,label:E,level:"subsection",colSpan:g},A.map(S=>o.createElement(tn,{key:S.key,row:S,arg:c&&c[S.key],expandable:x,...y})))))))))};_.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?te(.4,e.color.defaultText):te(.6,e.color.defaultText)}));_.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});_.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});_.div(re,({theme:e})=>({...Qn(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"?te(.2,e.color.defaultText):te(.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"?te(.4,e.color.defaultText):te(.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})=>({...Qn(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"?te(.4,e.color.defaultText):te(.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})=>({...Qn(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 Z9=e=>`anchor--${e}`,R0=({storyId:e,children:t})=>o.createElement("div",{id:Z9(e),className:"sb-anchor"},t);$e&&$e.__DOCS_CONTEXT__===void 0&&($e.__DOCS_CONTEXT__=b.createContext(null),$e.__DOCS_CONTEXT__.displayName="DocsContext");var Ce=$e?$e.__DOCS_CONTEXT__:b.createContext(null),ta=(e,t)=>b.useContext(Ce).resolveOf(e,t);function V9(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function z9(e,t){let r=wl([e],t);return r&&r[0]}function wl(e,t){let[r,n]=b.useState({});return b.useEffect(()=>{Promise.all(e.map(async a=>{let l=await t.loadStory(a);n(i=>i[a]===l?i:{...i,[a]:l})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}function F0(e){return p8(e)}var $0=b.createContext({sources:{}}),D0="--unknown--",q9=({children:e,channel:t})=>{let[r,n]=b.useState({});return b.useEffect(()=>{let a=(l,i=null,u=!1)=>{let{id:s,args:c=void 0,source:d,format:m}=typeof l=="string"?{id:l,source:i,format:u}:l,f=c?F0(c):D0;n(p=>({...p,[s]:{...p[s],[f]:{code:d,format:m}}}))};return t.on(Rl,a),()=>t.off(Rl,a)},[]),o.createElement($0.Provider,{value:{sources:r}},e)},U9=(e=>(e.OPEN="open",e.CLOSED="closed",e.NONE="none",e))(U9||{}),W9=e=>{let t=e.map(r=>{var n,a;return(a=(n=r.parameters.docs)==null?void 0:n.source)==null?void 0:a.state}).filter(Boolean);return t.length===0?"closed":t[0]},G9=(e,t,r)=>{let{sources:n}=r,a=n==null?void 0:n[e];return(a==null?void 0:a[F0(t)])||(a==null?void 0:a[D0])||{code:""}},Y9=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var s,c,d,m,f,p;let{__isArgsStory:a}=t.parameters,l=((s=t.parameters.docs)==null?void 0:s.source)||{},i=r||l.type||oa.AUTO;if(l.code!==void 0)return l.code;let u=i===oa.DYNAMIC||i===oa.AUTO&&e&&a?e:l.originalSource||"";return l.transformSource&&pe(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&&pe(xe`The \`transformSource\` parameter at \`parameters.docs.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead.
|
|
@@ -361,4 +361,4 @@ ${t}`);let r=t.match(Gg);if(!r)return o.createElement(b.Fragment,null,t);let[,n,
|
|
|
361
361
|
</Markdown>
|
|
362
362
|
`);return o.createElement(e0,{...e,options:{forceBlock:!0,overrides:{code:aw,a:lw,...cw,...(t=e==null?void 0:e.options)==null?void 0:t.overrides},...e==null?void 0:e.options}})},pw=(e=>(e.INFO="info",e.NOTES="notes",e.DOCGEN="docgen",e.AUTO="auto",e))(pw||{}),gn="https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#description-block-parametersnotes-and-parametersinfo",fw=e=>e&&(typeof e=="string"?e:Ia(e.markdown)||Ia(e.text)),mw=e=>e&&(typeof e=="string"?e:Ia(e.text)),gw=e=>null,hw=e=>{var t,r,n,a,l,i,u,s;switch(e.type){case"story":return((r=(t=e.story.parameters.docs)==null?void 0:t.description)==null?void 0:r.story)||null;case"meta":{let{parameters:c,component:d}=e.preparedMeta;return((a=(n=c.docs)==null?void 0:n.description)==null?void 0:a.component)||((i=(l=c.docs)==null?void 0:l.extractComponentDescription)==null?void 0:i.call(l,d,{component:d,parameters:c}))||null}case"component":{let{component:c,projectAnnotations:{parameters:d}}=e;return((s=(u=d.docs)==null?void 0:u.extractComponentDescription)==null?void 0:s.call(u,c,{component:c,parameters:d}))||null}default:throw new Error(`Unrecognized module type resolved from 'useOf', got: ${e.type}`)}},bw=({type:e,markdown:t,children:r},{storyById:n})=>{let{component:a,parameters:l}=n();if(r||t)return r||t;let{notes:i,info:u,docs:s}=l;(i||u)&&pe(`Using 'parameters.notes' or 'parameters.info' properties to describe stories is deprecated. See ${gn}`);let{extractComponentDescription:c=gw,description:d}=s||{},m=d==null?void 0:d.component;if(m)return m;switch(e){case"info":return mw(u);case"notes":return fw(i);case"docgen":case"auto":default:return c(a,{component:a,...l})}},bo=e=>{let{of:t,type:r,markdown:n,children:a}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let l=b.useContext(Ce),i=ta(t||"meta"),u;return r||n||a?u=bw(e,l):u=hw(i),r&&pe(`Manually specifying description type is deprecated. See ${gn}`),n&&pe(`The 'markdown' prop on the Description block is deprecated. See ${gn}`),a&&pe(`The 'children' prop on the Description block is deprecated. See ${gn}`),u?o.createElement(dw,null,u):null},yw=_.div(({theme:e})=>({width:"10rem","@media (max-width: 768px)":{display:"none"}})),vw=_.div(({theme:e})=>({position:"fixed",bottom:0,top:0,width:"10rem",paddingTop:"4rem",paddingBottom:"2rem",overflowY:"auto",fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch","& *":{boxSizing:"border-box"},"& > .toc-wrapper > .toc-list":{paddingLeft:0,borderLeft:`solid 2px ${e.color.mediumlight}`,".toc-list":{paddingLeft:0,borderLeft:`solid 2px ${e.color.mediumlight}`,".toc-list":{paddingLeft:0,borderLeft:`solid 2px ${e.color.mediumlight}`}}},"& .toc-list-item":{position:"relative",listStyleType:"none",marginLeft:20,paddingTop:3,paddingBottom:3},"& .toc-list-item::before":{content:'""',position:"absolute",height:"100%",top:0,left:0,transform:"translateX(calc(-2px - 20px))",borderLeft:`solid 2px ${e.color.mediumdark}`,opacity:0,transition:"opacity 0.2s"},"& .toc-list-item.is-active-li::before":{opacity:1},"& .toc-list-item > a":{color:e.color.defaultText,textDecoration:"none"},"& .toc-list-item.is-active-li > a":{fontWeight:600,color:e.color.secondary,textDecoration:"none"}})),Ew=_.p(({theme:e})=>({fontWeight:600,fontSize:"0.875em",color:e.textColor,textTransform:"uppercase",marginBottom:10})),xw=({title:e})=>e===null?null:typeof e=="string"?o.createElement(Ew,null,e):e,ww=({title:e,disable:t,headingSelector:r,contentsSelector:n,ignoreSelector:a,unsafeTocbotOptions:l})=>(b.useEffect(()=>{let i={tocSelector:".toc-wrapper",contentSelector:n??".sbdocs-content",headingSelector:r??"h3",ignoreSelector:a??".skip-toc",headingsOffset:40,scrollSmoothOffset:-40,orderedList:!1,onClick:()=>!1,...l},u=setTimeout(()=>ts.init(i),100);return()=>{clearTimeout(u),ts.destroy()}},[t]),o.createElement(o.Fragment,null,o.createElement(yw,null,t?null:o.createElement(vw,null,o.createElement(xw,{title:e||null}),o.createElement("div",{className:"toc-wrapper"}))))),{document:Aw,window:Sw}=$e,Cw=({context:e,theme:t,children:r})=>{var a,l,i,u,s;let n;try{n=(l=(a=e.resolveOf("meta",["meta"]).preparedMeta.parameters)==null?void 0:a.docs)==null?void 0:l.toc}catch{n=(s=(u=(i=e==null?void 0:e.projectAnnotations)==null?void 0:i.parameters)==null?void 0:u.docs)==null?void 0:s.toc}return b.useEffect(()=>{let c;try{if(c=new URL(Sw.parent.location.toString()),c.hash){let d=Aw.getElementById(c.hash.substring(1));d&&setTimeout(()=>{V9(d)},200)}}catch{}}),o.createElement(Ce.Provider,{value:e},o.createElement(q9,{channel:e.channel},o.createElement(Ys,{theme:Bp(t)},o.createElement(F8,{toc:n?o.createElement(ww,{className:"sbdocs sbdocs-toc--custom",...n}):null},r))))},kw=/\s*\/\s*/,_w=e=>{let t=e.trim().split(kw);return t&&t[t.length-1]||e},Ow=({children:e})=>{let t=b.useContext(Ce),r=e||_w(t.storyById().title);return r?o.createElement(_8,{className:"sbdocs-title sb-unstyled"},r):null},Tw=({children:e})=>{let t=b.useContext(Ce),{parameters:r}=t.storyById(),n=e||(r==null?void 0:r.componentSubtitle);return n?o.createElement(O8,{className:"sbdocs-subtitle sb-unstyled"},n):null},Rw=({children:e,disableAnchor:t})=>{if(t||typeof e!="string")return o.createElement(Jo,null,e);let r=e.toLowerCase().replace(/[^a-z0-9]/gi,"-");return o.createElement(Sl,{as:"h3",id:r},e)},P0=({of:e,expanded:t=!0,withToolbar:r=!1,__forceInitialArgs:n=!1,__primary:a=!1})=>{var u,s;let{story:l}=ta(e||"story",["story"]),i=((s=(u=l.parameters.docs)==null?void 0:u.canvas)==null?void 0:s.withToolbar)??r;return o.createElement(R0,{storyId:l.id},t&&o.createElement(o.Fragment,null,o.createElement(Rw,null,l.name),o.createElement(bo,{of:e})),o.createElement(Q9,{of:e,withToolbar:i,story:{__forceInitialArgs:n,__primary:a},source:{__forceInitialArgs:n}}))},Fw=({name:e})=>{let t=b.useContext(Ce);e&&pe(xe`\`name\` prop is deprecated on the Primary block.
|
|
363
363
|
The Primary block should only be used to render the primary story, which is automatically found.
|
|
364
|
-
`);let r=e&&t.storyIdByName(e),n=t.storyById(r);return n?o.createElement(P0,{of:n.moduleExport,expanded:!1,__primary:!0,withToolbar:!0}):null},$w=({children:e,disableAnchor:t,...r})=>{if(t||typeof e!="string")return o.createElement(Xo,null,e);let n=e.toLowerCase().replace(/[^a-z0-9]/gi,"-");return o.createElement(Sl,{as:"h2",id:n,...r},e)},Dw=_($w)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,fontWeight:e.typography.weight.bold,lineHeight:"16px",letterSpacing:"0.35em",textTransform:"uppercase",color:e.textMutedColor,border:0,marginBottom:"12px","&:first-of-type":{marginTop:"56px"}})),j0=({title:e,includePrimary:t=!0})=>{let{componentStories:r}=b.useContext(Ce),n=r().filter(a=>{var l,i;return!((i=(l=a.parameters)==null?void 0:l.docs)!=null&&i.disable)});return t||(n=n.slice(1)),!n||n.length===0?null:o.createElement(o.Fragment,null,o.createElement(Dw,null,e),n.map(a=>a&&o.createElement(P0,{key:a.id,of:a.moduleExport,expanded:!0,__forceInitialArgs:!0})))};j0.defaultProps={title:"Stories"};var Lw=()=>{let e=ta("meta",["meta"]),{stories:t}=e.csfFile,r=Object.keys(t).length===1;return o.createElement(o.Fragment,null,o.createElement(Ow,null),o.createElement(Tw,null),o.createElement(bo,{of:"meta"}),r?o.createElement(bo,{of:"story"}):null,o.createElement(Fw,null),o.createElement(nw,null),r?null:o.createElement(j0,null))};function
|
|
364
|
+
`);let r=e&&t.storyIdByName(e),n=t.storyById(r);return n?o.createElement(P0,{of:n.moduleExport,expanded:!1,__primary:!0,withToolbar:!0}):null},$w=({children:e,disableAnchor:t,...r})=>{if(t||typeof e!="string")return o.createElement(Xo,null,e);let n=e.toLowerCase().replace(/[^a-z0-9]/gi,"-");return o.createElement(Sl,{as:"h2",id:n,...r},e)},Dw=_($w)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,fontWeight:e.typography.weight.bold,lineHeight:"16px",letterSpacing:"0.35em",textTransform:"uppercase",color:e.textMutedColor,border:0,marginBottom:"12px","&:first-of-type":{marginTop:"56px"}})),j0=({title:e,includePrimary:t=!0})=>{let{componentStories:r}=b.useContext(Ce),n=r().filter(a=>{var l,i;return!((i=(l=a.parameters)==null?void 0:l.docs)!=null&&i.disable)});return t||(n=n.slice(1)),!n||n.length===0?null:o.createElement(o.Fragment,null,o.createElement(Dw,null,e),n.map(a=>a&&o.createElement(P0,{key:a.id,of:a.moduleExport,expanded:!0,__forceInitialArgs:!0})))};j0.defaultProps={title:"Stories"};var Lw=()=>{let e=ta("meta",["meta"]),{stories:t}=e.csfFile,r=Object.keys(t).length===1;return o.createElement(o.Fragment,null,o.createElement(Ow,null),o.createElement(Tw,null),o.createElement(bo,{of:"meta"}),r?o.createElement(bo,{of:"story"}):null,o.createElement(Fw,null),o.createElement(nw,null),r?null:o.createElement(j0,null))};function Uw({context:e,docsParameter:t}){let r=t.container||Cw,n=t.page||Lw;return o.createElement(r,{context:e,theme:t.theme},o.createElement(n,null))}var Ww=({of:e})=>{let t=b.useContext(Ce);e&&t.referenceMeta(e,!0);try{let r=t.storyById();return o.createElement(R0,{storyId:r.id})}catch{return null}};export{lw as A,Q9 as C,Uw as D,Ne as F,cw as H,ve as I,Ww as M,jo as S,wh as T,Tm as W,Oe as _,ju as a,aw as b,ku as c,Z as d,Cw as e,mh as f,He as g,Ht as m,_ as n,Zw as s,Za as t};
|