@epa-wg/custom-element-dist 0.0.26 → 0.0.27

package/storybook-static/assets/{http-request.stories-B2ke7LtS.js → http-request.stories-B2skuTFV.js}

@@ -1,4 +1,4 @@
-import{w as m,e as t}from"./custom-element-wn23PUwN.js";import"./http-request-DNq59pnj.js";import{h as p}from"./handlers-CaCq2ZPF.js";import"./index-C8k3Z-3Y.js";const v={title:"",slice:"page",url:"/pokemon?limit=6"};function r(a){return new Promise(e=>setTimeout(e,a))}function f({title:a,slice:e,url:n}){return`
+import{w as m,e as t}from"./custom-element-D8hcDZHh.js";import"./http-request-DNq59pnj.js";import{h as p}from"./handlers-B5969HUu.js";import"./index-C8k3Z-3Y.js";const v={title:"",slice:"page",url:"/pokemon?limit=6"};function r(a){return new Promise(e=>setTimeout(e,a))}function f({title:a,slice:e,url:n}){return`
         <fieldset>
             <legend>${a}</legend>
             <custom-element>

package/storybook-static/assets/iframe-Dfrt81rk.js

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./Configure-DdXbGKhY.js","./index-Ay195x2L.js","./index-D-8MO0q_.js","./index-DGdNYaqV.js","./index-DrFu-skq.js","./index-C7lvoJNv.js","./attributes.test.stories-Bt5V18qO.js","./custom-element-D8hcDZHh.js","./index-C8k3Z-3Y.js","./css.test.stories-CGYy2daE.js","./dom-merge.test.stories-XlsZ0UvX.js","./external-template.test.stories-Bt_Pflu8.js","./form.test.stories-B0NoI8wm.js","./http-request.stories-B2skuTFV.js","./http-request-DNq59pnj.js","./handlers-B5969HUu.js","./local-storage.test.stories-DfY6feqG.js","./location-element-hKpcXCdn.js","./location-element.test.stories-944AotIJ.js","./module-url.test.stories-DSKcwApl.js","./set-url.test.stories-DjLHKkEh.js","./slice-events.test.stories-8I_BrHd6.js","./slots.test.stories-CvZz4jyP.js","./version-select.test.stories-DSxmJylI.js","./entry-preview-BKQ8UCxI.js","./lit-element-DzhCn-8W.js","./entry-preview-docs-BMKNVQXA.js","./tiny-invariant-BxWVcicq.js","./preview-BJPLiuSt.js","./preview-Djh1_Tal.js","./preview-BMWqy4Bi.js","./preview-DB9FwMii.js","./preview-0Jj89qip.js","./preview-AJR7rVPD.js"])))=>i.map(i=>d[i]);
+import"../sb-preview/runtime.js";(function(){const _=document.createElement("link").relList;if(_&&_.supports&&_.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))a(r);new MutationObserver(r=>{for(const s of r)if(s.type==="childList")for(const o of s.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&a(o)}).observe(document,{childList:!0,subtree:!0});function c(r){const s={};return r.integrity&&(s.integrity=r.integrity),r.referrerPolicy&&(s.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?s.credentials="include":r.crossOrigin==="anonymous"?s.credentials="omit":s.credentials="same-origin",s}function a(r){if(r.ep)return;r.ep=!0;const s=c(r);fetch(r.href,s)}})();const R="modulepreload",f=function(e,_){return new URL(e,_).href},O={},t=function(_,c,a){let r=Promise.resolve();if(c&&c.length>0){const s=document.getElementsByTagName("link"),o=document.querySelector("meta[property=csp-nonce]"),p=o?.nonce||o?.getAttribute("nonce");r=Promise.all(c.map(i=>{if(i=f(i,a),i in O)return;O[i]=!0;const m=i.endsWith(".css"),d=m?'[rel="stylesheet"]':"";if(!!a)for(let l=s.length-1;l>=0;l--){const u=s[l];if(u.href===i&&(!m||u.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${i}"]${d}`))return;const n=document.createElement("link");if(n.rel=m?"stylesheet":R,m||(n.as="script"),n.crossOrigin="",n.href=i,p&&n.setAttribute("nonce",p),document.head.appendChild(n),m)return new Promise((l,u)=>{n.addEventListener("load",l),n.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${i}`)))})}))}return r.then(()=>_()).catch(s=>{const o=new Event("vite:preloadError",{cancelable:!0});if(o.payload=s,window.dispatchEvent(o),!o.defaultPrevented)throw s})},{createBrowserChannel:T}=__STORYBOOK_MODULE_CHANNELS__,{addons:L}=__STORYBOOK_MODULE_PREVIEW_API__,E=T({page:"preview"});L.setChannel(E);window.__STORYBOOK_ADDONS_CHANNEL__=E;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=E);const P={"./src/stories/Configure.mdx":async()=>t(()=>import("./Configure-DdXbGKhY.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url),"./src/stories/attributes.test.stories.ts":async()=>t(()=>import("./attributes.test.stories-Bt5V18qO.js"),__vite__mapDeps([6,7,8]),import.meta.url),"./src/stories/css.test.stories.ts":async()=>t(()=>import("./css.test.stories-CGYy2daE.js"),__vite__mapDeps([9,7,8]),import.meta.url),"./src/stories/dom-merge.test.stories.ts":async()=>t(()=>import("./dom-merge.test.stories-XlsZ0UvX.js"),__vite__mapDeps([10,7,8]),import.meta.url),"./src/stories/external-template.test.stories.ts":async()=>t(()=>import("./external-template.test.stories-Bt_Pflu8.js"),__vite__mapDeps([11,7,8]),import.meta.url),"./src/stories/form.test.stories.ts":async()=>t(()=>import("./form.test.stories-B0NoI8wm.js"),__vite__mapDeps([12,7,8]),import.meta.url),"./src/stories/http-request.stories.ts":async()=>t(()=>import("./http-request.stories-B2skuTFV.js"),__vite__mapDeps([13,7,8,14,15]),import.meta.url),"./src/stories/local-storage.test.stories.ts":async()=>t(()=>import("./local-storage.test.stories-DfY6feqG.js"),__vite__mapDeps([16,7,8,14,17]),import.meta.url),"./src/stories/location-element.test.stories.ts":async()=>t(()=>import("./location-element.test.stories-944AotIJ.js"),__vite__mapDeps([18,7,8,17]),import.meta.url),"./src/stories/module-url.test.stories.ts":async()=>t(()=>import("./module-url.test.stories-DSKcwApl.js"),__vite__mapDeps([19,7,8]),import.meta.url),"./src/stories/set-url.test.stories.ts":async()=>t(()=>import("./set-url.test.stories-DjLHKkEh.js"),__vite__mapDeps([20,7,8,17]),import.meta.url),"./src/stories/slice-events.test.stories.ts":async()=>t(()=>import("./slice-events.test.stories-8I_BrHd6.js"),__vite__mapDeps([21,7,8]),import.meta.url),"./src/stories/slots.test.stories.ts":async()=>t(()=>import("./slots.test.stories-CvZz4jyP.js"),__vite__mapDeps([22,7,8]),import.meta.url),"./src/stories/version-select.test.stories.ts":async()=>t(()=>import("./version-select.test.stories-DSxmJylI.js"),__vite__mapDeps([23,7,8,14,17]),import.meta.url)};async function y(e){return P[e]()}const{composeConfigs:I,PreviewWeb:V,ClientApi:S}=__STORYBOOK_MODULE_PREVIEW_API__,D=async(e=[])=>{const _=await Promise.all([e.at(0)??t(()=>import("./entry-preview-BKQ8UCxI.js"),__vite__mapDeps([24,4,25]),import.meta.url),e.at(1)??t(()=>import("./entry-preview-docs-BMKNVQXA.js"),__vite__mapDeps([26,3,27,25]),import.meta.url),e.at(2)??t(()=>import("./preview-BJPLiuSt.js"),__vite__mapDeps([28,2]),import.meta.url),e.at(3)??t(()=>import("./preview-CadgX-4y.js"),[],import.meta.url),e.at(4)??t(()=>import("./preview-FpHGYA1q.js"),[],import.meta.url),e.at(5)??t(()=>import("./preview-Djh1_Tal.js"),__vite__mapDeps([29,4]),import.meta.url),e.at(6)??t(()=>import("./preview-BnWGZYux.js"),[],import.meta.url),e.at(7)??t(()=>import("./preview-BMWqy4Bi.js"),__vite__mapDeps([30,27]),import.meta.url),e.at(8)??t(()=>import("./preview-DB9FwMii.js"),__vite__mapDeps([31,4]),import.meta.url),e.at(9)??t(()=>import("./preview-4Up_z4Em.js"),[],import.meta.url),e.at(10)??t(()=>import("./preview-0Jj89qip.js"),__vite__mapDeps([32,8]),import.meta.url),e.at(11)??t(()=>import("./preview-AJR7rVPD.js"),__vite__mapDeps([33,15]),import.meta.url)]);return I(_)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new V(y,D);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _};

package/storybook-static/assets/{index-BnXBQqj9.js → index-Ay195x2L.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-sm7QlJZE.js","./iframe-D4Sos1HO.js","./index-D-8MO0q_.js","./index-DGdNYaqV.js","./index-DrFu-skq.js","./Color-KGDBMAHA-CH-YyWYq.js"])))=>i.map(i=>d[i]);
-import{_ as lC}from"./iframe-D4Sos1HO.js";import{O as sC,P as _z}from"./index-D-8MO0q_.js";import{e as M4,s as pp}from"./index-DGdNYaqV.js";import{d as Az}from"./index-DrFu-skq.js";var Yu=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Xi(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var uC={exports:{}},re={};/**
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-C3ChPTMh.js","./iframe-Dfrt81rk.js","./index-D-8MO0q_.js","./index-DGdNYaqV.js","./index-DrFu-skq.js","./Color-KGDBMAHA-CJo5gHY3.js"])))=>i.map(i=>d[i]);
+import{_ as lC}from"./iframe-Dfrt81rk.js";import{O as sC,P as _z}from"./index-D-8MO0q_.js";import{e as M4,s as pp}from"./index-DGdNYaqV.js";import{d as Az}from"./index-DrFu-skq.js";var Yu=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Xi(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var uC={exports:{}},re={};/**
  * @license React
  * react.production.min.js
  *
@@ -568,7 +568,7 @@ ${t}`);let r=t.match(fG);if(!r)return w.createElement(u.Fragment,null,t);let[,n,
  * Released under MIT license <https://lodash.com/license>
  * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
  * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
- */const{global:Xt}=__STORYBOOK_MODULE_GLOBAL__,{deprecate:F0e,once:$0e,logger:A4}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{filterArgTypes:Wx,composeConfigs:_fe,Preview:Afe,DocsContext:Ffe}=__STORYBOOK_MODULE_PREVIEW_API__,{GLOBALS_UPDATED:qx,STORY_ARGS_UPDATED:Gx,UPDATE_STORY_ARGS:T0e,RESET_STORY_ARGS:I0e,NAVIGATE_URL:R0e}=__STORYBOOK_MODULE_CORE_EVENTS__;__STORYBOOK_MODULE_CHANNELS__;var z0e=Ji({"../../node_modules/tocbot/src/js/default-options.js"(e,t){t.exports={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(r){},headingsOffset:1,throttleTimeout:50,positionFixedSelector:null,positionFixedClass:"is-position-fixed",fixedSidebarOffset:"auto",includeHtml:!1,includeTitleTags:!1,onClick:function(r){},orderedList:!0,scrollContainer:null,skipRendering:!1,headingLabelCallback:!1,ignoreHiddenElements:!1,headingObjectCallback:null,basePath:"",disableTocScrollSync:!1,tocScrollOffset:0}}}),B0e=Ji({"../../node_modules/tocbot/src/js/build-html.js"(e,t){t.exports=function(r){var n=[].forEach,a=[].some,o=document.body,i,l=!0,s=" ";function d(x,D){var S=D.appendChild(h(x));if(x.children.length){var k=p(x.isCollapsed);x.children.forEach(function(_){d(_,k)}),S.appendChild(k)}}function f(x,D){var S=!1,k=p(S);if(D.forEach(function(_){d(_,k)}),i=x||i,i!==null)return i.firstChild&&i.removeChild(i.firstChild),D.length===0?i:i.appendChild(k)}function h(x){var D=document.createElement("li"),S=document.createElement("a");return r.listItemClass&&D.setAttribute("class",r.listItemClass),r.onClick&&(S.onclick=r.onClick),r.includeTitleTags&&S.setAttribute("title",x.textContent),r.includeHtml&&x.childNodes.length?n.call(x.childNodes,function(k){S.appendChild(k.cloneNode(!0))}):S.textContent=x.textContent,S.setAttribute("href",r.basePath+"#"+x.id),S.setAttribute("class",r.linkClass+s+"node-name--"+x.nodeName+s+r.extraLinkClasses),D.appendChild(S),D}function p(x){var D=r.orderedList?"ol":"ul",S=document.createElement(D),k=r.listClass+s+r.extraListClasses;return x&&(k=k+s+r.collapsibleClass,k=k+s+r.isCollapsedClass),S.setAttribute("class",k),S}function m(){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var x;x=document.querySelector(r.scrollContainer).scrollTop}else x=document.documentElement.scrollTop||o.scrollTop;var D=document.querySelector(r.positionFixedSelector);r.fixedSidebarOffset==="auto"&&(r.fixedSidebarOffset=i.offsetTop),x>r.fixedSidebarOffset?D.className.indexOf(r.positionFixedClass)===-1&&(D.className+=s+r.positionFixedClass):D.className=D.className.replace(s+r.positionFixedClass,"")}function g(x){var D=0;return x!==null&&(D=x.offsetTop,r.hasInnerContainers&&(D+=g(x.offsetParent))),D}function v(x,D){return x&&x.className!==D&&(x.className=D),x}function C(x){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var D;D=document.querySelector(r.scrollContainer).scrollTop}else D=document.documentElement.scrollTop||o.scrollTop;r.positionFixedSelector&&m();var S=x,k;if(l&&i!==null&&S.length>0){a.call(S,function(j,P){if(g(j)>D+r.headingsOffset+10){var H=P===0?P:P-1;return k=S[H],!0}else if(P===S.length-1)return k=S[S.length-1],!0});var _=i.querySelector("."+r.activeLinkClass),A=i.querySelector("."+r.linkClass+".node-name--"+k.nodeName+'[href="'+r.basePath+"#"+k.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1")+'"]');if(_===A)return;var $=i.querySelectorAll("."+r.linkClass);n.call($,function(j){v(j,j.className.replace(s+r.activeLinkClass,""))});var I=i.querySelectorAll("."+r.listItemClass);n.call(I,function(j){v(j,j.className.replace(s+r.activeListItemClass,""))}),A&&A.className.indexOf(r.activeLinkClass)===-1&&(A.className+=s+r.activeLinkClass);var L=A&&A.parentNode;L&&L.className.indexOf(r.activeListItemClass)===-1&&(L.className+=s+r.activeListItemClass);var B=i.querySelectorAll("."+r.listClass+"."+r.collapsibleClass);n.call(B,function(j){j.className.indexOf(r.isCollapsedClass)===-1&&(j.className+=s+r.isCollapsedClass)}),A&&A.nextSibling&&A.nextSibling.className.indexOf(r.isCollapsedClass)!==-1&&v(A.nextSibling,A.nextSibling.className.replace(s+r.isCollapsedClass,"")),E(A&&A.parentNode.parentNode)}}function E(x){return x&&x.className.indexOf(r.collapsibleClass)!==-1&&x.className.indexOf(r.isCollapsedClass)!==-1?(v(x,x.className.replace(s+r.isCollapsedClass,"")),E(x.parentNode.parentNode)):x}function y(x){var D=x.target||x.srcElement;typeof D.className!="string"||D.className.indexOf(r.linkClass)===-1||(l=!1)}function b(){l=!0}return{enableTocAnimation:b,disableTocAnimation:y,render:f,updateToc:C}}}}),L0e=Ji({"../../node_modules/tocbot/src/js/parse-content.js"(e,t){t.exports=function(r){var n=[].reduce;function a(h){return h[h.length-1]}function o(h){return+h.nodeName.toUpperCase().replace("H","")}function i(h){try{return h instanceof window.HTMLElement||h instanceof window.parent.HTMLElement}catch{return h instanceof window.HTMLElement}}function l(h){if(!i(h))return h;if(r.ignoreHiddenElements&&(!h.offsetHeight||!h.offsetParent))return null;let p=h.getAttribute("data-heading-label")||(r.headingLabelCallback?String(r.headingLabelCallback(h.innerText)):(h.innerText||h.textContent).trim());var m={id:h.id,children:[],nodeName:h.nodeName,headingLevel:o(h),textContent:p};return r.includeHtml&&(m.childNodes=h.childNodes),r.headingObjectCallback?r.headingObjectCallback(m,h):m}function s(h,p){for(var m=l(h),g=m.headingLevel,v=p,C=a(v),E=C?C.headingLevel:0,y=g-E;y>0&&(C=a(v),!(C&&g===C.headingLevel));)C&&C.children!==void 0&&(v=C.children),y--;return g>=r.collapseDepth&&(m.isCollapsed=!0),v.push(m),v}function d(h,p){var m=p;r.ignoreSelector&&(m=p.split(",").map(function(g){return g.trim()+":not("+r.ignoreSelector+")"}));try{return h.querySelectorAll(m)}catch{return console.warn("Headers not found with selector: "+m),null}}function f(h){return n.call(h,function(p,m){var g=l(m);return g&&s(g,p.nest),p},{nest:[]})}return{nestHeadingsArray:f,selectHeadings:d}}}}),O0e=Ji({"../../node_modules/tocbot/src/js/update-toc-scroll.js"(e,t){t.exports=function(r){var n=r.tocElement||document.querySelector(r.tocSelector);if(n&&n.scrollHeight>n.clientHeight){var a=n.querySelector("."+r.activeListItemClass);a&&(n.scrollTop=a.offsetTop-r.tocScrollOffset)}}}}),M0e=Ji({"../../node_modules/tocbot/src/js/scroll-smooth/index.js"(e){e.initSmoothScrolling=t;function t(n){var a=n.duration,o=n.offset,i=location.hash?d(location.href):location.href;l();function l(){document.body.addEventListener("click",h,!1);function h(p){!s(p.target)||p.target.className.indexOf("no-smooth-scroll")>-1||p.target.href.charAt(p.target.href.length-2)==="#"&&p.target.href.charAt(p.target.href.length-1)==="!"||p.target.className.indexOf(n.linkClass)===-1||r(p.target.hash,{duration:a,offset:o,callback:function(){f(p.target.hash)}})}}function s(h){return h.tagName.toLowerCase()==="a"&&(h.hash.length>0||h.href.charAt(h.href.length-1)==="#")&&(d(h.href)===i||d(h.href)+"#"===i)}function d(h){return h.slice(0,h.lastIndexOf("#"))}function f(h){var p=document.getElementById(h.substring(1));p&&(/^(?:a|select|input|button|textarea)$/i.test(p.tagName)||(p.tabIndex=-1),p.focus())}}function r(n,a){var o=window.pageYOffset,i={duration:a.duration,offset:a.offset||0,callback:a.callback,easing:a.easing||g},l=document.querySelector('[id="'+decodeURI(n).split("#").join("")+'"]')||document.querySelector('[id="'+n.split("#").join("")+'"]'),s=typeof n=="string"?i.offset+(n?l&&l.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):n,d=typeof i.duration=="function"?i.duration(s):i.duration,f,h;requestAnimationFrame(function(v){f=v,p(v)});function p(v){h=v-f,window.scrollTo(0,i.easing(h,o,s,d)),h<d?requestAnimationFrame(p):m()}function m(){window.scrollTo(0,o+s),typeof i.callback=="function"&&i.callback()}function g(v,C,E,y){return v/=y/2,v<1?E/2*v*v+C:(v--,-E/2*(v*(v-2)-1)+C)}}}}),P0e=Ji({"../../node_modules/tocbot/src/js/index.js"(e,t){(function(r,n){typeof define=="function"&&define.amd?define([],n(r)):typeof e=="object"?t.exports=n(r):r.tocbot=n(r)})(typeof global<"u"?global:window||global,function(r){var n=z0e(),a={},o={},i=B0e(),l=L0e(),s=O0e(),d,f,h=!!r&&!!r.document&&!!r.document.querySelector&&!!r.addEventListener;if(typeof window>"u"&&!h)return;var p,m=Object.prototype.hasOwnProperty;function g(){for(var y={},b=0;b<arguments.length;b++){var x=arguments[b];for(var D in x)m.call(x,D)&&(y[D]=x[D])}return y}function v(y,b,x){b||(b=250);var D,S;return function(){var k=this,_=+new Date,A=arguments;D&&_<D+b?(clearTimeout(S),S=setTimeout(function(){D=_,y.apply(k,A)},b)):(D=_,y.apply(k,A))}}function C(y){try{return y.contentElement||document.querySelector(y.contentSelector)}catch{return console.warn("Contents element not found: "+y.contentSelector),null}}function E(y){try{return y.tocElement||document.querySelector(y.tocSelector)}catch{return console.warn("TOC element not found: "+y.tocSelector),null}}return o.destroy=function(){var y=E(a);y!==null&&(a.skipRendering||y&&(y.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),d&&document.querySelector(a.scrollContainer).removeEventListener("click",this._clickListener,!1)):(document.removeEventListener("scroll",this._scrollListener,!1),document.removeEventListener("resize",this._scrollListener,!1),d&&document.removeEventListener("click",this._clickListener,!1)))},o.init=function(y){if(h){a=g(n,y||{}),this.options=a,this.state={},a.scrollSmooth&&(a.duration=a.scrollSmoothDuration,a.offset=a.scrollSmoothOffset,o.scrollSmooth=M0e().initSmoothScrolling(a)),d=i(a),f=l(a),this._buildHtml=d,this._parseContent=f,this._headingsArray=p,o.destroy();var b=C(a);if(b!==null){var x=E(a);if(x!==null&&(p=f.selectHeadings(b,a.headingSelector),p!==null)){var D=f.nestHeadingsArray(p),S=D.nest;if(!a.skipRendering)d.render(x,S);else return this;this._scrollListener=v(function(_){d.updateToc(p),!a.disableTocScrollSync&&s(a);var A=_&&_.target&&_.target.scrollingElement&&_.target.scrollingElement.scrollTop===0;(_&&(_.eventPhase===0||_.currentTarget===null)||A)&&(d.updateToc(p),a.scrollEndCallback&&a.scrollEndCallback(_))},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=v(function(_){a.scrollSmooth&&d.disableTocAnimation(_),d.updateToc(p),k&&clearTimeout(k),k=setTimeout(function(){d.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}}}},o.refresh=function(y){o.destroy(),o.init(y||this.options)},r.tocbot=o,o})}}),N0e=F.div(Ce,({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:ge(.3,e.color.defaultText),fontSize:e.typography.size.s2})),tz=e=>w.createElement(N0e,{...e,className:"docblock-emptyblock sb-unstyled"}),j0e=F(Gy)(({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"}})),H0e=F.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"})),Nc=F.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${gm}`]:{margin:0}})),V0e=()=>w.createElement(H0e,null,w.createElement(Nc,null),w.createElement(Nc,{style:{width:"80%"}}),w.createElement(Nc,{style:{width:"30%"}}),w.createElement(Nc,{style:{width:"80%"}})),rz=({isLoading:e,error:t,language:r,code:n,dark:a,format:o=!1,...i})=>{let{typography:l}=WC();if(e)return w.createElement(V0e,null);if(t)return w.createElement(tz,null,t);let s=w.createElement(j0e,{bordered:!0,copyable:!0,format:o,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof a>"u")return s;let d=a?hm.dark:hm.light;return w.createElement(qC,{theme:mm({...d,fontCode:l.fonts.mono,fontBase:l.fonts.base})},s)},Fe=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,F4=600,U0e=F.h1(Ce,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${F4}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),W0e=F.h2(Ce,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${F4}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:ge(.25,e.color.defaultText)})),q0e=F.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"?ge(.1,e.color.defaultText):ge(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[Fe("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}},[Fe("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}},[Fe("div")]:t,[Fe("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}},[Fe("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[Fe("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[Fe("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[Fe("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[Fe("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[Fe("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[Fe("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[Fe("img")]:{maxWidth:"100%"},[Fe("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[Fe("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[Fe("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[Fe("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"}},[Fe("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"}}},[Fe("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}},[Fe("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),G0e=F.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${F4}px)`]:{}})),K0e=({children:e,toc:t})=>w.createElement(G0e,{className:"sbdocs sbdocs-wrapper"},w.createElement(q0e,{className:"sbdocs sbdocs-content"},e),t),sp=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}`}),Y0e=F(r4)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),X0e=F.div({display:"flex",alignItems:"center",gap:4}),Z0e=F.div(({theme:e})=>({width:14,height:14,borderRadius:2,margin:"0 7px",backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),J0e=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...o})=>w.createElement(Y0e,{...o},w.createElement(X0e,{key:"left"},e?[1,2,3].map(i=>w.createElement(Z0e,{key:i})):w.createElement(w.Fragment,null,w.createElement(to,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},w.createElement($Y,null)),w.createElement(to,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},w.createElement(TY,null)),w.createElement(to,{key:"zoomreset",onClick:i=>{i.preventDefault(),a()},title:"Reset zoom"},w.createElement(IY,null))))),nz=u.createContext({scale:1}),{window:Q0e}=Xt,ede=class extends u.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=Q0e.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,...o}=this.props;return w.createElement("iframe",{id:e,title:t,src:r,...n?{allow:"fullscreen"}:{},loading:"lazy",...o})}},{PREVIEW_URL:tde}=Xt,rde=tde||"iframe.html",Y2=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,nde=e=>{let t=u.useRef(),[r,n]=u.useState(!0),[a,o]=u.useState(),{story:i,height:l,autoplay:s,forceInitialArgs:d,renderStoryToElement:f}=e;return u.useEffect(()=>{if(!(i&&t.current))return()=>{};let h=t.current,p=f(i,h,{showMain:()=>{},showError:({title:m,description:g})=>o(new Error(`${m} - ${g}`)),showException:m=>o(m)},{autoplay:s,forceInitialArgs:d});return n(!1),()=>{Promise.resolve().then(()=>p())}},[s,f,i]),a?w.createElement("pre",null,w.createElement(vG,{error:a})):w.createElement(w.Fragment,null,l?w.createElement("style",null,`#${Y2(e)} { min-height: ${l}; transform: translateZ(0); overflow: auto }`):null,r&&w.createElement(az,null),w.createElement("div",{ref:t,id:`${Y2(e)}-inner`,"data-name":i.name}))},ade=({story:e,height:t="500px"})=>w.createElement("div",{style:{width:"100%",height:t}},w.createElement(nz.Consumer,null,({scale:r})=>w.createElement(ede,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:NK(rde,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),ode=F.strong(({theme:e})=>({color:e.color.orange})),ide=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?w.createElement(ode,null,"This story mounts inside of play. Set"," ",w.createElement("a",{href:"https://storybook.js.org/docs/api/doc-blocks/doc-block-story#autoplay"},"autoplay")," ","to true to view this story."):w.createElement("div",{id:Y2(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?w.createElement(nde,{...e}):w.createElement(ade,{...e}))},az=()=>w.createElement(PK,null),lde=F.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","& .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)`}}:{}),Kx=F(rz)(({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)":jr(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":jr(.05,e.background.content)}})),sde=F.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...sp(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),ude=(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:w.createElement(Kx,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:w.createElement(Kx,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function cde(e){if(u.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var dde=F(J0e)({position:"absolute",top:0,left:0,right:0,height:40}),pde=F.div({overflow:"hidden",position:"relative"}),oz=({isLoading:e,isColumn:t,columns:r,children:n,withSource:a,withToolbar:o=!1,isExpanded:i=!1,additionalActions:l,className:s,layout:d="padded",...f})=>{let[h,p]=u.useState(i),{source:m,actionItem:g}=ude(a,h,p),[v,C]=u.useState(1),E=[s].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),y=a?[g]:[],[b,x]=u.useState(l?[...l]:[]),D=[...y,...b],{window:S}=Xt,k=u.useCallback(async A=>{let{createCopyToClipboardFunction:$}=await lC(()=>import("./index-sm7QlJZE.js"),__vite__mapDeps([0,1,2,3,4]),import.meta.url);$()},[]),_=A=>{let $=S.getSelection();$&&$.type==="Range"||(A.preventDefault(),b.filter(I=>I.title==="Copied").length===0&&k(m.props.code).then(()=>{x([...b,{title:"Copied",onClick:()=>{}}]),S.setTimeout(()=>x(b.filter(I=>I.title!=="Copied")),1500)}))};return w.createElement(sde,{withSource:a,withToolbar:o,...f,className:E.join(" ")},o&&w.createElement(dde,{isLoading:e,border:!0,zoom:A=>C(v*A),resetZoom:()=>C(1),storyId:cde(n),baseUrl:"./iframe.html"}),w.createElement(nz.Provider,{value:{scale:v}},w.createElement(pde,{className:"docs-story",onCopyCapture:a&&_},w.createElement(lde,{isColumn:t||!Array.isArray(n),columns:r,layout:d},w.createElement(uG.Element,{scale:v},Array.isArray(n)?n.map((A,$)=>w.createElement("div",{key:$},A)):w.createElement("div",null,n))),w.createElement(Dv,{actionItems:D}))),a&&h&&m)};F(oz)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));var fde=F.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:Ca({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),hde=({tags:e})=>{let t=(e.params||[]).filter(o=>o.description),r=t.length!==0,n=e.deprecated!=null,a=e.returns!=null&&e.returns.description!=null;return!r&&!a&&!n?null:w.createElement(w.Fragment,null,w.createElement(fde,null,w.createElement("tbody",null,n&&w.createElement("tr",{key:"deprecated"},w.createElement("td",{colSpan:2},w.createElement("strong",null,"Deprecated"),": ",e.deprecated.toString())),r&&t.map(o=>w.createElement("tr",{key:o.name},w.createElement("td",null,w.createElement("code",null,o.name)),w.createElement("td",null,o.description))),a&&w.createElement("tr",{key:"returns"},w.createElement("td",null,w.createElement("code",null,"Returns")),w.createElement("td",null,e.returns.description)))))},X2=8,Yx=F.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),mde=F.span(Ca,({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}})),gde=F.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),vde=F.div(Ca,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),yde=F.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"}})),wde=F(jY)({marginLeft:4}),bde=F(HI)({marginLeft:4}),Ede=()=>w.createElement("span",null,"-"),iz=({text:e,simple:t})=>w.createElement(mde,{simple:t},e),xde=jR(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),Cde=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return Sie(t)},Xx=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,X2)),r.map(n=>w.createElement(iz,{key:n,text:n===""?'""':n}))},Dde=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[a,o]=u.useState(!1),[i,l]=u.useState(t||!1);if(r==null)return null;let s=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(s))return w.createElement(iz,{text:s});let d=Cde(s),f=d.length;return f>X2?w.createElement(Yx,{isExpanded:i},Xx(d,i),w.createElement(gde,{onClick:()=>l(!i)},i?"Show less...":`Show ${f-X2} more...`)):w.createElement(Yx,null,Xx(d))}return w.createElement(VG,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:w.createElement(yde,{width:xde(n)},w.createElement(Gy,{language:"jsx",format:!1},n))},w.createElement(vde,{className:"sbdocs-expandable"},w.createElement("span",null,s),a?w.createElement(wde,null):w.createElement(bde,null)))},sm=({value:e,initialExpandedArgs:t})=>e==null?w.createElement(Ede,null):w.createElement(Dde,{value:e,initialExpandedArgs:t}),Sde=F.label(({theme:e})=>({lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:e.boolean.background,borderRadius:"3em",padding:1,'&[aria-disabled="true"]':{opacity:.5,input:{cursor:"not-allowed"}},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:ge(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${Lc(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${Lc(.05,e.appBorderColor)} 0 0 0 2px inset`,color:Lc(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"?`${Lc(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),kde=e=>e==="true",_de=({name:e,value:t,onChange:r,onBlur:n,onFocus:a,argType:o})=>{let i=u.useCallback(()=>r(!1),[r]),l=!!o?.table?.readonly;if(t===void 0)return w.createElement(Do,{variant:"outline",size:"medium",id:jd(e),onClick:i,disabled:l},"Set boolean");let s=Sr(e),d=typeof t=="string"?kde(t):t;return w.createElement(Sde,{"aria-disabled":l,htmlFor:s,"aria-label":e},w.createElement("input",{id:s,type:"checkbox",onChange:f=>r(f.target.checked),checked:d,role:"switch",disabled:l,name:e,onBlur:n,onFocus:a}),w.createElement("span",{"aria-hidden":"true"},"False"),w.createElement("span",{"aria-hidden":"true"},"True"))},Ade=e=>{let[t,r,n]=e.split("-"),a=new Date;return a.setFullYear(parseInt(t,10),parseInt(r,10)-1,parseInt(n,10)),a},Fde=e=>{let[t,r]=e.split(":"),n=new Date;return n.setHours(parseInt(t,10)),n.setMinutes(parseInt(r,10)),n},$de=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}`},Tde=e=>{let t=new Date(e),r=`0${t.getHours()}`.slice(-2),n=`0${t.getMinutes()}`.slice(-2);return`${r}:${n}`},Zx=F(Hu.Input)(({readOnly:e})=>({opacity:e?.5:1})),Ide=F.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}})),Rde=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,argType:o})=>{let[i,l]=u.useState(!0),s=u.useRef(),d=u.useRef(),f=!!o?.table?.readonly;u.useEffect(()=>{i!==!1&&(s&&s.current&&(s.current.value=t?$de(t):""),d&&d.current&&(d.current.value=t?Tde(t):""))},[t]);let h=g=>{if(!g.target.value)return r();let v=Ade(g.target.value),C=new Date(t);C.setFullYear(v.getFullYear(),v.getMonth(),v.getDate());let E=C.getTime();E&&r(E),l(!!E)},p=g=>{if(!g.target.value)return r();let v=Fde(g.target.value),C=new Date(t);C.setHours(v.getHours()),C.setMinutes(v.getMinutes());let E=C.getTime();E&&r(E),l(!!E)},m=Sr(e);return w.createElement(Ide,null,w.createElement(Zx,{type:"date",max:"9999-12-31",ref:s,id:`${m}-date`,name:`${m}-date`,readOnly:f,onChange:h,onFocus:n,onBlur:a}),w.createElement(Zx,{type:"time",id:`${m}-time`,name:`${m}-time`,ref:d,onChange:p,readOnly:f,onFocus:n,onBlur:a}),i?null:w.createElement("div",null,"invalid"))},zde=F.label({display:"flex"}),Bde=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},Lde=F(Hu.Input)(({readOnly:e})=>({opacity:e?.5:1})),Ode=({name:e,value:t,onChange:r,min:n,max:a,step:o,onBlur:i,onFocus:l,argType:s})=>{let[d,f]=u.useState(typeof t=="number"?t:""),[h,p]=u.useState(!1),[m,g]=u.useState(null),v=!!s?.table?.readonly,C=u.useCallback(b=>{f(b.target.value);let x=parseFloat(b.target.value);Number.isNaN(x)?g(new Error(`'${b.target.value}' is not a number`)):(r(x),g(null))},[r,g]),E=u.useCallback(()=>{f("0"),r(0),p(!0)},[p]),y=u.useRef(null);return u.useEffect(()=>{h&&y.current&&y.current.select()},[h]),u.useEffect(()=>{d!==(typeof t=="number"?t:"")&&f(t)},[t]),t===void 0?w.createElement(Do,{variant:"outline",size:"medium",id:jd(e),onClick:E,disabled:v},"Set number"):w.createElement(zde,null,w.createElement(Lde,{ref:y,id:Sr(e),type:"number",onChange:C,size:"flex",placeholder:"Edit number...",value:d,valid:m?"error":null,autoFocus:h,readOnly:v,name:e,min:n,max:a,step:o,onFocus:l,onBlur:i}))},lz=(e,t)=>{let r=t&&Object.entries(t).find(([n,a])=>a===e);return r?r[0]:void 0},Z2=(e,t)=>e&&t?Object.entries(t).filter(r=>e.includes(r[1])).map(r=>r[0]):[],sz=(e,t)=>e&&t&&e.map(r=>t[r]),Mde=F.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}},e=>{if(e["aria-readonly"]==="true")return{input:{cursor:"not-allowed"}}}),Pde=F.span({"[aria-readonly=true] &":{opacity:.5}}),Nde=F.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),Jx=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{if(!t)return A4.warn(`Checkbox with no options: ${e}`),w.createElement(w.Fragment,null,"-");let i=Z2(r,t),[l,s]=u.useState(i),d=!!o?.table?.readonly,f=p=>{let m=p.target.value,g=[...l];g.includes(m)?g.splice(g.indexOf(m),1):g.push(m),n(sz(g,t)),s(g)};u.useEffect(()=>{s(Z2(r,t))},[r]);let h=Sr(e);return w.createElement(Mde,{"aria-readonly":d,isInline:a},Object.keys(t).map((p,m)=>{let g=`${h}-${m}`;return w.createElement(Nde,{key:g,htmlFor:g},w.createElement("input",{type:"checkbox",disabled:d,id:g,name:g,value:p,onChange:f,checked:l?.includes(p)}),w.createElement(Pde,null,p))}))},jde=F.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}},e=>{if(e["aria-readonly"]==="true")return{input:{cursor:"not-allowed"}}}),Hde=F.span({"[aria-readonly=true] &":{opacity:.5}}),Vde=F.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),Qx=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{if(!t)return A4.warn(`Radio with no options: ${e}`),w.createElement(w.Fragment,null,"-");let i=lz(r,t),l=Sr(e),s=!!o?.table?.readonly;return w.createElement(jde,{"aria-readonly":s,isInline:a},Object.keys(t).map((d,f)=>{let h=`${l}-${f}`;return w.createElement(Vde,{key:h,htmlFor:h},w.createElement("input",{type:"radio",id:h,name:l,disabled:s,value:d,onChange:p=>n(t[p.currentTarget.value]),checked:d===i}),w.createElement(Hde,null,d))}))},Ude={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},uz=F.select(Ude,({theme:e})=>({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}}})),cz=F.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}}})),eC="Choose option...",Wde=({name:e,value:t,options:r,onChange:n,argType:a})=>{let o=d=>{n(r[d.currentTarget.value])},i=lz(t,r)||eC,l=Sr(e),s=!!a?.table?.readonly;return w.createElement(cz,null,w.createElement(HI,null),w.createElement(uz,{disabled:s,id:l,value:i,onChange:o},w.createElement("option",{key:"no-selection",disabled:!0},eC),Object.keys(r).map(d=>w.createElement("option",{key:d,value:d},d))))},qde=({name:e,value:t,options:r,onChange:n,argType:a})=>{let o=d=>{let f=Array.from(d.currentTarget.options).filter(h=>h.selected).map(h=>h.value);n(sz(f,r))},i=Z2(t,r),l=Sr(e),s=!!a?.table?.readonly;return w.createElement(cz,null,w.createElement(uz,{disabled:s,id:l,multiple:!0,value:i,onChange:o},Object.keys(r).map(d=>w.createElement("option",{key:d,value:d},d))))},tC=e=>{let{name:t,options:r}=e;return r?e.isMulti?w.createElement(qde,{...e}):w.createElement(Wde,{...e}):(A4.warn(`Select with no options: ${t}`),w.createElement(w.Fragment,null,"-"))},Gde=(e,t)=>Array.isArray(e)?e.reduce((r,n)=>(r[t?.[n]||String(n)]=n,r),{}):e,Kde={check:Jx,"inline-check":Jx,radio:Qx,"inline-radio":Qx,select:tC,"multi-select":tC},No=e=>{let{type:t="select",labels:r,argType:n}=e,a={...e,argType:n,options:n?Gde(n.options,r):{},isInline:t.includes("inline"),isMulti:t.includes("multi")},o=Kde[t];if(o)return w.createElement(o,{...a});throw new Error(`Unknown options type: ${t}`)},$4="value",Yde="key",Xde="Error",Zde="Object",Jde="Array",Qde="String",e1e="Number",t1e="Boolean",r1e="Date",n1e="Null",a1e="Undefined",o1e="Function",i1e="Symbol",dz="ADD_DELTA_TYPE",pz="REMOVE_DELTA_TYPE",fz="UPDATE_DELTA_TYPE";function Ya(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 hz(e,t){let r=Ya(e),n=Ya(t);return(r==="Function"||n==="Function")&&n!==r}var T4=class extends u.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:o,inputRefValue:i}=this.state,l={};if(!t){if(!o.value)return;l.key=o.value}l.newValue=r(!1,n,a,l.key,i.value),e(l)}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:o,deep:i}=this.props,l=u.cloneElement(r,{onClick:this.onSubmit}),s=u.cloneElement(n,{onClick:e}),d=a($4,o,i),f=u.cloneElement(d,{placeholder:"Value",ref:this.refInputValue}),h=null;if(!t){let p=a(Yde,o,i);h=u.cloneElement(p,{placeholder:"Key",ref:this.refInputKey})}return w.createElement("span",{className:"rejt-add-value-node"},h,f,s,l)}};T4.defaultProps={onlyValue:!1,addButtonElement:w.createElement("button",null,"+"),cancelButtonElement:w.createElement("button",null,"c")};var mz=class extends u.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,o=n.length;a(n[o-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:o}=this.state,i=n[e];t(e,a,o,i).then(()=>{let l={keyPath:a,deep:o,key:e,oldValue:i,type:pz};n.splice(e,1),this.setState({data:n});let{onUpdate:s,onDeltaUpdate:d}=this.props;s(a[a.length-1],n),d(l)}).catch(r.error)}}handleAddValueAdd({newValue:e}){let{data:t,keyPath:r,nextDeep:n}=this.state,{beforeAddAction:a,logger:o}=this.props;a(t.length,r,n,e).then(()=>{let i=[...t,e];this.setState({data:i}),this.handleAddValueCancel();let{onUpdate:l,onDeltaUpdate:s}=this.props;l(r[r.length-1],i),s({type:dz,keyPath:r,deep:n,key:i.length-1,newValue:e})}).catch(o.error)}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:a}=this.props,{data:o,keyPath:i,nextDeep:l}=this.state,s=o[e];a(e,i,l,s,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:f}=this.props;d(i[i.length-1],o),f({type:fz,keyPath:i,deep:l,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:o,getStyle:i,dataType:l,minusMenuElement:s}=this.props,{minus:d,collapsed:f}=i(e,t,r,n,l),h=o(e,t,r,n,l),p=u.cloneElement(s,{onClick:a,className:"rejt-minus-menu",style:d});return w.createElement("span",{className:"rejt-collapsed"},w.createElement("span",{className:"rejt-collapsed-text",style:f,onClick:this.handleCollapseMode},"[...] ",t.length," ",t.length===1?"item":"items"),!h&&p)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,addFormVisible:a,nextDeep:o}=this.state,{isCollapsed:i,handleRemove:l,onDeltaUpdate:s,readOnly:d,getStyle:f,dataType:h,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:C,minusMenuElement:E,plusMenuElement:y,beforeRemoveAction:b,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}=this.props,{minus:_,plus:A,delimiter:$,ul:I,addForm:L}=f(e,t,r,n,h),B=d(e,t,r,n,h),j=u.cloneElement(y,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:A}),P=u.cloneElement(E,{onClick:l,className:"rejt-minus-menu",style:_});return w.createElement("span",{className:"rejt-not-collapsed"},w.createElement("span",{className:"rejt-not-collapsed-delimiter",style:$},"["),!a&&j,w.createElement("ul",{className:"rejt-not-collapsed-list",style:I},t.map((H,q)=>w.createElement(up,{key:q,name:q.toString(),data:H,keyPath:r,deep:o,isCollapsed:i,handleRemove:this.handleRemoveItem(q),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:s,readOnly:d,getStyle:f,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:C,minusMenuElement:E,plusMenuElement:y,beforeRemoveAction:b,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}))),!B&&a&&w.createElement("div",{className:"rejt-add-form",style:L},w.createElement(T4,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement:p,cancelButtonElement:m,inputElementGenerator:v,keyPath:r,deep:n,onSubmitValueParser:k})),w.createElement("span",{className:"rejt-not-collapsed-delimiter",style:$},"]"),!B&&P)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{dataType:o,getStyle:i}=this.props,l=t?this.renderCollapsed():this.renderNotCollapsed(),s=i(e,r,n,a,o);return w.createElement("div",{className:"rejt-array-node"},w.createElement("span",{onClick:this.handleCollapseMode},w.createElement("span",{className:"rejt-name",style:s.name},e," :"," ")),l)}};mz.defaultProps={keyPath:[],deep:0,minusMenuElement:w.createElement("span",null," - "),plusMenuElement:w.createElement("span",null," + ")};var gz=class extends u.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:o}=this.state,{readOnly:i,dataType:l}=this.props,s=i(r,n,a,o,l);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:o,name:i,deep:l}=this.state;if(!o)return;let s=n(!0,a,l,i,o.value);e({value:s,key:i}).then(()=>{hz(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:o,originalValue:i,readOnly:l,dataType:s,getStyle:d,editButtonElement:f,cancelButtonElement:h,textareaElementGenerator:p,minusMenuElement:m,keyPath:g}=this.props,v=d(e,i,n,a,s),C=null,E=null,y=l(e,i,n,a,s);if(r&&!y){let b=p($4,g,a,e,i,s),x=u.cloneElement(f,{onClick:this.handleEdit}),D=u.cloneElement(h,{onClick:this.handleCancelEdit}),S=u.cloneElement(b,{ref:this.refInput,defaultValue:i});C=w.createElement("span",{className:"rejt-edit-form",style:v.editForm},S," ",D,x),E=null}else{C=w.createElement("span",{className:"rejt-value",style:v.value,onClick:y?null:this.handleEditMode},t);let b=u.cloneElement(m,{onClick:o,className:"rejt-minus-menu",style:v.minus});E=y?null:b}return w.createElement("li",{className:"rejt-function-value-node",style:v.li},w.createElement("span",{className:"rejt-name",style:v.name},e," :"," "),C,E)}};gz.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:w.createElement("button",null,"e"),cancelButtonElement:w.createElement("button",null,"c"),minusMenuElement:w.createElement("span",null," - ")};var up=class extends u.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:o,handleUpdateValue:i,onUpdate:l,onDeltaUpdate:s,readOnly:d,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:C,plusMenuElement:E,beforeRemoveAction:y,beforeAddAction:b,beforeUpdateAction:x,logger:D,onSubmitValueParser:S}=this.props,k=()=>!0,_=Ya(e);switch(_){case Xde:return w.createElement(J2,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:s,readOnly:k,dataType:_,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:C,plusMenuElement:E,beforeRemoveAction:y,beforeAddAction:b,beforeUpdateAction:x,logger:D,onSubmitValueParser:S});case Zde:return w.createElement(J2,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:s,readOnly:d,dataType:_,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:C,plusMenuElement:E,beforeRemoveAction:y,beforeAddAction:b,beforeUpdateAction:x,logger:D,onSubmitValueParser:S});case Jde:return w.createElement(mz,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:s,readOnly:d,dataType:_,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:C,plusMenuElement:E,beforeRemoveAction:y,beforeAddAction:b,beforeUpdateAction:x,logger:D,onSubmitValueParser:S});case Qde:return w.createElement(jn,{name:t,value:`"${e}"`,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case e1e:return w.createElement(jn,{name:t,value:e,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case t1e:return w.createElement(jn,{name:t,value:e?"true":"false",originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case r1e:return w.createElement(jn,{name:t,value:e.toISOString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:k,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case n1e:return w.createElement(jn,{name:t,value:"null",originalValue:"null",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case a1e:return w.createElement(jn,{name:t,value:"undefined",originalValue:"undefined",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case o1e:return w.createElement(gz,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,textareaElementGenerator:v,minusMenuElement:C,logger:D,onSubmitValueParser:S});case i1e:return w.createElement(jn,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:k,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});default:return null}}};up.defaultProps={keyPath:[],deep:0};var J2=class extends u.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,o=n.length;a(n[o-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:o,logger:i}=this.props;o(e,n,a,t).then(()=>{r[e]=t,this.setState({data:r}),this.handleAddValueCancel();let{onUpdate:l,onDeltaUpdate:s}=this.props;l(n[n.length-1],r),s({type:dz,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:o}=this.state,i=n[e];t(e,a,o,i).then(()=>{let l={keyPath:a,deep:o,key:e,oldValue:i,type:pz};delete n[e],this.setState({data:n});let{onUpdate:s,onDeltaUpdate:d}=this.props;s(a[a.length-1],n),d(l)}).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:o,keyPath:i,nextDeep:l}=this.state,s=o[e];a(e,i,l,s,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:f}=this.props;d(i[i.length-1],o),f({type:fz,keyPath:i,deep:l,key:e,newValue:t,oldValue:s}),r()}).catch(n)})}renderCollapsed(){let{name:e,keyPath:t,deep:r,data:n}=this.state,{handleRemove:a,readOnly:o,dataType:i,getStyle:l,minusMenuElement:s}=this.props,{minus:d,collapsed:f}=l(e,n,t,r,i),h=Object.getOwnPropertyNames(n),p=o(e,n,t,r,i),m=u.cloneElement(s,{onClick:a,className:"rejt-minus-menu",style:d});return w.createElement("span",{className:"rejt-collapsed"},w.createElement("span",{className:"rejt-collapsed-text",style:f,onClick:this.handleCollapseMode},"{...}"," ",h.length," ",h.length===1?"key":"keys"),!p&&m)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,nextDeep:a,addFormVisible:o}=this.state,{isCollapsed:i,handleRemove:l,onDeltaUpdate:s,readOnly:d,getStyle:f,dataType:h,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:C,minusMenuElement:E,plusMenuElement:y,beforeRemoveAction:b,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}=this.props,{minus:_,plus:A,addForm:$,ul:I,delimiter:L}=f(e,t,r,n,h),B=Object.getOwnPropertyNames(t),j=d(e,t,r,n,h),P=u.cloneElement(y,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:A}),H=u.cloneElement(E,{onClick:l,className:"rejt-minus-menu",style:_}),q=B.map(z=>w.createElement(up,{key:z,name:z,data:t[z],keyPath:r,deep:a,isCollapsed:i,handleRemove:this.handleRemoveValue(z),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:s,readOnly:d,getStyle:f,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:C,minusMenuElement:E,plusMenuElement:y,beforeRemoveAction:b,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}));return w.createElement("span",{className:"rejt-not-collapsed"},w.createElement("span",{className:"rejt-not-collapsed-delimiter",style:L},"{"),!j&&P,w.createElement("ul",{className:"rejt-not-collapsed-list",style:I},q),!j&&o&&w.createElement("div",{className:"rejt-add-form",style:$},w.createElement(T4,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement:p,cancelButtonElement:m,inputElementGenerator:v,keyPath:r,deep:n,onSubmitValueParser:k})),w.createElement("span",{className:"rejt-not-collapsed-delimiter",style:L},"}"),!j&&H)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{getStyle:o,dataType:i}=this.props,l=t?this.renderCollapsed():this.renderNotCollapsed(),s=o(e,r,n,a,i);return w.createElement("div",{className:"rejt-object-node"},w.createElement("span",{onClick:this.handleCollapseMode},w.createElement("span",{className:"rejt-name",style:s.name},e," :"," ")),l)}};J2.defaultProps={keyPath:[],deep:0,minusMenuElement:w.createElement("span",null," - "),plusMenuElement:w.createElement("span",null," + ")};var jn=class extends u.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:o}=this.state,{readOnly:i,dataType:l}=this.props,s=i(r,n,a,o,l);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:o,name:i,deep:l}=this.state;if(!o)return;let s=n(!0,a,l,i,o.value);e({value:s,key:i}).then(()=>{hz(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:o,originalValue:i,readOnly:l,dataType:s,getStyle:d,editButtonElement:f,cancelButtonElement:h,inputElementGenerator:p,minusMenuElement:m,keyPath:g}=this.props,v=d(e,i,n,a,s),C=l(e,i,n,a,s),E=r&&!C,y=p($4,g,a,e,i,s),b=u.cloneElement(f,{onClick:this.handleEdit}),x=u.cloneElement(h,{onClick:this.handleCancelEdit}),D=u.cloneElement(y,{ref:this.refInput,defaultValue:JSON.stringify(i)}),S=u.cloneElement(m,{onClick:o,className:"rejt-minus-menu",style:v.minus});return w.createElement("li",{className:"rejt-value-node",style:v.li},w.createElement("span",{className:"rejt-name",style:v.name},e," : "),E?w.createElement("span",{className:"rejt-edit-form",style:v.editForm},D," ",x,b):w.createElement("span",{className:"rejt-value",style:v.value,onClick:C?null:this.handleEditMode},String(t)),!C&&!E&&S)}};jn.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:w.createElement("button",null,"e"),cancelButtonElement:w.createElement("button",null,"c"),minusMenuElement:w.createElement("span",null," - ")};var l1e={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},s1e={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},u1e={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}};function c1e(e){let t=e;if(t.indexOf("function")===0)return(0,eval)(`(${t})`);try{t=JSON.parse(e)}catch{}return t}var vz=class extends u.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:o,addButtonElement:i,cancelButtonElement:l,editButtonElement:s,inputElement:d,textareaElement:f,minusMenuElement:h,plusMenuElement:p,beforeRemoveAction:m,beforeAddAction:g,beforeUpdateAction:v,logger:C,onSubmitValueParser:E,fallback:y=null}=this.props,b=Ya(e),x=a;Ya(a)==="Boolean"&&(x=()=>a);let D=d;d&&Ya(d)!=="Function"&&(D=()=>d);let S=f;return f&&Ya(f)!=="Function"&&(S=()=>f),b==="Object"||b==="Array"?w.createElement("div",{className:"rejt-tree"},w.createElement(up,{data:e,name:t,deep:-1,isCollapsed:r,onUpdate:this.onUpdate,onDeltaUpdate:n,readOnly:x,getStyle:o,addButtonElement:i,cancelButtonElement:l,editButtonElement:s,inputElementGenerator:D,textareaElementGenerator:S,minusMenuElement:h,plusMenuElement:p,handleRemove:this.removeRoot,beforeRemoveAction:m,beforeAddAction:g,beforeUpdateAction:v,logger:C,onSubmitValueParser:E})):y}};vz.defaultProps={rootName:"root",isCollapsed:(e,t)=>t!==-1,getStyle:(e,t,r,n,a)=>{switch(a){case"Object":case"Error":return l1e;case"Array":return s1e;default:return u1e}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(e,t,r,n,a)=>c1e(a),inputElement:()=>w.createElement("input",null),textareaElement:()=>w.createElement("textarea",null),fallback:null};var{window:d1e}=Xt,p1e=F.div(({theme:e})=>({position:"relative",display:"flex",'&[aria-readonly="true"]':{opacity:.5},".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}})),um=F.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})),f1e=F(LY)(({theme:e,disabled:t})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:t?"not-allowed":"pointer",color:e.textMutedColor,"&:hover":t?{}:{color:e.color.ancillary},"svg + &":{marginLeft:0}})),h1e=F(OY)(({theme:e,disabled:t})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:t?"not-allowed":"pointer",color:e.textMutedColor,"&:hover":t?{}:{color:e.color.negative},"svg + &":{marginLeft:0}})),rC=F.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}`}})),m1e=F(to)(({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}})),g1e=F(Hu.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"}})),v1e={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},y1e=e=>{e.currentTarget.dispatchEvent(new d1e.KeyboardEvent("keydown",v1e))},w1e=e=>{e.currentTarget.select()},b1e=e=>()=>({name:{color:e.color.secondary},collapsed:{color:e.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),nC=({name:e,value:t,onChange:r,argType:n})=>{let a=WC(),o=u.useMemo(()=>t&&cue(t),[t]),i=o!=null,[l,s]=u.useState(!i),[d,f]=u.useState(null),h=!!n?.table?.readonly,p=u.useCallback(b=>{try{b&&r(JSON.parse(b)),f(void 0)}catch(x){f(x)}},[r]),[m,g]=u.useState(!1),v=u.useCallback(()=>{r({}),g(!0)},[g]),C=u.useRef(null);if(u.useEffect(()=>{m&&C.current&&C.current.select()},[m]),!i)return w.createElement(Do,{disabled:h,id:jd(e),onClick:v},"Set object");let E=w.createElement(g1e,{ref:C,id:Sr(e),name:e,defaultValue:t===null?"":JSON.stringify(t,null,2),onBlur:b=>p(b.target.value),placeholder:"Edit JSON string...",autoFocus:m,valid:d?"error":null,readOnly:h}),y=Array.isArray(t)||typeof t=="object"&&t?.constructor===Object;return w.createElement(p1e,{"aria-readonly":h},y&&w.createElement(m1e,{onClick:b=>{b.preventDefault(),s(x=>!x)}},l?w.createElement(zY,null):w.createElement(RY,null),w.createElement("span",null,"RAW")),l?E:w.createElement(vz,{readOnly:h||!y,isCollapsed:y?void 0:()=>!0,data:o,rootName:e,onFullyUpdate:r,getStyle:b1e(a),cancelButtonElement:w.createElement(um,{type:"button"},"Cancel"),editButtonElement:w.createElement(um,{type:"submit"},"Save"),addButtonElement:w.createElement(um,{type:"submit",primary:!0},"Save"),plusMenuElement:w.createElement(f1e,null),minusMenuElement:w.createElement(h1e,null),inputElement:(b,x,D,S)=>S?w.createElement(rC,{onFocus:w1e,onBlur:y1e}):w.createElement(rC,null),fallback:E}))},E1e=F.input(({theme:e,min:t,max:r,value:n,disabled:a})=>({"&":{width:"100%",backgroundColor:"transparent",appearance:"none"},"&::-webkit-slider-runnable-track":{background:e.base==="light"?`linear-gradient(to right, 
+ */const{global:Xt}=__STORYBOOK_MODULE_GLOBAL__,{deprecate:F0e,once:$0e,logger:A4}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{filterArgTypes:Wx,composeConfigs:_fe,Preview:Afe,DocsContext:Ffe}=__STORYBOOK_MODULE_PREVIEW_API__,{GLOBALS_UPDATED:qx,STORY_ARGS_UPDATED:Gx,UPDATE_STORY_ARGS:T0e,RESET_STORY_ARGS:I0e,NAVIGATE_URL:R0e}=__STORYBOOK_MODULE_CORE_EVENTS__;__STORYBOOK_MODULE_CHANNELS__;var z0e=Ji({"../../node_modules/tocbot/src/js/default-options.js"(e,t){t.exports={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(r){},headingsOffset:1,throttleTimeout:50,positionFixedSelector:null,positionFixedClass:"is-position-fixed",fixedSidebarOffset:"auto",includeHtml:!1,includeTitleTags:!1,onClick:function(r){},orderedList:!0,scrollContainer:null,skipRendering:!1,headingLabelCallback:!1,ignoreHiddenElements:!1,headingObjectCallback:null,basePath:"",disableTocScrollSync:!1,tocScrollOffset:0}}}),B0e=Ji({"../../node_modules/tocbot/src/js/build-html.js"(e,t){t.exports=function(r){var n=[].forEach,a=[].some,o=document.body,i,l=!0,s=" ";function d(x,D){var S=D.appendChild(h(x));if(x.children.length){var k=p(x.isCollapsed);x.children.forEach(function(_){d(_,k)}),S.appendChild(k)}}function f(x,D){var S=!1,k=p(S);if(D.forEach(function(_){d(_,k)}),i=x||i,i!==null)return i.firstChild&&i.removeChild(i.firstChild),D.length===0?i:i.appendChild(k)}function h(x){var D=document.createElement("li"),S=document.createElement("a");return r.listItemClass&&D.setAttribute("class",r.listItemClass),r.onClick&&(S.onclick=r.onClick),r.includeTitleTags&&S.setAttribute("title",x.textContent),r.includeHtml&&x.childNodes.length?n.call(x.childNodes,function(k){S.appendChild(k.cloneNode(!0))}):S.textContent=x.textContent,S.setAttribute("href",r.basePath+"#"+x.id),S.setAttribute("class",r.linkClass+s+"node-name--"+x.nodeName+s+r.extraLinkClasses),D.appendChild(S),D}function p(x){var D=r.orderedList?"ol":"ul",S=document.createElement(D),k=r.listClass+s+r.extraListClasses;return x&&(k=k+s+r.collapsibleClass,k=k+s+r.isCollapsedClass),S.setAttribute("class",k),S}function m(){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var x;x=document.querySelector(r.scrollContainer).scrollTop}else x=document.documentElement.scrollTop||o.scrollTop;var D=document.querySelector(r.positionFixedSelector);r.fixedSidebarOffset==="auto"&&(r.fixedSidebarOffset=i.offsetTop),x>r.fixedSidebarOffset?D.className.indexOf(r.positionFixedClass)===-1&&(D.className+=s+r.positionFixedClass):D.className=D.className.replace(s+r.positionFixedClass,"")}function g(x){var D=0;return x!==null&&(D=x.offsetTop,r.hasInnerContainers&&(D+=g(x.offsetParent))),D}function v(x,D){return x&&x.className!==D&&(x.className=D),x}function C(x){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var D;D=document.querySelector(r.scrollContainer).scrollTop}else D=document.documentElement.scrollTop||o.scrollTop;r.positionFixedSelector&&m();var S=x,k;if(l&&i!==null&&S.length>0){a.call(S,function(j,P){if(g(j)>D+r.headingsOffset+10){var H=P===0?P:P-1;return k=S[H],!0}else if(P===S.length-1)return k=S[S.length-1],!0});var _=i.querySelector("."+r.activeLinkClass),A=i.querySelector("."+r.linkClass+".node-name--"+k.nodeName+'[href="'+r.basePath+"#"+k.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1")+'"]');if(_===A)return;var $=i.querySelectorAll("."+r.linkClass);n.call($,function(j){v(j,j.className.replace(s+r.activeLinkClass,""))});var I=i.querySelectorAll("."+r.listItemClass);n.call(I,function(j){v(j,j.className.replace(s+r.activeListItemClass,""))}),A&&A.className.indexOf(r.activeLinkClass)===-1&&(A.className+=s+r.activeLinkClass);var L=A&&A.parentNode;L&&L.className.indexOf(r.activeListItemClass)===-1&&(L.className+=s+r.activeListItemClass);var B=i.querySelectorAll("."+r.listClass+"."+r.collapsibleClass);n.call(B,function(j){j.className.indexOf(r.isCollapsedClass)===-1&&(j.className+=s+r.isCollapsedClass)}),A&&A.nextSibling&&A.nextSibling.className.indexOf(r.isCollapsedClass)!==-1&&v(A.nextSibling,A.nextSibling.className.replace(s+r.isCollapsedClass,"")),E(A&&A.parentNode.parentNode)}}function E(x){return x&&x.className.indexOf(r.collapsibleClass)!==-1&&x.className.indexOf(r.isCollapsedClass)!==-1?(v(x,x.className.replace(s+r.isCollapsedClass,"")),E(x.parentNode.parentNode)):x}function y(x){var D=x.target||x.srcElement;typeof D.className!="string"||D.className.indexOf(r.linkClass)===-1||(l=!1)}function b(){l=!0}return{enableTocAnimation:b,disableTocAnimation:y,render:f,updateToc:C}}}}),L0e=Ji({"../../node_modules/tocbot/src/js/parse-content.js"(e,t){t.exports=function(r){var n=[].reduce;function a(h){return h[h.length-1]}function o(h){return+h.nodeName.toUpperCase().replace("H","")}function i(h){try{return h instanceof window.HTMLElement||h instanceof window.parent.HTMLElement}catch{return h instanceof window.HTMLElement}}function l(h){if(!i(h))return h;if(r.ignoreHiddenElements&&(!h.offsetHeight||!h.offsetParent))return null;let p=h.getAttribute("data-heading-label")||(r.headingLabelCallback?String(r.headingLabelCallback(h.innerText)):(h.innerText||h.textContent).trim());var m={id:h.id,children:[],nodeName:h.nodeName,headingLevel:o(h),textContent:p};return r.includeHtml&&(m.childNodes=h.childNodes),r.headingObjectCallback?r.headingObjectCallback(m,h):m}function s(h,p){for(var m=l(h),g=m.headingLevel,v=p,C=a(v),E=C?C.headingLevel:0,y=g-E;y>0&&(C=a(v),!(C&&g===C.headingLevel));)C&&C.children!==void 0&&(v=C.children),y--;return g>=r.collapseDepth&&(m.isCollapsed=!0),v.push(m),v}function d(h,p){var m=p;r.ignoreSelector&&(m=p.split(",").map(function(g){return g.trim()+":not("+r.ignoreSelector+")"}));try{return h.querySelectorAll(m)}catch{return console.warn("Headers not found with selector: "+m),null}}function f(h){return n.call(h,function(p,m){var g=l(m);return g&&s(g,p.nest),p},{nest:[]})}return{nestHeadingsArray:f,selectHeadings:d}}}}),O0e=Ji({"../../node_modules/tocbot/src/js/update-toc-scroll.js"(e,t){t.exports=function(r){var n=r.tocElement||document.querySelector(r.tocSelector);if(n&&n.scrollHeight>n.clientHeight){var a=n.querySelector("."+r.activeListItemClass);a&&(n.scrollTop=a.offsetTop-r.tocScrollOffset)}}}}),M0e=Ji({"../../node_modules/tocbot/src/js/scroll-smooth/index.js"(e){e.initSmoothScrolling=t;function t(n){var a=n.duration,o=n.offset,i=location.hash?d(location.href):location.href;l();function l(){document.body.addEventListener("click",h,!1);function h(p){!s(p.target)||p.target.className.indexOf("no-smooth-scroll")>-1||p.target.href.charAt(p.target.href.length-2)==="#"&&p.target.href.charAt(p.target.href.length-1)==="!"||p.target.className.indexOf(n.linkClass)===-1||r(p.target.hash,{duration:a,offset:o,callback:function(){f(p.target.hash)}})}}function s(h){return h.tagName.toLowerCase()==="a"&&(h.hash.length>0||h.href.charAt(h.href.length-1)==="#")&&(d(h.href)===i||d(h.href)+"#"===i)}function d(h){return h.slice(0,h.lastIndexOf("#"))}function f(h){var p=document.getElementById(h.substring(1));p&&(/^(?:a|select|input|button|textarea)$/i.test(p.tagName)||(p.tabIndex=-1),p.focus())}}function r(n,a){var o=window.pageYOffset,i={duration:a.duration,offset:a.offset||0,callback:a.callback,easing:a.easing||g},l=document.querySelector('[id="'+decodeURI(n).split("#").join("")+'"]')||document.querySelector('[id="'+n.split("#").join("")+'"]'),s=typeof n=="string"?i.offset+(n?l&&l.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):n,d=typeof i.duration=="function"?i.duration(s):i.duration,f,h;requestAnimationFrame(function(v){f=v,p(v)});function p(v){h=v-f,window.scrollTo(0,i.easing(h,o,s,d)),h<d?requestAnimationFrame(p):m()}function m(){window.scrollTo(0,o+s),typeof i.callback=="function"&&i.callback()}function g(v,C,E,y){return v/=y/2,v<1?E/2*v*v+C:(v--,-E/2*(v*(v-2)-1)+C)}}}}),P0e=Ji({"../../node_modules/tocbot/src/js/index.js"(e,t){(function(r,n){typeof define=="function"&&define.amd?define([],n(r)):typeof e=="object"?t.exports=n(r):r.tocbot=n(r)})(typeof global<"u"?global:window||global,function(r){var n=z0e(),a={},o={},i=B0e(),l=L0e(),s=O0e(),d,f,h=!!r&&!!r.document&&!!r.document.querySelector&&!!r.addEventListener;if(typeof window>"u"&&!h)return;var p,m=Object.prototype.hasOwnProperty;function g(){for(var y={},b=0;b<arguments.length;b++){var x=arguments[b];for(var D in x)m.call(x,D)&&(y[D]=x[D])}return y}function v(y,b,x){b||(b=250);var D,S;return function(){var k=this,_=+new Date,A=arguments;D&&_<D+b?(clearTimeout(S),S=setTimeout(function(){D=_,y.apply(k,A)},b)):(D=_,y.apply(k,A))}}function C(y){try{return y.contentElement||document.querySelector(y.contentSelector)}catch{return console.warn("Contents element not found: "+y.contentSelector),null}}function E(y){try{return y.tocElement||document.querySelector(y.tocSelector)}catch{return console.warn("TOC element not found: "+y.tocSelector),null}}return o.destroy=function(){var y=E(a);y!==null&&(a.skipRendering||y&&(y.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),d&&document.querySelector(a.scrollContainer).removeEventListener("click",this._clickListener,!1)):(document.removeEventListener("scroll",this._scrollListener,!1),document.removeEventListener("resize",this._scrollListener,!1),d&&document.removeEventListener("click",this._clickListener,!1)))},o.init=function(y){if(h){a=g(n,y||{}),this.options=a,this.state={},a.scrollSmooth&&(a.duration=a.scrollSmoothDuration,a.offset=a.scrollSmoothOffset,o.scrollSmooth=M0e().initSmoothScrolling(a)),d=i(a),f=l(a),this._buildHtml=d,this._parseContent=f,this._headingsArray=p,o.destroy();var b=C(a);if(b!==null){var x=E(a);if(x!==null&&(p=f.selectHeadings(b,a.headingSelector),p!==null)){var D=f.nestHeadingsArray(p),S=D.nest;if(!a.skipRendering)d.render(x,S);else return this;this._scrollListener=v(function(_){d.updateToc(p),!a.disableTocScrollSync&&s(a);var A=_&&_.target&&_.target.scrollingElement&&_.target.scrollingElement.scrollTop===0;(_&&(_.eventPhase===0||_.currentTarget===null)||A)&&(d.updateToc(p),a.scrollEndCallback&&a.scrollEndCallback(_))},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=v(function(_){a.scrollSmooth&&d.disableTocAnimation(_),d.updateToc(p),k&&clearTimeout(k),k=setTimeout(function(){d.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}}}},o.refresh=function(y){o.destroy(),o.init(y||this.options)},r.tocbot=o,o})}}),N0e=F.div(Ce,({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:ge(.3,e.color.defaultText),fontSize:e.typography.size.s2})),tz=e=>w.createElement(N0e,{...e,className:"docblock-emptyblock sb-unstyled"}),j0e=F(Gy)(({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"}})),H0e=F.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"})),Nc=F.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${gm}`]:{margin:0}})),V0e=()=>w.createElement(H0e,null,w.createElement(Nc,null),w.createElement(Nc,{style:{width:"80%"}}),w.createElement(Nc,{style:{width:"30%"}}),w.createElement(Nc,{style:{width:"80%"}})),rz=({isLoading:e,error:t,language:r,code:n,dark:a,format:o=!1,...i})=>{let{typography:l}=WC();if(e)return w.createElement(V0e,null);if(t)return w.createElement(tz,null,t);let s=w.createElement(j0e,{bordered:!0,copyable:!0,format:o,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof a>"u")return s;let d=a?hm.dark:hm.light;return w.createElement(qC,{theme:mm({...d,fontCode:l.fonts.mono,fontBase:l.fonts.base})},s)},Fe=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,F4=600,U0e=F.h1(Ce,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${F4}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),W0e=F.h2(Ce,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${F4}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:ge(.25,e.color.defaultText)})),q0e=F.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"?ge(.1,e.color.defaultText):ge(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[Fe("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}},[Fe("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}},[Fe("div")]:t,[Fe("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}},[Fe("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[Fe("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[Fe("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[Fe("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[Fe("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[Fe("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[Fe("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[Fe("img")]:{maxWidth:"100%"},[Fe("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[Fe("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[Fe("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[Fe("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"}},[Fe("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"}}},[Fe("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}},[Fe("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),G0e=F.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${F4}px)`]:{}})),K0e=({children:e,toc:t})=>w.createElement(G0e,{className:"sbdocs sbdocs-wrapper"},w.createElement(q0e,{className:"sbdocs sbdocs-content"},e),t),sp=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}`}),Y0e=F(r4)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),X0e=F.div({display:"flex",alignItems:"center",gap:4}),Z0e=F.div(({theme:e})=>({width:14,height:14,borderRadius:2,margin:"0 7px",backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),J0e=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...o})=>w.createElement(Y0e,{...o},w.createElement(X0e,{key:"left"},e?[1,2,3].map(i=>w.createElement(Z0e,{key:i})):w.createElement(w.Fragment,null,w.createElement(to,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},w.createElement($Y,null)),w.createElement(to,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},w.createElement(TY,null)),w.createElement(to,{key:"zoomreset",onClick:i=>{i.preventDefault(),a()},title:"Reset zoom"},w.createElement(IY,null))))),nz=u.createContext({scale:1}),{window:Q0e}=Xt,ede=class extends u.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=Q0e.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,...o}=this.props;return w.createElement("iframe",{id:e,title:t,src:r,...n?{allow:"fullscreen"}:{},loading:"lazy",...o})}},{PREVIEW_URL:tde}=Xt,rde=tde||"iframe.html",Y2=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,nde=e=>{let t=u.useRef(),[r,n]=u.useState(!0),[a,o]=u.useState(),{story:i,height:l,autoplay:s,forceInitialArgs:d,renderStoryToElement:f}=e;return u.useEffect(()=>{if(!(i&&t.current))return()=>{};let h=t.current,p=f(i,h,{showMain:()=>{},showError:({title:m,description:g})=>o(new Error(`${m} - ${g}`)),showException:m=>o(m)},{autoplay:s,forceInitialArgs:d});return n(!1),()=>{Promise.resolve().then(()=>p())}},[s,f,i]),a?w.createElement("pre",null,w.createElement(vG,{error:a})):w.createElement(w.Fragment,null,l?w.createElement("style",null,`#${Y2(e)} { min-height: ${l}; transform: translateZ(0); overflow: auto }`):null,r&&w.createElement(az,null),w.createElement("div",{ref:t,id:`${Y2(e)}-inner`,"data-name":i.name}))},ade=({story:e,height:t="500px"})=>w.createElement("div",{style:{width:"100%",height:t}},w.createElement(nz.Consumer,null,({scale:r})=>w.createElement(ede,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:NK(rde,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),ode=F.strong(({theme:e})=>({color:e.color.orange})),ide=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?w.createElement(ode,null,"This story mounts inside of play. Set"," ",w.createElement("a",{href:"https://storybook.js.org/docs/api/doc-blocks/doc-block-story#autoplay"},"autoplay")," ","to true to view this story."):w.createElement("div",{id:Y2(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?w.createElement(nde,{...e}):w.createElement(ade,{...e}))},az=()=>w.createElement(PK,null),lde=F.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","& .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)`}}:{}),Kx=F(rz)(({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)":jr(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":jr(.05,e.background.content)}})),sde=F.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...sp(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),ude=(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:w.createElement(Kx,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:w.createElement(Kx,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function cde(e){if(u.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var dde=F(J0e)({position:"absolute",top:0,left:0,right:0,height:40}),pde=F.div({overflow:"hidden",position:"relative"}),oz=({isLoading:e,isColumn:t,columns:r,children:n,withSource:a,withToolbar:o=!1,isExpanded:i=!1,additionalActions:l,className:s,layout:d="padded",...f})=>{let[h,p]=u.useState(i),{source:m,actionItem:g}=ude(a,h,p),[v,C]=u.useState(1),E=[s].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),y=a?[g]:[],[b,x]=u.useState(l?[...l]:[]),D=[...y,...b],{window:S}=Xt,k=u.useCallback(async A=>{let{createCopyToClipboardFunction:$}=await lC(()=>import("./index-C3ChPTMh.js"),__vite__mapDeps([0,1,2,3,4]),import.meta.url);$()},[]),_=A=>{let $=S.getSelection();$&&$.type==="Range"||(A.preventDefault(),b.filter(I=>I.title==="Copied").length===0&&k(m.props.code).then(()=>{x([...b,{title:"Copied",onClick:()=>{}}]),S.setTimeout(()=>x(b.filter(I=>I.title!=="Copied")),1500)}))};return w.createElement(sde,{withSource:a,withToolbar:o,...f,className:E.join(" ")},o&&w.createElement(dde,{isLoading:e,border:!0,zoom:A=>C(v*A),resetZoom:()=>C(1),storyId:cde(n),baseUrl:"./iframe.html"}),w.createElement(nz.Provider,{value:{scale:v}},w.createElement(pde,{className:"docs-story",onCopyCapture:a&&_},w.createElement(lde,{isColumn:t||!Array.isArray(n),columns:r,layout:d},w.createElement(uG.Element,{scale:v},Array.isArray(n)?n.map((A,$)=>w.createElement("div",{key:$},A)):w.createElement("div",null,n))),w.createElement(Dv,{actionItems:D}))),a&&h&&m)};F(oz)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));var fde=F.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:Ca({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),hde=({tags:e})=>{let t=(e.params||[]).filter(o=>o.description),r=t.length!==0,n=e.deprecated!=null,a=e.returns!=null&&e.returns.description!=null;return!r&&!a&&!n?null:w.createElement(w.Fragment,null,w.createElement(fde,null,w.createElement("tbody",null,n&&w.createElement("tr",{key:"deprecated"},w.createElement("td",{colSpan:2},w.createElement("strong",null,"Deprecated"),": ",e.deprecated.toString())),r&&t.map(o=>w.createElement("tr",{key:o.name},w.createElement("td",null,w.createElement("code",null,o.name)),w.createElement("td",null,o.description))),a&&w.createElement("tr",{key:"returns"},w.createElement("td",null,w.createElement("code",null,"Returns")),w.createElement("td",null,e.returns.description)))))},X2=8,Yx=F.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),mde=F.span(Ca,({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}})),gde=F.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),vde=F.div(Ca,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),yde=F.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"}})),wde=F(jY)({marginLeft:4}),bde=F(HI)({marginLeft:4}),Ede=()=>w.createElement("span",null,"-"),iz=({text:e,simple:t})=>w.createElement(mde,{simple:t},e),xde=jR(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),Cde=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return Sie(t)},Xx=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,X2)),r.map(n=>w.createElement(iz,{key:n,text:n===""?'""':n}))},Dde=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[a,o]=u.useState(!1),[i,l]=u.useState(t||!1);if(r==null)return null;let s=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(s))return w.createElement(iz,{text:s});let d=Cde(s),f=d.length;return f>X2?w.createElement(Yx,{isExpanded:i},Xx(d,i),w.createElement(gde,{onClick:()=>l(!i)},i?"Show less...":`Show ${f-X2} more...`)):w.createElement(Yx,null,Xx(d))}return w.createElement(VG,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:w.createElement(yde,{width:xde(n)},w.createElement(Gy,{language:"jsx",format:!1},n))},w.createElement(vde,{className:"sbdocs-expandable"},w.createElement("span",null,s),a?w.createElement(wde,null):w.createElement(bde,null)))},sm=({value:e,initialExpandedArgs:t})=>e==null?w.createElement(Ede,null):w.createElement(Dde,{value:e,initialExpandedArgs:t}),Sde=F.label(({theme:e})=>({lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:e.boolean.background,borderRadius:"3em",padding:1,'&[aria-disabled="true"]':{opacity:.5,input:{cursor:"not-allowed"}},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:ge(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${Lc(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${Lc(.05,e.appBorderColor)} 0 0 0 2px inset`,color:Lc(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"?`${Lc(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),kde=e=>e==="true",_de=({name:e,value:t,onChange:r,onBlur:n,onFocus:a,argType:o})=>{let i=u.useCallback(()=>r(!1),[r]),l=!!o?.table?.readonly;if(t===void 0)return w.createElement(Do,{variant:"outline",size:"medium",id:jd(e),onClick:i,disabled:l},"Set boolean");let s=Sr(e),d=typeof t=="string"?kde(t):t;return w.createElement(Sde,{"aria-disabled":l,htmlFor:s,"aria-label":e},w.createElement("input",{id:s,type:"checkbox",onChange:f=>r(f.target.checked),checked:d,role:"switch",disabled:l,name:e,onBlur:n,onFocus:a}),w.createElement("span",{"aria-hidden":"true"},"False"),w.createElement("span",{"aria-hidden":"true"},"True"))},Ade=e=>{let[t,r,n]=e.split("-"),a=new Date;return a.setFullYear(parseInt(t,10),parseInt(r,10)-1,parseInt(n,10)),a},Fde=e=>{let[t,r]=e.split(":"),n=new Date;return n.setHours(parseInt(t,10)),n.setMinutes(parseInt(r,10)),n},$de=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}`},Tde=e=>{let t=new Date(e),r=`0${t.getHours()}`.slice(-2),n=`0${t.getMinutes()}`.slice(-2);return`${r}:${n}`},Zx=F(Hu.Input)(({readOnly:e})=>({opacity:e?.5:1})),Ide=F.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}})),Rde=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,argType:o})=>{let[i,l]=u.useState(!0),s=u.useRef(),d=u.useRef(),f=!!o?.table?.readonly;u.useEffect(()=>{i!==!1&&(s&&s.current&&(s.current.value=t?$de(t):""),d&&d.current&&(d.current.value=t?Tde(t):""))},[t]);let h=g=>{if(!g.target.value)return r();let v=Ade(g.target.value),C=new Date(t);C.setFullYear(v.getFullYear(),v.getMonth(),v.getDate());let E=C.getTime();E&&r(E),l(!!E)},p=g=>{if(!g.target.value)return r();let v=Fde(g.target.value),C=new Date(t);C.setHours(v.getHours()),C.setMinutes(v.getMinutes());let E=C.getTime();E&&r(E),l(!!E)},m=Sr(e);return w.createElement(Ide,null,w.createElement(Zx,{type:"date",max:"9999-12-31",ref:s,id:`${m}-date`,name:`${m}-date`,readOnly:f,onChange:h,onFocus:n,onBlur:a}),w.createElement(Zx,{type:"time",id:`${m}-time`,name:`${m}-time`,ref:d,onChange:p,readOnly:f,onFocus:n,onBlur:a}),i?null:w.createElement("div",null,"invalid"))},zde=F.label({display:"flex"}),Bde=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},Lde=F(Hu.Input)(({readOnly:e})=>({opacity:e?.5:1})),Ode=({name:e,value:t,onChange:r,min:n,max:a,step:o,onBlur:i,onFocus:l,argType:s})=>{let[d,f]=u.useState(typeof t=="number"?t:""),[h,p]=u.useState(!1),[m,g]=u.useState(null),v=!!s?.table?.readonly,C=u.useCallback(b=>{f(b.target.value);let x=parseFloat(b.target.value);Number.isNaN(x)?g(new Error(`'${b.target.value}' is not a number`)):(r(x),g(null))},[r,g]),E=u.useCallback(()=>{f("0"),r(0),p(!0)},[p]),y=u.useRef(null);return u.useEffect(()=>{h&&y.current&&y.current.select()},[h]),u.useEffect(()=>{d!==(typeof t=="number"?t:"")&&f(t)},[t]),t===void 0?w.createElement(Do,{variant:"outline",size:"medium",id:jd(e),onClick:E,disabled:v},"Set number"):w.createElement(zde,null,w.createElement(Lde,{ref:y,id:Sr(e),type:"number",onChange:C,size:"flex",placeholder:"Edit number...",value:d,valid:m?"error":null,autoFocus:h,readOnly:v,name:e,min:n,max:a,step:o,onFocus:l,onBlur:i}))},lz=(e,t)=>{let r=t&&Object.entries(t).find(([n,a])=>a===e);return r?r[0]:void 0},Z2=(e,t)=>e&&t?Object.entries(t).filter(r=>e.includes(r[1])).map(r=>r[0]):[],sz=(e,t)=>e&&t&&e.map(r=>t[r]),Mde=F.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}},e=>{if(e["aria-readonly"]==="true")return{input:{cursor:"not-allowed"}}}),Pde=F.span({"[aria-readonly=true] &":{opacity:.5}}),Nde=F.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),Jx=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{if(!t)return A4.warn(`Checkbox with no options: ${e}`),w.createElement(w.Fragment,null,"-");let i=Z2(r,t),[l,s]=u.useState(i),d=!!o?.table?.readonly,f=p=>{let m=p.target.value,g=[...l];g.includes(m)?g.splice(g.indexOf(m),1):g.push(m),n(sz(g,t)),s(g)};u.useEffect(()=>{s(Z2(r,t))},[r]);let h=Sr(e);return w.createElement(Mde,{"aria-readonly":d,isInline:a},Object.keys(t).map((p,m)=>{let g=`${h}-${m}`;return w.createElement(Nde,{key:g,htmlFor:g},w.createElement("input",{type:"checkbox",disabled:d,id:g,name:g,value:p,onChange:f,checked:l?.includes(p)}),w.createElement(Pde,null,p))}))},jde=F.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}},e=>{if(e["aria-readonly"]==="true")return{input:{cursor:"not-allowed"}}}),Hde=F.span({"[aria-readonly=true] &":{opacity:.5}}),Vde=F.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),Qx=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{if(!t)return A4.warn(`Radio with no options: ${e}`),w.createElement(w.Fragment,null,"-");let i=lz(r,t),l=Sr(e),s=!!o?.table?.readonly;return w.createElement(jde,{"aria-readonly":s,isInline:a},Object.keys(t).map((d,f)=>{let h=`${l}-${f}`;return w.createElement(Vde,{key:h,htmlFor:h},w.createElement("input",{type:"radio",id:h,name:l,disabled:s,value:d,onChange:p=>n(t[p.currentTarget.value]),checked:d===i}),w.createElement(Hde,null,d))}))},Ude={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},uz=F.select(Ude,({theme:e})=>({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}}})),cz=F.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}}})),eC="Choose option...",Wde=({name:e,value:t,options:r,onChange:n,argType:a})=>{let o=d=>{n(r[d.currentTarget.value])},i=lz(t,r)||eC,l=Sr(e),s=!!a?.table?.readonly;return w.createElement(cz,null,w.createElement(HI,null),w.createElement(uz,{disabled:s,id:l,value:i,onChange:o},w.createElement("option",{key:"no-selection",disabled:!0},eC),Object.keys(r).map(d=>w.createElement("option",{key:d,value:d},d))))},qde=({name:e,value:t,options:r,onChange:n,argType:a})=>{let o=d=>{let f=Array.from(d.currentTarget.options).filter(h=>h.selected).map(h=>h.value);n(sz(f,r))},i=Z2(t,r),l=Sr(e),s=!!a?.table?.readonly;return w.createElement(cz,null,w.createElement(uz,{disabled:s,id:l,multiple:!0,value:i,onChange:o},Object.keys(r).map(d=>w.createElement("option",{key:d,value:d},d))))},tC=e=>{let{name:t,options:r}=e;return r?e.isMulti?w.createElement(qde,{...e}):w.createElement(Wde,{...e}):(A4.warn(`Select with no options: ${t}`),w.createElement(w.Fragment,null,"-"))},Gde=(e,t)=>Array.isArray(e)?e.reduce((r,n)=>(r[t?.[n]||String(n)]=n,r),{}):e,Kde={check:Jx,"inline-check":Jx,radio:Qx,"inline-radio":Qx,select:tC,"multi-select":tC},No=e=>{let{type:t="select",labels:r,argType:n}=e,a={...e,argType:n,options:n?Gde(n.options,r):{},isInline:t.includes("inline"),isMulti:t.includes("multi")},o=Kde[t];if(o)return w.createElement(o,{...a});throw new Error(`Unknown options type: ${t}`)},$4="value",Yde="key",Xde="Error",Zde="Object",Jde="Array",Qde="String",e1e="Number",t1e="Boolean",r1e="Date",n1e="Null",a1e="Undefined",o1e="Function",i1e="Symbol",dz="ADD_DELTA_TYPE",pz="REMOVE_DELTA_TYPE",fz="UPDATE_DELTA_TYPE";function Ya(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 hz(e,t){let r=Ya(e),n=Ya(t);return(r==="Function"||n==="Function")&&n!==r}var T4=class extends u.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:o,inputRefValue:i}=this.state,l={};if(!t){if(!o.value)return;l.key=o.value}l.newValue=r(!1,n,a,l.key,i.value),e(l)}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:o,deep:i}=this.props,l=u.cloneElement(r,{onClick:this.onSubmit}),s=u.cloneElement(n,{onClick:e}),d=a($4,o,i),f=u.cloneElement(d,{placeholder:"Value",ref:this.refInputValue}),h=null;if(!t){let p=a(Yde,o,i);h=u.cloneElement(p,{placeholder:"Key",ref:this.refInputKey})}return w.createElement("span",{className:"rejt-add-value-node"},h,f,s,l)}};T4.defaultProps={onlyValue:!1,addButtonElement:w.createElement("button",null,"+"),cancelButtonElement:w.createElement("button",null,"c")};var mz=class extends u.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,o=n.length;a(n[o-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:o}=this.state,i=n[e];t(e,a,o,i).then(()=>{let l={keyPath:a,deep:o,key:e,oldValue:i,type:pz};n.splice(e,1),this.setState({data:n});let{onUpdate:s,onDeltaUpdate:d}=this.props;s(a[a.length-1],n),d(l)}).catch(r.error)}}handleAddValueAdd({newValue:e}){let{data:t,keyPath:r,nextDeep:n}=this.state,{beforeAddAction:a,logger:o}=this.props;a(t.length,r,n,e).then(()=>{let i=[...t,e];this.setState({data:i}),this.handleAddValueCancel();let{onUpdate:l,onDeltaUpdate:s}=this.props;l(r[r.length-1],i),s({type:dz,keyPath:r,deep:n,key:i.length-1,newValue:e})}).catch(o.error)}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:a}=this.props,{data:o,keyPath:i,nextDeep:l}=this.state,s=o[e];a(e,i,l,s,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:f}=this.props;d(i[i.length-1],o),f({type:fz,keyPath:i,deep:l,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:o,getStyle:i,dataType:l,minusMenuElement:s}=this.props,{minus:d,collapsed:f}=i(e,t,r,n,l),h=o(e,t,r,n,l),p=u.cloneElement(s,{onClick:a,className:"rejt-minus-menu",style:d});return w.createElement("span",{className:"rejt-collapsed"},w.createElement("span",{className:"rejt-collapsed-text",style:f,onClick:this.handleCollapseMode},"[...] ",t.length," ",t.length===1?"item":"items"),!h&&p)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,addFormVisible:a,nextDeep:o}=this.state,{isCollapsed:i,handleRemove:l,onDeltaUpdate:s,readOnly:d,getStyle:f,dataType:h,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:C,minusMenuElement:E,plusMenuElement:y,beforeRemoveAction:b,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}=this.props,{minus:_,plus:A,delimiter:$,ul:I,addForm:L}=f(e,t,r,n,h),B=d(e,t,r,n,h),j=u.cloneElement(y,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:A}),P=u.cloneElement(E,{onClick:l,className:"rejt-minus-menu",style:_});return w.createElement("span",{className:"rejt-not-collapsed"},w.createElement("span",{className:"rejt-not-collapsed-delimiter",style:$},"["),!a&&j,w.createElement("ul",{className:"rejt-not-collapsed-list",style:I},t.map((H,q)=>w.createElement(up,{key:q,name:q.toString(),data:H,keyPath:r,deep:o,isCollapsed:i,handleRemove:this.handleRemoveItem(q),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:s,readOnly:d,getStyle:f,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:C,minusMenuElement:E,plusMenuElement:y,beforeRemoveAction:b,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}))),!B&&a&&w.createElement("div",{className:"rejt-add-form",style:L},w.createElement(T4,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement:p,cancelButtonElement:m,inputElementGenerator:v,keyPath:r,deep:n,onSubmitValueParser:k})),w.createElement("span",{className:"rejt-not-collapsed-delimiter",style:$},"]"),!B&&P)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{dataType:o,getStyle:i}=this.props,l=t?this.renderCollapsed():this.renderNotCollapsed(),s=i(e,r,n,a,o);return w.createElement("div",{className:"rejt-array-node"},w.createElement("span",{onClick:this.handleCollapseMode},w.createElement("span",{className:"rejt-name",style:s.name},e," :"," ")),l)}};mz.defaultProps={keyPath:[],deep:0,minusMenuElement:w.createElement("span",null," - "),plusMenuElement:w.createElement("span",null," + ")};var gz=class extends u.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:o}=this.state,{readOnly:i,dataType:l}=this.props,s=i(r,n,a,o,l);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:o,name:i,deep:l}=this.state;if(!o)return;let s=n(!0,a,l,i,o.value);e({value:s,key:i}).then(()=>{hz(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:o,originalValue:i,readOnly:l,dataType:s,getStyle:d,editButtonElement:f,cancelButtonElement:h,textareaElementGenerator:p,minusMenuElement:m,keyPath:g}=this.props,v=d(e,i,n,a,s),C=null,E=null,y=l(e,i,n,a,s);if(r&&!y){let b=p($4,g,a,e,i,s),x=u.cloneElement(f,{onClick:this.handleEdit}),D=u.cloneElement(h,{onClick:this.handleCancelEdit}),S=u.cloneElement(b,{ref:this.refInput,defaultValue:i});C=w.createElement("span",{className:"rejt-edit-form",style:v.editForm},S," ",D,x),E=null}else{C=w.createElement("span",{className:"rejt-value",style:v.value,onClick:y?null:this.handleEditMode},t);let b=u.cloneElement(m,{onClick:o,className:"rejt-minus-menu",style:v.minus});E=y?null:b}return w.createElement("li",{className:"rejt-function-value-node",style:v.li},w.createElement("span",{className:"rejt-name",style:v.name},e," :"," "),C,E)}};gz.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:w.createElement("button",null,"e"),cancelButtonElement:w.createElement("button",null,"c"),minusMenuElement:w.createElement("span",null," - ")};var up=class extends u.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:o,handleUpdateValue:i,onUpdate:l,onDeltaUpdate:s,readOnly:d,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:C,plusMenuElement:E,beforeRemoveAction:y,beforeAddAction:b,beforeUpdateAction:x,logger:D,onSubmitValueParser:S}=this.props,k=()=>!0,_=Ya(e);switch(_){case Xde:return w.createElement(J2,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:s,readOnly:k,dataType:_,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:C,plusMenuElement:E,beforeRemoveAction:y,beforeAddAction:b,beforeUpdateAction:x,logger:D,onSubmitValueParser:S});case Zde:return w.createElement(J2,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:s,readOnly:d,dataType:_,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:C,plusMenuElement:E,beforeRemoveAction:y,beforeAddAction:b,beforeUpdateAction:x,logger:D,onSubmitValueParser:S});case Jde:return w.createElement(mz,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:s,readOnly:d,dataType:_,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:C,plusMenuElement:E,beforeRemoveAction:y,beforeAddAction:b,beforeUpdateAction:x,logger:D,onSubmitValueParser:S});case Qde:return w.createElement(jn,{name:t,value:`"${e}"`,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case e1e:return w.createElement(jn,{name:t,value:e,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case t1e:return w.createElement(jn,{name:t,value:e?"true":"false",originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case r1e:return w.createElement(jn,{name:t,value:e.toISOString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:k,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case n1e:return w.createElement(jn,{name:t,value:"null",originalValue:"null",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case a1e:return w.createElement(jn,{name:t,value:"undefined",originalValue:"undefined",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case o1e:return w.createElement(gz,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,textareaElementGenerator:v,minusMenuElement:C,logger:D,onSubmitValueParser:S});case i1e:return w.createElement(jn,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:k,dataType:_,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});default:return null}}};up.defaultProps={keyPath:[],deep:0};var J2=class extends u.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,o=n.length;a(n[o-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:o,logger:i}=this.props;o(e,n,a,t).then(()=>{r[e]=t,this.setState({data:r}),this.handleAddValueCancel();let{onUpdate:l,onDeltaUpdate:s}=this.props;l(n[n.length-1],r),s({type:dz,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:o}=this.state,i=n[e];t(e,a,o,i).then(()=>{let l={keyPath:a,deep:o,key:e,oldValue:i,type:pz};delete n[e],this.setState({data:n});let{onUpdate:s,onDeltaUpdate:d}=this.props;s(a[a.length-1],n),d(l)}).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:o,keyPath:i,nextDeep:l}=this.state,s=o[e];a(e,i,l,s,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:f}=this.props;d(i[i.length-1],o),f({type:fz,keyPath:i,deep:l,key:e,newValue:t,oldValue:s}),r()}).catch(n)})}renderCollapsed(){let{name:e,keyPath:t,deep:r,data:n}=this.state,{handleRemove:a,readOnly:o,dataType:i,getStyle:l,minusMenuElement:s}=this.props,{minus:d,collapsed:f}=l(e,n,t,r,i),h=Object.getOwnPropertyNames(n),p=o(e,n,t,r,i),m=u.cloneElement(s,{onClick:a,className:"rejt-minus-menu",style:d});return w.createElement("span",{className:"rejt-collapsed"},w.createElement("span",{className:"rejt-collapsed-text",style:f,onClick:this.handleCollapseMode},"{...}"," ",h.length," ",h.length===1?"key":"keys"),!p&&m)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,nextDeep:a,addFormVisible:o}=this.state,{isCollapsed:i,handleRemove:l,onDeltaUpdate:s,readOnly:d,getStyle:f,dataType:h,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:C,minusMenuElement:E,plusMenuElement:y,beforeRemoveAction:b,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}=this.props,{minus:_,plus:A,addForm:$,ul:I,delimiter:L}=f(e,t,r,n,h),B=Object.getOwnPropertyNames(t),j=d(e,t,r,n,h),P=u.cloneElement(y,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:A}),H=u.cloneElement(E,{onClick:l,className:"rejt-minus-menu",style:_}),q=B.map(z=>w.createElement(up,{key:z,name:z,data:t[z],keyPath:r,deep:a,isCollapsed:i,handleRemove:this.handleRemoveValue(z),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:s,readOnly:d,getStyle:f,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:C,minusMenuElement:E,plusMenuElement:y,beforeRemoveAction:b,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}));return w.createElement("span",{className:"rejt-not-collapsed"},w.createElement("span",{className:"rejt-not-collapsed-delimiter",style:L},"{"),!j&&P,w.createElement("ul",{className:"rejt-not-collapsed-list",style:I},q),!j&&o&&w.createElement("div",{className:"rejt-add-form",style:$},w.createElement(T4,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement:p,cancelButtonElement:m,inputElementGenerator:v,keyPath:r,deep:n,onSubmitValueParser:k})),w.createElement("span",{className:"rejt-not-collapsed-delimiter",style:L},"}"),!j&&H)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{getStyle:o,dataType:i}=this.props,l=t?this.renderCollapsed():this.renderNotCollapsed(),s=o(e,r,n,a,i);return w.createElement("div",{className:"rejt-object-node"},w.createElement("span",{onClick:this.handleCollapseMode},w.createElement("span",{className:"rejt-name",style:s.name},e," :"," ")),l)}};J2.defaultProps={keyPath:[],deep:0,minusMenuElement:w.createElement("span",null," - "),plusMenuElement:w.createElement("span",null," + ")};var jn=class extends u.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:o}=this.state,{readOnly:i,dataType:l}=this.props,s=i(r,n,a,o,l);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:o,name:i,deep:l}=this.state;if(!o)return;let s=n(!0,a,l,i,o.value);e({value:s,key:i}).then(()=>{hz(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:o,originalValue:i,readOnly:l,dataType:s,getStyle:d,editButtonElement:f,cancelButtonElement:h,inputElementGenerator:p,minusMenuElement:m,keyPath:g}=this.props,v=d(e,i,n,a,s),C=l(e,i,n,a,s),E=r&&!C,y=p($4,g,a,e,i,s),b=u.cloneElement(f,{onClick:this.handleEdit}),x=u.cloneElement(h,{onClick:this.handleCancelEdit}),D=u.cloneElement(y,{ref:this.refInput,defaultValue:JSON.stringify(i)}),S=u.cloneElement(m,{onClick:o,className:"rejt-minus-menu",style:v.minus});return w.createElement("li",{className:"rejt-value-node",style:v.li},w.createElement("span",{className:"rejt-name",style:v.name},e," : "),E?w.createElement("span",{className:"rejt-edit-form",style:v.editForm},D," ",x,b):w.createElement("span",{className:"rejt-value",style:v.value,onClick:C?null:this.handleEditMode},String(t)),!C&&!E&&S)}};jn.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:w.createElement("button",null,"e"),cancelButtonElement:w.createElement("button",null,"c"),minusMenuElement:w.createElement("span",null," - ")};var l1e={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},s1e={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},u1e={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}};function c1e(e){let t=e;if(t.indexOf("function")===0)return(0,eval)(`(${t})`);try{t=JSON.parse(e)}catch{}return t}var vz=class extends u.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:o,addButtonElement:i,cancelButtonElement:l,editButtonElement:s,inputElement:d,textareaElement:f,minusMenuElement:h,plusMenuElement:p,beforeRemoveAction:m,beforeAddAction:g,beforeUpdateAction:v,logger:C,onSubmitValueParser:E,fallback:y=null}=this.props,b=Ya(e),x=a;Ya(a)==="Boolean"&&(x=()=>a);let D=d;d&&Ya(d)!=="Function"&&(D=()=>d);let S=f;return f&&Ya(f)!=="Function"&&(S=()=>f),b==="Object"||b==="Array"?w.createElement("div",{className:"rejt-tree"},w.createElement(up,{data:e,name:t,deep:-1,isCollapsed:r,onUpdate:this.onUpdate,onDeltaUpdate:n,readOnly:x,getStyle:o,addButtonElement:i,cancelButtonElement:l,editButtonElement:s,inputElementGenerator:D,textareaElementGenerator:S,minusMenuElement:h,plusMenuElement:p,handleRemove:this.removeRoot,beforeRemoveAction:m,beforeAddAction:g,beforeUpdateAction:v,logger:C,onSubmitValueParser:E})):y}};vz.defaultProps={rootName:"root",isCollapsed:(e,t)=>t!==-1,getStyle:(e,t,r,n,a)=>{switch(a){case"Object":case"Error":return l1e;case"Array":return s1e;default:return u1e}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(e,t,r,n,a)=>c1e(a),inputElement:()=>w.createElement("input",null),textareaElement:()=>w.createElement("textarea",null),fallback:null};var{window:d1e}=Xt,p1e=F.div(({theme:e})=>({position:"relative",display:"flex",'&[aria-readonly="true"]':{opacity:.5},".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}})),um=F.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})),f1e=F(LY)(({theme:e,disabled:t})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:t?"not-allowed":"pointer",color:e.textMutedColor,"&:hover":t?{}:{color:e.color.ancillary},"svg + &":{marginLeft:0}})),h1e=F(OY)(({theme:e,disabled:t})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:t?"not-allowed":"pointer",color:e.textMutedColor,"&:hover":t?{}:{color:e.color.negative},"svg + &":{marginLeft:0}})),rC=F.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}`}})),m1e=F(to)(({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}})),g1e=F(Hu.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"}})),v1e={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},y1e=e=>{e.currentTarget.dispatchEvent(new d1e.KeyboardEvent("keydown",v1e))},w1e=e=>{e.currentTarget.select()},b1e=e=>()=>({name:{color:e.color.secondary},collapsed:{color:e.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),nC=({name:e,value:t,onChange:r,argType:n})=>{let a=WC(),o=u.useMemo(()=>t&&cue(t),[t]),i=o!=null,[l,s]=u.useState(!i),[d,f]=u.useState(null),h=!!n?.table?.readonly,p=u.useCallback(b=>{try{b&&r(JSON.parse(b)),f(void 0)}catch(x){f(x)}},[r]),[m,g]=u.useState(!1),v=u.useCallback(()=>{r({}),g(!0)},[g]),C=u.useRef(null);if(u.useEffect(()=>{m&&C.current&&C.current.select()},[m]),!i)return w.createElement(Do,{disabled:h,id:jd(e),onClick:v},"Set object");let E=w.createElement(g1e,{ref:C,id:Sr(e),name:e,defaultValue:t===null?"":JSON.stringify(t,null,2),onBlur:b=>p(b.target.value),placeholder:"Edit JSON string...",autoFocus:m,valid:d?"error":null,readOnly:h}),y=Array.isArray(t)||typeof t=="object"&&t?.constructor===Object;return w.createElement(p1e,{"aria-readonly":h},y&&w.createElement(m1e,{onClick:b=>{b.preventDefault(),s(x=>!x)}},l?w.createElement(zY,null):w.createElement(RY,null),w.createElement("span",null,"RAW")),l?E:w.createElement(vz,{readOnly:h||!y,isCollapsed:y?void 0:()=>!0,data:o,rootName:e,onFullyUpdate:r,getStyle:b1e(a),cancelButtonElement:w.createElement(um,{type:"button"},"Cancel"),editButtonElement:w.createElement(um,{type:"submit"},"Save"),addButtonElement:w.createElement(um,{type:"submit",primary:!0},"Save"),plusMenuElement:w.createElement(f1e,null),minusMenuElement:w.createElement(h1e,null),inputElement:(b,x,D,S)=>S?w.createElement(rC,{onFocus:w1e,onBlur:y1e}):w.createElement(rC,null),fallback:E}))},E1e=F.input(({theme:e,min:t,max:r,value:n,disabled:a})=>({"&":{width:"100%",backgroundColor:"transparent",appearance:"none"},"&::-webkit-slider-runnable-track":{background:e.base==="light"?`linear-gradient(to right, 
             ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, 
             ${jr(.02,e.input.background)} ${(n-t)/(r-t)*100}%, 
             ${jr(.02,e.input.background)} 100%)`:`linear-gradient(to right, 
@@ -586,7 +586,7 @@ ${t}`);let r=t.match(fG);if(!r)return w.createElement(u.Fragment,null,t);let[,n,
             ${jr(.02,e.input.background)} 100%)`:`linear-gradient(to right, 
             ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, 
             ${Ma(.02,e.input.background)} ${(n-t)/(r-t)*100}%, 
-            ${Ma(.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 ${Vr(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),yz=F.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),x1e=F(yz)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),C1e=F.div({display:"flex",alignItems:"center",width:"100%"});function D1e(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 S1e=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:o=1,onBlur:i,onFocus:l,argType:s})=>{let d=m=>{r(Bde(m.target.value))},f=t!==void 0,h=u.useMemo(()=>D1e(o),[o]),p=!!s?.table?.readonly;return w.createElement(C1e,{"aria-readonly":p},w.createElement(yz,null,n),w.createElement(E1e,{id:Sr(e),type:"range",disabled:p,onChange:d,name:e,value:t,min:n,max:a,step:o,onFocus:l,onBlur:i}),w.createElement(x1e,{numberOFDecimalsPlaces:h,max:a},f?t.toFixed(h):"--"," / ",a))},k1e=F.label({display:"flex"}),_1e=F.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),A1e=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:o,argType:i})=>{let l=m=>{r(m.target.value)},s=!!i?.table?.readonly,[d,f]=u.useState(!1),h=u.useCallback(()=>{r(""),f(!0)},[f]);if(t===void 0)return w.createElement(Do,{variant:"outline",size:"medium",disabled:s,id:jd(e),onClick:h},"Set string");let p=typeof t=="string";return w.createElement(k1e,null,w.createElement(Hu.Textarea,{id:Sr(e),maxLength:o,onChange:l,disabled:s,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:p?null:"error",name:e,value:p?t:"",onFocus:n,onBlur:a}),o&&w.createElement(_1e,{isMaxed:t?.length===o},t?.length??0," / ",o))},F1e=F(Hu.Input)({padding:10});function $1e(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var T1e=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{let o=u.useRef(null),i=a?.control?.readOnly;function l(s){if(!s.target.files)return;let d=Array.from(s.target.files).map(f=>URL.createObjectURL(f));e(d),$1e(n)}return u.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),w.createElement(F1e,{ref:o,id:Sr(t),type:"file",name:t,multiple:!0,disabled:i,onChange:l,accept:r,size:"flex"})},I1e=u.lazy(()=>lC(()=>import("./Color-KGDBMAHA-CH-YyWYq.js"),__vite__mapDeps([5,1,2,3,4]),import.meta.url)),R1e=e=>w.createElement(u.Suspense,{fallback:w.createElement("div",null)},w.createElement(I1e,{...e})),z1e={array:nC,object:nC,boolean:_de,color:R1e,date:Rde,number:Ode,check:No,"inline-check":No,radio:No,"inline-radio":No,select:No,"multi-select":No,range:S1e,text:A1e,file:T1e},aC=()=>w.createElement(w.Fragment,null,"-"),B1e=({row:e,arg:t,updateArgs:r,isHovered:n})=>{let{key:a,control:o}=e,[i,l]=u.useState(!1),[s,d]=u.useState({value:t});u.useEffect(()=>{i||d({value:t})},[i,t]);let f=u.useCallback(v=>(d({value:v}),r({[a]:v}),v),[r,a]),h=u.useCallback(()=>l(!1),[]),p=u.useCallback(()=>l(!0),[]);if(!o||o.disable){let v=o?.disable!==!0&&e?.type?.name!=="function";return n&&v?w.createElement(xi,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):w.createElement(aC,null)}let m={name:a,argType:e,value:s.value,onChange:f,onBlur:h,onFocus:p},g=z1e[o.type]||aC;return w.createElement(g,{...m,...o,controlType:o.type})},L1e=F.span({fontWeight:"bold"}),O1e=F.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),M1e=F.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Ca({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),P1e=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ge(.1,e.color.defaultText):ge(.2,e.color.defaultText),marginTop:t?4:0})),N1e=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ge(.1,e.color.defaultText):ge(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),j1e=F.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),H1e=e=>e&&{summary:typeof e=="string"?e:e.name},jc=e=>{let[t,r]=u.useState(!1),{row:n,updateArgs:a,compact:o,expandable:i,initialExpandedArgs:l}=e,{name:s,description:d}=n,f=n.table||{},h=f.type||H1e(n.type),p=f.defaultValue||n.defaultValue,m=n.type?.required,g=d!=null&&d!=="";return w.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},w.createElement(j1e,{expandable:i},w.createElement(L1e,null,s),m?w.createElement(O1e,{title:"Required"},"*"):null),o?null:w.createElement("td",null,g&&w.createElement(M1e,null,w.createElement(PR,null,d)),f.jsDocTags!=null?w.createElement(w.Fragment,null,w.createElement(N1e,{hasDescription:g},w.createElement(sm,{value:h,initialExpandedArgs:l})),w.createElement(hde,{tags:f.jsDocTags})):w.createElement(P1e,{hasDescription:g},w.createElement(sm,{value:h,initialExpandedArgs:l}))),o?null:w.createElement("td",null,w.createElement(sm,{value:p,initialExpandedArgs:l})),a?w.createElement("td",null,w.createElement(B1e,{...e,isHovered:t})):null)},V1e=F(PY)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ge(.25,e.color.defaultText):ge(.3,e.color.defaultText),border:"none",display:"inline-block"})),U1e=F(NY)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ge(.25,e.color.defaultText):ge(.3,e.color.defaultText),border:"none",display:"inline-block"})),W1e=F.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),q1e=F.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"?ge(.4,e.color.defaultText):ge(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),G1e=F.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),K1e=F.td(()=>({position:"relative"})),Y1e=F.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Ma(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),oC=F.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"})),cm=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[o,i]=u.useState(n),l=e==="subsection"?G1e:q1e,s=r?.length||0,d=e==="subsection"?`${s} item${s!==1?"s":""}`:"",f=`${o?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return w.createElement(w.Fragment,null,w.createElement(Y1e,{title:f},w.createElement(l,{colSpan:1},w.createElement(oC,{onClick:h=>i(!o),tabIndex:0},f),w.createElement(W1e,null,o?w.createElement(V1e,null):w.createElement(U1e,null),t)),w.createElement(K1e,{colSpan:a-1},w.createElement(oC,{onClick:h=>i(!o),tabIndex:-1,style:{outline:"none"}},f),o?null:d)),o?r:null)},Hc=F.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),Je=F.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),$e=F.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})),Qe=[2,4,2,2],X1e=()=>w.createElement(w.Fragment,null,w.createElement(Hc,null,w.createElement(Je,{numColumn:Qe[0]},w.createElement($e,{width:"60%"})),w.createElement(Je,{numColumn:Qe[1]},w.createElement($e,{width:"30%"})),w.createElement(Je,{numColumn:Qe[2]},w.createElement($e,{width:"60%"})),w.createElement(Je,{numColumn:Qe[3]},w.createElement($e,{width:"60%"}))),w.createElement(Hc,null,w.createElement(Je,{numColumn:Qe[0]},w.createElement($e,{width:"60%"})),w.createElement(Je,{numColumn:Qe[1]},w.createElement($e,{width:"80%"}),w.createElement($e,{width:"30%"})),w.createElement(Je,{numColumn:Qe[2]},w.createElement($e,{width:"60%"})),w.createElement(Je,{numColumn:Qe[3]},w.createElement($e,{width:"60%"}))),w.createElement(Hc,null,w.createElement(Je,{numColumn:Qe[0]},w.createElement($e,{width:"60%"})),w.createElement(Je,{numColumn:Qe[1]},w.createElement($e,{width:"80%"}),w.createElement($e,{width:"30%"})),w.createElement(Je,{numColumn:Qe[2]},w.createElement($e,{width:"60%"})),w.createElement(Je,{numColumn:Qe[3]},w.createElement($e,{width:"60%"}))),w.createElement(Hc,null,w.createElement(Je,{numColumn:Qe[0]},w.createElement($e,{width:"60%"})),w.createElement(Je,{numColumn:Qe[1]},w.createElement($e,{width:"80%"}),w.createElement($e,{width:"30%"})),w.createElement(Je,{numColumn:Qe[2]},w.createElement($e,{width:"60%"})),w.createElement(Je,{numColumn:Qe[3]},w.createElement($e,{width:"60%"})))),Z1e=F.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"})),J1e=F.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),Q1e=F.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),epe=({inAddonPanel:e})=>{let[t,r]=u.useState(!0);return u.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:w.createElement(Z1e,{inAddonPanel:e},w.createElement(zI,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:w.createElement(w.Fragment,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."),footer:w.createElement(J1e,null,e&&w.createElement(w.Fragment,null,w.createElement(xi,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},w.createElement(BY,null)," Watch 5m video"),w.createElement(Q1e,null),w.createElement(xi,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},w.createElement(j2,null)," Read docs")),!e&&w.createElement(xi,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},w.createElement(j2,null)," Learn how to set that up"))}))},tpe=F.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"?ge(.25,e.color.defaultText):ge(.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}}}}})),rpe=F(to)(({theme:e})=>({margin:"-4px -12px -4px 0"})),npe=F.span({display:"flex",justifyContent:"space-between"}),ape={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>+!!t.type?.required-+!!e.type?.required||e.name.localeCompare(t.name),none:void 0},ope=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([o,i])=>{let{category:l,subcategory:s}=i?.table||{};if(l){let d=r.sections[l]||{ungrouped:[],subsections:{}};if(!s)d.ungrouped.push({key:o,...i});else{let f=d.subsections[s]||[];f.push({key:o,...i}),d.subsections[s]=f}r.sections[l]=d}else if(s){let d=r.ungroupedSubsections[s]||[];d.push({key:o,...i}),r.ungroupedSubsections[s]=d}else r.ungrouped.push({key:o,...i})});let n=ape[t],a=o=>n?Object.keys(o).reduce((i,l)=>({...i,[l]:o[l].sort(n)}),{}):o;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((o,i)=>({...o,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},ipe=(e,t,r)=>{try{return _z(e,t,r)}catch(n){return $0e.warn(n.message),!1}},Q2=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:o,sort:i="none",isLoading:l}=e;if("error"in e){let{error:y}=e;return w.createElement(tz,null,y," ",w.createElement(xi,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},w.createElement(j2,null)," Read the docs"))}if(l)return w.createElement(X1e,null);let{rows:s,args:d,globals:f}="rows"in e&&e,h=ope(Nae(s,y=>!y?.table?.disable&&ipe(y,d||{},f||{})),i),p=h.ungrouped.length===0,m=Object.entries(h.sections).length===0,g=Object.entries(h.ungroupedSubsections).length===0;if(p&&m&&g)return w.createElement(epe,{inAddonPanel:a});let v=1;t&&(v+=1),n||(v+=2);let C=Object.keys(h.sections).length>0,E={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:o};return w.createElement(cT,null,w.createElement(tpe,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},w.createElement("thead",{className:"docblock-argstable-head"},w.createElement("tr",null,w.createElement("th",null,w.createElement("span",null,"Name")),n?null:w.createElement("th",null,w.createElement("span",null,"Description")),n?null:w.createElement("th",null,w.createElement("span",null,"Default")),t?w.createElement("th",null,w.createElement(npe,null,"Control"," ",!l&&r&&w.createElement(rpe,{onClick:()=>r(),title:"Reset controls"},w.createElement(HY,{"aria-hidden":!0})))):null)),w.createElement("tbody",{className:"docblock-argstable-body"},h.ungrouped.map(y=>w.createElement(jc,{key:y.key,row:y,arg:d&&d[y.key],...E})),Object.entries(h.ungroupedSubsections).map(([y,b])=>w.createElement(cm,{key:y,label:y,level:"subsection",colSpan:v},b.map(x=>w.createElement(jc,{key:x.key,row:x,arg:d&&d[x.key],expandable:C,...E})))),Object.entries(h.sections).map(([y,b])=>w.createElement(cm,{key:y,label:y,level:"section",colSpan:v},b.ungrouped.map(x=>w.createElement(jc,{key:x.key,row:x,arg:d&&d[x.key],...E})),Object.entries(b.subsections).map(([x,D])=>w.createElement(cm,{key:x,label:x,level:"subsection",colSpan:v},D.map(S=>w.createElement(jc,{key:S.key,row:S,arg:d&&d[S.key],expandable:C,...E})))))))))},lpe=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?w.createElement(Q2,{...r[0][1],...t}):w.createElement(SK,null,r.map((n,a)=>{let[o,i]=n,l=`prop_table_div_${o}`,s="div",d=a===0?t:{sort:t.sort};return w.createElement(s,{key:l,id:l,title:o},({active:f})=>f?w.createElement(Q2,{key:`prop_table_${o}`,...i,...d}):null)}))};F.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ge(.4,e.color.defaultText):ge(.6,e.color.defaultText)}));F.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});F.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});F.div(Ce,({theme:e})=>({...sp(e),margin:"25px 0 40px",padding:"30px 20px"}));F.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));F.div(({theme:e})=>({color:e.base==="light"?ge(.2,e.color.defaultText):ge(.6,e.color.defaultText)}));F.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});F.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"?ge(.4,e.color.defaultText):ge(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));F.div({display:"flex",flexDirection:"row"});F.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));F.div(({theme:e})=>({...sp(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"}));F.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});F.div({flex:1,display:"flex",flexDirection:"row"});F.div({display:"flex",alignItems:"flex-start"});F.div({flex:"0 0 30%"});F.div({flex:1});F.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ge(.4,e.color.defaultText):ge(.6,e.color.defaultText)}));F.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));F.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));F.div(({theme:e})=>({...sp(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));F.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});F.div({display:"flex",flexFlow:"row wrap"});var spe=e=>`anchor--${e}`,wz=({storyId:e,children:t})=>w.createElement("div",{id:spe(e),className:"sb-anchor"},t);Xt&&Xt.__DOCS_CONTEXT__===void 0&&(Xt.__DOCS_CONTEXT__=u.createContext(null),Xt.__DOCS_CONTEXT__.displayName="DocsContext");var Ar=Xt?Xt.__DOCS_CONTEXT__:u.createContext(null),Ao=(e,t)=>u.useContext(Ar).resolveOf(e,t),upe=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),cpe=e=>{if(e)return typeof e=="string"?e.includes("-")?upe(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function dpe(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function bz(e){return A0e(e,{allowFunction:!1})}var Ez=u.createContext({sources:{}}),xz="--unknown--",ppe=({children:e,channel:t})=>{let[r,n]=u.useState({});return u.useEffect(()=>{let a=(o,i=null,l=!1)=>{let{id:s,args:d=void 0,source:f,format:h}=typeof o=="string"?{id:o,source:i,format:l}:o,p=d?bz(d):xz;n(m=>({...m,[s]:{...m[s],[p]:{code:f,format:h}}}))};return t.on(M4,a),()=>t.off(M4,a)},[]),w.createElement(Ez.Provider,{value:{sources:r}},e)},fpe=(e,t,r)=>{let{sources:n}=r,a=n?.[e];return a?.[bz(t)]||a?.[xz]||{code:""}},hpe=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{let{__isArgsStory:a}=t.parameters,o=t.parameters.docs?.source||{},i=r||o.type||pp.AUTO;if(o.code!==void 0)return o.code;let l=i===pp.DYNAMIC||i===pp.AUTO&&e&&a?e:o.originalSource||"";return(n??o.transform)?.(l,t)||l},mpe=(e,t,r)=>{let n,{of:a}=e;if("of"in e&&a===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(a)n=t.resolveOf(a,["story"]).story;else try{n=t.storyById()}catch{}let o=n?.parameters?.docs?.source||{},{code:i}=e,l=e.format??o.format,s=e.language??o.language??"jsx",d=e.dark??o.dark??!1;if(!i&&!n)return{error:"Oh no! The source is not available."};if(i)return{code:i,format:l,language:s,dark:d};let f=t.getStoryContext(n),h=e.__forceInitialArgs?f.initialArgs:f.unmappedArgs,p=fpe(n.id,h,r);return l=p.format??n.parameters.docs?.source?.format??!1,{code:hpe({snippet:p.code,storyContext:{...f,args:h},typeFromProps:e.type,transformFromProps:e.transform}),format:l,language:s,dark:d}};function gpe(e,t){let r=vpe([e],t);return r&&r[0]}function vpe(e,t){let[r,n]=u.useState({});return u.useEffect(()=>{Promise.all(e.map(async a=>{let o=await t.loadStory(a);n(i=>i[a]===o?i:{...i,[a]:o})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}var ype=(e,t)=>{let{of:r,meta:n}=e;if("of"in e&&r===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");return n&&t.referenceMeta(n,!1),t.resolveOf(r||"story",["story"]).story.id},wpe=(e,t,r)=>{let{parameters:n={}}=t||{},{docs:a={}}=n,o=a.story||{};if(a.disable)return null;if(e.inline??o.inline??!1){let l=e.height??o.height,s=e.autoplay??o.autoplay??!1;return{story:t,inline:!0,height:l,autoplay:s,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:r.renderStoryToElement}}let i=e.height??o.height??o.iframeHeight??"100px";return{story:t,inline:!1,height:i,primary:!!e.__primary}},bpe=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=u.useContext(Ar),r=ype(e,t),n=gpe(r,t);if(!n)return w.createElement(az,null);let a=wpe(e,n,t);return a?w.createElement(ide,{...a}):null},Epe=e=>{let t=u.useContext(Ar),r=u.useContext(Ez),{of:n,source:a}=e;if("of"in e&&n===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:o}=Ao(n||"story",["story"]),i=mpe({...a,...n&&{of:n}},t,r),l=e.layout??o.parameters.layout??o.parameters.docs?.canvas?.layout??"padded",s=e.withToolbar??o.parameters.docs?.canvas?.withToolbar??!1,d=e.additionalActions??o.parameters.docs?.canvas?.additionalActions,f=e.sourceState??o.parameters.docs?.canvas?.sourceState??"hidden",h=e.className??o.parameters.docs?.canvas?.className;return w.createElement(oz,{withSource:f==="none"?void 0:i,isExpanded:f==="shown",withToolbar:s,additionalActions:d,className:h,layout:l},w.createElement(bpe,{of:n||o.moduleExport,meta:e.meta,...e.story}))},xpe=(e,t)=>{let r=t.getStoryContext(e),[n,a]=u.useState(r.globals);return u.useEffect(()=>{let o=i=>{a(i.globals)};return t.channel.on(qx,o),()=>t.channel.off(qx,o)},[t.channel]),[n]},Cpe=(e,t)=>{let r=Dpe(e,t);if(!r)throw new Error("No result when story was defined");return r},Dpe=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,o]=u.useState(r.args);u.useEffect(()=>{let s=d=>{d.storyId===n&&o(d.args)};return t.channel.on(Gx,s),()=>t.channel.off(Gx,s)},[n,t.channel]);let i=u.useCallback(s=>t.channel.emit(T0e,{storyId:n,updatedArgs:s}),[n,t.channel]),l=u.useCallback(s=>t.channel.emit(I0e,{storyId:n,argNames:s}),[n,t.channel]);return e&&[a,i,l]};function Spe(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var kpe=e=>{let{of:t}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let r=u.useContext(Ar),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:o,component:i,subcomponents:l}=n,s=a.docs?.controls||{},d=e.include??s.include,f=e.exclude??s.exclude,h=e.sort??s.sort,[p,m,g]=Cpe(n,r),[v]=xpe(n,r),C=Wx(o,d,f);if(!(l&&Object.keys(l).length>0))return Object.keys(C).length>0||Object.keys(p).length>0?w.createElement(Q2,{rows:C,sort:h,args:p,globals:v,updateArgs:m,resetArgs:g}):null;let E=cpe(i),y=Object.fromEntries(Object.entries(l).map(([x,D])=>[x,{rows:Wx(Spe(D,a),d,f),sort:h}])),b={[E]:{rows:C,sort:h},...y};return w.createElement(lpe,{tabs:b,sort:h,args:p,globals:v,updateArgs:m,resetArgs:g})},{document:Cz}=Xt,_pe=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return w.createElement(lT,null,t);let n=e&&e.split("-");return w.createElement(rz,{language:n&&n[1]||"text",format:!1,code:t,...r})};function I4(e,t){e.channel.emit(R0e,t)}var e5=HK.a,Ape=({hash:e,children:t})=>{let r=u.useContext(Ar);return w.createElement(e5,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);Cz.getElementById(a)&&I4(r,e)}},t)},Fpe=e=>{let{href:t,target:r,children:n,...a}=e,o=u.useContext(Ar);return!t||r==="_blank"||/^https?:\/\//.test(t)?w.createElement(e5,{...e}):t.startsWith("#")?w.createElement(Ape,{hash:t},n):w.createElement(e5,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),I4(o,i.currentTarget.getAttribute("href")))},target:r,...a},n)},Dz=["h1","h2","h3","h4","h5","h6"],$pe=Dz.reduce((e,t)=>({...e,[t]:F(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),Tpe=F.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),Ipe=({as:e,id:t,children:r,...n})=>{let a=u.useContext(Ar),o=$pe[e],i=`#${t}`;return w.createElement(o,{id:t,...n},w.createElement(Tpe,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:l=>{Cz.getElementById(t)&&I4(a,i)}},w.createElement(MY,null)),r)},R4=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return w.createElement(Ipe,{as:t,id:r,...a},n);let o=t,{as:i,...l}=e;return w.createElement(o,{...ye(l,t)})},Rpe=Dz.reduce((e,t)=>({...e,[t]:r=>w.createElement(R4,{as:t,...r})}),{}),zpe=e=>{if(!e.children)return null;if(typeof e.children!="string")throw new Error(Az`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}'
+            ${Ma(.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 ${Vr(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),yz=F.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),x1e=F(yz)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),C1e=F.div({display:"flex",alignItems:"center",width:"100%"});function D1e(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 S1e=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:o=1,onBlur:i,onFocus:l,argType:s})=>{let d=m=>{r(Bde(m.target.value))},f=t!==void 0,h=u.useMemo(()=>D1e(o),[o]),p=!!s?.table?.readonly;return w.createElement(C1e,{"aria-readonly":p},w.createElement(yz,null,n),w.createElement(E1e,{id:Sr(e),type:"range",disabled:p,onChange:d,name:e,value:t,min:n,max:a,step:o,onFocus:l,onBlur:i}),w.createElement(x1e,{numberOFDecimalsPlaces:h,max:a},f?t.toFixed(h):"--"," / ",a))},k1e=F.label({display:"flex"}),_1e=F.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),A1e=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:o,argType:i})=>{let l=m=>{r(m.target.value)},s=!!i?.table?.readonly,[d,f]=u.useState(!1),h=u.useCallback(()=>{r(""),f(!0)},[f]);if(t===void 0)return w.createElement(Do,{variant:"outline",size:"medium",disabled:s,id:jd(e),onClick:h},"Set string");let p=typeof t=="string";return w.createElement(k1e,null,w.createElement(Hu.Textarea,{id:Sr(e),maxLength:o,onChange:l,disabled:s,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:p?null:"error",name:e,value:p?t:"",onFocus:n,onBlur:a}),o&&w.createElement(_1e,{isMaxed:t?.length===o},t?.length??0," / ",o))},F1e=F(Hu.Input)({padding:10});function $1e(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var T1e=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{let o=u.useRef(null),i=a?.control?.readOnly;function l(s){if(!s.target.files)return;let d=Array.from(s.target.files).map(f=>URL.createObjectURL(f));e(d),$1e(n)}return u.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),w.createElement(F1e,{ref:o,id:Sr(t),type:"file",name:t,multiple:!0,disabled:i,onChange:l,accept:r,size:"flex"})},I1e=u.lazy(()=>lC(()=>import("./Color-KGDBMAHA-CJo5gHY3.js"),__vite__mapDeps([5,1,2,3,4]),import.meta.url)),R1e=e=>w.createElement(u.Suspense,{fallback:w.createElement("div",null)},w.createElement(I1e,{...e})),z1e={array:nC,object:nC,boolean:_de,color:R1e,date:Rde,number:Ode,check:No,"inline-check":No,radio:No,"inline-radio":No,select:No,"multi-select":No,range:S1e,text:A1e,file:T1e},aC=()=>w.createElement(w.Fragment,null,"-"),B1e=({row:e,arg:t,updateArgs:r,isHovered:n})=>{let{key:a,control:o}=e,[i,l]=u.useState(!1),[s,d]=u.useState({value:t});u.useEffect(()=>{i||d({value:t})},[i,t]);let f=u.useCallback(v=>(d({value:v}),r({[a]:v}),v),[r,a]),h=u.useCallback(()=>l(!1),[]),p=u.useCallback(()=>l(!0),[]);if(!o||o.disable){let v=o?.disable!==!0&&e?.type?.name!=="function";return n&&v?w.createElement(xi,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):w.createElement(aC,null)}let m={name:a,argType:e,value:s.value,onChange:f,onBlur:h,onFocus:p},g=z1e[o.type]||aC;return w.createElement(g,{...m,...o,controlType:o.type})},L1e=F.span({fontWeight:"bold"}),O1e=F.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),M1e=F.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Ca({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),P1e=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ge(.1,e.color.defaultText):ge(.2,e.color.defaultText),marginTop:t?4:0})),N1e=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ge(.1,e.color.defaultText):ge(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),j1e=F.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),H1e=e=>e&&{summary:typeof e=="string"?e:e.name},jc=e=>{let[t,r]=u.useState(!1),{row:n,updateArgs:a,compact:o,expandable:i,initialExpandedArgs:l}=e,{name:s,description:d}=n,f=n.table||{},h=f.type||H1e(n.type),p=f.defaultValue||n.defaultValue,m=n.type?.required,g=d!=null&&d!=="";return w.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},w.createElement(j1e,{expandable:i},w.createElement(L1e,null,s),m?w.createElement(O1e,{title:"Required"},"*"):null),o?null:w.createElement("td",null,g&&w.createElement(M1e,null,w.createElement(PR,null,d)),f.jsDocTags!=null?w.createElement(w.Fragment,null,w.createElement(N1e,{hasDescription:g},w.createElement(sm,{value:h,initialExpandedArgs:l})),w.createElement(hde,{tags:f.jsDocTags})):w.createElement(P1e,{hasDescription:g},w.createElement(sm,{value:h,initialExpandedArgs:l}))),o?null:w.createElement("td",null,w.createElement(sm,{value:p,initialExpandedArgs:l})),a?w.createElement("td",null,w.createElement(B1e,{...e,isHovered:t})):null)},V1e=F(PY)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ge(.25,e.color.defaultText):ge(.3,e.color.defaultText),border:"none",display:"inline-block"})),U1e=F(NY)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ge(.25,e.color.defaultText):ge(.3,e.color.defaultText),border:"none",display:"inline-block"})),W1e=F.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),q1e=F.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"?ge(.4,e.color.defaultText):ge(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),G1e=F.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),K1e=F.td(()=>({position:"relative"})),Y1e=F.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Ma(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),oC=F.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"})),cm=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[o,i]=u.useState(n),l=e==="subsection"?G1e:q1e,s=r?.length||0,d=e==="subsection"?`${s} item${s!==1?"s":""}`:"",f=`${o?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return w.createElement(w.Fragment,null,w.createElement(Y1e,{title:f},w.createElement(l,{colSpan:1},w.createElement(oC,{onClick:h=>i(!o),tabIndex:0},f),w.createElement(W1e,null,o?w.createElement(V1e,null):w.createElement(U1e,null),t)),w.createElement(K1e,{colSpan:a-1},w.createElement(oC,{onClick:h=>i(!o),tabIndex:-1,style:{outline:"none"}},f),o?null:d)),o?r:null)},Hc=F.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),Je=F.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),$e=F.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})),Qe=[2,4,2,2],X1e=()=>w.createElement(w.Fragment,null,w.createElement(Hc,null,w.createElement(Je,{numColumn:Qe[0]},w.createElement($e,{width:"60%"})),w.createElement(Je,{numColumn:Qe[1]},w.createElement($e,{width:"30%"})),w.createElement(Je,{numColumn:Qe[2]},w.createElement($e,{width:"60%"})),w.createElement(Je,{numColumn:Qe[3]},w.createElement($e,{width:"60%"}))),w.createElement(Hc,null,w.createElement(Je,{numColumn:Qe[0]},w.createElement($e,{width:"60%"})),w.createElement(Je,{numColumn:Qe[1]},w.createElement($e,{width:"80%"}),w.createElement($e,{width:"30%"})),w.createElement(Je,{numColumn:Qe[2]},w.createElement($e,{width:"60%"})),w.createElement(Je,{numColumn:Qe[3]},w.createElement($e,{width:"60%"}))),w.createElement(Hc,null,w.createElement(Je,{numColumn:Qe[0]},w.createElement($e,{width:"60%"})),w.createElement(Je,{numColumn:Qe[1]},w.createElement($e,{width:"80%"}),w.createElement($e,{width:"30%"})),w.createElement(Je,{numColumn:Qe[2]},w.createElement($e,{width:"60%"})),w.createElement(Je,{numColumn:Qe[3]},w.createElement($e,{width:"60%"}))),w.createElement(Hc,null,w.createElement(Je,{numColumn:Qe[0]},w.createElement($e,{width:"60%"})),w.createElement(Je,{numColumn:Qe[1]},w.createElement($e,{width:"80%"}),w.createElement($e,{width:"30%"})),w.createElement(Je,{numColumn:Qe[2]},w.createElement($e,{width:"60%"})),w.createElement(Je,{numColumn:Qe[3]},w.createElement($e,{width:"60%"})))),Z1e=F.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"})),J1e=F.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),Q1e=F.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),epe=({inAddonPanel:e})=>{let[t,r]=u.useState(!0);return u.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:w.createElement(Z1e,{inAddonPanel:e},w.createElement(zI,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:w.createElement(w.Fragment,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."),footer:w.createElement(J1e,null,e&&w.createElement(w.Fragment,null,w.createElement(xi,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},w.createElement(BY,null)," Watch 5m video"),w.createElement(Q1e,null),w.createElement(xi,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},w.createElement(j2,null)," Read docs")),!e&&w.createElement(xi,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},w.createElement(j2,null)," Learn how to set that up"))}))},tpe=F.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"?ge(.25,e.color.defaultText):ge(.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}}}}})),rpe=F(to)(({theme:e})=>({margin:"-4px -12px -4px 0"})),npe=F.span({display:"flex",justifyContent:"space-between"}),ape={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>+!!t.type?.required-+!!e.type?.required||e.name.localeCompare(t.name),none:void 0},ope=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([o,i])=>{let{category:l,subcategory:s}=i?.table||{};if(l){let d=r.sections[l]||{ungrouped:[],subsections:{}};if(!s)d.ungrouped.push({key:o,...i});else{let f=d.subsections[s]||[];f.push({key:o,...i}),d.subsections[s]=f}r.sections[l]=d}else if(s){let d=r.ungroupedSubsections[s]||[];d.push({key:o,...i}),r.ungroupedSubsections[s]=d}else r.ungrouped.push({key:o,...i})});let n=ape[t],a=o=>n?Object.keys(o).reduce((i,l)=>({...i,[l]:o[l].sort(n)}),{}):o;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((o,i)=>({...o,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},ipe=(e,t,r)=>{try{return _z(e,t,r)}catch(n){return $0e.warn(n.message),!1}},Q2=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:o,sort:i="none",isLoading:l}=e;if("error"in e){let{error:y}=e;return w.createElement(tz,null,y," ",w.createElement(xi,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},w.createElement(j2,null)," Read the docs"))}if(l)return w.createElement(X1e,null);let{rows:s,args:d,globals:f}="rows"in e&&e,h=ope(Nae(s,y=>!y?.table?.disable&&ipe(y,d||{},f||{})),i),p=h.ungrouped.length===0,m=Object.entries(h.sections).length===0,g=Object.entries(h.ungroupedSubsections).length===0;if(p&&m&&g)return w.createElement(epe,{inAddonPanel:a});let v=1;t&&(v+=1),n||(v+=2);let C=Object.keys(h.sections).length>0,E={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:o};return w.createElement(cT,null,w.createElement(tpe,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},w.createElement("thead",{className:"docblock-argstable-head"},w.createElement("tr",null,w.createElement("th",null,w.createElement("span",null,"Name")),n?null:w.createElement("th",null,w.createElement("span",null,"Description")),n?null:w.createElement("th",null,w.createElement("span",null,"Default")),t?w.createElement("th",null,w.createElement(npe,null,"Control"," ",!l&&r&&w.createElement(rpe,{onClick:()=>r(),title:"Reset controls"},w.createElement(HY,{"aria-hidden":!0})))):null)),w.createElement("tbody",{className:"docblock-argstable-body"},h.ungrouped.map(y=>w.createElement(jc,{key:y.key,row:y,arg:d&&d[y.key],...E})),Object.entries(h.ungroupedSubsections).map(([y,b])=>w.createElement(cm,{key:y,label:y,level:"subsection",colSpan:v},b.map(x=>w.createElement(jc,{key:x.key,row:x,arg:d&&d[x.key],expandable:C,...E})))),Object.entries(h.sections).map(([y,b])=>w.createElement(cm,{key:y,label:y,level:"section",colSpan:v},b.ungrouped.map(x=>w.createElement(jc,{key:x.key,row:x,arg:d&&d[x.key],...E})),Object.entries(b.subsections).map(([x,D])=>w.createElement(cm,{key:x,label:x,level:"subsection",colSpan:v},D.map(S=>w.createElement(jc,{key:S.key,row:S,arg:d&&d[S.key],expandable:C,...E})))))))))},lpe=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?w.createElement(Q2,{...r[0][1],...t}):w.createElement(SK,null,r.map((n,a)=>{let[o,i]=n,l=`prop_table_div_${o}`,s="div",d=a===0?t:{sort:t.sort};return w.createElement(s,{key:l,id:l,title:o},({active:f})=>f?w.createElement(Q2,{key:`prop_table_${o}`,...i,...d}):null)}))};F.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ge(.4,e.color.defaultText):ge(.6,e.color.defaultText)}));F.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});F.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});F.div(Ce,({theme:e})=>({...sp(e),margin:"25px 0 40px",padding:"30px 20px"}));F.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));F.div(({theme:e})=>({color:e.base==="light"?ge(.2,e.color.defaultText):ge(.6,e.color.defaultText)}));F.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});F.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"?ge(.4,e.color.defaultText):ge(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));F.div({display:"flex",flexDirection:"row"});F.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));F.div(({theme:e})=>({...sp(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"}));F.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});F.div({flex:1,display:"flex",flexDirection:"row"});F.div({display:"flex",alignItems:"flex-start"});F.div({flex:"0 0 30%"});F.div({flex:1});F.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ge(.4,e.color.defaultText):ge(.6,e.color.defaultText)}));F.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));F.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));F.div(({theme:e})=>({...sp(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));F.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});F.div({display:"flex",flexFlow:"row wrap"});var spe=e=>`anchor--${e}`,wz=({storyId:e,children:t})=>w.createElement("div",{id:spe(e),className:"sb-anchor"},t);Xt&&Xt.__DOCS_CONTEXT__===void 0&&(Xt.__DOCS_CONTEXT__=u.createContext(null),Xt.__DOCS_CONTEXT__.displayName="DocsContext");var Ar=Xt?Xt.__DOCS_CONTEXT__:u.createContext(null),Ao=(e,t)=>u.useContext(Ar).resolveOf(e,t),upe=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),cpe=e=>{if(e)return typeof e=="string"?e.includes("-")?upe(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function dpe(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function bz(e){return A0e(e,{allowFunction:!1})}var Ez=u.createContext({sources:{}}),xz="--unknown--",ppe=({children:e,channel:t})=>{let[r,n]=u.useState({});return u.useEffect(()=>{let a=(o,i=null,l=!1)=>{let{id:s,args:d=void 0,source:f,format:h}=typeof o=="string"?{id:o,source:i,format:l}:o,p=d?bz(d):xz;n(m=>({...m,[s]:{...m[s],[p]:{code:f,format:h}}}))};return t.on(M4,a),()=>t.off(M4,a)},[]),w.createElement(Ez.Provider,{value:{sources:r}},e)},fpe=(e,t,r)=>{let{sources:n}=r,a=n?.[e];return a?.[bz(t)]||a?.[xz]||{code:""}},hpe=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{let{__isArgsStory:a}=t.parameters,o=t.parameters.docs?.source||{},i=r||o.type||pp.AUTO;if(o.code!==void 0)return o.code;let l=i===pp.DYNAMIC||i===pp.AUTO&&e&&a?e:o.originalSource||"";return(n??o.transform)?.(l,t)||l},mpe=(e,t,r)=>{let n,{of:a}=e;if("of"in e&&a===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(a)n=t.resolveOf(a,["story"]).story;else try{n=t.storyById()}catch{}let o=n?.parameters?.docs?.source||{},{code:i}=e,l=e.format??o.format,s=e.language??o.language??"jsx",d=e.dark??o.dark??!1;if(!i&&!n)return{error:"Oh no! The source is not available."};if(i)return{code:i,format:l,language:s,dark:d};let f=t.getStoryContext(n),h=e.__forceInitialArgs?f.initialArgs:f.unmappedArgs,p=fpe(n.id,h,r);return l=p.format??n.parameters.docs?.source?.format??!1,{code:hpe({snippet:p.code,storyContext:{...f,args:h},typeFromProps:e.type,transformFromProps:e.transform}),format:l,language:s,dark:d}};function gpe(e,t){let r=vpe([e],t);return r&&r[0]}function vpe(e,t){let[r,n]=u.useState({});return u.useEffect(()=>{Promise.all(e.map(async a=>{let o=await t.loadStory(a);n(i=>i[a]===o?i:{...i,[a]:o})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}var ype=(e,t)=>{let{of:r,meta:n}=e;if("of"in e&&r===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");return n&&t.referenceMeta(n,!1),t.resolveOf(r||"story",["story"]).story.id},wpe=(e,t,r)=>{let{parameters:n={}}=t||{},{docs:a={}}=n,o=a.story||{};if(a.disable)return null;if(e.inline??o.inline??!1){let l=e.height??o.height,s=e.autoplay??o.autoplay??!1;return{story:t,inline:!0,height:l,autoplay:s,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:r.renderStoryToElement}}let i=e.height??o.height??o.iframeHeight??"100px";return{story:t,inline:!1,height:i,primary:!!e.__primary}},bpe=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=u.useContext(Ar),r=ype(e,t),n=gpe(r,t);if(!n)return w.createElement(az,null);let a=wpe(e,n,t);return a?w.createElement(ide,{...a}):null},Epe=e=>{let t=u.useContext(Ar),r=u.useContext(Ez),{of:n,source:a}=e;if("of"in e&&n===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:o}=Ao(n||"story",["story"]),i=mpe({...a,...n&&{of:n}},t,r),l=e.layout??o.parameters.layout??o.parameters.docs?.canvas?.layout??"padded",s=e.withToolbar??o.parameters.docs?.canvas?.withToolbar??!1,d=e.additionalActions??o.parameters.docs?.canvas?.additionalActions,f=e.sourceState??o.parameters.docs?.canvas?.sourceState??"hidden",h=e.className??o.parameters.docs?.canvas?.className;return w.createElement(oz,{withSource:f==="none"?void 0:i,isExpanded:f==="shown",withToolbar:s,additionalActions:d,className:h,layout:l},w.createElement(bpe,{of:n||o.moduleExport,meta:e.meta,...e.story}))},xpe=(e,t)=>{let r=t.getStoryContext(e),[n,a]=u.useState(r.globals);return u.useEffect(()=>{let o=i=>{a(i.globals)};return t.channel.on(qx,o),()=>t.channel.off(qx,o)},[t.channel]),[n]},Cpe=(e,t)=>{let r=Dpe(e,t);if(!r)throw new Error("No result when story was defined");return r},Dpe=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,o]=u.useState(r.args);u.useEffect(()=>{let s=d=>{d.storyId===n&&o(d.args)};return t.channel.on(Gx,s),()=>t.channel.off(Gx,s)},[n,t.channel]);let i=u.useCallback(s=>t.channel.emit(T0e,{storyId:n,updatedArgs:s}),[n,t.channel]),l=u.useCallback(s=>t.channel.emit(I0e,{storyId:n,argNames:s}),[n,t.channel]);return e&&[a,i,l]};function Spe(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var kpe=e=>{let{of:t}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let r=u.useContext(Ar),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:o,component:i,subcomponents:l}=n,s=a.docs?.controls||{},d=e.include??s.include,f=e.exclude??s.exclude,h=e.sort??s.sort,[p,m,g]=Cpe(n,r),[v]=xpe(n,r),C=Wx(o,d,f);if(!(l&&Object.keys(l).length>0))return Object.keys(C).length>0||Object.keys(p).length>0?w.createElement(Q2,{rows:C,sort:h,args:p,globals:v,updateArgs:m,resetArgs:g}):null;let E=cpe(i),y=Object.fromEntries(Object.entries(l).map(([x,D])=>[x,{rows:Wx(Spe(D,a),d,f),sort:h}])),b={[E]:{rows:C,sort:h},...y};return w.createElement(lpe,{tabs:b,sort:h,args:p,globals:v,updateArgs:m,resetArgs:g})},{document:Cz}=Xt,_pe=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return w.createElement(lT,null,t);let n=e&&e.split("-");return w.createElement(rz,{language:n&&n[1]||"text",format:!1,code:t,...r})};function I4(e,t){e.channel.emit(R0e,t)}var e5=HK.a,Ape=({hash:e,children:t})=>{let r=u.useContext(Ar);return w.createElement(e5,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);Cz.getElementById(a)&&I4(r,e)}},t)},Fpe=e=>{let{href:t,target:r,children:n,...a}=e,o=u.useContext(Ar);return!t||r==="_blank"||/^https?:\/\//.test(t)?w.createElement(e5,{...e}):t.startsWith("#")?w.createElement(Ape,{hash:t},n):w.createElement(e5,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),I4(o,i.currentTarget.getAttribute("href")))},target:r,...a},n)},Dz=["h1","h2","h3","h4","h5","h6"],$pe=Dz.reduce((e,t)=>({...e,[t]:F(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),Tpe=F.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),Ipe=({as:e,id:t,children:r,...n})=>{let a=u.useContext(Ar),o=$pe[e],i=`#${t}`;return w.createElement(o,{id:t,...n},w.createElement(Tpe,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:l=>{Cz.getElementById(t)&&I4(a,i)}},w.createElement(MY,null)),r)},R4=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return w.createElement(Ipe,{as:t,id:r,...a},n);let o=t,{as:i,...l}=e;return w.createElement(o,{...ye(l,t)})},Rpe=Dz.reduce((e,t)=>({...e,[t]:r=>w.createElement(R4,{as:t,...r})}),{}),zpe=e=>{if(!e.children)return null;if(typeof e.children!="string")throw new Error(Az`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}'
         This is often caused by not wrapping the child in a template string.
         
         This is invalid:

package/storybook-static/assets/{index-sm7QlJZE.js → index-C3ChPTMh.js}

@@ -1 +1 @@
-import{o as p,X as i,S as l,D as m,m as c,a as T,A as b,Z as d,l as S,u as B,s as L,H as C,b as H,J as u,O as g,w as y,c as I,p as h,d as k,f as P,h as W,e as A,g as F,i as x,j as D,B as R,v as f,k as v,n as E,q as M,r as N,C as q,t as w,y as O,I as U,x as Z,z as j,E as z,F as G,G as J,K,_ as Q,M as V,L as X,N as Y,P as _,Q as $,R as aa,T as sa,U as oa,V as ta,W as ea,Y as ra,$ as na,a0 as pa,a1 as ia,a2 as la,a3 as ma,a4 as ca,a5 as Ta,a6 as ba,a7 as da,a8 as Sa,a9 as Ba,aa as La,ab as Ca,ac as Ha,ad as ua}from"./index-BnXBQqj9.js";import"./iframe-D4Sos1HO.js";import"../sb-preview/runtime.js";import"./index-D-8MO0q_.js";import"./index-DGdNYaqV.js";import"./index-DrFu-skq.js";export{p as A,i as ActionBar,l as AddonPanel,m as Badge,c as Bar,T as Blockquote,b as Button,d as ClipboardCode,S as Code,B as DL,L as Div,C as DocumentWrapper,H as EmptyTabContent,u as ErrorFormatter,g as FlexBar,y as Form,I as H1,h as H2,k as H3,P as H4,W as H5,A as H6,F as HR,x as IconButton,D as IconButtonSkeleton,R as Icons,f as Img,v as LI,E as Link,M as ListItem,N as Loader,q as Modal,w as OL,O as P,U as Placeholder,Z as Pre,j as ResetWrapper,z as ScrollArea,G as Separator,J as Spaced,K as Span,Q as StorybookIcon,V as StorybookLogo,X as Symbols,Y as SyntaxHighlighter,_ as TT,$ as TabBar,aa as TabButton,sa as TabWrapper,oa as Table,ta as Tabs,ea as TabsState,ra as TooltipLinkList,na as TooltipMessage,pa as TooltipNote,ia as UL,la as WithTooltip,ma as WithTooltipPure,ca as Zoom,Ta as codeCommon,ba as components,da as createCopyToClipboardFunction,Sa as getStoryHref,Ba as icons,La as interleaveSeparators,Ca as nameSpaceClassNames,Ha as resetComponents,ua as withReset};
+import{o as p,X as i,S as l,D as m,m as c,a as T,A as b,Z as d,l as S,u as B,s as L,H as C,b as H,J as u,O as g,w as y,c as I,p as h,d as k,f as P,h as W,e as A,g as F,i as x,j as D,B as R,v as f,k as v,n as E,q as M,r as N,C as q,t as w,y as O,I as U,x as Z,z as j,E as z,F as G,G as J,K,_ as Q,M as V,L as X,N as Y,P as _,Q as $,R as aa,T as sa,U as oa,V as ta,W as ea,Y as ra,$ as na,a0 as pa,a1 as ia,a2 as la,a3 as ma,a4 as ca,a5 as Ta,a6 as ba,a7 as da,a8 as Sa,a9 as Ba,aa as La,ab as Ca,ac as Ha,ad as ua}from"./index-Ay195x2L.js";import"./iframe-Dfrt81rk.js";import"../sb-preview/runtime.js";import"./index-D-8MO0q_.js";import"./index-DGdNYaqV.js";import"./index-DrFu-skq.js";export{p as A,i as ActionBar,l as AddonPanel,m as Badge,c as Bar,T as Blockquote,b as Button,d as ClipboardCode,S as Code,B as DL,L as Div,C as DocumentWrapper,H as EmptyTabContent,u as ErrorFormatter,g as FlexBar,y as Form,I as H1,h as H2,k as H3,P as H4,W as H5,A as H6,F as HR,x as IconButton,D as IconButtonSkeleton,R as Icons,f as Img,v as LI,E as Link,M as ListItem,N as Loader,q as Modal,w as OL,O as P,U as Placeholder,Z as Pre,j as ResetWrapper,z as ScrollArea,G as Separator,J as Spaced,K as Span,Q as StorybookIcon,V as StorybookLogo,X as Symbols,Y as SyntaxHighlighter,_ as TT,$ as TabBar,aa as TabButton,sa as TabWrapper,oa as Table,ta as Tabs,ea as TabsState,ra as TooltipLinkList,na as TooltipMessage,pa as TooltipNote,ia as UL,la as WithTooltip,ma as WithTooltipPure,ca as Zoom,Ta as codeCommon,ba as components,da as createCopyToClipboardFunction,Sa as getStoryHref,Ba as icons,La as interleaveSeparators,Ca as nameSpaceClassNames,Ha as resetComponents,ua as withReset};

package/storybook-static/assets/{index-Dz4OaB2k.js → index-C7lvoJNv.js}

@@ -1 +1 @@
-import{ae as e}from"./index-BnXBQqj9.js";const o={},c=e.createContext(o);function u(n){const t=e.useContext(c);return e.useMemo(function(){return typeof n=="function"?n(t):{...t,...n}},[t,n])}function s(n){let t;return n.disableParentContext?t=typeof n.components=="function"?n.components(o):n.components||o:t=u(n.components),e.createElement(c.Provider,{value:t},n.children)}export{s as M,u};
+import{ae as e}from"./index-Ay195x2L.js";const o={},c=e.createContext(o);function u(n){const t=e.useContext(c);return e.useMemo(function(){return typeof n=="function"?n(t):{...t,...n}},[t,n])}function s(n){let t;return n.disableParentContext?t=typeof n.components=="function"?n.components(o):n.components||o:t=u(n.components),e.createElement(c.Provider,{value:t},n.children)}export{s as M,u};

package/storybook-static/assets/{index-Cpxqn5iQ.js → index-Gpdhz4ab.js}

@@ -1 +1 @@
-import{M,u as a}from"./index-Dz4OaB2k.js";import"./index-BnXBQqj9.js";import"./iframe-D4Sos1HO.js";import"../sb-preview/runtime.js";import"./index-D-8MO0q_.js";import"./index-DGdNYaqV.js";import"./index-DrFu-skq.js";export{M as MDXProvider,a as useMDXComponents};
+import{M,u as a}from"./index-C7lvoJNv.js";import"./index-Ay195x2L.js";import"./iframe-Dfrt81rk.js";import"../sb-preview/runtime.js";import"./index-D-8MO0q_.js";import"./index-DGdNYaqV.js";import"./index-DrFu-skq.js";export{M as MDXProvider,a as useMDXComponents};