@bethinkpl/design-system 29.2.1 → 29.3.0

package/docs/assets/{DocsRenderer-CFRXHY34-7UkMmLSl.js → DocsRenderer-CFRXHY34-DPtMtGg6.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-CyNq9Pcs.js","./iframe-Dx1h5O--.js","./index-C7dYv50j.js","./Color-ERTF36HU-DNDBr2Lw.js","./index-CupCHp3X.js"])))=>i.map(i=>d[i]);
-var O$=Object.defineProperty;var M$=(e,t,r)=>t in e?O$(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var Ri=(e,t,r)=>M$(e,typeof t!="symbol"?t+"":t,r);import{_ as A4}from"./iframe-Dx1h5O--.js";import{y as j6,D as rh}from"./index-C7dYv50j.js";var m0=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{};function Dl(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var nh={exports:{}},Ie={};/**
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-Dd4v1DO6.js","./iframe-Cdu_IgPB.js","./index-C7dYv50j.js","./Color-ERTF36HU-DYApUIcb.js","./index-01VS1SvV.js"])))=>i.map(i=>d[i]);
+var O$=Object.defineProperty;var M$=(e,t,r)=>t in e?O$(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var Ri=(e,t,r)=>M$(e,typeof t!="symbol"?t+"":t,r);import{_ as A4}from"./iframe-Cdu_IgPB.js";import{y as j6,D as rh}from"./index-C7dYv50j.js";var m0=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{};function Dl(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var nh={exports:{}},Ie={};/**
  * @license React
  * react.production.min.js
  *
@@ -602,7 +602,7 @@ ${t}`);let r=t.match(BX);if(!r)return D.createElement(d.Fragment,null,t);let[,n,
 `)})}n[0]=n[0].replace(/^\r?\n/,"");var s=n[0];return t.forEach(function(u,f){var h=s.match(/(?:^|\n)( *)$/),v=h?h[1]:"",y=u;typeof u=="string"&&u.includes(`
 `)&&(y=String(u).split(`
 `).map(function(g,w){return w===0?g:""+v+g}).join(`
-`)),s+=y+n[f+1]}),s}const{global:Br}=__STORYBOOK_MODULE_GLOBAL__,{deprecate:Ioe,once:Toe,logger:ab}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{filterArgTypes:cA,composeConfigs:Oue,Preview:Mue,DocsContext:Pue}=__STORYBOOK_MODULE_PREVIEW_API__,{STORY_ARGS_UPDATED:dA,UPDATE_STORY_ARGS:zoe,RESET_STORY_ARGS:Boe,GLOBALS_UPDATED:fA,NAVIGATE_URL:Loe}=__STORYBOOK_MODULE_CORE_EVENTS__,{Channel:Nue}=__STORYBOOK_MODULE_CHANNELS__;var Ooe=Sl({"../../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}}}),Moe=Sl({"../../node_modules/tocbot/src/js/build-html.js"(e,t){t.exports=function(r){var n=[].forEach,o=[].some,l=document.body,s,u=!0,f=" ";function h(k,R){var T=R.appendChild(y(k));if(k.children.length){var z=g(k.isCollapsed);k.children.forEach(function(B){h(B,z)}),T.appendChild(z)}}function v(k,R){var T=!1,z=g(T);if(R.forEach(function(B){h(B,z)}),s=k||s,s!==null)return s.firstChild&&s.removeChild(s.firstChild),R.length===0?s:s.appendChild(z)}function y(k){var R=document.createElement("li"),T=document.createElement("a");return r.listItemClass&&R.setAttribute("class",r.listItemClass),r.onClick&&(T.onclick=r.onClick),r.includeTitleTags&&T.setAttribute("title",k.textContent),r.includeHtml&&k.childNodes.length?n.call(k.childNodes,function(z){T.appendChild(z.cloneNode(!0))}):T.textContent=k.textContent,T.setAttribute("href",r.basePath+"#"+k.id),T.setAttribute("class",r.linkClass+f+"node-name--"+k.nodeName+f+r.extraLinkClasses),R.appendChild(T),R}function g(k){var R=r.orderedList?"ol":"ul",T=document.createElement(R),z=r.listClass+f+r.extraListClasses;return k&&(z=z+f+r.collapsibleClass,z=z+f+r.isCollapsedClass),T.setAttribute("class",z),T}function w(){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var k;k=document.querySelector(r.scrollContainer).scrollTop}else k=document.documentElement.scrollTop||l.scrollTop;var R=document.querySelector(r.positionFixedSelector);r.fixedSidebarOffset==="auto"&&(r.fixedSidebarOffset=s.offsetTop),k>r.fixedSidebarOffset?R.className.indexOf(r.positionFixedClass)===-1&&(R.className+=f+r.positionFixedClass):R.className=R.className.replace(f+r.positionFixedClass,"")}function E(k){var R=0;return k!==null&&(R=k.offsetTop,r.hasInnerContainers&&(R+=E(k.offsetParent))),R}function C(k,R){return k&&k.className!==R&&(k.className=R),k}function S(k){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var R;R=document.querySelector(r.scrollContainer).scrollTop}else R=document.documentElement.scrollTop||l.scrollTop;r.positionFixedSelector&&w();var T=k,z;if(u&&s!==null&&T.length>0){o.call(T,function(ne,X){if(E(ne)>R+r.headingsOffset+10){var ie=X===0?X:X-1;return z=T[ie],!0}else if(X===T.length-1)return z=T[T.length-1],!0});var B=s.querySelector("."+r.activeLinkClass),L=s.querySelector("."+r.linkClass+".node-name--"+z.nodeName+'[href="'+r.basePath+"#"+z.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1")+'"]');if(B===L)return;var $=s.querySelectorAll("."+r.linkClass);n.call($,function(ne){C(ne,ne.className.replace(f+r.activeLinkClass,""))});var j=s.querySelectorAll("."+r.listItemClass);n.call(j,function(ne){C(ne,ne.className.replace(f+r.activeListItemClass,""))}),L&&L.className.indexOf(r.activeLinkClass)===-1&&(L.className+=f+r.activeLinkClass);var Y=L&&L.parentNode;Y&&Y.className.indexOf(r.activeListItemClass)===-1&&(Y.className+=f+r.activeListItemClass);var G=s.querySelectorAll("."+r.listClass+"."+r.collapsibleClass);n.call(G,function(ne){ne.className.indexOf(r.isCollapsedClass)===-1&&(ne.className+=f+r.isCollapsedClass)}),L&&L.nextSibling&&L.nextSibling.className.indexOf(r.isCollapsedClass)!==-1&&C(L.nextSibling,L.nextSibling.className.replace(f+r.isCollapsedClass,"")),F(L&&L.parentNode.parentNode)}}function F(k){return k&&k.className.indexOf(r.collapsibleClass)!==-1&&k.className.indexOf(r.isCollapsedClass)!==-1?(C(k,k.className.replace(f+r.isCollapsedClass,"")),F(k.parentNode.parentNode)):k}function _(k){var R=k.target||k.srcElement;typeof R.className!="string"||R.className.indexOf(r.linkClass)===-1||(u=!1)}function A(){u=!0}return{enableTocAnimation:A,disableTocAnimation:_,render:v,updateToc:S}}}}),Poe=Sl({"../../node_modules/tocbot/src/js/parse-content.js"(e,t){t.exports=function(r){var n=[].reduce;function o(y){return y[y.length-1]}function l(y){return+y.nodeName.toUpperCase().replace("H","")}function s(y){try{return y instanceof window.HTMLElement||y instanceof window.parent.HTMLElement}catch{return y instanceof window.HTMLElement}}function u(y){if(!s(y))return y;if(r.ignoreHiddenElements&&(!y.offsetHeight||!y.offsetParent))return null;let g=y.getAttribute("data-heading-label")||(r.headingLabelCallback?String(r.headingLabelCallback(y.innerText)):(y.innerText||y.textContent).trim());var w={id:y.id,children:[],nodeName:y.nodeName,headingLevel:l(y),textContent:g};return r.includeHtml&&(w.childNodes=y.childNodes),r.headingObjectCallback?r.headingObjectCallback(w,y):w}function f(y,g){for(var w=u(y),E=w.headingLevel,C=g,S=o(C),F=S?S.headingLevel:0,_=E-F;_>0&&(S=o(C),!(S&&E===S.headingLevel));)S&&S.children!==void 0&&(C=S.children),_--;return E>=r.collapseDepth&&(w.isCollapsed=!0),C.push(w),C}function h(y,g){var w=g;r.ignoreSelector&&(w=g.split(",").map(function(E){return E.trim()+":not("+r.ignoreSelector+")"}));try{return y.querySelectorAll(w)}catch{return console.warn("Headers not found with selector: "+w),null}}function v(y){return n.call(y,function(g,w){var E=u(w);return E&&f(E,g.nest),g},{nest:[]})}return{nestHeadingsArray:v,selectHeadings:h}}}}),Noe=Sl({"../../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 o=n.querySelector("."+r.activeListItemClass);o&&(n.scrollTop=o.offsetTop-r.tocScrollOffset)}}}}),$oe=Sl({"../../node_modules/tocbot/src/js/scroll-smooth/index.js"(e){e.initSmoothScrolling=t;function t(n){var o=n.duration,l=n.offset,s=location.hash?h(location.href):location.href;u();function u(){document.body.addEventListener("click",y,!1);function y(g){!f(g.target)||g.target.className.indexOf("no-smooth-scroll")>-1||g.target.href.charAt(g.target.href.length-2)==="#"&&g.target.href.charAt(g.target.href.length-1)==="!"||g.target.className.indexOf(n.linkClass)===-1||r(g.target.hash,{duration:o,offset:l,callback:function(){v(g.target.hash)}})}}function f(y){return y.tagName.toLowerCase()==="a"&&(y.hash.length>0||y.href.charAt(y.href.length-1)==="#")&&(h(y.href)===s||h(y.href)+"#"===s)}function h(y){return y.slice(0,y.lastIndexOf("#"))}function v(y){var g=document.getElementById(y.substring(1));g&&(/^(?:a|select|input|button|textarea)$/i.test(g.tagName)||(g.tabIndex=-1),g.focus())}}function r(n,o){var l=window.pageYOffset,s={duration:o.duration,offset:o.offset||0,callback:o.callback,easing:o.easing||E},u=document.querySelector('[id="'+decodeURI(n).split("#").join("")+'"]')||document.querySelector('[id="'+n.split("#").join("")+'"]'),f=typeof n=="string"?s.offset+(n?u&&u.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):n,h=typeof s.duration=="function"?s.duration(f):s.duration,v,y;requestAnimationFrame(function(C){v=C,g(C)});function g(C){y=C-v,window.scrollTo(0,s.easing(y,l,f,h)),y<h?requestAnimationFrame(g):w()}function w(){window.scrollTo(0,l+f),typeof s.callback=="function"&&s.callback()}function E(C,S,F,_){return C/=_/2,C<1?F/2*C*C+S:(C--,-F/2*(C*(C-2)-1)+S)}}}}),Hoe=Sl({"../../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=Ooe(),o={},l={},s=Moe(),u=Poe(),f=Noe(),h,v,y=!!r&&!!r.document&&!!r.document.querySelector&&!!r.addEventListener;if(typeof window>"u"&&!y)return;var g,w=Object.prototype.hasOwnProperty;function E(){for(var _={},A=0;A<arguments.length;A++){var k=arguments[A];for(var R in k)w.call(k,R)&&(_[R]=k[R])}return _}function C(_,A,k){A||(A=250);var R,T;return function(){var z=this,B=+new Date,L=arguments;R&&B<R+A?(clearTimeout(T),T=setTimeout(function(){R=B,_.apply(z,L)},A)):(R=B,_.apply(z,L))}}function S(_){try{return _.contentElement||document.querySelector(_.contentSelector)}catch{return console.warn("Contents element not found: "+_.contentSelector),null}}function F(_){try{return _.tocElement||document.querySelector(_.tocSelector)}catch{return console.warn("TOC element not found: "+_.tocSelector),null}}return l.destroy=function(){var _=F(o);_!==null&&(o.skipRendering||_&&(_.innerHTML=""),o.scrollContainer&&document.querySelector(o.scrollContainer)?(document.querySelector(o.scrollContainer).removeEventListener("scroll",this._scrollListener,!1),document.querySelector(o.scrollContainer).removeEventListener("resize",this._scrollListener,!1),h&&document.querySelector(o.scrollContainer).removeEventListener("click",this._clickListener,!1)):(document.removeEventListener("scroll",this._scrollListener,!1),document.removeEventListener("resize",this._scrollListener,!1),h&&document.removeEventListener("click",this._clickListener,!1)))},l.init=function(_){if(y){o=E(n,_||{}),this.options=o,this.state={},o.scrollSmooth&&(o.duration=o.scrollSmoothDuration,o.offset=o.scrollSmoothOffset,l.scrollSmooth=$oe().initSmoothScrolling(o)),h=s(o),v=u(o),this._buildHtml=h,this._parseContent=v,this._headingsArray=g,l.destroy();var A=S(o);if(A!==null){var k=F(o);if(k!==null&&(g=v.selectHeadings(A,o.headingSelector),g!==null)){var R=v.nestHeadingsArray(g),T=R.nest;if(!o.skipRendering)h.render(k,T);else return this;this._scrollListener=C(function(B){h.updateToc(g),!o.disableTocScrollSync&&f(o);var L=B&&B.target&&B.target.scrollingElement&&B.target.scrollingElement.scrollTop===0;(B&&(B.eventPhase===0||B.currentTarget===null)||L)&&(h.updateToc(g),o.scrollEndCallback&&o.scrollEndCallback(B))},o.throttleTimeout),this._scrollListener(),o.scrollContainer&&document.querySelector(o.scrollContainer)?(document.querySelector(o.scrollContainer).addEventListener("scroll",this._scrollListener,!1),document.querySelector(o.scrollContainer).addEventListener("resize",this._scrollListener,!1)):(document.addEventListener("scroll",this._scrollListener,!1),document.addEventListener("resize",this._scrollListener,!1));var z=null;return this._clickListener=C(function(B){o.scrollSmooth&&h.disableTocAnimation(B),h.updateToc(g),z&&clearTimeout(z),z=setTimeout(function(){h.enableTocAnimation()},o.scrollSmoothDuration)},o.throttleTimeout),o.scrollContainer&&document.querySelector(o.scrollContainer)?document.querySelector(o.scrollContainer).addEventListener("click",this._clickListener,!1):document.addEventListener("click",this._clickListener,!1),this}}}},l.refresh=function(_){l.destroy(),l.init(_||this.options)},r.tocbot=l,l})}}),joe=M.div(at,({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:We(.3,e.color.defaultText),fontSize:e.typography.size.s2})),hP=e=>D.createElement(joe,{...e,className:"docblock-emptyblock sb-unstyled"}),qoe=M(xw)(({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"}})),Voe=M.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"})),W0=M.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${Pv}`]:{margin:0}})),Uoe=()=>D.createElement(Voe,null,D.createElement(W0,null),D.createElement(W0,{style:{width:"80%"}}),D.createElement(W0,{style:{width:"30%"}}),D.createElement(W0,{style:{width:"80%"}})),mP=({isLoading:e,error:t,language:r,code:n,dark:o,format:l=!1,...s})=>{let{typography:u}=eF();if(e)return D.createElement(Uoe,null);if(t)return D.createElement(hP,null,t);let f=D.createElement(qoe,{bordered:!0,copyable:!0,format:l,language:r,className:"docblock-source sb-unstyled",...s},n);if(typeof o>"u")return f;let h=o?Ov.dark:Ov.light;return D.createElement(tF,{theme:Mv({...h,fontCode:u.fonts.mono,fontBase:u.fonts.base})},f)},gt=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,ob=600,Woe=M.h1(at,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${ob}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),Goe=M.h2(at,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${ob}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:We(.25,e.color.defaultText)})),Koe=M.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"?We(.1,e.color.defaultText):We(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[gt("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}},[gt("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}},[gt("div")]:t,[gt("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}},[gt("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[gt("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[gt("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[gt("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[gt("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[gt("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[gt("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[gt("img")]:{maxWidth:"100%"},[gt("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[gt("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[gt("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[gt("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"}},[gt("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"}}},[gt("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}},[gt("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),Yoe=M.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${ob}px)`]:{}})),Zoe=({children:e,toc:t})=>D.createElement(Yoe,{className:"sbdocs sbdocs-wrapper"},D.createElement(Koe,{className:"sbdocs sbdocs-content"},e),t),yp=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}`}),{window:Xoe}=Br,Joe=class extends d.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=Xoe.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:o,...l}=this.props;return D.createElement("iframe",{id:e,title:t,src:r,...n?{allow:"fullscreen"}:{},loading:"lazy",...l})}},gP=d.createContext({scale:1}),{PREVIEW_URL:Qoe}=Br,eie=Qoe||"iframe.html",E4=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,tie=e=>{let t=d.useRef(),[r,n]=d.useState(!0),[o,l]=d.useState(),{story:s,height:u,autoplay:f,forceInitialArgs:h,renderStoryToElement:v}=e;return d.useEffect(()=>{if(!(s&&t.current))return()=>{};let y=t.current,g=v(s,y,{showMain:()=>{},showError:({title:w,description:E})=>l(new Error(`${w} - ${E}`)),showException:w=>l(w)},{autoplay:f,forceInitialArgs:h});return n(!1),()=>{Promise.resolve().then(()=>g())}},[f,v,s]),o?D.createElement("pre",null,D.createElement(PX,{error:o})):D.createElement(D.Fragment,null,u?D.createElement("style",null,`#${E4(e)} { min-height: ${u}; transform: translateZ(0); overflow: auto }`):null,r&&D.createElement(vP,null),D.createElement("div",{ref:t,id:`${E4(e)}-inner`,"data-name":s.name}))},rie=({story:e,height:t="500px"})=>D.createElement("div",{style:{width:"100%",height:t}},D.createElement(gP.Consumer,null,({scale:r})=>D.createElement(Joe,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:lQ(eie,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),nie=M.strong(({theme:e})=>({color:e.color.orange})),aie=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?D.createElement(nie,null,"This story mounts inside of play. Set"," ",D.createElement("a",{href:"https://storybook.js.org/docs/api/doc-blocks/doc-block-story#autoplay"},"autoplay")," ","to true to view this story."):D.createElement("div",{id:E4(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?D.createElement(tie,{...e}):D.createElement(rie,{...e}))},vP=()=>D.createElement(iQ,null),oie=M(zw)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),iie=M.div({display:"flex",alignItems:"center",gap:4}),lie=M.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`})),sie=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:o,...l})=>D.createElement(oie,{...l},D.createElement(iie,{key:"left"},e?[1,2,3].map(s=>D.createElement(lie,{key:s})):D.createElement(D.Fragment,null,D.createElement(No,{key:"zoomin",onClick:s=>{s.preventDefault(),n(.8)},title:"Zoom in"},D.createElement(XQ,null)),D.createElement(No,{key:"zoomout",onClick:s=>{s.preventDefault(),n(1.25)},title:"Zoom out"},D.createElement(JQ,null)),D.createElement(No,{key:"zoomreset",onClick:s=>{s.preventDefault(),o()},title:"Reset zoom"},D.createElement(QQ,null))))),uie=M.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)`}}:{}),pA=M(mP)(({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)":gn(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":gn(.05,e.background.content)}})),cie=M.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...yp(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),die=(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:D.createElement(pA,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:D.createElement(pA,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function fie(e){if(d.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var pie=M(sie)({position:"absolute",top:0,left:0,right:0,height:40}),hie=M.div({overflow:"hidden",position:"relative"}),yP=({isLoading:e,isColumn:t,columns:r,children:n,withSource:o,withToolbar:l=!1,isExpanded:s=!1,additionalActions:u,className:f,layout:h="padded",...v})=>{let[y,g]=d.useState(s),{source:w,actionItem:E}=die(o,y,g),[C,S]=d.useState(1),F=[f].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),_=o?[E]:[],[A,k]=d.useState(u?[...u]:[]),R=[..._,...A],{window:T}=Br,z=d.useCallback(async L=>{let{createCopyToClipboardFunction:$}=await A4(()=>import("./index-CyNq9Pcs.js"),__vite__mapDeps([0,1,2]),import.meta.url);$()},[]),B=L=>{let $=T.getSelection();$&&$.type==="Range"||(L.preventDefault(),A.filter(j=>j.title==="Copied").length===0&&z(w.props.code).then(()=>{k([...A,{title:"Copied",onClick:()=>{}}]),T.setTimeout(()=>k(A.filter(j=>j.title!=="Copied")),1500)}))};return D.createElement(cie,{withSource:o,withToolbar:l,...v,className:F.join(" ")},l&&D.createElement(pie,{isLoading:e,border:!0,zoom:L=>S(C*L),resetZoom:()=>S(1),storyId:fie(n),baseUrl:"./iframe.html"}),D.createElement(gP.Provider,{value:{scale:C}},D.createElement(hie,{className:"docs-story",onCopyCapture:o&&B},D.createElement(uie,{isColumn:t||!Array.isArray(n),columns:r,layout:h},D.createElement(RX.Element,{scale:C},Array.isArray(n)?n.map((L,$)=>D.createElement("div",{key:$},L)):D.createElement("div",null,n))),D.createElement(a3,{actionItems:R}))),o&&y&&w)};M(yP)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));var mie=M.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:We(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${q0(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${q0(.05,e.appBorderColor)} 0 0 0 2px inset`,color:q0(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"?`${q0(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),gie=e=>e==="true",vie=({name:e,value:t,onChange:r,onBlur:n,onFocus:o,argType:l})=>{var v;let s=d.useCallback(()=>r(!1),[r]),u=!!((v=l==null?void 0:l.table)!=null&&v.readonly);if(t===void 0)return D.createElement(ti,{variant:"outline",size:"medium",id:cf(e),onClick:s,disabled:u},"Set boolean");let f=ln(e),h=typeof t=="string"?gie(t):t;return D.createElement(mie,{"aria-disabled":u,htmlFor:f,"aria-label":e},D.createElement("input",{id:f,type:"checkbox",onChange:y=>r(y.target.checked),checked:h,role:"switch",disabled:u,name:e,onBlur:n,onFocus:o}),D.createElement("span",{"aria-hidden":"true"},"False"),D.createElement("span",{"aria-hidden":"true"},"True"))},yie=e=>{let[t,r,n]=e.split("-"),o=new Date;return o.setFullYear(parseInt(t,10),parseInt(r,10)-1,parseInt(n,10)),o},wie=e=>{let[t,r]=e.split(":"),n=new Date;return n.setHours(parseInt(t,10)),n.setMinutes(parseInt(r,10)),n},bie=e=>{let t=new Date(e),r=`000${t.getFullYear()}`.slice(-4),n=`0${t.getMonth()+1}`.slice(-2),o=`0${t.getDate()}`.slice(-2);return`${r}-${n}-${o}`},Eie=e=>{let t=new Date(e),r=`0${t.getHours()}`.slice(-2),n=`0${t.getMinutes()}`.slice(-2);return`${r}:${n}`},hA=M(nc.Input)(({readOnly:e})=>({opacity:e?.5:1})),Cie=M.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}})),xie=({name:e,value:t,onChange:r,onFocus:n,onBlur:o,argType:l})=>{var E;let[s,u]=d.useState(!0),f=d.useRef(),h=d.useRef(),v=!!((E=l==null?void 0:l.table)!=null&&E.readonly);d.useEffect(()=>{s!==!1&&(f&&f.current&&(f.current.value=t?bie(t):""),h&&h.current&&(h.current.value=t?Eie(t):""))},[t]);let y=C=>{if(!C.target.value)return r();let S=yie(C.target.value),F=new Date(t);F.setFullYear(S.getFullYear(),S.getMonth(),S.getDate());let _=F.getTime();_&&r(_),u(!!_)},g=C=>{if(!C.target.value)return r();let S=wie(C.target.value),F=new Date(t);F.setHours(S.getHours()),F.setMinutes(S.getMinutes());let _=F.getTime();_&&r(_),u(!!_)},w=ln(e);return D.createElement(Cie,null,D.createElement(hA,{type:"date",max:"9999-12-31",ref:f,id:`${w}-date`,name:`${w}-date`,readOnly:v,onChange:y,onFocus:n,onBlur:o}),D.createElement(hA,{type:"time",id:`${w}-time`,name:`${w}-time`,ref:h,onChange:g,readOnly:v,onFocus:n,onBlur:o}),s?null:D.createElement("div",null,"invalid"))},Die=M.label({display:"flex"}),Sie=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},kie=M(nc.Input)(({readOnly:e})=>({opacity:e?.5:1})),_ie=({name:e,value:t,onChange:r,min:n,max:o,step:l,onBlur:s,onFocus:u,argType:f})=>{var A;let[h,v]=d.useState(typeof t=="number"?t:""),[y,g]=d.useState(!1),[w,E]=d.useState(null),C=!!((A=f==null?void 0:f.table)!=null&&A.readonly),S=d.useCallback(k=>{v(k.target.value);let R=parseFloat(k.target.value);Number.isNaN(R)?E(new Error(`'${k.target.value}' is not a number`)):(r(R),E(null))},[r,E]),F=d.useCallback(()=>{v("0"),r(0),g(!0)},[g]),_=d.useRef(null);return d.useEffect(()=>{y&&_.current&&_.current.select()},[y]),d.useEffect(()=>{h!==(typeof t=="number"?t:"")&&v(t)},[t]),t===void 0?D.createElement(ti,{variant:"outline",size:"medium",id:cf(e),onClick:F,disabled:C},"Set number"):D.createElement(Die,null,D.createElement(kie,{ref:_,id:ln(e),type:"number",onChange:S,size:"flex",placeholder:"Edit number...",value:h,valid:w?"error":null,autoFocus:y,readOnly:C,name:e,min:n,max:o,step:l,onFocus:u,onBlur:s}))},wP=(e,t)=>{let r=t&&Object.entries(t).find(([n,o])=>o===e);return r?r[0]:void 0},C4=(e,t)=>e&&t?Object.entries(t).filter(r=>e.includes(r[1])).map(r=>r[0]):[],bP=(e,t)=>e&&t&&e.map(r=>t[r]),Aie=M.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"}}}),Fie=M.span({"[aria-readonly=true] &":{opacity:.5}}),Rie=M.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),mA=({name:e,options:t,value:r,onChange:n,isInline:o,argType:l})=>{var g;if(!t)return ab.warn(`Checkbox with no options: ${e}`),D.createElement(D.Fragment,null,"-");let s=C4(r,t),[u,f]=d.useState(s),h=!!((g=l==null?void 0:l.table)!=null&&g.readonly),v=w=>{let E=w.target.value,C=[...u];C.includes(E)?C.splice(C.indexOf(E),1):C.push(E),n(bP(C,t)),f(C)};d.useEffect(()=>{f(C4(r,t))},[r]);let y=ln(e);return D.createElement(Aie,{"aria-readonly":h,isInline:o},Object.keys(t).map((w,E)=>{let C=`${y}-${E}`;return D.createElement(Rie,{key:C,htmlFor:C},D.createElement("input",{type:"checkbox",disabled:h,id:C,name:C,value:w,onChange:v,checked:u==null?void 0:u.includes(w)}),D.createElement(Fie,null,w))}))},Iie=M.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"}}}),Tie=M.span({"[aria-readonly=true] &":{opacity:.5}}),zie=M.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),gA=({name:e,options:t,value:r,onChange:n,isInline:o,argType:l})=>{var h;if(!t)return ab.warn(`Radio with no options: ${e}`),D.createElement(D.Fragment,null,"-");let s=wP(r,t),u=ln(e),f=!!((h=l==null?void 0:l.table)!=null&&h.readonly);return D.createElement(Iie,{"aria-readonly":f,isInline:o},Object.keys(t).map((v,y)=>{let g=`${u}-${y}`;return D.createElement(zie,{key:g,htmlFor:g},D.createElement("input",{type:"radio",id:g,name:u,disabled:f,value:v,onChange:w=>n(t[w.currentTarget.value]),checked:v===s}),D.createElement(Tie,null,v))}))},Bie={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},EP=M.select(Bie,({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}}})),CP=M.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}}})),vA="Choose option...",Lie=({name:e,value:t,options:r,onChange:n,argType:o})=>{var h;let l=v=>{n(r[v.currentTarget.value])},s=wP(t,r)||vA,u=ln(e),f=!!((h=o==null?void 0:o.table)!=null&&h.readonly);return D.createElement(CP,null,D.createElement(dM,null),D.createElement(EP,{disabled:f,id:u,value:s,onChange:l},D.createElement("option",{key:"no-selection",disabled:!0},vA),Object.keys(r).map(v=>D.createElement("option",{key:v,value:v},v))))},Oie=({name:e,value:t,options:r,onChange:n,argType:o})=>{var h;let l=v=>{let y=Array.from(v.currentTarget.options).filter(g=>g.selected).map(g=>g.value);n(bP(y,r))},s=C4(t,r),u=ln(e),f=!!((h=o==null?void 0:o.table)!=null&&h.readonly);return D.createElement(CP,null,D.createElement(EP,{disabled:f,id:u,multiple:!0,value:s,onChange:l},Object.keys(r).map(v=>D.createElement("option",{key:v,value:v},v))))},yA=e=>{let{name:t,options:r}=e;return r?e.isMulti?D.createElement(Oie,{...e}):D.createElement(Lie,{...e}):(ab.warn(`Select with no options: ${t}`),D.createElement(D.Fragment,null,"-"))},Mie=(e,t)=>Array.isArray(e)?e.reduce((r,n)=>(r[(t==null?void 0:t[n])||String(n)]=n,r),{}):e,Pie={check:mA,"inline-check":mA,radio:gA,"inline-radio":gA,select:yA,"multi-select":yA},Mi=e=>{let{type:t="select",labels:r,argType:n}=e,o={...e,argType:n,options:n?Mie(n.options,r):{},isInline:t.includes("inline"),isMulti:t.includes("multi")},l=Pie[t];if(l)return D.createElement(l,{...o});throw new Error(`Unknown options type: ${t}`)},Nie="Error",$ie="Object",Hie="Array",jie="String",qie="Number",Vie="Boolean",Uie="Date",Wie="Null",Gie="Undefined",Kie="Function",Yie="Symbol",xP="ADD_DELTA_TYPE",DP="REMOVE_DELTA_TYPE",SP="UPDATE_DELTA_TYPE",ib="value",Zie="key";function Lo(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 kP(e,t){let r=Lo(e),n=Lo(t);return(r==="Function"||n==="Function")&&n!==r}var lb=class extends d.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:o}=this.props,{inputRefKey:l,inputRefValue:s}=this.state,u={};if(!t){if(!l.value)return;u.key=l.value}u.newValue=r(!1,n,o,u.key,s.value),e(u)}refInputKey(e){this.state.inputRefKey=e}refInputValue(e){this.state.inputRefValue=e}render(){let{handleCancel:e,onlyValue:t,addButtonElement:r,cancelButtonElement:n,inputElementGenerator:o,keyPath:l,deep:s}=this.props,u=d.cloneElement(r,{onClick:this.onSubmit}),f=d.cloneElement(n,{onClick:e}),h=o(ib,l,s),v=d.cloneElement(h,{placeholder:"Value",ref:this.refInputValue}),y=null;if(!t){let g=o(Zie,l,s);y=d.cloneElement(g,{placeholder:"Key",ref:this.refInputKey})}return D.createElement("span",{className:"rejt-add-value-node"},y,v,f,u)}};lb.defaultProps={onlyValue:!1,addButtonElement:D.createElement("button",null,"+"),cancelButtonElement:D.createElement("button",null,"c")};var _P=class extends d.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:o}=this.props,l=n.length;o(n[l-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleRemoveItem(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:o,nextDeep:l}=this.state,s=n[e];t(e,o,l,s).then(()=>{let u={keyPath:o,deep:l,key:e,oldValue:s,type:DP};n.splice(e,1),this.setState({data:n});let{onUpdate:f,onDeltaUpdate:h}=this.props;f(o[o.length-1],n),h(u)}).catch(r.error)}}handleAddValueAdd({newValue:e}){let{data:t,keyPath:r,nextDeep:n}=this.state,{beforeAddAction:o,logger:l}=this.props;o(t.length,r,n,e).then(()=>{let s=[...t,e];this.setState({data:s}),this.handleAddValueCancel();let{onUpdate:u,onDeltaUpdate:f}=this.props;u(r[r.length-1],s),f({type:xP,keyPath:r,deep:n,key:s.length-1,newValue:e})}).catch(l.error)}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:o}=this.props,{data:l,keyPath:s,nextDeep:u}=this.state,f=l[e];o(e,s,u,f,t).then(()=>{l[e]=t,this.setState({data:l});let{onUpdate:h,onDeltaUpdate:v}=this.props;h(s[s.length-1],l),v({type:SP,keyPath:s,deep:u,key:e,newValue:t,oldValue:f}),r(void 0)}).catch(n)})}renderCollapsed(){let{name:e,data:t,keyPath:r,deep:n}=this.state,{handleRemove:o,readOnly:l,getStyle:s,dataType:u,minusMenuElement:f}=this.props,{minus:h,collapsed:v}=s(e,t,r,n,u),y=l(e,t,r,n,u),g=d.cloneElement(f,{onClick:o,className:"rejt-minus-menu",style:h});return D.createElement("span",{className:"rejt-collapsed"},D.createElement("span",{className:"rejt-collapsed-text",style:v,onClick:this.handleCollapseMode},"[...] ",t.length," ",t.length===1?"item":"items"),!y&&g)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,addFormVisible:o,nextDeep:l}=this.state,{isCollapsed:s,handleRemove:u,onDeltaUpdate:f,readOnly:h,getStyle:v,dataType:y,addButtonElement:g,cancelButtonElement:w,editButtonElement:E,inputElementGenerator:C,textareaElementGenerator:S,minusMenuElement:F,plusMenuElement:_,beforeRemoveAction:A,beforeAddAction:k,beforeUpdateAction:R,logger:T,onSubmitValueParser:z}=this.props,{minus:B,plus:L,delimiter:$,ul:j,addForm:Y}=v(e,t,r,n,y),G=h(e,t,r,n,y),ne=d.cloneElement(_,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:L}),X=d.cloneElement(F,{onClick:u,className:"rejt-minus-menu",style:B});return D.createElement("span",{className:"rejt-not-collapsed"},D.createElement("span",{className:"rejt-not-collapsed-delimiter",style:$},"["),!o&&ne,D.createElement("ul",{className:"rejt-not-collapsed-list",style:j},t.map((ie,se)=>D.createElement(wp,{key:se,name:se.toString(),data:ie,keyPath:r,deep:l,isCollapsed:s,handleRemove:this.handleRemoveItem(se),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:f,readOnly:h,getStyle:v,addButtonElement:g,cancelButtonElement:w,editButtonElement:E,inputElementGenerator:C,textareaElementGenerator:S,minusMenuElement:F,plusMenuElement:_,beforeRemoveAction:A,beforeAddAction:k,beforeUpdateAction:R,logger:T,onSubmitValueParser:z}))),!G&&o&&D.createElement("div",{className:"rejt-add-form",style:Y},D.createElement(lb,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement:g,cancelButtonElement:w,inputElementGenerator:C,keyPath:r,deep:n,onSubmitValueParser:z})),D.createElement("span",{className:"rejt-not-collapsed-delimiter",style:$},"]"),!G&&X)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:o}=this.state,{dataType:l,getStyle:s}=this.props,u=t?this.renderCollapsed():this.renderNotCollapsed(),f=s(e,r,n,o,l);return D.createElement("div",{className:"rejt-array-node"},D.createElement("span",{onClick:this.handleCollapseMode},D.createElement("span",{className:"rejt-name",style:f.name},e," :"," ")),u)}};_P.defaultProps={keyPath:[],deep:0,minusMenuElement:D.createElement("span",null," - "),plusMenuElement:D.createElement("span",null," + ")};var AP=class extends d.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:o,deep:l}=this.state,{readOnly:s,dataType:u}=this.props,f=s(r,n,o,l,u);e&&!f&&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:o}=this.props,{inputRef:l,name:s,deep:u}=this.state;if(!l)return;let f=n(!0,o,u,s,l.value);e({value:f,key:s}).then(()=>{kP(t,f)||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:o}=this.state,{handleRemove:l,originalValue:s,readOnly:u,dataType:f,getStyle:h,editButtonElement:v,cancelButtonElement:y,textareaElementGenerator:g,minusMenuElement:w,keyPath:E}=this.props,C=h(e,s,n,o,f),S=null,F=null,_=u(e,s,n,o,f);if(r&&!_){let A=g(ib,E,o,e,s,f),k=d.cloneElement(v,{onClick:this.handleEdit}),R=d.cloneElement(y,{onClick:this.handleCancelEdit}),T=d.cloneElement(A,{ref:this.refInput,defaultValue:s});S=D.createElement("span",{className:"rejt-edit-form",style:C.editForm},T," ",R,k),F=null}else{S=D.createElement("span",{className:"rejt-value",style:C.value,onClick:_?null:this.handleEditMode},t);let A=d.cloneElement(w,{onClick:l,className:"rejt-minus-menu",style:C.minus});F=_?null:A}return D.createElement("li",{className:"rejt-function-value-node",style:C.li},D.createElement("span",{className:"rejt-name",style:C.name},e," :"," "),S,F)}};AP.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:D.createElement("button",null,"e"),cancelButtonElement:D.createElement("button",null,"c"),minusMenuElement:D.createElement("span",null," - ")};var wp=class extends d.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:o,handleRemove:l,handleUpdateValue:s,onUpdate:u,onDeltaUpdate:f,readOnly:h,getStyle:v,addButtonElement:y,cancelButtonElement:g,editButtonElement:w,inputElementGenerator:E,textareaElementGenerator:C,minusMenuElement:S,plusMenuElement:F,beforeRemoveAction:_,beforeAddAction:A,beforeUpdateAction:k,logger:R,onSubmitValueParser:T}=this.props,z=()=>!0,B=Lo(e);switch(B){case Nie:return D.createElement(x4,{data:e,name:t,isCollapsed:o,keyPath:r,deep:n,handleRemove:l,onUpdate:u,onDeltaUpdate:f,readOnly:z,dataType:B,getStyle:v,addButtonElement:y,cancelButtonElement:g,editButtonElement:w,inputElementGenerator:E,textareaElementGenerator:C,minusMenuElement:S,plusMenuElement:F,beforeRemoveAction:_,beforeAddAction:A,beforeUpdateAction:k,logger:R,onSubmitValueParser:T});case $ie:return D.createElement(x4,{data:e,name:t,isCollapsed:o,keyPath:r,deep:n,handleRemove:l,onUpdate:u,onDeltaUpdate:f,readOnly:h,dataType:B,getStyle:v,addButtonElement:y,cancelButtonElement:g,editButtonElement:w,inputElementGenerator:E,textareaElementGenerator:C,minusMenuElement:S,plusMenuElement:F,beforeRemoveAction:_,beforeAddAction:A,beforeUpdateAction:k,logger:R,onSubmitValueParser:T});case Hie:return D.createElement(_P,{data:e,name:t,isCollapsed:o,keyPath:r,deep:n,handleRemove:l,onUpdate:u,onDeltaUpdate:f,readOnly:h,dataType:B,getStyle:v,addButtonElement:y,cancelButtonElement:g,editButtonElement:w,inputElementGenerator:E,textareaElementGenerator:C,minusMenuElement:S,plusMenuElement:F,beforeRemoveAction:_,beforeAddAction:A,beforeUpdateAction:k,logger:R,onSubmitValueParser:T});case jie:return D.createElement(Ba,{name:t,value:`"${e}"`,originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:s,readOnly:h,dataType:B,getStyle:v,cancelButtonElement:g,editButtonElement:w,inputElementGenerator:E,minusMenuElement:S,logger:R,onSubmitValueParser:T});case qie:return D.createElement(Ba,{name:t,value:e,originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:s,readOnly:h,dataType:B,getStyle:v,cancelButtonElement:g,editButtonElement:w,inputElementGenerator:E,minusMenuElement:S,logger:R,onSubmitValueParser:T});case Vie:return D.createElement(Ba,{name:t,value:e?"true":"false",originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:s,readOnly:h,dataType:B,getStyle:v,cancelButtonElement:g,editButtonElement:w,inputElementGenerator:E,minusMenuElement:S,logger:R,onSubmitValueParser:T});case Uie:return D.createElement(Ba,{name:t,value:e.toISOString(),originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:s,readOnly:z,dataType:B,getStyle:v,cancelButtonElement:g,editButtonElement:w,inputElementGenerator:E,minusMenuElement:S,logger:R,onSubmitValueParser:T});case Wie:return D.createElement(Ba,{name:t,value:"null",originalValue:"null",keyPath:r,deep:n,handleRemove:l,handleUpdateValue:s,readOnly:h,dataType:B,getStyle:v,cancelButtonElement:g,editButtonElement:w,inputElementGenerator:E,minusMenuElement:S,logger:R,onSubmitValueParser:T});case Gie:return D.createElement(Ba,{name:t,value:"undefined",originalValue:"undefined",keyPath:r,deep:n,handleRemove:l,handleUpdateValue:s,readOnly:h,dataType:B,getStyle:v,cancelButtonElement:g,editButtonElement:w,inputElementGenerator:E,minusMenuElement:S,logger:R,onSubmitValueParser:T});case Kie:return D.createElement(AP,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:s,readOnly:h,dataType:B,getStyle:v,cancelButtonElement:g,editButtonElement:w,textareaElementGenerator:C,minusMenuElement:S,logger:R,onSubmitValueParser:T});case Yie:return D.createElement(Ba,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:s,readOnly:z,dataType:B,getStyle:v,cancelButtonElement:g,editButtonElement:w,inputElementGenerator:E,minusMenuElement:S,logger:R,onSubmitValueParser:T});default:return null}}};wp.defaultProps={keyPath:[],deep:0};var x4=class extends d.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:o}=this.props,l=n.length;o(n[l-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleAddValueAdd({key:e,newValue:t}){let{data:r,keyPath:n,nextDeep:o}=this.state,{beforeAddAction:l,logger:s}=this.props;l(e,n,o,t).then(()=>{r[e]=t,this.setState({data:r}),this.handleAddValueCancel();let{onUpdate:u,onDeltaUpdate:f}=this.props;u(n[n.length-1],r),f({type:xP,keyPath:n,deep:o,key:e,newValue:t})}).catch(s.error)}handleRemoveValue(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:o,nextDeep:l}=this.state,s=n[e];t(e,o,l,s).then(()=>{let u={keyPath:o,deep:l,key:e,oldValue:s,type:DP};delete n[e],this.setState({data:n});let{onUpdate:f,onDeltaUpdate:h}=this.props;f(o[o.length-1],n),h(u)}).catch(r.error)}}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:o}=this.props,{data:l,keyPath:s,nextDeep:u}=this.state,f=l[e];o(e,s,u,f,t).then(()=>{l[e]=t,this.setState({data:l});let{onUpdate:h,onDeltaUpdate:v}=this.props;h(s[s.length-1],l),v({type:SP,keyPath:s,deep:u,key:e,newValue:t,oldValue:f}),r()}).catch(n)})}renderCollapsed(){let{name:e,keyPath:t,deep:r,data:n}=this.state,{handleRemove:o,readOnly:l,dataType:s,getStyle:u,minusMenuElement:f}=this.props,{minus:h,collapsed:v}=u(e,n,t,r,s),y=Object.getOwnPropertyNames(n),g=l(e,n,t,r,s),w=d.cloneElement(f,{onClick:o,className:"rejt-minus-menu",style:h});return D.createElement("span",{className:"rejt-collapsed"},D.createElement("span",{className:"rejt-collapsed-text",style:v,onClick:this.handleCollapseMode},"{...}"," ",y.length," ",y.length===1?"key":"keys"),!g&&w)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,nextDeep:o,addFormVisible:l}=this.state,{isCollapsed:s,handleRemove:u,onDeltaUpdate:f,readOnly:h,getStyle:v,dataType:y,addButtonElement:g,cancelButtonElement:w,editButtonElement:E,inputElementGenerator:C,textareaElementGenerator:S,minusMenuElement:F,plusMenuElement:_,beforeRemoveAction:A,beforeAddAction:k,beforeUpdateAction:R,logger:T,onSubmitValueParser:z}=this.props,{minus:B,plus:L,addForm:$,ul:j,delimiter:Y}=v(e,t,r,n,y),G=Object.getOwnPropertyNames(t),ne=h(e,t,r,n,y),X=d.cloneElement(_,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:L}),ie=d.cloneElement(F,{onClick:u,className:"rejt-minus-menu",style:B}),se=G.map(Z=>D.createElement(wp,{key:Z,name:Z,data:t[Z],keyPath:r,deep:o,isCollapsed:s,handleRemove:this.handleRemoveValue(Z),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:f,readOnly:h,getStyle:v,addButtonElement:g,cancelButtonElement:w,editButtonElement:E,inputElementGenerator:C,textareaElementGenerator:S,minusMenuElement:F,plusMenuElement:_,beforeRemoveAction:A,beforeAddAction:k,beforeUpdateAction:R,logger:T,onSubmitValueParser:z}));return D.createElement("span",{className:"rejt-not-collapsed"},D.createElement("span",{className:"rejt-not-collapsed-delimiter",style:Y},"{"),!ne&&X,D.createElement("ul",{className:"rejt-not-collapsed-list",style:j},se),!ne&&l&&D.createElement("div",{className:"rejt-add-form",style:$},D.createElement(lb,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement:g,cancelButtonElement:w,inputElementGenerator:C,keyPath:r,deep:n,onSubmitValueParser:z})),D.createElement("span",{className:"rejt-not-collapsed-delimiter",style:Y},"}"),!ne&&ie)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:o}=this.state,{getStyle:l,dataType:s}=this.props,u=t?this.renderCollapsed():this.renderNotCollapsed(),f=l(e,r,n,o,s);return D.createElement("div",{className:"rejt-object-node"},D.createElement("span",{onClick:this.handleCollapseMode},D.createElement("span",{className:"rejt-name",style:f.name},e," :"," ")),u)}};x4.defaultProps={keyPath:[],deep:0,minusMenuElement:D.createElement("span",null," - "),plusMenuElement:D.createElement("span",null," + ")};var Ba=class extends d.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:o,deep:l}=this.state,{readOnly:s,dataType:u}=this.props,f=s(r,n,o,l,u);e&&!f&&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:o}=this.props,{inputRef:l,name:s,deep:u}=this.state;if(!l)return;let f=n(!0,o,u,s,l.value);e({value:f,key:s}).then(()=>{kP(t,f)||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:o}=this.state,{handleRemove:l,originalValue:s,readOnly:u,dataType:f,getStyle:h,editButtonElement:v,cancelButtonElement:y,inputElementGenerator:g,minusMenuElement:w,keyPath:E}=this.props,C=h(e,s,n,o,f),S=u(e,s,n,o,f),F=r&&!S,_=g(ib,E,o,e,s,f),A=d.cloneElement(v,{onClick:this.handleEdit}),k=d.cloneElement(y,{onClick:this.handleCancelEdit}),R=d.cloneElement(_,{ref:this.refInput,defaultValue:JSON.stringify(s)}),T=d.cloneElement(w,{onClick:l,className:"rejt-minus-menu",style:C.minus});return D.createElement("li",{className:"rejt-value-node",style:C.li},D.createElement("span",{className:"rejt-name",style:C.name},e," : "),F?D.createElement("span",{className:"rejt-edit-form",style:C.editForm},R," ",k,A):D.createElement("span",{className:"rejt-value",style:C.value,onClick:S?null:this.handleEditMode},String(t)),!S&&!F&&T)}};Ba.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:D.createElement("button",null,"e"),cancelButtonElement:D.createElement("button",null,"c"),minusMenuElement:D.createElement("span",null," - ")};function Xie(e){let t=e;if(t.indexOf("function")===0)return(0,eval)(`(${t})`);try{t=JSON.parse(e)}catch{}return t}var Jie={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},Qie={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},ele={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}},FP=class extends d.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:o,getStyle:l,addButtonElement:s,cancelButtonElement:u,editButtonElement:f,inputElement:h,textareaElement:v,minusMenuElement:y,plusMenuElement:g,beforeRemoveAction:w,beforeAddAction:E,beforeUpdateAction:C,logger:S,onSubmitValueParser:F,fallback:_=null}=this.props,A=Lo(e),k=o;Lo(o)==="Boolean"&&(k=()=>o);let R=h;h&&Lo(h)!=="Function"&&(R=()=>h);let T=v;return v&&Lo(v)!=="Function"&&(T=()=>v),A==="Object"||A==="Array"?D.createElement("div",{className:"rejt-tree"},D.createElement(wp,{data:e,name:t,deep:-1,isCollapsed:r,onUpdate:this.onUpdate,onDeltaUpdate:n,readOnly:k,getStyle:l,addButtonElement:s,cancelButtonElement:u,editButtonElement:f,inputElementGenerator:R,textareaElementGenerator:T,minusMenuElement:y,plusMenuElement:g,handleRemove:this.removeRoot,beforeRemoveAction:w,beforeAddAction:E,beforeUpdateAction:C,logger:S,onSubmitValueParser:F})):_}};FP.defaultProps={rootName:"root",isCollapsed:(e,t)=>t!==-1,getStyle:(e,t,r,n,o)=>{switch(o){case"Object":case"Error":return Jie;case"Array":return Qie;default:return ele}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(e,t,r,n,o)=>Xie(o),inputElement:()=>D.createElement("input",null),textareaElement:()=>D.createElement("textarea",null),fallback:null};var{window:tle}=Br,rle=M.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}})),Rv=M.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})),nle=M(nee)(({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}})),ale=M(aee)(({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}})),wA=M.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}`}})),ole=M(No)(({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}})),ile=M(nc.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"}})),lle={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},sle=e=>{e.currentTarget.dispatchEvent(new tle.KeyboardEvent("keydown",lle))},ule=e=>{e.currentTarget.select()},cle=e=>()=>({name:{color:e.color.secondary},collapsed:{color:e.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),bA=({name:e,value:t,onChange:r,argType:n})=>{var A;let o=eF(),l=d.useMemo(()=>t&&Xre(t),[t]),s=l!=null,[u,f]=d.useState(!s),[h,v]=d.useState(null),y=!!((A=n==null?void 0:n.table)!=null&&A.readonly),g=d.useCallback(k=>{try{k&&r(JSON.parse(k)),v(void 0)}catch(R){v(R)}},[r]),[w,E]=d.useState(!1),C=d.useCallback(()=>{r({}),E(!0)},[E]),S=d.useRef(null);if(d.useEffect(()=>{w&&S.current&&S.current.select()},[w]),!s)return D.createElement(ti,{disabled:y,id:cf(e),onClick:C},"Set object");let F=D.createElement(ile,{ref:S,id:ln(e),name:e,defaultValue:t===null?"":JSON.stringify(t,null,2),onBlur:k=>g(k.target.value),placeholder:"Edit JSON string...",autoFocus:w,valid:h?"error":null,readOnly:y}),_=Array.isArray(t)||typeof t=="object"&&(t==null?void 0:t.constructor)===Object;return D.createElement(rle,{"aria-readonly":y},_&&D.createElement(ole,{onClick:k=>{k.preventDefault(),f(R=>!R)}},u?D.createElement(tee,null):D.createElement(eee,null),D.createElement("span",null,"RAW")),u?F:D.createElement(FP,{readOnly:y||!_,isCollapsed:_?void 0:()=>!0,data:l,rootName:e,onFullyUpdate:r,getStyle:cle(o),cancelButtonElement:D.createElement(Rv,{type:"button"},"Cancel"),editButtonElement:D.createElement(Rv,{type:"submit"},"Save"),addButtonElement:D.createElement(Rv,{type:"submit",primary:!0},"Save"),plusMenuElement:D.createElement(nle,null),minusMenuElement:D.createElement(ale,null),inputElement:(k,R,T,z)=>z?D.createElement(wA,{onFocus:ule,onBlur:sle}):D.createElement(wA,null),fallback:F}))},dle=M.input(({theme:e,min:t,max:r,value:n,disabled:o})=>({"&":{width:"100%",backgroundColor:"transparent",appearance:"none"},"&::-webkit-slider-runnable-track":{background:e.base==="light"?`linear-gradient(to right, 
+`)),s+=y+n[f+1]}),s}const{global:Br}=__STORYBOOK_MODULE_GLOBAL__,{deprecate:Ioe,once:Toe,logger:ab}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{filterArgTypes:cA,composeConfigs:Oue,Preview:Mue,DocsContext:Pue}=__STORYBOOK_MODULE_PREVIEW_API__,{STORY_ARGS_UPDATED:dA,UPDATE_STORY_ARGS:zoe,RESET_STORY_ARGS:Boe,GLOBALS_UPDATED:fA,NAVIGATE_URL:Loe}=__STORYBOOK_MODULE_CORE_EVENTS__,{Channel:Nue}=__STORYBOOK_MODULE_CHANNELS__;var Ooe=Sl({"../../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}}}),Moe=Sl({"../../node_modules/tocbot/src/js/build-html.js"(e,t){t.exports=function(r){var n=[].forEach,o=[].some,l=document.body,s,u=!0,f=" ";function h(k,R){var T=R.appendChild(y(k));if(k.children.length){var z=g(k.isCollapsed);k.children.forEach(function(B){h(B,z)}),T.appendChild(z)}}function v(k,R){var T=!1,z=g(T);if(R.forEach(function(B){h(B,z)}),s=k||s,s!==null)return s.firstChild&&s.removeChild(s.firstChild),R.length===0?s:s.appendChild(z)}function y(k){var R=document.createElement("li"),T=document.createElement("a");return r.listItemClass&&R.setAttribute("class",r.listItemClass),r.onClick&&(T.onclick=r.onClick),r.includeTitleTags&&T.setAttribute("title",k.textContent),r.includeHtml&&k.childNodes.length?n.call(k.childNodes,function(z){T.appendChild(z.cloneNode(!0))}):T.textContent=k.textContent,T.setAttribute("href",r.basePath+"#"+k.id),T.setAttribute("class",r.linkClass+f+"node-name--"+k.nodeName+f+r.extraLinkClasses),R.appendChild(T),R}function g(k){var R=r.orderedList?"ol":"ul",T=document.createElement(R),z=r.listClass+f+r.extraListClasses;return k&&(z=z+f+r.collapsibleClass,z=z+f+r.isCollapsedClass),T.setAttribute("class",z),T}function w(){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var k;k=document.querySelector(r.scrollContainer).scrollTop}else k=document.documentElement.scrollTop||l.scrollTop;var R=document.querySelector(r.positionFixedSelector);r.fixedSidebarOffset==="auto"&&(r.fixedSidebarOffset=s.offsetTop),k>r.fixedSidebarOffset?R.className.indexOf(r.positionFixedClass)===-1&&(R.className+=f+r.positionFixedClass):R.className=R.className.replace(f+r.positionFixedClass,"")}function E(k){var R=0;return k!==null&&(R=k.offsetTop,r.hasInnerContainers&&(R+=E(k.offsetParent))),R}function C(k,R){return k&&k.className!==R&&(k.className=R),k}function S(k){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var R;R=document.querySelector(r.scrollContainer).scrollTop}else R=document.documentElement.scrollTop||l.scrollTop;r.positionFixedSelector&&w();var T=k,z;if(u&&s!==null&&T.length>0){o.call(T,function(ne,X){if(E(ne)>R+r.headingsOffset+10){var ie=X===0?X:X-1;return z=T[ie],!0}else if(X===T.length-1)return z=T[T.length-1],!0});var B=s.querySelector("."+r.activeLinkClass),L=s.querySelector("."+r.linkClass+".node-name--"+z.nodeName+'[href="'+r.basePath+"#"+z.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1")+'"]');if(B===L)return;var $=s.querySelectorAll("."+r.linkClass);n.call($,function(ne){C(ne,ne.className.replace(f+r.activeLinkClass,""))});var j=s.querySelectorAll("."+r.listItemClass);n.call(j,function(ne){C(ne,ne.className.replace(f+r.activeListItemClass,""))}),L&&L.className.indexOf(r.activeLinkClass)===-1&&(L.className+=f+r.activeLinkClass);var Y=L&&L.parentNode;Y&&Y.className.indexOf(r.activeListItemClass)===-1&&(Y.className+=f+r.activeListItemClass);var G=s.querySelectorAll("."+r.listClass+"."+r.collapsibleClass);n.call(G,function(ne){ne.className.indexOf(r.isCollapsedClass)===-1&&(ne.className+=f+r.isCollapsedClass)}),L&&L.nextSibling&&L.nextSibling.className.indexOf(r.isCollapsedClass)!==-1&&C(L.nextSibling,L.nextSibling.className.replace(f+r.isCollapsedClass,"")),F(L&&L.parentNode.parentNode)}}function F(k){return k&&k.className.indexOf(r.collapsibleClass)!==-1&&k.className.indexOf(r.isCollapsedClass)!==-1?(C(k,k.className.replace(f+r.isCollapsedClass,"")),F(k.parentNode.parentNode)):k}function _(k){var R=k.target||k.srcElement;typeof R.className!="string"||R.className.indexOf(r.linkClass)===-1||(u=!1)}function A(){u=!0}return{enableTocAnimation:A,disableTocAnimation:_,render:v,updateToc:S}}}}),Poe=Sl({"../../node_modules/tocbot/src/js/parse-content.js"(e,t){t.exports=function(r){var n=[].reduce;function o(y){return y[y.length-1]}function l(y){return+y.nodeName.toUpperCase().replace("H","")}function s(y){try{return y instanceof window.HTMLElement||y instanceof window.parent.HTMLElement}catch{return y instanceof window.HTMLElement}}function u(y){if(!s(y))return y;if(r.ignoreHiddenElements&&(!y.offsetHeight||!y.offsetParent))return null;let g=y.getAttribute("data-heading-label")||(r.headingLabelCallback?String(r.headingLabelCallback(y.innerText)):(y.innerText||y.textContent).trim());var w={id:y.id,children:[],nodeName:y.nodeName,headingLevel:l(y),textContent:g};return r.includeHtml&&(w.childNodes=y.childNodes),r.headingObjectCallback?r.headingObjectCallback(w,y):w}function f(y,g){for(var w=u(y),E=w.headingLevel,C=g,S=o(C),F=S?S.headingLevel:0,_=E-F;_>0&&(S=o(C),!(S&&E===S.headingLevel));)S&&S.children!==void 0&&(C=S.children),_--;return E>=r.collapseDepth&&(w.isCollapsed=!0),C.push(w),C}function h(y,g){var w=g;r.ignoreSelector&&(w=g.split(",").map(function(E){return E.trim()+":not("+r.ignoreSelector+")"}));try{return y.querySelectorAll(w)}catch{return console.warn("Headers not found with selector: "+w),null}}function v(y){return n.call(y,function(g,w){var E=u(w);return E&&f(E,g.nest),g},{nest:[]})}return{nestHeadingsArray:v,selectHeadings:h}}}}),Noe=Sl({"../../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 o=n.querySelector("."+r.activeListItemClass);o&&(n.scrollTop=o.offsetTop-r.tocScrollOffset)}}}}),$oe=Sl({"../../node_modules/tocbot/src/js/scroll-smooth/index.js"(e){e.initSmoothScrolling=t;function t(n){var o=n.duration,l=n.offset,s=location.hash?h(location.href):location.href;u();function u(){document.body.addEventListener("click",y,!1);function y(g){!f(g.target)||g.target.className.indexOf("no-smooth-scroll")>-1||g.target.href.charAt(g.target.href.length-2)==="#"&&g.target.href.charAt(g.target.href.length-1)==="!"||g.target.className.indexOf(n.linkClass)===-1||r(g.target.hash,{duration:o,offset:l,callback:function(){v(g.target.hash)}})}}function f(y){return y.tagName.toLowerCase()==="a"&&(y.hash.length>0||y.href.charAt(y.href.length-1)==="#")&&(h(y.href)===s||h(y.href)+"#"===s)}function h(y){return y.slice(0,y.lastIndexOf("#"))}function v(y){var g=document.getElementById(y.substring(1));g&&(/^(?:a|select|input|button|textarea)$/i.test(g.tagName)||(g.tabIndex=-1),g.focus())}}function r(n,o){var l=window.pageYOffset,s={duration:o.duration,offset:o.offset||0,callback:o.callback,easing:o.easing||E},u=document.querySelector('[id="'+decodeURI(n).split("#").join("")+'"]')||document.querySelector('[id="'+n.split("#").join("")+'"]'),f=typeof n=="string"?s.offset+(n?u&&u.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):n,h=typeof s.duration=="function"?s.duration(f):s.duration,v,y;requestAnimationFrame(function(C){v=C,g(C)});function g(C){y=C-v,window.scrollTo(0,s.easing(y,l,f,h)),y<h?requestAnimationFrame(g):w()}function w(){window.scrollTo(0,l+f),typeof s.callback=="function"&&s.callback()}function E(C,S,F,_){return C/=_/2,C<1?F/2*C*C+S:(C--,-F/2*(C*(C-2)-1)+S)}}}}),Hoe=Sl({"../../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=Ooe(),o={},l={},s=Moe(),u=Poe(),f=Noe(),h,v,y=!!r&&!!r.document&&!!r.document.querySelector&&!!r.addEventListener;if(typeof window>"u"&&!y)return;var g,w=Object.prototype.hasOwnProperty;function E(){for(var _={},A=0;A<arguments.length;A++){var k=arguments[A];for(var R in k)w.call(k,R)&&(_[R]=k[R])}return _}function C(_,A,k){A||(A=250);var R,T;return function(){var z=this,B=+new Date,L=arguments;R&&B<R+A?(clearTimeout(T),T=setTimeout(function(){R=B,_.apply(z,L)},A)):(R=B,_.apply(z,L))}}function S(_){try{return _.contentElement||document.querySelector(_.contentSelector)}catch{return console.warn("Contents element not found: "+_.contentSelector),null}}function F(_){try{return _.tocElement||document.querySelector(_.tocSelector)}catch{return console.warn("TOC element not found: "+_.tocSelector),null}}return l.destroy=function(){var _=F(o);_!==null&&(o.skipRendering||_&&(_.innerHTML=""),o.scrollContainer&&document.querySelector(o.scrollContainer)?(document.querySelector(o.scrollContainer).removeEventListener("scroll",this._scrollListener,!1),document.querySelector(o.scrollContainer).removeEventListener("resize",this._scrollListener,!1),h&&document.querySelector(o.scrollContainer).removeEventListener("click",this._clickListener,!1)):(document.removeEventListener("scroll",this._scrollListener,!1),document.removeEventListener("resize",this._scrollListener,!1),h&&document.removeEventListener("click",this._clickListener,!1)))},l.init=function(_){if(y){o=E(n,_||{}),this.options=o,this.state={},o.scrollSmooth&&(o.duration=o.scrollSmoothDuration,o.offset=o.scrollSmoothOffset,l.scrollSmooth=$oe().initSmoothScrolling(o)),h=s(o),v=u(o),this._buildHtml=h,this._parseContent=v,this._headingsArray=g,l.destroy();var A=S(o);if(A!==null){var k=F(o);if(k!==null&&(g=v.selectHeadings(A,o.headingSelector),g!==null)){var R=v.nestHeadingsArray(g),T=R.nest;if(!o.skipRendering)h.render(k,T);else return this;this._scrollListener=C(function(B){h.updateToc(g),!o.disableTocScrollSync&&f(o);var L=B&&B.target&&B.target.scrollingElement&&B.target.scrollingElement.scrollTop===0;(B&&(B.eventPhase===0||B.currentTarget===null)||L)&&(h.updateToc(g),o.scrollEndCallback&&o.scrollEndCallback(B))},o.throttleTimeout),this._scrollListener(),o.scrollContainer&&document.querySelector(o.scrollContainer)?(document.querySelector(o.scrollContainer).addEventListener("scroll",this._scrollListener,!1),document.querySelector(o.scrollContainer).addEventListener("resize",this._scrollListener,!1)):(document.addEventListener("scroll",this._scrollListener,!1),document.addEventListener("resize",this._scrollListener,!1));var z=null;return this._clickListener=C(function(B){o.scrollSmooth&&h.disableTocAnimation(B),h.updateToc(g),z&&clearTimeout(z),z=setTimeout(function(){h.enableTocAnimation()},o.scrollSmoothDuration)},o.throttleTimeout),o.scrollContainer&&document.querySelector(o.scrollContainer)?document.querySelector(o.scrollContainer).addEventListener("click",this._clickListener,!1):document.addEventListener("click",this._clickListener,!1),this}}}},l.refresh=function(_){l.destroy(),l.init(_||this.options)},r.tocbot=l,l})}}),joe=M.div(at,({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:We(.3,e.color.defaultText),fontSize:e.typography.size.s2})),hP=e=>D.createElement(joe,{...e,className:"docblock-emptyblock sb-unstyled"}),qoe=M(xw)(({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"}})),Voe=M.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"})),W0=M.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${Pv}`]:{margin:0}})),Uoe=()=>D.createElement(Voe,null,D.createElement(W0,null),D.createElement(W0,{style:{width:"80%"}}),D.createElement(W0,{style:{width:"30%"}}),D.createElement(W0,{style:{width:"80%"}})),mP=({isLoading:e,error:t,language:r,code:n,dark:o,format:l=!1,...s})=>{let{typography:u}=eF();if(e)return D.createElement(Uoe,null);if(t)return D.createElement(hP,null,t);let f=D.createElement(qoe,{bordered:!0,copyable:!0,format:l,language:r,className:"docblock-source sb-unstyled",...s},n);if(typeof o>"u")return f;let h=o?Ov.dark:Ov.light;return D.createElement(tF,{theme:Mv({...h,fontCode:u.fonts.mono,fontBase:u.fonts.base})},f)},gt=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,ob=600,Woe=M.h1(at,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${ob}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),Goe=M.h2(at,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${ob}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:We(.25,e.color.defaultText)})),Koe=M.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"?We(.1,e.color.defaultText):We(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[gt("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}},[gt("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}},[gt("div")]:t,[gt("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}},[gt("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[gt("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[gt("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[gt("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[gt("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[gt("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[gt("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[gt("img")]:{maxWidth:"100%"},[gt("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[gt("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[gt("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[gt("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"}},[gt("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"}}},[gt("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}},[gt("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),Yoe=M.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${ob}px)`]:{}})),Zoe=({children:e,toc:t})=>D.createElement(Yoe,{className:"sbdocs sbdocs-wrapper"},D.createElement(Koe,{className:"sbdocs sbdocs-content"},e),t),yp=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}`}),{window:Xoe}=Br,Joe=class extends d.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=Xoe.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:o,...l}=this.props;return D.createElement("iframe",{id:e,title:t,src:r,...n?{allow:"fullscreen"}:{},loading:"lazy",...l})}},gP=d.createContext({scale:1}),{PREVIEW_URL:Qoe}=Br,eie=Qoe||"iframe.html",E4=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,tie=e=>{let t=d.useRef(),[r,n]=d.useState(!0),[o,l]=d.useState(),{story:s,height:u,autoplay:f,forceInitialArgs:h,renderStoryToElement:v}=e;return d.useEffect(()=>{if(!(s&&t.current))return()=>{};let y=t.current,g=v(s,y,{showMain:()=>{},showError:({title:w,description:E})=>l(new Error(`${w} - ${E}`)),showException:w=>l(w)},{autoplay:f,forceInitialArgs:h});return n(!1),()=>{Promise.resolve().then(()=>g())}},[f,v,s]),o?D.createElement("pre",null,D.createElement(PX,{error:o})):D.createElement(D.Fragment,null,u?D.createElement("style",null,`#${E4(e)} { min-height: ${u}; transform: translateZ(0); overflow: auto }`):null,r&&D.createElement(vP,null),D.createElement("div",{ref:t,id:`${E4(e)}-inner`,"data-name":s.name}))},rie=({story:e,height:t="500px"})=>D.createElement("div",{style:{width:"100%",height:t}},D.createElement(gP.Consumer,null,({scale:r})=>D.createElement(Joe,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:lQ(eie,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),nie=M.strong(({theme:e})=>({color:e.color.orange})),aie=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?D.createElement(nie,null,"This story mounts inside of play. Set"," ",D.createElement("a",{href:"https://storybook.js.org/docs/api/doc-blocks/doc-block-story#autoplay"},"autoplay")," ","to true to view this story."):D.createElement("div",{id:E4(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?D.createElement(tie,{...e}):D.createElement(rie,{...e}))},vP=()=>D.createElement(iQ,null),oie=M(zw)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),iie=M.div({display:"flex",alignItems:"center",gap:4}),lie=M.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`})),sie=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:o,...l})=>D.createElement(oie,{...l},D.createElement(iie,{key:"left"},e?[1,2,3].map(s=>D.createElement(lie,{key:s})):D.createElement(D.Fragment,null,D.createElement(No,{key:"zoomin",onClick:s=>{s.preventDefault(),n(.8)},title:"Zoom in"},D.createElement(XQ,null)),D.createElement(No,{key:"zoomout",onClick:s=>{s.preventDefault(),n(1.25)},title:"Zoom out"},D.createElement(JQ,null)),D.createElement(No,{key:"zoomreset",onClick:s=>{s.preventDefault(),o()},title:"Reset zoom"},D.createElement(QQ,null))))),uie=M.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)`}}:{}),pA=M(mP)(({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)":gn(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":gn(.05,e.background.content)}})),cie=M.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...yp(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),die=(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:D.createElement(pA,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:D.createElement(pA,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function fie(e){if(d.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var pie=M(sie)({position:"absolute",top:0,left:0,right:0,height:40}),hie=M.div({overflow:"hidden",position:"relative"}),yP=({isLoading:e,isColumn:t,columns:r,children:n,withSource:o,withToolbar:l=!1,isExpanded:s=!1,additionalActions:u,className:f,layout:h="padded",...v})=>{let[y,g]=d.useState(s),{source:w,actionItem:E}=die(o,y,g),[C,S]=d.useState(1),F=[f].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),_=o?[E]:[],[A,k]=d.useState(u?[...u]:[]),R=[..._,...A],{window:T}=Br,z=d.useCallback(async L=>{let{createCopyToClipboardFunction:$}=await A4(()=>import("./index-Dd4v1DO6.js"),__vite__mapDeps([0,1,2]),import.meta.url);$()},[]),B=L=>{let $=T.getSelection();$&&$.type==="Range"||(L.preventDefault(),A.filter(j=>j.title==="Copied").length===0&&z(w.props.code).then(()=>{k([...A,{title:"Copied",onClick:()=>{}}]),T.setTimeout(()=>k(A.filter(j=>j.title!=="Copied")),1500)}))};return D.createElement(cie,{withSource:o,withToolbar:l,...v,className:F.join(" ")},l&&D.createElement(pie,{isLoading:e,border:!0,zoom:L=>S(C*L),resetZoom:()=>S(1),storyId:fie(n),baseUrl:"./iframe.html"}),D.createElement(gP.Provider,{value:{scale:C}},D.createElement(hie,{className:"docs-story",onCopyCapture:o&&B},D.createElement(uie,{isColumn:t||!Array.isArray(n),columns:r,layout:h},D.createElement(RX.Element,{scale:C},Array.isArray(n)?n.map((L,$)=>D.createElement("div",{key:$},L)):D.createElement("div",null,n))),D.createElement(a3,{actionItems:R}))),o&&y&&w)};M(yP)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));var mie=M.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:We(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${q0(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${q0(.05,e.appBorderColor)} 0 0 0 2px inset`,color:q0(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"?`${q0(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),gie=e=>e==="true",vie=({name:e,value:t,onChange:r,onBlur:n,onFocus:o,argType:l})=>{var v;let s=d.useCallback(()=>r(!1),[r]),u=!!((v=l==null?void 0:l.table)!=null&&v.readonly);if(t===void 0)return D.createElement(ti,{variant:"outline",size:"medium",id:cf(e),onClick:s,disabled:u},"Set boolean");let f=ln(e),h=typeof t=="string"?gie(t):t;return D.createElement(mie,{"aria-disabled":u,htmlFor:f,"aria-label":e},D.createElement("input",{id:f,type:"checkbox",onChange:y=>r(y.target.checked),checked:h,role:"switch",disabled:u,name:e,onBlur:n,onFocus:o}),D.createElement("span",{"aria-hidden":"true"},"False"),D.createElement("span",{"aria-hidden":"true"},"True"))},yie=e=>{let[t,r,n]=e.split("-"),o=new Date;return o.setFullYear(parseInt(t,10),parseInt(r,10)-1,parseInt(n,10)),o},wie=e=>{let[t,r]=e.split(":"),n=new Date;return n.setHours(parseInt(t,10)),n.setMinutes(parseInt(r,10)),n},bie=e=>{let t=new Date(e),r=`000${t.getFullYear()}`.slice(-4),n=`0${t.getMonth()+1}`.slice(-2),o=`0${t.getDate()}`.slice(-2);return`${r}-${n}-${o}`},Eie=e=>{let t=new Date(e),r=`0${t.getHours()}`.slice(-2),n=`0${t.getMinutes()}`.slice(-2);return`${r}:${n}`},hA=M(nc.Input)(({readOnly:e})=>({opacity:e?.5:1})),Cie=M.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}})),xie=({name:e,value:t,onChange:r,onFocus:n,onBlur:o,argType:l})=>{var E;let[s,u]=d.useState(!0),f=d.useRef(),h=d.useRef(),v=!!((E=l==null?void 0:l.table)!=null&&E.readonly);d.useEffect(()=>{s!==!1&&(f&&f.current&&(f.current.value=t?bie(t):""),h&&h.current&&(h.current.value=t?Eie(t):""))},[t]);let y=C=>{if(!C.target.value)return r();let S=yie(C.target.value),F=new Date(t);F.setFullYear(S.getFullYear(),S.getMonth(),S.getDate());let _=F.getTime();_&&r(_),u(!!_)},g=C=>{if(!C.target.value)return r();let S=wie(C.target.value),F=new Date(t);F.setHours(S.getHours()),F.setMinutes(S.getMinutes());let _=F.getTime();_&&r(_),u(!!_)},w=ln(e);return D.createElement(Cie,null,D.createElement(hA,{type:"date",max:"9999-12-31",ref:f,id:`${w}-date`,name:`${w}-date`,readOnly:v,onChange:y,onFocus:n,onBlur:o}),D.createElement(hA,{type:"time",id:`${w}-time`,name:`${w}-time`,ref:h,onChange:g,readOnly:v,onFocus:n,onBlur:o}),s?null:D.createElement("div",null,"invalid"))},Die=M.label({display:"flex"}),Sie=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},kie=M(nc.Input)(({readOnly:e})=>({opacity:e?.5:1})),_ie=({name:e,value:t,onChange:r,min:n,max:o,step:l,onBlur:s,onFocus:u,argType:f})=>{var A;let[h,v]=d.useState(typeof t=="number"?t:""),[y,g]=d.useState(!1),[w,E]=d.useState(null),C=!!((A=f==null?void 0:f.table)!=null&&A.readonly),S=d.useCallback(k=>{v(k.target.value);let R=parseFloat(k.target.value);Number.isNaN(R)?E(new Error(`'${k.target.value}' is not a number`)):(r(R),E(null))},[r,E]),F=d.useCallback(()=>{v("0"),r(0),g(!0)},[g]),_=d.useRef(null);return d.useEffect(()=>{y&&_.current&&_.current.select()},[y]),d.useEffect(()=>{h!==(typeof t=="number"?t:"")&&v(t)},[t]),t===void 0?D.createElement(ti,{variant:"outline",size:"medium",id:cf(e),onClick:F,disabled:C},"Set number"):D.createElement(Die,null,D.createElement(kie,{ref:_,id:ln(e),type:"number",onChange:S,size:"flex",placeholder:"Edit number...",value:h,valid:w?"error":null,autoFocus:y,readOnly:C,name:e,min:n,max:o,step:l,onFocus:u,onBlur:s}))},wP=(e,t)=>{let r=t&&Object.entries(t).find(([n,o])=>o===e);return r?r[0]:void 0},C4=(e,t)=>e&&t?Object.entries(t).filter(r=>e.includes(r[1])).map(r=>r[0]):[],bP=(e,t)=>e&&t&&e.map(r=>t[r]),Aie=M.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"}}}),Fie=M.span({"[aria-readonly=true] &":{opacity:.5}}),Rie=M.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),mA=({name:e,options:t,value:r,onChange:n,isInline:o,argType:l})=>{var g;if(!t)return ab.warn(`Checkbox with no options: ${e}`),D.createElement(D.Fragment,null,"-");let s=C4(r,t),[u,f]=d.useState(s),h=!!((g=l==null?void 0:l.table)!=null&&g.readonly),v=w=>{let E=w.target.value,C=[...u];C.includes(E)?C.splice(C.indexOf(E),1):C.push(E),n(bP(C,t)),f(C)};d.useEffect(()=>{f(C4(r,t))},[r]);let y=ln(e);return D.createElement(Aie,{"aria-readonly":h,isInline:o},Object.keys(t).map((w,E)=>{let C=`${y}-${E}`;return D.createElement(Rie,{key:C,htmlFor:C},D.createElement("input",{type:"checkbox",disabled:h,id:C,name:C,value:w,onChange:v,checked:u==null?void 0:u.includes(w)}),D.createElement(Fie,null,w))}))},Iie=M.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"}}}),Tie=M.span({"[aria-readonly=true] &":{opacity:.5}}),zie=M.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),gA=({name:e,options:t,value:r,onChange:n,isInline:o,argType:l})=>{var h;if(!t)return ab.warn(`Radio with no options: ${e}`),D.createElement(D.Fragment,null,"-");let s=wP(r,t),u=ln(e),f=!!((h=l==null?void 0:l.table)!=null&&h.readonly);return D.createElement(Iie,{"aria-readonly":f,isInline:o},Object.keys(t).map((v,y)=>{let g=`${u}-${y}`;return D.createElement(zie,{key:g,htmlFor:g},D.createElement("input",{type:"radio",id:g,name:u,disabled:f,value:v,onChange:w=>n(t[w.currentTarget.value]),checked:v===s}),D.createElement(Tie,null,v))}))},Bie={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},EP=M.select(Bie,({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}}})),CP=M.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}}})),vA="Choose option...",Lie=({name:e,value:t,options:r,onChange:n,argType:o})=>{var h;let l=v=>{n(r[v.currentTarget.value])},s=wP(t,r)||vA,u=ln(e),f=!!((h=o==null?void 0:o.table)!=null&&h.readonly);return D.createElement(CP,null,D.createElement(dM,null),D.createElement(EP,{disabled:f,id:u,value:s,onChange:l},D.createElement("option",{key:"no-selection",disabled:!0},vA),Object.keys(r).map(v=>D.createElement("option",{key:v,value:v},v))))},Oie=({name:e,value:t,options:r,onChange:n,argType:o})=>{var h;let l=v=>{let y=Array.from(v.currentTarget.options).filter(g=>g.selected).map(g=>g.value);n(bP(y,r))},s=C4(t,r),u=ln(e),f=!!((h=o==null?void 0:o.table)!=null&&h.readonly);return D.createElement(CP,null,D.createElement(EP,{disabled:f,id:u,multiple:!0,value:s,onChange:l},Object.keys(r).map(v=>D.createElement("option",{key:v,value:v},v))))},yA=e=>{let{name:t,options:r}=e;return r?e.isMulti?D.createElement(Oie,{...e}):D.createElement(Lie,{...e}):(ab.warn(`Select with no options: ${t}`),D.createElement(D.Fragment,null,"-"))},Mie=(e,t)=>Array.isArray(e)?e.reduce((r,n)=>(r[(t==null?void 0:t[n])||String(n)]=n,r),{}):e,Pie={check:mA,"inline-check":mA,radio:gA,"inline-radio":gA,select:yA,"multi-select":yA},Mi=e=>{let{type:t="select",labels:r,argType:n}=e,o={...e,argType:n,options:n?Mie(n.options,r):{},isInline:t.includes("inline"),isMulti:t.includes("multi")},l=Pie[t];if(l)return D.createElement(l,{...o});throw new Error(`Unknown options type: ${t}`)},Nie="Error",$ie="Object",Hie="Array",jie="String",qie="Number",Vie="Boolean",Uie="Date",Wie="Null",Gie="Undefined",Kie="Function",Yie="Symbol",xP="ADD_DELTA_TYPE",DP="REMOVE_DELTA_TYPE",SP="UPDATE_DELTA_TYPE",ib="value",Zie="key";function Lo(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 kP(e,t){let r=Lo(e),n=Lo(t);return(r==="Function"||n==="Function")&&n!==r}var lb=class extends d.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:o}=this.props,{inputRefKey:l,inputRefValue:s}=this.state,u={};if(!t){if(!l.value)return;u.key=l.value}u.newValue=r(!1,n,o,u.key,s.value),e(u)}refInputKey(e){this.state.inputRefKey=e}refInputValue(e){this.state.inputRefValue=e}render(){let{handleCancel:e,onlyValue:t,addButtonElement:r,cancelButtonElement:n,inputElementGenerator:o,keyPath:l,deep:s}=this.props,u=d.cloneElement(r,{onClick:this.onSubmit}),f=d.cloneElement(n,{onClick:e}),h=o(ib,l,s),v=d.cloneElement(h,{placeholder:"Value",ref:this.refInputValue}),y=null;if(!t){let g=o(Zie,l,s);y=d.cloneElement(g,{placeholder:"Key",ref:this.refInputKey})}return D.createElement("span",{className:"rejt-add-value-node"},y,v,f,u)}};lb.defaultProps={onlyValue:!1,addButtonElement:D.createElement("button",null,"+"),cancelButtonElement:D.createElement("button",null,"c")};var _P=class extends d.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:o}=this.props,l=n.length;o(n[l-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleRemoveItem(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:o,nextDeep:l}=this.state,s=n[e];t(e,o,l,s).then(()=>{let u={keyPath:o,deep:l,key:e,oldValue:s,type:DP};n.splice(e,1),this.setState({data:n});let{onUpdate:f,onDeltaUpdate:h}=this.props;f(o[o.length-1],n),h(u)}).catch(r.error)}}handleAddValueAdd({newValue:e}){let{data:t,keyPath:r,nextDeep:n}=this.state,{beforeAddAction:o,logger:l}=this.props;o(t.length,r,n,e).then(()=>{let s=[...t,e];this.setState({data:s}),this.handleAddValueCancel();let{onUpdate:u,onDeltaUpdate:f}=this.props;u(r[r.length-1],s),f({type:xP,keyPath:r,deep:n,key:s.length-1,newValue:e})}).catch(l.error)}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:o}=this.props,{data:l,keyPath:s,nextDeep:u}=this.state,f=l[e];o(e,s,u,f,t).then(()=>{l[e]=t,this.setState({data:l});let{onUpdate:h,onDeltaUpdate:v}=this.props;h(s[s.length-1],l),v({type:SP,keyPath:s,deep:u,key:e,newValue:t,oldValue:f}),r(void 0)}).catch(n)})}renderCollapsed(){let{name:e,data:t,keyPath:r,deep:n}=this.state,{handleRemove:o,readOnly:l,getStyle:s,dataType:u,minusMenuElement:f}=this.props,{minus:h,collapsed:v}=s(e,t,r,n,u),y=l(e,t,r,n,u),g=d.cloneElement(f,{onClick:o,className:"rejt-minus-menu",style:h});return D.createElement("span",{className:"rejt-collapsed"},D.createElement("span",{className:"rejt-collapsed-text",style:v,onClick:this.handleCollapseMode},"[...] ",t.length," ",t.length===1?"item":"items"),!y&&g)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,addFormVisible:o,nextDeep:l}=this.state,{isCollapsed:s,handleRemove:u,onDeltaUpdate:f,readOnly:h,getStyle:v,dataType:y,addButtonElement:g,cancelButtonElement:w,editButtonElement:E,inputElementGenerator:C,textareaElementGenerator:S,minusMenuElement:F,plusMenuElement:_,beforeRemoveAction:A,beforeAddAction:k,beforeUpdateAction:R,logger:T,onSubmitValueParser:z}=this.props,{minus:B,plus:L,delimiter:$,ul:j,addForm:Y}=v(e,t,r,n,y),G=h(e,t,r,n,y),ne=d.cloneElement(_,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:L}),X=d.cloneElement(F,{onClick:u,className:"rejt-minus-menu",style:B});return D.createElement("span",{className:"rejt-not-collapsed"},D.createElement("span",{className:"rejt-not-collapsed-delimiter",style:$},"["),!o&&ne,D.createElement("ul",{className:"rejt-not-collapsed-list",style:j},t.map((ie,se)=>D.createElement(wp,{key:se,name:se.toString(),data:ie,keyPath:r,deep:l,isCollapsed:s,handleRemove:this.handleRemoveItem(se),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:f,readOnly:h,getStyle:v,addButtonElement:g,cancelButtonElement:w,editButtonElement:E,inputElementGenerator:C,textareaElementGenerator:S,minusMenuElement:F,plusMenuElement:_,beforeRemoveAction:A,beforeAddAction:k,beforeUpdateAction:R,logger:T,onSubmitValueParser:z}))),!G&&o&&D.createElement("div",{className:"rejt-add-form",style:Y},D.createElement(lb,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement:g,cancelButtonElement:w,inputElementGenerator:C,keyPath:r,deep:n,onSubmitValueParser:z})),D.createElement("span",{className:"rejt-not-collapsed-delimiter",style:$},"]"),!G&&X)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:o}=this.state,{dataType:l,getStyle:s}=this.props,u=t?this.renderCollapsed():this.renderNotCollapsed(),f=s(e,r,n,o,l);return D.createElement("div",{className:"rejt-array-node"},D.createElement("span",{onClick:this.handleCollapseMode},D.createElement("span",{className:"rejt-name",style:f.name},e," :"," ")),u)}};_P.defaultProps={keyPath:[],deep:0,minusMenuElement:D.createElement("span",null," - "),plusMenuElement:D.createElement("span",null," + ")};var AP=class extends d.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:o,deep:l}=this.state,{readOnly:s,dataType:u}=this.props,f=s(r,n,o,l,u);e&&!f&&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:o}=this.props,{inputRef:l,name:s,deep:u}=this.state;if(!l)return;let f=n(!0,o,u,s,l.value);e({value:f,key:s}).then(()=>{kP(t,f)||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:o}=this.state,{handleRemove:l,originalValue:s,readOnly:u,dataType:f,getStyle:h,editButtonElement:v,cancelButtonElement:y,textareaElementGenerator:g,minusMenuElement:w,keyPath:E}=this.props,C=h(e,s,n,o,f),S=null,F=null,_=u(e,s,n,o,f);if(r&&!_){let A=g(ib,E,o,e,s,f),k=d.cloneElement(v,{onClick:this.handleEdit}),R=d.cloneElement(y,{onClick:this.handleCancelEdit}),T=d.cloneElement(A,{ref:this.refInput,defaultValue:s});S=D.createElement("span",{className:"rejt-edit-form",style:C.editForm},T," ",R,k),F=null}else{S=D.createElement("span",{className:"rejt-value",style:C.value,onClick:_?null:this.handleEditMode},t);let A=d.cloneElement(w,{onClick:l,className:"rejt-minus-menu",style:C.minus});F=_?null:A}return D.createElement("li",{className:"rejt-function-value-node",style:C.li},D.createElement("span",{className:"rejt-name",style:C.name},e," :"," "),S,F)}};AP.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:D.createElement("button",null,"e"),cancelButtonElement:D.createElement("button",null,"c"),minusMenuElement:D.createElement("span",null," - ")};var wp=class extends d.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:o,handleRemove:l,handleUpdateValue:s,onUpdate:u,onDeltaUpdate:f,readOnly:h,getStyle:v,addButtonElement:y,cancelButtonElement:g,editButtonElement:w,inputElementGenerator:E,textareaElementGenerator:C,minusMenuElement:S,plusMenuElement:F,beforeRemoveAction:_,beforeAddAction:A,beforeUpdateAction:k,logger:R,onSubmitValueParser:T}=this.props,z=()=>!0,B=Lo(e);switch(B){case Nie:return D.createElement(x4,{data:e,name:t,isCollapsed:o,keyPath:r,deep:n,handleRemove:l,onUpdate:u,onDeltaUpdate:f,readOnly:z,dataType:B,getStyle:v,addButtonElement:y,cancelButtonElement:g,editButtonElement:w,inputElementGenerator:E,textareaElementGenerator:C,minusMenuElement:S,plusMenuElement:F,beforeRemoveAction:_,beforeAddAction:A,beforeUpdateAction:k,logger:R,onSubmitValueParser:T});case $ie:return D.createElement(x4,{data:e,name:t,isCollapsed:o,keyPath:r,deep:n,handleRemove:l,onUpdate:u,onDeltaUpdate:f,readOnly:h,dataType:B,getStyle:v,addButtonElement:y,cancelButtonElement:g,editButtonElement:w,inputElementGenerator:E,textareaElementGenerator:C,minusMenuElement:S,plusMenuElement:F,beforeRemoveAction:_,beforeAddAction:A,beforeUpdateAction:k,logger:R,onSubmitValueParser:T});case Hie:return D.createElement(_P,{data:e,name:t,isCollapsed:o,keyPath:r,deep:n,handleRemove:l,onUpdate:u,onDeltaUpdate:f,readOnly:h,dataType:B,getStyle:v,addButtonElement:y,cancelButtonElement:g,editButtonElement:w,inputElementGenerator:E,textareaElementGenerator:C,minusMenuElement:S,plusMenuElement:F,beforeRemoveAction:_,beforeAddAction:A,beforeUpdateAction:k,logger:R,onSubmitValueParser:T});case jie:return D.createElement(Ba,{name:t,value:`"${e}"`,originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:s,readOnly:h,dataType:B,getStyle:v,cancelButtonElement:g,editButtonElement:w,inputElementGenerator:E,minusMenuElement:S,logger:R,onSubmitValueParser:T});case qie:return D.createElement(Ba,{name:t,value:e,originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:s,readOnly:h,dataType:B,getStyle:v,cancelButtonElement:g,editButtonElement:w,inputElementGenerator:E,minusMenuElement:S,logger:R,onSubmitValueParser:T});case Vie:return D.createElement(Ba,{name:t,value:e?"true":"false",originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:s,readOnly:h,dataType:B,getStyle:v,cancelButtonElement:g,editButtonElement:w,inputElementGenerator:E,minusMenuElement:S,logger:R,onSubmitValueParser:T});case Uie:return D.createElement(Ba,{name:t,value:e.toISOString(),originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:s,readOnly:z,dataType:B,getStyle:v,cancelButtonElement:g,editButtonElement:w,inputElementGenerator:E,minusMenuElement:S,logger:R,onSubmitValueParser:T});case Wie:return D.createElement(Ba,{name:t,value:"null",originalValue:"null",keyPath:r,deep:n,handleRemove:l,handleUpdateValue:s,readOnly:h,dataType:B,getStyle:v,cancelButtonElement:g,editButtonElement:w,inputElementGenerator:E,minusMenuElement:S,logger:R,onSubmitValueParser:T});case Gie:return D.createElement(Ba,{name:t,value:"undefined",originalValue:"undefined",keyPath:r,deep:n,handleRemove:l,handleUpdateValue:s,readOnly:h,dataType:B,getStyle:v,cancelButtonElement:g,editButtonElement:w,inputElementGenerator:E,minusMenuElement:S,logger:R,onSubmitValueParser:T});case Kie:return D.createElement(AP,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:s,readOnly:h,dataType:B,getStyle:v,cancelButtonElement:g,editButtonElement:w,textareaElementGenerator:C,minusMenuElement:S,logger:R,onSubmitValueParser:T});case Yie:return D.createElement(Ba,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:l,handleUpdateValue:s,readOnly:z,dataType:B,getStyle:v,cancelButtonElement:g,editButtonElement:w,inputElementGenerator:E,minusMenuElement:S,logger:R,onSubmitValueParser:T});default:return null}}};wp.defaultProps={keyPath:[],deep:0};var x4=class extends d.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:o}=this.props,l=n.length;o(n[l-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleAddValueAdd({key:e,newValue:t}){let{data:r,keyPath:n,nextDeep:o}=this.state,{beforeAddAction:l,logger:s}=this.props;l(e,n,o,t).then(()=>{r[e]=t,this.setState({data:r}),this.handleAddValueCancel();let{onUpdate:u,onDeltaUpdate:f}=this.props;u(n[n.length-1],r),f({type:xP,keyPath:n,deep:o,key:e,newValue:t})}).catch(s.error)}handleRemoveValue(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:o,nextDeep:l}=this.state,s=n[e];t(e,o,l,s).then(()=>{let u={keyPath:o,deep:l,key:e,oldValue:s,type:DP};delete n[e],this.setState({data:n});let{onUpdate:f,onDeltaUpdate:h}=this.props;f(o[o.length-1],n),h(u)}).catch(r.error)}}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:o}=this.props,{data:l,keyPath:s,nextDeep:u}=this.state,f=l[e];o(e,s,u,f,t).then(()=>{l[e]=t,this.setState({data:l});let{onUpdate:h,onDeltaUpdate:v}=this.props;h(s[s.length-1],l),v({type:SP,keyPath:s,deep:u,key:e,newValue:t,oldValue:f}),r()}).catch(n)})}renderCollapsed(){let{name:e,keyPath:t,deep:r,data:n}=this.state,{handleRemove:o,readOnly:l,dataType:s,getStyle:u,minusMenuElement:f}=this.props,{minus:h,collapsed:v}=u(e,n,t,r,s),y=Object.getOwnPropertyNames(n),g=l(e,n,t,r,s),w=d.cloneElement(f,{onClick:o,className:"rejt-minus-menu",style:h});return D.createElement("span",{className:"rejt-collapsed"},D.createElement("span",{className:"rejt-collapsed-text",style:v,onClick:this.handleCollapseMode},"{...}"," ",y.length," ",y.length===1?"key":"keys"),!g&&w)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,nextDeep:o,addFormVisible:l}=this.state,{isCollapsed:s,handleRemove:u,onDeltaUpdate:f,readOnly:h,getStyle:v,dataType:y,addButtonElement:g,cancelButtonElement:w,editButtonElement:E,inputElementGenerator:C,textareaElementGenerator:S,minusMenuElement:F,plusMenuElement:_,beforeRemoveAction:A,beforeAddAction:k,beforeUpdateAction:R,logger:T,onSubmitValueParser:z}=this.props,{minus:B,plus:L,addForm:$,ul:j,delimiter:Y}=v(e,t,r,n,y),G=Object.getOwnPropertyNames(t),ne=h(e,t,r,n,y),X=d.cloneElement(_,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:L}),ie=d.cloneElement(F,{onClick:u,className:"rejt-minus-menu",style:B}),se=G.map(Z=>D.createElement(wp,{key:Z,name:Z,data:t[Z],keyPath:r,deep:o,isCollapsed:s,handleRemove:this.handleRemoveValue(Z),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:f,readOnly:h,getStyle:v,addButtonElement:g,cancelButtonElement:w,editButtonElement:E,inputElementGenerator:C,textareaElementGenerator:S,minusMenuElement:F,plusMenuElement:_,beforeRemoveAction:A,beforeAddAction:k,beforeUpdateAction:R,logger:T,onSubmitValueParser:z}));return D.createElement("span",{className:"rejt-not-collapsed"},D.createElement("span",{className:"rejt-not-collapsed-delimiter",style:Y},"{"),!ne&&X,D.createElement("ul",{className:"rejt-not-collapsed-list",style:j},se),!ne&&l&&D.createElement("div",{className:"rejt-add-form",style:$},D.createElement(lb,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement:g,cancelButtonElement:w,inputElementGenerator:C,keyPath:r,deep:n,onSubmitValueParser:z})),D.createElement("span",{className:"rejt-not-collapsed-delimiter",style:Y},"}"),!ne&&ie)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:o}=this.state,{getStyle:l,dataType:s}=this.props,u=t?this.renderCollapsed():this.renderNotCollapsed(),f=l(e,r,n,o,s);return D.createElement("div",{className:"rejt-object-node"},D.createElement("span",{onClick:this.handleCollapseMode},D.createElement("span",{className:"rejt-name",style:f.name},e," :"," ")),u)}};x4.defaultProps={keyPath:[],deep:0,minusMenuElement:D.createElement("span",null," - "),plusMenuElement:D.createElement("span",null," + ")};var Ba=class extends d.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:o,deep:l}=this.state,{readOnly:s,dataType:u}=this.props,f=s(r,n,o,l,u);e&&!f&&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:o}=this.props,{inputRef:l,name:s,deep:u}=this.state;if(!l)return;let f=n(!0,o,u,s,l.value);e({value:f,key:s}).then(()=>{kP(t,f)||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:o}=this.state,{handleRemove:l,originalValue:s,readOnly:u,dataType:f,getStyle:h,editButtonElement:v,cancelButtonElement:y,inputElementGenerator:g,minusMenuElement:w,keyPath:E}=this.props,C=h(e,s,n,o,f),S=u(e,s,n,o,f),F=r&&!S,_=g(ib,E,o,e,s,f),A=d.cloneElement(v,{onClick:this.handleEdit}),k=d.cloneElement(y,{onClick:this.handleCancelEdit}),R=d.cloneElement(_,{ref:this.refInput,defaultValue:JSON.stringify(s)}),T=d.cloneElement(w,{onClick:l,className:"rejt-minus-menu",style:C.minus});return D.createElement("li",{className:"rejt-value-node",style:C.li},D.createElement("span",{className:"rejt-name",style:C.name},e," : "),F?D.createElement("span",{className:"rejt-edit-form",style:C.editForm},R," ",k,A):D.createElement("span",{className:"rejt-value",style:C.value,onClick:S?null:this.handleEditMode},String(t)),!S&&!F&&T)}};Ba.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:D.createElement("button",null,"e"),cancelButtonElement:D.createElement("button",null,"c"),minusMenuElement:D.createElement("span",null," - ")};function Xie(e){let t=e;if(t.indexOf("function")===0)return(0,eval)(`(${t})`);try{t=JSON.parse(e)}catch{}return t}var Jie={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},Qie={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},ele={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}},FP=class extends d.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:o,getStyle:l,addButtonElement:s,cancelButtonElement:u,editButtonElement:f,inputElement:h,textareaElement:v,minusMenuElement:y,plusMenuElement:g,beforeRemoveAction:w,beforeAddAction:E,beforeUpdateAction:C,logger:S,onSubmitValueParser:F,fallback:_=null}=this.props,A=Lo(e),k=o;Lo(o)==="Boolean"&&(k=()=>o);let R=h;h&&Lo(h)!=="Function"&&(R=()=>h);let T=v;return v&&Lo(v)!=="Function"&&(T=()=>v),A==="Object"||A==="Array"?D.createElement("div",{className:"rejt-tree"},D.createElement(wp,{data:e,name:t,deep:-1,isCollapsed:r,onUpdate:this.onUpdate,onDeltaUpdate:n,readOnly:k,getStyle:l,addButtonElement:s,cancelButtonElement:u,editButtonElement:f,inputElementGenerator:R,textareaElementGenerator:T,minusMenuElement:y,plusMenuElement:g,handleRemove:this.removeRoot,beforeRemoveAction:w,beforeAddAction:E,beforeUpdateAction:C,logger:S,onSubmitValueParser:F})):_}};FP.defaultProps={rootName:"root",isCollapsed:(e,t)=>t!==-1,getStyle:(e,t,r,n,o)=>{switch(o){case"Object":case"Error":return Jie;case"Array":return Qie;default:return ele}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(e,t,r,n,o)=>Xie(o),inputElement:()=>D.createElement("input",null),textareaElement:()=>D.createElement("textarea",null),fallback:null};var{window:tle}=Br,rle=M.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}})),Rv=M.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})),nle=M(nee)(({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}})),ale=M(aee)(({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}})),wA=M.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}`}})),ole=M(No)(({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}})),ile=M(nc.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"}})),lle={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},sle=e=>{e.currentTarget.dispatchEvent(new tle.KeyboardEvent("keydown",lle))},ule=e=>{e.currentTarget.select()},cle=e=>()=>({name:{color:e.color.secondary},collapsed:{color:e.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),bA=({name:e,value:t,onChange:r,argType:n})=>{var A;let o=eF(),l=d.useMemo(()=>t&&Xre(t),[t]),s=l!=null,[u,f]=d.useState(!s),[h,v]=d.useState(null),y=!!((A=n==null?void 0:n.table)!=null&&A.readonly),g=d.useCallback(k=>{try{k&&r(JSON.parse(k)),v(void 0)}catch(R){v(R)}},[r]),[w,E]=d.useState(!1),C=d.useCallback(()=>{r({}),E(!0)},[E]),S=d.useRef(null);if(d.useEffect(()=>{w&&S.current&&S.current.select()},[w]),!s)return D.createElement(ti,{disabled:y,id:cf(e),onClick:C},"Set object");let F=D.createElement(ile,{ref:S,id:ln(e),name:e,defaultValue:t===null?"":JSON.stringify(t,null,2),onBlur:k=>g(k.target.value),placeholder:"Edit JSON string...",autoFocus:w,valid:h?"error":null,readOnly:y}),_=Array.isArray(t)||typeof t=="object"&&(t==null?void 0:t.constructor)===Object;return D.createElement(rle,{"aria-readonly":y},_&&D.createElement(ole,{onClick:k=>{k.preventDefault(),f(R=>!R)}},u?D.createElement(tee,null):D.createElement(eee,null),D.createElement("span",null,"RAW")),u?F:D.createElement(FP,{readOnly:y||!_,isCollapsed:_?void 0:()=>!0,data:l,rootName:e,onFullyUpdate:r,getStyle:cle(o),cancelButtonElement:D.createElement(Rv,{type:"button"},"Cancel"),editButtonElement:D.createElement(Rv,{type:"submit"},"Save"),addButtonElement:D.createElement(Rv,{type:"submit",primary:!0},"Save"),plusMenuElement:D.createElement(nle,null),minusMenuElement:D.createElement(ale,null),inputElement:(k,R,T,z)=>z?D.createElement(wA,{onFocus:ule,onBlur:sle}):D.createElement(wA,null),fallback:F}))},dle=M.input(({theme:e,min:t,max:r,value:n,disabled:o})=>({"&":{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}%, 
             ${gn(.02,e.input.background)} ${(n-t)/(r-t)*100}%, 
             ${gn(.02,e.input.background)} 100%)`:`linear-gradient(to right, 
@@ -620,7 +620,7 @@ ${t}`);let r=t.match(BX);if(!r)return D.createElement(d.Fragment,null,t);let[,n,
             ${gn(.02,e.input.background)} 100%)`:`linear-gradient(to right, 
             ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, 
             ${Ao(.02,e.input.background)} ${(n-t)/(r-t)*100}%, 
-            ${Ao(.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 ${yn(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),RP=M.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),fle=M(RP)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),ple=M.div({display:"flex",alignItems:"center",width:"100%"});function hle(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 mle=({name:e,value:t,onChange:r,min:n=0,max:o=100,step:l=1,onBlur:s,onFocus:u,argType:f})=>{var w;let h=E=>{r(Sie(E.target.value))},v=t!==void 0,y=d.useMemo(()=>hle(l),[l]),g=!!((w=f==null?void 0:f.table)!=null&&w.readonly);return D.createElement(ple,{"aria-readonly":g},D.createElement(RP,null,n),D.createElement(dle,{id:ln(e),type:"range",disabled:g,onChange:h,name:e,value:t,min:n,max:o,step:l,onFocus:u,onBlur:s}),D.createElement(fle,{numberOFDecimalsPlaces:y,max:o},v?t.toFixed(y):"--"," / ",o))},gle=M.label({display:"flex"}),vle=M.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),yle=({name:e,value:t,onChange:r,onFocus:n,onBlur:o,maxLength:l,argType:s})=>{var w,E;let u=C=>{r(C.target.value)},f=!!((w=s==null?void 0:s.table)!=null&&w.readonly),[h,v]=d.useState(!1),y=d.useCallback(()=>{r(""),v(!0)},[v]);if(t===void 0)return D.createElement(ti,{variant:"outline",size:"medium",disabled:f,id:cf(e),onClick:y},"Set string");let g=typeof t=="string";return D.createElement(gle,null,D.createElement(nc.Textarea,{id:ln(e),maxLength:l,onChange:u,disabled:f,size:"flex",placeholder:"Edit string...",autoFocus:h,valid:g?null:"error",name:e,value:g?t:"",onFocus:n,onBlur:o}),l&&D.createElement(vle,{isMaxed:(t==null?void 0:t.length)===l},(E=t==null?void 0:t.length)!=null?E:0," / ",l))},wle=M(nc.Input)({padding:10});function ble(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var Ele=({onChange:e,name:t,accept:r="image/*",value:n,argType:o})=>{var f;let l=d.useRef(null),s=(f=o==null?void 0:o.control)==null?void 0:f.readOnly;function u(h){if(!h.target.files)return;let v=Array.from(h.target.files).map(y=>URL.createObjectURL(y));e(v),ble(n)}return d.useEffect(()=>{n==null&&l.current&&(l.current.value=null)},[n,t]),D.createElement(wle,{ref:l,id:ln(t),type:"file",name:t,multiple:!0,disabled:s,onChange:u,accept:r,size:"flex"})},Cle=d.lazy(()=>A4(()=>import("./Color-ERTF36HU-DNDBr2Lw.js"),__vite__mapDeps([3,1,2]),import.meta.url)),xle=e=>D.createElement(d.Suspense,{fallback:D.createElement("div",null)},D.createElement(Cle,{...e})),Dle={array:bA,object:bA,boolean:vie,color:xle,date:xie,number:_ie,check:Mi,"inline-check":Mi,radio:Mi,"inline-radio":Mi,select:Mi,"multi-select":Mi,range:mle,text:yle,file:Ele},EA=()=>D.createElement(D.Fragment,null,"-"),Sle=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var C;let{key:o,control:l}=e,[s,u]=d.useState(!1),[f,h]=d.useState({value:t});d.useEffect(()=>{s||h({value:t})},[s,t]);let v=d.useCallback(S=>(h({value:S}),r({[o]:S}),S),[r,o]),y=d.useCallback(()=>u(!1),[]),g=d.useCallback(()=>u(!0),[]);if(!l||l.disable){let S=(l==null?void 0:l.disable)!==!0&&((C=e==null?void 0:e.type)==null?void 0:C.name)!=="function";return n&&S?D.createElement(nl,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):D.createElement(EA,null)}let w={name:o,argType:e,value:f.value,onChange:v,onBlur:y,onFocus:g},E=Dle[l.type]||EA;return D.createElement(E,{...w,...l,controlType:l.type})},kle=M.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:eo({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),_le=({tags:e})=>{let t=(e.params||[]).filter(l=>l.description),r=t.length!==0,n=e.deprecated!=null,o=e.returns!=null&&e.returns.description!=null;return!r&&!o&&!n?null:D.createElement(D.Fragment,null,D.createElement(kle,null,D.createElement("tbody",null,n&&D.createElement("tr",{key:"deprecated"},D.createElement("td",{colSpan:2},D.createElement("strong",null,"Deprecated"),": ",e.deprecated.toString())),r&&t.map(l=>D.createElement("tr",{key:l.name},D.createElement("td",null,D.createElement("code",null,l.name)),D.createElement("td",null,l.description))),o&&D.createElement("tr",{key:"returns"},D.createElement("td",null,D.createElement("code",null,"Returns")),D.createElement("td",null,e.returns.description)))))},D4=8,CA=M.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),Ale=M.span(eo,({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}})),Fle=M.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),Rle=M.div(eo,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),Ile=M.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"}})),Tle=M(see)({marginLeft:4}),zle=M(dM)({marginLeft:4}),Ble=()=>D.createElement("span",null,"-"),IP=({text:e,simple:t})=>D.createElement(Ale,{simple:t},e),Lle=nP(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),Ole=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return une(t)},xA=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,D4)),r.map(n=>D.createElement(IP,{key:n,text:n===""?'""':n}))},Mle=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[o,l]=d.useState(!1),[s,u]=d.useState(t||!1);if(r==null)return null;let f=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(f))return D.createElement(IP,{text:f});let h=Ole(f),v=h.length;return v>D4?D.createElement(CA,{isExpanded:s},xA(h,s),D.createElement(Fle,{onClick:()=>u(!s)},s?"Show less...":`Show ${v-D4} more...`)):D.createElement(CA,null,xA(h))}return D.createElement(cJ,{closeOnOutsideClick:!0,placement:"bottom",visible:o,onVisibleChange:h=>{l(h)},tooltip:D.createElement(Ile,{width:Lle(n)},D.createElement(xw,{language:"jsx",format:!1},n))},D.createElement(Rle,{className:"sbdocs-expandable"},D.createElement("span",null,f),o?D.createElement(Tle,null):D.createElement(zle,null)))},Iv=({value:e,initialExpandedArgs:t})=>e==null?D.createElement(Ble,null):D.createElement(Mle,{value:e,initialExpandedArgs:t}),Ple=M.span({fontWeight:"bold"}),Nle=M.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),$le=M.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...eo({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),Hle=M.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?We(.1,e.color.defaultText):We(.2,e.color.defaultText),marginTop:t?4:0})),jle=M.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?We(.1,e.color.defaultText):We(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),qle=M.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),Vle=e=>e&&{summary:typeof e=="string"?e:e.name},G0=e=>{var C;let[t,r]=d.useState(!1),{row:n,updateArgs:o,compact:l,expandable:s,initialExpandedArgs:u}=e,{name:f,description:h}=n,v=n.table||{},y=v.type||Vle(n.type),g=v.defaultValue||n.defaultValue,w=(C=n.type)==null?void 0:C.required,E=h!=null&&h!=="";return D.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},D.createElement(qle,{expandable:s},D.createElement(Ple,null,f),w?D.createElement(Nle,{title:"Required"},"*"):null),l?null:D.createElement("td",null,E&&D.createElement($le,null,D.createElement(rP,null,h)),v.jsDocTags!=null?D.createElement(D.Fragment,null,D.createElement(jle,{hasDescription:E},D.createElement(Iv,{value:y,initialExpandedArgs:u})),D.createElement(_le,{tags:v.jsDocTags})):D.createElement(Hle,{hasDescription:E},D.createElement(Iv,{value:y,initialExpandedArgs:u}))),l?null:D.createElement("td",null,D.createElement(Iv,{value:g,initialExpandedArgs:u})),o?D.createElement("td",null,D.createElement(Sle,{...e,isHovered:t})):null)},Ule=M.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"})),Wle=M.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),Gle=M.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),Kle=({inAddonPanel:e})=>{let[t,r]=d.useState(!0);return d.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:D.createElement(Ule,{inAddonPanel:e},D.createElement(QO,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:D.createElement(D.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:D.createElement(Wle,null,e&&D.createElement(D.Fragment,null,D.createElement(nl,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},D.createElement(ree,null)," Watch 5m video"),D.createElement(Gle,null),D.createElement(nl,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},D.createElement(y4,null)," Read docs")),!e&&D.createElement(nl,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},D.createElement(y4,null)," Learn how to set that up"))}))},Yle=M(iee)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?We(.25,e.color.defaultText):We(.3,e.color.defaultText),border:"none",display:"inline-block"})),Zle=M(lee)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?We(.25,e.color.defaultText):We(.3,e.color.defaultText),border:"none",display:"inline-block"})),Xle=M.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),Jle=M.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"?We(.4,e.color.defaultText):We(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),Qle=M.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),ese=M.td(()=>({position:"relative"})),tse=M.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Ao(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),DA=M.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"})),Tv=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:o=3})=>{let[l,s]=d.useState(n),u=e==="subsection"?Qle:Jle,f=(r==null?void 0:r.length)||0,h=e==="subsection"?`${f} item${f!==1?"s":""}`:"",v=`${l?"Hide":"Show"} ${e==="subsection"?f:t} item${f!==1?"s":""}`;return D.createElement(D.Fragment,null,D.createElement(tse,{title:v},D.createElement(u,{colSpan:1},D.createElement(DA,{onClick:y=>s(!l),tabIndex:0},v),D.createElement(Xle,null,l?D.createElement(Yle,null):D.createElement(Zle,null),t)),D.createElement(ese,{colSpan:o-1},D.createElement(DA,{onClick:y=>s(!l),tabIndex:-1,style:{outline:"none"}},v),l?null:h)),l?r:null)},K0=M.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),$t=M.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),vt=M.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})),Ht=[2,4,2,2],rse=()=>D.createElement(D.Fragment,null,D.createElement(K0,null,D.createElement($t,{numColumn:Ht[0]},D.createElement(vt,{width:"60%"})),D.createElement($t,{numColumn:Ht[1]},D.createElement(vt,{width:"30%"})),D.createElement($t,{numColumn:Ht[2]},D.createElement(vt,{width:"60%"})),D.createElement($t,{numColumn:Ht[3]},D.createElement(vt,{width:"60%"}))),D.createElement(K0,null,D.createElement($t,{numColumn:Ht[0]},D.createElement(vt,{width:"60%"})),D.createElement($t,{numColumn:Ht[1]},D.createElement(vt,{width:"80%"}),D.createElement(vt,{width:"30%"})),D.createElement($t,{numColumn:Ht[2]},D.createElement(vt,{width:"60%"})),D.createElement($t,{numColumn:Ht[3]},D.createElement(vt,{width:"60%"}))),D.createElement(K0,null,D.createElement($t,{numColumn:Ht[0]},D.createElement(vt,{width:"60%"})),D.createElement($t,{numColumn:Ht[1]},D.createElement(vt,{width:"80%"}),D.createElement(vt,{width:"30%"})),D.createElement($t,{numColumn:Ht[2]},D.createElement(vt,{width:"60%"})),D.createElement($t,{numColumn:Ht[3]},D.createElement(vt,{width:"60%"}))),D.createElement(K0,null,D.createElement($t,{numColumn:Ht[0]},D.createElement(vt,{width:"60%"})),D.createElement($t,{numColumn:Ht[1]},D.createElement(vt,{width:"80%"}),D.createElement(vt,{width:"30%"})),D.createElement($t,{numColumn:Ht[2]},D.createElement(vt,{width:"60%"})),D.createElement($t,{numColumn:Ht[3]},D.createElement(vt,{width:"60%"})))),nse=M.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"?We(.25,e.color.defaultText):We(.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}}}}})),ase=M(No)(({theme:e})=>({margin:"-4px -12px -4px 0"})),ose=M.span({display:"flex",justifyContent:"space-between"}),ise={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var r,n;return+!!((r=t.type)!=null&&r.required)-+!!((n=e.type)!=null&&n.required)||e.name.localeCompare(t.name)},none:void 0},lse=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([l,s])=>{let{category:u,subcategory:f}=(s==null?void 0:s.table)||{};if(u){let h=r.sections[u]||{ungrouped:[],subsections:{}};if(!f)h.ungrouped.push({key:l,...s});else{let v=h.subsections[f]||[];v.push({key:l,...s}),h.subsections[f]=v}r.sections[u]=h}else if(f){let h=r.ungroupedSubsections[f]||[];h.push({key:l,...s}),r.ungroupedSubsections[f]=h}else r.ungrouped.push({key:l,...s})});let n=ise[t],o=l=>n?Object.keys(l).reduce((s,u)=>({...s,[u]:l[u].sort(n)}),{}):l;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:o(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((l,s)=>({...l,[s]:{ungrouped:r.sections[s].ungrouped.sort(n),subsections:o(r.sections[s].subsections)}}),{})}},sse=(e,t,r)=>{try{return eq(e,t,r)}catch(n){return Toe.warn(n.message),!1}},S4=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:o,initialExpandedArgs:l,sort:s="none",isLoading:u}=e;if("error"in e){let{error:_}=e;return D.createElement(hP,null,_," ",D.createElement(nl,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},D.createElement(y4,null)," Read the docs"))}if(u)return D.createElement(rse,null);let{rows:f,args:h,globals:v}="rows"in e&&e,y=lse(kte(f,_=>{var A;return!((A=_==null?void 0:_.table)!=null&&A.disable)&&sse(_,h||{},v||{})}),s),g=y.ungrouped.length===0,w=Object.entries(y.sections).length===0,E=Object.entries(y.ungroupedSubsections).length===0;if(g&&w&&E)return D.createElement(Kle,{inAddonPanel:o});let C=1;t&&(C+=1),n||(C+=2);let S=Object.keys(y.sections).length>0,F={updateArgs:t,compact:n,inAddonPanel:o,initialExpandedArgs:l};return D.createElement(wL,null,D.createElement(nse,{compact:n,inAddonPanel:o,className:"docblock-argstable sb-unstyled"},D.createElement("thead",{className:"docblock-argstable-head"},D.createElement("tr",null,D.createElement("th",null,D.createElement("span",null,"Name")),n?null:D.createElement("th",null,D.createElement("span",null,"Description")),n?null:D.createElement("th",null,D.createElement("span",null,"Default")),t?D.createElement("th",null,D.createElement(ose,null,"Control"," ",!u&&r&&D.createElement(ase,{onClick:()=>r(),title:"Reset controls"},D.createElement(uee,{"aria-hidden":!0})))):null)),D.createElement("tbody",{className:"docblock-argstable-body"},y.ungrouped.map(_=>D.createElement(G0,{key:_.key,row:_,arg:h&&h[_.key],...F})),Object.entries(y.ungroupedSubsections).map(([_,A])=>D.createElement(Tv,{key:_,label:_,level:"subsection",colSpan:C},A.map(k=>D.createElement(G0,{key:k.key,row:k,arg:h&&h[k.key],expandable:S,...F})))),Object.entries(y.sections).map(([_,A])=>D.createElement(Tv,{key:_,label:_,level:"section",colSpan:C},A.ungrouped.map(k=>D.createElement(G0,{key:k.key,row:k,arg:h&&h[k.key],...F})),Object.entries(A.subsections).map(([k,R])=>D.createElement(Tv,{key:k,label:k,level:"subsection",colSpan:C},R.map(T=>D.createElement(G0,{key:T.key,row:T,arg:h&&h[T.key],expandable:S,...F})))))))))},use=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?D.createElement(S4,{...r[0][1],...t}):D.createElement(WJ,null,r.map((n,o)=>{let[l,s]=n,u=`prop_table_div_${l}`,f="div",h=o===0?t:{sort:t.sort};return D.createElement(f,{key:u,id:u,title:l},({active:v})=>v?D.createElement(S4,{key:`prop_table_${l}`,...s,...h}):null)}))};M.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?We(.4,e.color.defaultText):We(.6,e.color.defaultText)}));M.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});M.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});M.div(at,({theme:e})=>({...yp(e),margin:"25px 0 40px",padding:"30px 20px"}));M.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));M.div(({theme:e})=>({color:e.base==="light"?We(.2,e.color.defaultText):We(.6,e.color.defaultText)}));M.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});M.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"?We(.4,e.color.defaultText):We(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));M.div({display:"flex",flexDirection:"row"});M.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));M.div(({theme:e})=>({...yp(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"}));M.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});M.div({flex:1,display:"flex",flexDirection:"row"});M.div({display:"flex",alignItems:"flex-start"});M.div({flex:"0 0 30%"});M.div({flex:1});M.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?We(.4,e.color.defaultText):We(.6,e.color.defaultText)}));M.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));M.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));M.div(({theme:e})=>({...yp(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));M.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});M.div({display:"flex",flexFlow:"row wrap"});var cse=e=>`anchor--${e}`,dse=({storyId:e,children:t})=>D.createElement("div",{id:cse(e),className:"sb-anchor"},t);Br&&Br.__DOCS_CONTEXT__===void 0&&(Br.__DOCS_CONTEXT__=d.createContext(null),Br.__DOCS_CONTEXT__.displayName="DocsContext");var Mn=Br?Br.__DOCS_CONTEXT__:d.createContext(null),oi=(e,t)=>d.useContext(Mn).resolveOf(e,t),fse=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),pse=e=>{if(e)return typeof e=="string"?e.includes("-")?fse(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function hse(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function TP(e){return Foe(e,{allowFunction:!1})}var zP=d.createContext({sources:{}}),BP="--unknown--",mse=({children:e,channel:t})=>{let[r,n]=d.useState({});return d.useEffect(()=>{let o=(l,s=null,u=!1)=>{let{id:f,args:h=void 0,source:v,format:y}=typeof l=="string"?{id:l,source:s,format:u}:l,g=h?TP(h):BP;n(w=>({...w,[f]:{...w[f],[g]:{code:v,format:y}}}))};return t.on(j6,o),()=>t.off(j6,o)},[]),D.createElement(zP.Provider,{value:{sources:r}},e)},gse=(e,t,r)=>{let{sources:n}=r,o=n==null?void 0:n[e];return(o==null?void 0:o[TP(t)])||(o==null?void 0:o[BP])||{code:""}},vse=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var f,h;let{__isArgsStory:o}=t.parameters,l=((f=t.parameters.docs)==null?void 0:f.source)||{},s=r||l.type||rh.AUTO;if(l.code!==void 0)return l.code;let u=s===rh.DYNAMIC||s===rh.AUTO&&e&&o?e:l.originalSource||"";return((h=n!=null?n:l.transform)==null?void 0:h(u,t))||u},yse=(e,t,r)=>{var w,E,C,S,F,_,A,k,R,T,z;let n,{of:o}=e;if("of"in e&&o===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(o)n=t.resolveOf(o,["story"]).story;else try{n=t.storyById()}catch{}let l=((E=(w=n==null?void 0:n.parameters)==null?void 0:w.docs)==null?void 0:E.source)||{},{code:s}=e,u=(C=e.format)!=null?C:l.format,f=(F=(S=e.language)!=null?S:l.language)!=null?F:"jsx",h=(A=(_=e.dark)!=null?_:l.dark)!=null?A:!1;if(!s&&!n)return{error:"Oh no! The source is not available."};if(s)return{code:s,format:u,language:f,dark:h};let v=t.getStoryContext(n),y=e.__forceInitialArgs?v.initialArgs:v.unmappedArgs,g=gse(n.id,y,r);return u=(z=(T=g.format)!=null?T:(R=(k=n.parameters.docs)==null?void 0:k.source)==null?void 0:R.format)!=null?z:!1,{code:vse({snippet:g.code,storyContext:{...v,args:y},typeFromProps:e.type,transformFromProps:e.transform}),format:u,language:f,dark:h}};function wse(e,t){let r=bse([e],t);return r&&r[0]}function bse(e,t){let[r,n]=d.useState({});return d.useEffect(()=>{Promise.all(e.map(async o=>{let l=await t.loadStory(o);n(s=>s[o]===l?s:{...s,[o]:l})}))}),e.map(o=>{if(r[o])return r[o];try{return t.storyById(o)}catch{return null}})}var Ese=(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},Cse=(e,t,r)=>{var u,f,h,v,y,g,w,E;let{parameters:n={}}=t||{},{docs:o={}}=n,l=o.story||{};if(o.disable)return null;if((f=(u=e.inline)!=null?u:l.inline)!=null&&f){let C=(h=e.height)!=null?h:l.height,S=(y=(v=e.autoplay)!=null?v:l.autoplay)!=null?y:!1;return{story:t,inline:!0,height:C,autoplay:S,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:r.renderStoryToElement}}let s=(E=(w=(g=e.height)!=null?g:l.height)!=null?w:l.iframeHeight)!=null?E:"100px";return{story:t,inline:!1,height:s,primary:!!e.__primary}},xse=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=d.useContext(Mn),r=Ese(e,t),n=wse(r,t);if(!n)return D.createElement(vP,null);let o=Cse(e,n,t);return o?D.createElement(aie,{...o}):null},Dse=e=>{var g,w,E,C,S,F,_,A,k,R,T,z,B,L,$,j,Y,G,ne;let t=d.useContext(Mn),r=d.useContext(zP),{of:n,source:o}=e;if("of"in e&&n===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:l}=oi(n||"story",["story"]),s=yse({...o,...n&&{of:n}},t,r),u=(S=(C=(g=e.layout)!=null?g:l.parameters.layout)!=null?C:(E=(w=l.parameters.docs)==null?void 0:w.canvas)==null?void 0:E.layout)!=null?S:"padded",f=(k=(A=e.withToolbar)!=null?A:(_=(F=l.parameters.docs)==null?void 0:F.canvas)==null?void 0:_.withToolbar)!=null?k:!1,h=(z=e.additionalActions)!=null?z:(T=(R=l.parameters.docs)==null?void 0:R.canvas)==null?void 0:T.additionalActions,v=(j=($=e.sourceState)!=null?$:(L=(B=l.parameters.docs)==null?void 0:B.canvas)==null?void 0:L.sourceState)!=null?j:"hidden",y=(ne=e.className)!=null?ne:(G=(Y=l.parameters.docs)==null?void 0:Y.canvas)==null?void 0:G.className;return D.createElement(yP,{withSource:v==="none"?void 0:s,isExpanded:v==="shown",withToolbar:f,additionalActions:h,className:y,layout:u},D.createElement(xse,{of:n||l.moduleExport,meta:e.meta,...e.story}))},Sse=(e,t)=>{let r=kse(e,t);if(!r)throw new Error("No result when story was defined");return r},kse=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[o,l]=d.useState(r.args);d.useEffect(()=>{let f=h=>{h.storyId===n&&l(h.args)};return t.channel.on(dA,f),()=>t.channel.off(dA,f)},[n,t.channel]);let s=d.useCallback(f=>t.channel.emit(zoe,{storyId:n,updatedArgs:f}),[n,t.channel]),u=d.useCallback(f=>t.channel.emit(Boe,{storyId:n,argNames:f}),[n,t.channel]);return e&&[o,s,u]},_se=(e,t)=>{let r=t.getStoryContext(e),[n,o]=d.useState(r.globals);return d.useEffect(()=>{let l=s=>{o(s.globals)};return t.channel.on(fA,l),()=>t.channel.off(fA,l)},[t.channel]),[n]};function Ase(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var Fse=e=>{var k,R,T,z;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=d.useContext(Mn),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:o,argTypes:l,component:s,subcomponents:u}=n,f=((k=o.docs)==null?void 0:k.controls)||{},h=(R=e.include)!=null?R:f.include,v=(T=e.exclude)!=null?T:f.exclude,y=(z=e.sort)!=null?z:f.sort,[g,w,E]=Sse(n,r),[C]=_se(n,r),S=cA(l,h,v);if(!(u&&Object.keys(u).length>0))return Object.keys(S).length>0||Object.keys(g).length>0?D.createElement(S4,{rows:S,sort:y,args:g,globals:C,updateArgs:w,resetArgs:E}):null;let F=pse(s),_=Object.fromEntries(Object.entries(u).map(([B,L])=>[B,{rows:cA(Ase(L,o),h,v),sort:y}])),A={[F]:{rows:S,sort:y},..._};return D.createElement(use,{tabs:A,sort:y,args:g,globals:C,updateArgs:w,resetArgs:E})},{document:LP}=Br,OP=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return D.createElement(bL,null,t);let n=e&&e.split("-");return D.createElement(mP,{language:n&&n[1]||"text",format:!1,code:t,...r})};function sb(e,t){e.channel.emit(Loe,t)}var k4=uQ.a,Rse=({hash:e,children:t})=>{let r=d.useContext(Mn);return D.createElement(k4,{href:e,target:"_self",onClick:n=>{let o=e.substring(1);LP.getElementById(o)&&sb(r,e)}},t)},MP=e=>{let{href:t,target:r,children:n,...o}=e,l=d.useContext(Mn);return!t||r==="_blank"||/^https?:\/\//.test(t)?D.createElement(k4,{...e}):t.startsWith("#")?D.createElement(Rse,{hash:t},n):D.createElement(k4,{href:t,onClick:s=>{s.button===0&&!s.altKey&&!s.ctrlKey&&!s.metaKey&&!s.shiftKey&&(s.preventDefault(),sb(l,s.currentTarget.getAttribute("href")))},target:r,...o},n)},PP=["h1","h2","h3","h4","h5","h6"],Ise=PP.reduce((e,t)=>({...e,[t]:M(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),Tse=M.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),zse=({as:e,id:t,children:r,...n})=>{let o=d.useContext(Mn),l=Ise[e],s=`#${t}`;return D.createElement(l,{id:t,...n},D.createElement(Tse,{"aria-hidden":"true",href:s,tabIndex:-1,target:"_self",onClick:u=>{LP.getElementById(t)&&sb(o,s)}},D.createElement(oee,null)),r)},ub=e=>{let{as:t,id:r,children:n,...o}=e;if(r)return D.createElement(zse,{as:t,id:r,...o},n);let l=t,{as:s,...u}=e;return D.createElement(l,{...rt(u,t)})},NP=PP.reduce((e,t)=>({...e,[t]:r=>D.createElement(ub,{as:t,...r})}),{}),Bse=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error(Roe`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}'
+            ${Ao(.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 ${yn(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),RP=M.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),fle=M(RP)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),ple=M.div({display:"flex",alignItems:"center",width:"100%"});function hle(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 mle=({name:e,value:t,onChange:r,min:n=0,max:o=100,step:l=1,onBlur:s,onFocus:u,argType:f})=>{var w;let h=E=>{r(Sie(E.target.value))},v=t!==void 0,y=d.useMemo(()=>hle(l),[l]),g=!!((w=f==null?void 0:f.table)!=null&&w.readonly);return D.createElement(ple,{"aria-readonly":g},D.createElement(RP,null,n),D.createElement(dle,{id:ln(e),type:"range",disabled:g,onChange:h,name:e,value:t,min:n,max:o,step:l,onFocus:u,onBlur:s}),D.createElement(fle,{numberOFDecimalsPlaces:y,max:o},v?t.toFixed(y):"--"," / ",o))},gle=M.label({display:"flex"}),vle=M.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),yle=({name:e,value:t,onChange:r,onFocus:n,onBlur:o,maxLength:l,argType:s})=>{var w,E;let u=C=>{r(C.target.value)},f=!!((w=s==null?void 0:s.table)!=null&&w.readonly),[h,v]=d.useState(!1),y=d.useCallback(()=>{r(""),v(!0)},[v]);if(t===void 0)return D.createElement(ti,{variant:"outline",size:"medium",disabled:f,id:cf(e),onClick:y},"Set string");let g=typeof t=="string";return D.createElement(gle,null,D.createElement(nc.Textarea,{id:ln(e),maxLength:l,onChange:u,disabled:f,size:"flex",placeholder:"Edit string...",autoFocus:h,valid:g?null:"error",name:e,value:g?t:"",onFocus:n,onBlur:o}),l&&D.createElement(vle,{isMaxed:(t==null?void 0:t.length)===l},(E=t==null?void 0:t.length)!=null?E:0," / ",l))},wle=M(nc.Input)({padding:10});function ble(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var Ele=({onChange:e,name:t,accept:r="image/*",value:n,argType:o})=>{var f;let l=d.useRef(null),s=(f=o==null?void 0:o.control)==null?void 0:f.readOnly;function u(h){if(!h.target.files)return;let v=Array.from(h.target.files).map(y=>URL.createObjectURL(y));e(v),ble(n)}return d.useEffect(()=>{n==null&&l.current&&(l.current.value=null)},[n,t]),D.createElement(wle,{ref:l,id:ln(t),type:"file",name:t,multiple:!0,disabled:s,onChange:u,accept:r,size:"flex"})},Cle=d.lazy(()=>A4(()=>import("./Color-ERTF36HU-DYApUIcb.js"),__vite__mapDeps([3,1,2]),import.meta.url)),xle=e=>D.createElement(d.Suspense,{fallback:D.createElement("div",null)},D.createElement(Cle,{...e})),Dle={array:bA,object:bA,boolean:vie,color:xle,date:xie,number:_ie,check:Mi,"inline-check":Mi,radio:Mi,"inline-radio":Mi,select:Mi,"multi-select":Mi,range:mle,text:yle,file:Ele},EA=()=>D.createElement(D.Fragment,null,"-"),Sle=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var C;let{key:o,control:l}=e,[s,u]=d.useState(!1),[f,h]=d.useState({value:t});d.useEffect(()=>{s||h({value:t})},[s,t]);let v=d.useCallback(S=>(h({value:S}),r({[o]:S}),S),[r,o]),y=d.useCallback(()=>u(!1),[]),g=d.useCallback(()=>u(!0),[]);if(!l||l.disable){let S=(l==null?void 0:l.disable)!==!0&&((C=e==null?void 0:e.type)==null?void 0:C.name)!=="function";return n&&S?D.createElement(nl,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):D.createElement(EA,null)}let w={name:o,argType:e,value:f.value,onChange:v,onBlur:y,onFocus:g},E=Dle[l.type]||EA;return D.createElement(E,{...w,...l,controlType:l.type})},kle=M.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:eo({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),_le=({tags:e})=>{let t=(e.params||[]).filter(l=>l.description),r=t.length!==0,n=e.deprecated!=null,o=e.returns!=null&&e.returns.description!=null;return!r&&!o&&!n?null:D.createElement(D.Fragment,null,D.createElement(kle,null,D.createElement("tbody",null,n&&D.createElement("tr",{key:"deprecated"},D.createElement("td",{colSpan:2},D.createElement("strong",null,"Deprecated"),": ",e.deprecated.toString())),r&&t.map(l=>D.createElement("tr",{key:l.name},D.createElement("td",null,D.createElement("code",null,l.name)),D.createElement("td",null,l.description))),o&&D.createElement("tr",{key:"returns"},D.createElement("td",null,D.createElement("code",null,"Returns")),D.createElement("td",null,e.returns.description)))))},D4=8,CA=M.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),Ale=M.span(eo,({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}})),Fle=M.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),Rle=M.div(eo,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),Ile=M.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"}})),Tle=M(see)({marginLeft:4}),zle=M(dM)({marginLeft:4}),Ble=()=>D.createElement("span",null,"-"),IP=({text:e,simple:t})=>D.createElement(Ale,{simple:t},e),Lle=nP(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),Ole=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return une(t)},xA=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,D4)),r.map(n=>D.createElement(IP,{key:n,text:n===""?'""':n}))},Mle=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[o,l]=d.useState(!1),[s,u]=d.useState(t||!1);if(r==null)return null;let f=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(f))return D.createElement(IP,{text:f});let h=Ole(f),v=h.length;return v>D4?D.createElement(CA,{isExpanded:s},xA(h,s),D.createElement(Fle,{onClick:()=>u(!s)},s?"Show less...":`Show ${v-D4} more...`)):D.createElement(CA,null,xA(h))}return D.createElement(cJ,{closeOnOutsideClick:!0,placement:"bottom",visible:o,onVisibleChange:h=>{l(h)},tooltip:D.createElement(Ile,{width:Lle(n)},D.createElement(xw,{language:"jsx",format:!1},n))},D.createElement(Rle,{className:"sbdocs-expandable"},D.createElement("span",null,f),o?D.createElement(Tle,null):D.createElement(zle,null)))},Iv=({value:e,initialExpandedArgs:t})=>e==null?D.createElement(Ble,null):D.createElement(Mle,{value:e,initialExpandedArgs:t}),Ple=M.span({fontWeight:"bold"}),Nle=M.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),$le=M.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...eo({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),Hle=M.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?We(.1,e.color.defaultText):We(.2,e.color.defaultText),marginTop:t?4:0})),jle=M.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?We(.1,e.color.defaultText):We(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),qle=M.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),Vle=e=>e&&{summary:typeof e=="string"?e:e.name},G0=e=>{var C;let[t,r]=d.useState(!1),{row:n,updateArgs:o,compact:l,expandable:s,initialExpandedArgs:u}=e,{name:f,description:h}=n,v=n.table||{},y=v.type||Vle(n.type),g=v.defaultValue||n.defaultValue,w=(C=n.type)==null?void 0:C.required,E=h!=null&&h!=="";return D.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},D.createElement(qle,{expandable:s},D.createElement(Ple,null,f),w?D.createElement(Nle,{title:"Required"},"*"):null),l?null:D.createElement("td",null,E&&D.createElement($le,null,D.createElement(rP,null,h)),v.jsDocTags!=null?D.createElement(D.Fragment,null,D.createElement(jle,{hasDescription:E},D.createElement(Iv,{value:y,initialExpandedArgs:u})),D.createElement(_le,{tags:v.jsDocTags})):D.createElement(Hle,{hasDescription:E},D.createElement(Iv,{value:y,initialExpandedArgs:u}))),l?null:D.createElement("td",null,D.createElement(Iv,{value:g,initialExpandedArgs:u})),o?D.createElement("td",null,D.createElement(Sle,{...e,isHovered:t})):null)},Ule=M.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"})),Wle=M.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),Gle=M.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),Kle=({inAddonPanel:e})=>{let[t,r]=d.useState(!0);return d.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:D.createElement(Ule,{inAddonPanel:e},D.createElement(QO,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:D.createElement(D.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:D.createElement(Wle,null,e&&D.createElement(D.Fragment,null,D.createElement(nl,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},D.createElement(ree,null)," Watch 5m video"),D.createElement(Gle,null),D.createElement(nl,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},D.createElement(y4,null)," Read docs")),!e&&D.createElement(nl,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},D.createElement(y4,null)," Learn how to set that up"))}))},Yle=M(iee)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?We(.25,e.color.defaultText):We(.3,e.color.defaultText),border:"none",display:"inline-block"})),Zle=M(lee)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?We(.25,e.color.defaultText):We(.3,e.color.defaultText),border:"none",display:"inline-block"})),Xle=M.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),Jle=M.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"?We(.4,e.color.defaultText):We(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),Qle=M.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),ese=M.td(()=>({position:"relative"})),tse=M.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Ao(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),DA=M.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"})),Tv=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:o=3})=>{let[l,s]=d.useState(n),u=e==="subsection"?Qle:Jle,f=(r==null?void 0:r.length)||0,h=e==="subsection"?`${f} item${f!==1?"s":""}`:"",v=`${l?"Hide":"Show"} ${e==="subsection"?f:t} item${f!==1?"s":""}`;return D.createElement(D.Fragment,null,D.createElement(tse,{title:v},D.createElement(u,{colSpan:1},D.createElement(DA,{onClick:y=>s(!l),tabIndex:0},v),D.createElement(Xle,null,l?D.createElement(Yle,null):D.createElement(Zle,null),t)),D.createElement(ese,{colSpan:o-1},D.createElement(DA,{onClick:y=>s(!l),tabIndex:-1,style:{outline:"none"}},v),l?null:h)),l?r:null)},K0=M.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),$t=M.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),vt=M.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})),Ht=[2,4,2,2],rse=()=>D.createElement(D.Fragment,null,D.createElement(K0,null,D.createElement($t,{numColumn:Ht[0]},D.createElement(vt,{width:"60%"})),D.createElement($t,{numColumn:Ht[1]},D.createElement(vt,{width:"30%"})),D.createElement($t,{numColumn:Ht[2]},D.createElement(vt,{width:"60%"})),D.createElement($t,{numColumn:Ht[3]},D.createElement(vt,{width:"60%"}))),D.createElement(K0,null,D.createElement($t,{numColumn:Ht[0]},D.createElement(vt,{width:"60%"})),D.createElement($t,{numColumn:Ht[1]},D.createElement(vt,{width:"80%"}),D.createElement(vt,{width:"30%"})),D.createElement($t,{numColumn:Ht[2]},D.createElement(vt,{width:"60%"})),D.createElement($t,{numColumn:Ht[3]},D.createElement(vt,{width:"60%"}))),D.createElement(K0,null,D.createElement($t,{numColumn:Ht[0]},D.createElement(vt,{width:"60%"})),D.createElement($t,{numColumn:Ht[1]},D.createElement(vt,{width:"80%"}),D.createElement(vt,{width:"30%"})),D.createElement($t,{numColumn:Ht[2]},D.createElement(vt,{width:"60%"})),D.createElement($t,{numColumn:Ht[3]},D.createElement(vt,{width:"60%"}))),D.createElement(K0,null,D.createElement($t,{numColumn:Ht[0]},D.createElement(vt,{width:"60%"})),D.createElement($t,{numColumn:Ht[1]},D.createElement(vt,{width:"80%"}),D.createElement(vt,{width:"30%"})),D.createElement($t,{numColumn:Ht[2]},D.createElement(vt,{width:"60%"})),D.createElement($t,{numColumn:Ht[3]},D.createElement(vt,{width:"60%"})))),nse=M.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"?We(.25,e.color.defaultText):We(.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}}}}})),ase=M(No)(({theme:e})=>({margin:"-4px -12px -4px 0"})),ose=M.span({display:"flex",justifyContent:"space-between"}),ise={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var r,n;return+!!((r=t.type)!=null&&r.required)-+!!((n=e.type)!=null&&n.required)||e.name.localeCompare(t.name)},none:void 0},lse=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([l,s])=>{let{category:u,subcategory:f}=(s==null?void 0:s.table)||{};if(u){let h=r.sections[u]||{ungrouped:[],subsections:{}};if(!f)h.ungrouped.push({key:l,...s});else{let v=h.subsections[f]||[];v.push({key:l,...s}),h.subsections[f]=v}r.sections[u]=h}else if(f){let h=r.ungroupedSubsections[f]||[];h.push({key:l,...s}),r.ungroupedSubsections[f]=h}else r.ungrouped.push({key:l,...s})});let n=ise[t],o=l=>n?Object.keys(l).reduce((s,u)=>({...s,[u]:l[u].sort(n)}),{}):l;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:o(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((l,s)=>({...l,[s]:{ungrouped:r.sections[s].ungrouped.sort(n),subsections:o(r.sections[s].subsections)}}),{})}},sse=(e,t,r)=>{try{return eq(e,t,r)}catch(n){return Toe.warn(n.message),!1}},S4=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:o,initialExpandedArgs:l,sort:s="none",isLoading:u}=e;if("error"in e){let{error:_}=e;return D.createElement(hP,null,_," ",D.createElement(nl,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},D.createElement(y4,null)," Read the docs"))}if(u)return D.createElement(rse,null);let{rows:f,args:h,globals:v}="rows"in e&&e,y=lse(kte(f,_=>{var A;return!((A=_==null?void 0:_.table)!=null&&A.disable)&&sse(_,h||{},v||{})}),s),g=y.ungrouped.length===0,w=Object.entries(y.sections).length===0,E=Object.entries(y.ungroupedSubsections).length===0;if(g&&w&&E)return D.createElement(Kle,{inAddonPanel:o});let C=1;t&&(C+=1),n||(C+=2);let S=Object.keys(y.sections).length>0,F={updateArgs:t,compact:n,inAddonPanel:o,initialExpandedArgs:l};return D.createElement(wL,null,D.createElement(nse,{compact:n,inAddonPanel:o,className:"docblock-argstable sb-unstyled"},D.createElement("thead",{className:"docblock-argstable-head"},D.createElement("tr",null,D.createElement("th",null,D.createElement("span",null,"Name")),n?null:D.createElement("th",null,D.createElement("span",null,"Description")),n?null:D.createElement("th",null,D.createElement("span",null,"Default")),t?D.createElement("th",null,D.createElement(ose,null,"Control"," ",!u&&r&&D.createElement(ase,{onClick:()=>r(),title:"Reset controls"},D.createElement(uee,{"aria-hidden":!0})))):null)),D.createElement("tbody",{className:"docblock-argstable-body"},y.ungrouped.map(_=>D.createElement(G0,{key:_.key,row:_,arg:h&&h[_.key],...F})),Object.entries(y.ungroupedSubsections).map(([_,A])=>D.createElement(Tv,{key:_,label:_,level:"subsection",colSpan:C},A.map(k=>D.createElement(G0,{key:k.key,row:k,arg:h&&h[k.key],expandable:S,...F})))),Object.entries(y.sections).map(([_,A])=>D.createElement(Tv,{key:_,label:_,level:"section",colSpan:C},A.ungrouped.map(k=>D.createElement(G0,{key:k.key,row:k,arg:h&&h[k.key],...F})),Object.entries(A.subsections).map(([k,R])=>D.createElement(Tv,{key:k,label:k,level:"subsection",colSpan:C},R.map(T=>D.createElement(G0,{key:T.key,row:T,arg:h&&h[T.key],expandable:S,...F})))))))))},use=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?D.createElement(S4,{...r[0][1],...t}):D.createElement(WJ,null,r.map((n,o)=>{let[l,s]=n,u=`prop_table_div_${l}`,f="div",h=o===0?t:{sort:t.sort};return D.createElement(f,{key:u,id:u,title:l},({active:v})=>v?D.createElement(S4,{key:`prop_table_${l}`,...s,...h}):null)}))};M.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?We(.4,e.color.defaultText):We(.6,e.color.defaultText)}));M.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});M.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});M.div(at,({theme:e})=>({...yp(e),margin:"25px 0 40px",padding:"30px 20px"}));M.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));M.div(({theme:e})=>({color:e.base==="light"?We(.2,e.color.defaultText):We(.6,e.color.defaultText)}));M.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});M.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"?We(.4,e.color.defaultText):We(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));M.div({display:"flex",flexDirection:"row"});M.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));M.div(({theme:e})=>({...yp(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"}));M.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});M.div({flex:1,display:"flex",flexDirection:"row"});M.div({display:"flex",alignItems:"flex-start"});M.div({flex:"0 0 30%"});M.div({flex:1});M.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?We(.4,e.color.defaultText):We(.6,e.color.defaultText)}));M.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));M.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));M.div(({theme:e})=>({...yp(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));M.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});M.div({display:"flex",flexFlow:"row wrap"});var cse=e=>`anchor--${e}`,dse=({storyId:e,children:t})=>D.createElement("div",{id:cse(e),className:"sb-anchor"},t);Br&&Br.__DOCS_CONTEXT__===void 0&&(Br.__DOCS_CONTEXT__=d.createContext(null),Br.__DOCS_CONTEXT__.displayName="DocsContext");var Mn=Br?Br.__DOCS_CONTEXT__:d.createContext(null),oi=(e,t)=>d.useContext(Mn).resolveOf(e,t),fse=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),pse=e=>{if(e)return typeof e=="string"?e.includes("-")?fse(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function hse(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function TP(e){return Foe(e,{allowFunction:!1})}var zP=d.createContext({sources:{}}),BP="--unknown--",mse=({children:e,channel:t})=>{let[r,n]=d.useState({});return d.useEffect(()=>{let o=(l,s=null,u=!1)=>{let{id:f,args:h=void 0,source:v,format:y}=typeof l=="string"?{id:l,source:s,format:u}:l,g=h?TP(h):BP;n(w=>({...w,[f]:{...w[f],[g]:{code:v,format:y}}}))};return t.on(j6,o),()=>t.off(j6,o)},[]),D.createElement(zP.Provider,{value:{sources:r}},e)},gse=(e,t,r)=>{let{sources:n}=r,o=n==null?void 0:n[e];return(o==null?void 0:o[TP(t)])||(o==null?void 0:o[BP])||{code:""}},vse=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var f,h;let{__isArgsStory:o}=t.parameters,l=((f=t.parameters.docs)==null?void 0:f.source)||{},s=r||l.type||rh.AUTO;if(l.code!==void 0)return l.code;let u=s===rh.DYNAMIC||s===rh.AUTO&&e&&o?e:l.originalSource||"";return((h=n!=null?n:l.transform)==null?void 0:h(u,t))||u},yse=(e,t,r)=>{var w,E,C,S,F,_,A,k,R,T,z;let n,{of:o}=e;if("of"in e&&o===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(o)n=t.resolveOf(o,["story"]).story;else try{n=t.storyById()}catch{}let l=((E=(w=n==null?void 0:n.parameters)==null?void 0:w.docs)==null?void 0:E.source)||{},{code:s}=e,u=(C=e.format)!=null?C:l.format,f=(F=(S=e.language)!=null?S:l.language)!=null?F:"jsx",h=(A=(_=e.dark)!=null?_:l.dark)!=null?A:!1;if(!s&&!n)return{error:"Oh no! The source is not available."};if(s)return{code:s,format:u,language:f,dark:h};let v=t.getStoryContext(n),y=e.__forceInitialArgs?v.initialArgs:v.unmappedArgs,g=gse(n.id,y,r);return u=(z=(T=g.format)!=null?T:(R=(k=n.parameters.docs)==null?void 0:k.source)==null?void 0:R.format)!=null?z:!1,{code:vse({snippet:g.code,storyContext:{...v,args:y},typeFromProps:e.type,transformFromProps:e.transform}),format:u,language:f,dark:h}};function wse(e,t){let r=bse([e],t);return r&&r[0]}function bse(e,t){let[r,n]=d.useState({});return d.useEffect(()=>{Promise.all(e.map(async o=>{let l=await t.loadStory(o);n(s=>s[o]===l?s:{...s,[o]:l})}))}),e.map(o=>{if(r[o])return r[o];try{return t.storyById(o)}catch{return null}})}var Ese=(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},Cse=(e,t,r)=>{var u,f,h,v,y,g,w,E;let{parameters:n={}}=t||{},{docs:o={}}=n,l=o.story||{};if(o.disable)return null;if((f=(u=e.inline)!=null?u:l.inline)!=null&&f){let C=(h=e.height)!=null?h:l.height,S=(y=(v=e.autoplay)!=null?v:l.autoplay)!=null?y:!1;return{story:t,inline:!0,height:C,autoplay:S,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:r.renderStoryToElement}}let s=(E=(w=(g=e.height)!=null?g:l.height)!=null?w:l.iframeHeight)!=null?E:"100px";return{story:t,inline:!1,height:s,primary:!!e.__primary}},xse=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=d.useContext(Mn),r=Ese(e,t),n=wse(r,t);if(!n)return D.createElement(vP,null);let o=Cse(e,n,t);return o?D.createElement(aie,{...o}):null},Dse=e=>{var g,w,E,C,S,F,_,A,k,R,T,z,B,L,$,j,Y,G,ne;let t=d.useContext(Mn),r=d.useContext(zP),{of:n,source:o}=e;if("of"in e&&n===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:l}=oi(n||"story",["story"]),s=yse({...o,...n&&{of:n}},t,r),u=(S=(C=(g=e.layout)!=null?g:l.parameters.layout)!=null?C:(E=(w=l.parameters.docs)==null?void 0:w.canvas)==null?void 0:E.layout)!=null?S:"padded",f=(k=(A=e.withToolbar)!=null?A:(_=(F=l.parameters.docs)==null?void 0:F.canvas)==null?void 0:_.withToolbar)!=null?k:!1,h=(z=e.additionalActions)!=null?z:(T=(R=l.parameters.docs)==null?void 0:R.canvas)==null?void 0:T.additionalActions,v=(j=($=e.sourceState)!=null?$:(L=(B=l.parameters.docs)==null?void 0:B.canvas)==null?void 0:L.sourceState)!=null?j:"hidden",y=(ne=e.className)!=null?ne:(G=(Y=l.parameters.docs)==null?void 0:Y.canvas)==null?void 0:G.className;return D.createElement(yP,{withSource:v==="none"?void 0:s,isExpanded:v==="shown",withToolbar:f,additionalActions:h,className:y,layout:u},D.createElement(xse,{of:n||l.moduleExport,meta:e.meta,...e.story}))},Sse=(e,t)=>{let r=kse(e,t);if(!r)throw new Error("No result when story was defined");return r},kse=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[o,l]=d.useState(r.args);d.useEffect(()=>{let f=h=>{h.storyId===n&&l(h.args)};return t.channel.on(dA,f),()=>t.channel.off(dA,f)},[n,t.channel]);let s=d.useCallback(f=>t.channel.emit(zoe,{storyId:n,updatedArgs:f}),[n,t.channel]),u=d.useCallback(f=>t.channel.emit(Boe,{storyId:n,argNames:f}),[n,t.channel]);return e&&[o,s,u]},_se=(e,t)=>{let r=t.getStoryContext(e),[n,o]=d.useState(r.globals);return d.useEffect(()=>{let l=s=>{o(s.globals)};return t.channel.on(fA,l),()=>t.channel.off(fA,l)},[t.channel]),[n]};function Ase(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var Fse=e=>{var k,R,T,z;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=d.useContext(Mn),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:o,argTypes:l,component:s,subcomponents:u}=n,f=((k=o.docs)==null?void 0:k.controls)||{},h=(R=e.include)!=null?R:f.include,v=(T=e.exclude)!=null?T:f.exclude,y=(z=e.sort)!=null?z:f.sort,[g,w,E]=Sse(n,r),[C]=_se(n,r),S=cA(l,h,v);if(!(u&&Object.keys(u).length>0))return Object.keys(S).length>0||Object.keys(g).length>0?D.createElement(S4,{rows:S,sort:y,args:g,globals:C,updateArgs:w,resetArgs:E}):null;let F=pse(s),_=Object.fromEntries(Object.entries(u).map(([B,L])=>[B,{rows:cA(Ase(L,o),h,v),sort:y}])),A={[F]:{rows:S,sort:y},..._};return D.createElement(use,{tabs:A,sort:y,args:g,globals:C,updateArgs:w,resetArgs:E})},{document:LP}=Br,OP=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return D.createElement(bL,null,t);let n=e&&e.split("-");return D.createElement(mP,{language:n&&n[1]||"text",format:!1,code:t,...r})};function sb(e,t){e.channel.emit(Loe,t)}var k4=uQ.a,Rse=({hash:e,children:t})=>{let r=d.useContext(Mn);return D.createElement(k4,{href:e,target:"_self",onClick:n=>{let o=e.substring(1);LP.getElementById(o)&&sb(r,e)}},t)},MP=e=>{let{href:t,target:r,children:n,...o}=e,l=d.useContext(Mn);return!t||r==="_blank"||/^https?:\/\//.test(t)?D.createElement(k4,{...e}):t.startsWith("#")?D.createElement(Rse,{hash:t},n):D.createElement(k4,{href:t,onClick:s=>{s.button===0&&!s.altKey&&!s.ctrlKey&&!s.metaKey&&!s.shiftKey&&(s.preventDefault(),sb(l,s.currentTarget.getAttribute("href")))},target:r,...o},n)},PP=["h1","h2","h3","h4","h5","h6"],Ise=PP.reduce((e,t)=>({...e,[t]:M(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),Tse=M.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),zse=({as:e,id:t,children:r,...n})=>{let o=d.useContext(Mn),l=Ise[e],s=`#${t}`;return D.createElement(l,{id:t,...n},D.createElement(Tse,{"aria-hidden":"true",href:s,tabIndex:-1,target:"_self",onClick:u=>{LP.getElementById(t)&&sb(o,s)}},D.createElement(oee,null)),r)},ub=e=>{let{as:t,id:r,children:n,...o}=e;if(r)return D.createElement(zse,{as:t,id:r,...o},n);let l=t,{as:s,...u}=e;return D.createElement(l,{...rt(u,t)})},NP=PP.reduce((e,t)=>({...e,[t]:r=>D.createElement(ub,{as:t,...r})}),{}),Bse=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error(Roe`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:
@@ -636,4 +636,4 @@ ${t}`);let r=t.match(BX);if(!r)return D.createElement(d.Fragment,null,t);let[,n,
           A paragraph
         \`}
         </Markdown>
-      `);return D.createElement(rP,{...e,options:{forceBlock:!0,overrides:{code:OP,a:MP,...NP,...(t=e==null?void 0:e.options)==null?void 0:t.overrides},...e==null?void 0:e.options}})},Lse=(e=>(e.INFO="info",e.NOTES="notes",e.DOCGEN="docgen",e.AUTO="auto",e))(Lse||{}),Ose=e=>{var t,r,n,o,l,s,u,f;switch(e.type){case"story":return((r=(t=e.story.parameters.docs)==null?void 0:t.description)==null?void 0:r.story)||null;case"meta":{let{parameters:h,component:v}=e.preparedMeta;return((o=(n=h.docs)==null?void 0:n.description)==null?void 0:o.component)||((s=(l=h.docs)==null?void 0:l.extractComponentDescription)==null?void 0:s.call(l,v,{component:v,parameters:h}))||null}case"component":{let{component:h,projectAnnotations:{parameters:v}}=e;return((f=(u=v.docs)==null?void 0:u.extractComponentDescription)==null?void 0:f.call(u,h,{component:h,parameters:v}))||null}default:throw new Error(`Unrecognized module type resolved from 'useOf', got: ${e.type}`)}},_4=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=oi(t||"meta"),n=Ose(r);return n?D.createElement(Bse,null,n):null},SA=V$(Hoe()),Mse=M.div(({theme:e})=>({width:"10rem","@media (max-width: 768px)":{display:"none"}})),Pse=M.div(({theme:e})=>({position:"fixed",bottom:0,top:0,width:"10rem",paddingTop:"4rem",paddingBottom:"2rem",overflowY:"auto",fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch","& *":{boxSizing:"border-box"},"& > .toc-wrapper > .toc-list":{paddingLeft:0,borderLeft:`solid 2px ${e.color.mediumlight}`,".toc-list":{paddingLeft:0,borderLeft:`solid 2px ${e.color.mediumlight}`,".toc-list":{paddingLeft:0,borderLeft:`solid 2px ${e.color.mediumlight}`}}},"& .toc-list-item":{position:"relative",listStyleType:"none",marginLeft:20,paddingTop:3,paddingBottom:3},"& .toc-list-item::before":{content:'""',position:"absolute",height:"100%",top:0,left:0,transform:"translateX(calc(-2px - 20px))",borderLeft:`solid 2px ${e.color.mediumdark}`,opacity:0,transition:"opacity 0.2s"},"& .toc-list-item.is-active-li::before":{opacity:1},"& .toc-list-item > a":{color:e.color.defaultText,textDecoration:"none"},"& .toc-list-item.is-active-li > a":{fontWeight:600,color:e.color.secondary,textDecoration:"none"}})),Nse=M.p(({theme:e})=>({fontWeight:600,fontSize:"0.875em",color:e.textColor,textTransform:"uppercase",marginBottom:10})),$se=({title:e})=>e===null?null:typeof e=="string"?D.createElement(Nse,null,e):e,Hse=({title:e,disable:t,headingSelector:r,contentsSelector:n,ignoreSelector:o,unsafeTocbotOptions:l})=>(d.useEffect(()=>{let s={tocSelector:".toc-wrapper",contentSelector:n!=null?n:".sbdocs-content",headingSelector:r!=null?r:"h3",ignoreSelector:o!=null?o:".docs-story *, .skip-toc",headingsOffset:40,scrollSmoothOffset:-40,orderedList:!1,onClick:()=>!1,...l},u=setTimeout(()=>SA.init(s),100);return()=>{clearTimeout(u),SA.destroy()}},[t]),D.createElement(D.Fragment,null,D.createElement(Mse,null,t?null:D.createElement(Pse,null,D.createElement($se,{title:e||null}),D.createElement("div",{className:"toc-wrapper"}))))),{document:jse,window:qse}=Br,Vse=({context:e,theme:t,children:r})=>{var o,l,s,u,f;let n;try{n=(l=(o=e.resolveOf("meta",["meta"]).preparedMeta.parameters)==null?void 0:o.docs)==null?void 0:l.toc}catch{n=(f=(u=(s=e==null?void 0:e.projectAnnotations)==null?void 0:s.parameters)==null?void 0:u.docs)==null?void 0:f.toc}return d.useEffect(()=>{let h;try{if(h=new URL(qse.parent.location.toString()),h.hash){let v=jse.getElementById(decodeURIComponent(h.hash.substring(1)));v&&setTimeout(()=>{hse(v)},200)}}catch{}}),D.createElement(Mn.Provider,{value:e},D.createElement(mse,{channel:e.channel},D.createElement(tF,{theme:Pj(t)},D.createElement(Zoe,{toc:n?D.createElement(Hse,{className:"sbdocs sbdocs-toc--custom",...n}):null},r))))},Use=({children:e,disableAnchor:t})=>{if(t||typeof e!="string")return D.createElement(CL,null,e);let r=globalThis.encodeURIComponent(e.toLowerCase());return D.createElement(ub,{as:"h3",id:r},e)},$P=({of:e,expanded:t=!0,withToolbar:r=!1,__forceInitialArgs:n=!1,__primary:o=!1})=>{var u,f,h;let{story:l}=oi(e||"story",["story"]),s=(h=(f=(u=l.parameters.docs)==null?void 0:u.canvas)==null?void 0:f.withToolbar)!=null?h:r;return D.createElement(dse,{storyId:l.id},t&&D.createElement(D.Fragment,null,D.createElement(Use,null,l.name),D.createElement(_4,{of:e})),D.createElement(Dse,{of:e,withToolbar:s,story:{__forceInitialArgs:n,__primary:o},source:{__forceInitialArgs:n}}))},Wse=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{csfFile:r}=oi(t||"meta",["meta"]),n=d.useContext(Mn).componentStoriesFromCSFFile(r)[0];return n?D.createElement($P,{of:n.moduleExport,expanded:!1,__primary:!0,withToolbar:!0}):null},Gse=({children:e,disableAnchor:t,...r})=>{if(t||typeof e!="string")return D.createElement(EL,null,e);let n=e.toLowerCase().replace(/[^a-z0-9]/gi,"-");return D.createElement(ub,{as:"h2",id:n,...r},e)},Kse=M(Gse)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,fontWeight:e.typography.weight.bold,lineHeight:"16px",letterSpacing:"0.35em",textTransform:"uppercase",color:e.textMutedColor,border:0,marginBottom:"12px","&:first-of-type":{marginTop:"56px"}})),Yse=({title:e="Stories",includePrimary:t=!0})=>{var u;let{componentStories:r,projectAnnotations:n,getStoryContext:o}=d.useContext(Mn),l=r(),{stories:{filter:s}={filter:void 0}}=((u=n.parameters)==null?void 0:u.docs)||{};return s&&(l=l.filter(f=>s(f,o(f)))),l.some(f=>{var h;return(h=f.tags)==null?void 0:h.includes("autodocs")})&&(l=l.filter(f=>{var h;return((h=f.tags)==null?void 0:h.includes("autodocs"))&&!f.usesMount})),t||(l=l.slice(1)),!l||l.length===0?null:D.createElement(D.Fragment,null,D.createElement(Kse,null,e),l.map(f=>f&&D.createElement($P,{key:f.id,of:f.moduleExport,expanded:!0,__forceInitialArgs:!0})))},Zse="https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#subtitle-block-and-parameterscomponentsubtitle",Xse=e=>{let{of:t,children:r}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let n;try{n=oi(t||"meta",["meta"]).preparedMeta}catch(u){if(r&&!u.message.includes("did you forget to use <Meta of={} />?"))throw u}let{componentSubtitle:o,docs:l}=(n==null?void 0:n.parameters)||{};o&&Ioe(`Using 'parameters.componentSubtitle' property to subtitle stories is deprecated. See ${Zse}`);let s=r||(l==null?void 0:l.subtitle)||o;return s?D.createElement(Goe,{className:"sbdocs-subtitle sb-unstyled"},s):null},Jse=/\s*\/\s*/,Qse=e=>{let t=e.trim().split(Jse);return(t==null?void 0:t[(t==null?void 0:t.length)-1])||e},eue=e=>{let{children:t,of:r}=e;if("of"in e&&r===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let n;try{n=oi(r||"meta",["meta"]).preparedMeta}catch(l){if(t&&!l.message.includes("did you forget to use <Meta of={} />?"))throw l}let o=t||Qse(n==null?void 0:n.title);return o?D.createElement(Woe,{className:"sbdocs-title sb-unstyled"},o):null},tue=()=>{let e=oi("meta",["meta"]),{stories:t}=e.csfFile,r=Object.keys(t).length===1;return D.createElement(D.Fragment,null,D.createElement(eue,null),D.createElement(Xse,null),D.createElement(_4,{of:"meta"}),r?D.createElement(_4,{of:"story"}):null,D.createElement(Wse,null),D.createElement(Fse,null),r?null:D.createElement(Yse,null))};function rue({context:e,docsParameter:t}){let r=t.container||Vse,n=t.page||tue;return D.createElement(r,{context:e,theme:t.theme},D.createElement(n,null))}var Y0={},kA;function nue(){if(kA)return Y0;kA=1;var e=DF();return Y0.createRoot=e.createRoot,Y0.hydrateRoot=e.hydrateRoot,Y0}var aue=nue(),uf=new Map;function oue(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var iue=({callback:e,children:t})=>{let r=d.useRef();return d.useLayoutEffect(()=>{r.current!==e&&(r.current=e,e())},[e]),t};typeof Promise.withResolvers>"u"&&(Promise.withResolvers=()=>{let e=null,t=null;return{promise:new Promise((r,n)=>{e=r,t=n}),resolve:e,reject:t}});var lue=async(e,t,r)=>{let n=await uue(t,r);if(oue()){n.render(e);return}let{promise:o,resolve:l}=Promise.withResolvers();return n.render(d.createElement(iue,{callback:l},e)),o},sue=(e,t)=>{let r=uf.get(e);r&&(r.unmount(),uf.delete(e))},uue=async(e,t)=>{let r=uf.get(e);return r||(r=aue.createRoot(e,t),uf.set(e,r)),r},HP={code:OP,a:MP,...NP},cue=class extends d.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:D.createElement(D.Fragment,null,t)}},due=class{constructor(){this.render=async(e,t,r)=>{let n={...HP,...t==null?void 0:t.components},o=rue;return new Promise((l,s)=>{A4(async()=>{const{MDXProvider:u}=await import("./index-CupCHp3X.js");return{MDXProvider:u}},__vite__mapDeps([4,1,2]),import.meta.url).then(({MDXProvider:u})=>lue(D.createElement(cue,{showException:s,key:Math.random()},D.createElement(u,{components:n},D.createElement(o,{context:e,docsParameter:t}))),r)).then(()=>l())})},this.unmount=e=>{sue(e)}}};const $ue=Object.freeze(Object.defineProperty({__proto__:null,DocsRenderer:due,defaultComponents:HP},Symbol.toStringTag,{value:"Module"}));export{mue as $,NU as A,ti as B,BU as C,TU as D,LU as E,Fue as F,iQ as G,Tue as H,QO as I,xw as J,qU as K,ZO as L,rM as M,ip as N,nl as O,bue as P,kue as Q,MU as R,OU as S,No as T,VU as U,nM as V,WJ as W,zw as X,FJ as Y,xue as Z,Rue as _,zU as a,Due as a0,WU as a1,Cue as a2,cJ as a3,RX as a4,eo as a5,uQ as a6,Vv as a7,lQ as a8,h4 as a9,Aue as aa,rt as ab,cQ as ac,at as ad,D as ae,Dl as af,On as ag,ri as ah,Ww as ai,d as aj,M as ak,ln as al,Lue as am,$ue as an,EL as b,Sue as c,kJ as d,Bue as e,xU as f,FU as g,DU as h,yue as i,$U as j,HU as k,wL as l,bL as m,a3 as n,Fd as o,aM as p,wue as q,jU as r,Iue as s,PX as t,gue as u,RU as v,IU as w,nc as x,CL as y,zue as z};
+      `);return D.createElement(rP,{...e,options:{forceBlock:!0,overrides:{code:OP,a:MP,...NP,...(t=e==null?void 0:e.options)==null?void 0:t.overrides},...e==null?void 0:e.options}})},Lse=(e=>(e.INFO="info",e.NOTES="notes",e.DOCGEN="docgen",e.AUTO="auto",e))(Lse||{}),Ose=e=>{var t,r,n,o,l,s,u,f;switch(e.type){case"story":return((r=(t=e.story.parameters.docs)==null?void 0:t.description)==null?void 0:r.story)||null;case"meta":{let{parameters:h,component:v}=e.preparedMeta;return((o=(n=h.docs)==null?void 0:n.description)==null?void 0:o.component)||((s=(l=h.docs)==null?void 0:l.extractComponentDescription)==null?void 0:s.call(l,v,{component:v,parameters:h}))||null}case"component":{let{component:h,projectAnnotations:{parameters:v}}=e;return((f=(u=v.docs)==null?void 0:u.extractComponentDescription)==null?void 0:f.call(u,h,{component:h,parameters:v}))||null}default:throw new Error(`Unrecognized module type resolved from 'useOf', got: ${e.type}`)}},_4=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=oi(t||"meta"),n=Ose(r);return n?D.createElement(Bse,null,n):null},SA=V$(Hoe()),Mse=M.div(({theme:e})=>({width:"10rem","@media (max-width: 768px)":{display:"none"}})),Pse=M.div(({theme:e})=>({position:"fixed",bottom:0,top:0,width:"10rem",paddingTop:"4rem",paddingBottom:"2rem",overflowY:"auto",fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch","& *":{boxSizing:"border-box"},"& > .toc-wrapper > .toc-list":{paddingLeft:0,borderLeft:`solid 2px ${e.color.mediumlight}`,".toc-list":{paddingLeft:0,borderLeft:`solid 2px ${e.color.mediumlight}`,".toc-list":{paddingLeft:0,borderLeft:`solid 2px ${e.color.mediumlight}`}}},"& .toc-list-item":{position:"relative",listStyleType:"none",marginLeft:20,paddingTop:3,paddingBottom:3},"& .toc-list-item::before":{content:'""',position:"absolute",height:"100%",top:0,left:0,transform:"translateX(calc(-2px - 20px))",borderLeft:`solid 2px ${e.color.mediumdark}`,opacity:0,transition:"opacity 0.2s"},"& .toc-list-item.is-active-li::before":{opacity:1},"& .toc-list-item > a":{color:e.color.defaultText,textDecoration:"none"},"& .toc-list-item.is-active-li > a":{fontWeight:600,color:e.color.secondary,textDecoration:"none"}})),Nse=M.p(({theme:e})=>({fontWeight:600,fontSize:"0.875em",color:e.textColor,textTransform:"uppercase",marginBottom:10})),$se=({title:e})=>e===null?null:typeof e=="string"?D.createElement(Nse,null,e):e,Hse=({title:e,disable:t,headingSelector:r,contentsSelector:n,ignoreSelector:o,unsafeTocbotOptions:l})=>(d.useEffect(()=>{let s={tocSelector:".toc-wrapper",contentSelector:n!=null?n:".sbdocs-content",headingSelector:r!=null?r:"h3",ignoreSelector:o!=null?o:".docs-story *, .skip-toc",headingsOffset:40,scrollSmoothOffset:-40,orderedList:!1,onClick:()=>!1,...l},u=setTimeout(()=>SA.init(s),100);return()=>{clearTimeout(u),SA.destroy()}},[t]),D.createElement(D.Fragment,null,D.createElement(Mse,null,t?null:D.createElement(Pse,null,D.createElement($se,{title:e||null}),D.createElement("div",{className:"toc-wrapper"}))))),{document:jse,window:qse}=Br,Vse=({context:e,theme:t,children:r})=>{var o,l,s,u,f;let n;try{n=(l=(o=e.resolveOf("meta",["meta"]).preparedMeta.parameters)==null?void 0:o.docs)==null?void 0:l.toc}catch{n=(f=(u=(s=e==null?void 0:e.projectAnnotations)==null?void 0:s.parameters)==null?void 0:u.docs)==null?void 0:f.toc}return d.useEffect(()=>{let h;try{if(h=new URL(qse.parent.location.toString()),h.hash){let v=jse.getElementById(decodeURIComponent(h.hash.substring(1)));v&&setTimeout(()=>{hse(v)},200)}}catch{}}),D.createElement(Mn.Provider,{value:e},D.createElement(mse,{channel:e.channel},D.createElement(tF,{theme:Pj(t)},D.createElement(Zoe,{toc:n?D.createElement(Hse,{className:"sbdocs sbdocs-toc--custom",...n}):null},r))))},Use=({children:e,disableAnchor:t})=>{if(t||typeof e!="string")return D.createElement(CL,null,e);let r=globalThis.encodeURIComponent(e.toLowerCase());return D.createElement(ub,{as:"h3",id:r},e)},$P=({of:e,expanded:t=!0,withToolbar:r=!1,__forceInitialArgs:n=!1,__primary:o=!1})=>{var u,f,h;let{story:l}=oi(e||"story",["story"]),s=(h=(f=(u=l.parameters.docs)==null?void 0:u.canvas)==null?void 0:f.withToolbar)!=null?h:r;return D.createElement(dse,{storyId:l.id},t&&D.createElement(D.Fragment,null,D.createElement(Use,null,l.name),D.createElement(_4,{of:e})),D.createElement(Dse,{of:e,withToolbar:s,story:{__forceInitialArgs:n,__primary:o},source:{__forceInitialArgs:n}}))},Wse=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{csfFile:r}=oi(t||"meta",["meta"]),n=d.useContext(Mn).componentStoriesFromCSFFile(r)[0];return n?D.createElement($P,{of:n.moduleExport,expanded:!1,__primary:!0,withToolbar:!0}):null},Gse=({children:e,disableAnchor:t,...r})=>{if(t||typeof e!="string")return D.createElement(EL,null,e);let n=e.toLowerCase().replace(/[^a-z0-9]/gi,"-");return D.createElement(ub,{as:"h2",id:n,...r},e)},Kse=M(Gse)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,fontWeight:e.typography.weight.bold,lineHeight:"16px",letterSpacing:"0.35em",textTransform:"uppercase",color:e.textMutedColor,border:0,marginBottom:"12px","&:first-of-type":{marginTop:"56px"}})),Yse=({title:e="Stories",includePrimary:t=!0})=>{var u;let{componentStories:r,projectAnnotations:n,getStoryContext:o}=d.useContext(Mn),l=r(),{stories:{filter:s}={filter:void 0}}=((u=n.parameters)==null?void 0:u.docs)||{};return s&&(l=l.filter(f=>s(f,o(f)))),l.some(f=>{var h;return(h=f.tags)==null?void 0:h.includes("autodocs")})&&(l=l.filter(f=>{var h;return((h=f.tags)==null?void 0:h.includes("autodocs"))&&!f.usesMount})),t||(l=l.slice(1)),!l||l.length===0?null:D.createElement(D.Fragment,null,D.createElement(Kse,null,e),l.map(f=>f&&D.createElement($P,{key:f.id,of:f.moduleExport,expanded:!0,__forceInitialArgs:!0})))},Zse="https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#subtitle-block-and-parameterscomponentsubtitle",Xse=e=>{let{of:t,children:r}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let n;try{n=oi(t||"meta",["meta"]).preparedMeta}catch(u){if(r&&!u.message.includes("did you forget to use <Meta of={} />?"))throw u}let{componentSubtitle:o,docs:l}=(n==null?void 0:n.parameters)||{};o&&Ioe(`Using 'parameters.componentSubtitle' property to subtitle stories is deprecated. See ${Zse}`);let s=r||(l==null?void 0:l.subtitle)||o;return s?D.createElement(Goe,{className:"sbdocs-subtitle sb-unstyled"},s):null},Jse=/\s*\/\s*/,Qse=e=>{let t=e.trim().split(Jse);return(t==null?void 0:t[(t==null?void 0:t.length)-1])||e},eue=e=>{let{children:t,of:r}=e;if("of"in e&&r===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let n;try{n=oi(r||"meta",["meta"]).preparedMeta}catch(l){if(t&&!l.message.includes("did you forget to use <Meta of={} />?"))throw l}let o=t||Qse(n==null?void 0:n.title);return o?D.createElement(Woe,{className:"sbdocs-title sb-unstyled"},o):null},tue=()=>{let e=oi("meta",["meta"]),{stories:t}=e.csfFile,r=Object.keys(t).length===1;return D.createElement(D.Fragment,null,D.createElement(eue,null),D.createElement(Xse,null),D.createElement(_4,{of:"meta"}),r?D.createElement(_4,{of:"story"}):null,D.createElement(Wse,null),D.createElement(Fse,null),r?null:D.createElement(Yse,null))};function rue({context:e,docsParameter:t}){let r=t.container||Vse,n=t.page||tue;return D.createElement(r,{context:e,theme:t.theme},D.createElement(n,null))}var Y0={},kA;function nue(){if(kA)return Y0;kA=1;var e=DF();return Y0.createRoot=e.createRoot,Y0.hydrateRoot=e.hydrateRoot,Y0}var aue=nue(),uf=new Map;function oue(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var iue=({callback:e,children:t})=>{let r=d.useRef();return d.useLayoutEffect(()=>{r.current!==e&&(r.current=e,e())},[e]),t};typeof Promise.withResolvers>"u"&&(Promise.withResolvers=()=>{let e=null,t=null;return{promise:new Promise((r,n)=>{e=r,t=n}),resolve:e,reject:t}});var lue=async(e,t,r)=>{let n=await uue(t,r);if(oue()){n.render(e);return}let{promise:o,resolve:l}=Promise.withResolvers();return n.render(d.createElement(iue,{callback:l},e)),o},sue=(e,t)=>{let r=uf.get(e);r&&(r.unmount(),uf.delete(e))},uue=async(e,t)=>{let r=uf.get(e);return r||(r=aue.createRoot(e,t),uf.set(e,r)),r},HP={code:OP,a:MP,...NP},cue=class extends d.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:D.createElement(D.Fragment,null,t)}},due=class{constructor(){this.render=async(e,t,r)=>{let n={...HP,...t==null?void 0:t.components},o=rue;return new Promise((l,s)=>{A4(async()=>{const{MDXProvider:u}=await import("./index-01VS1SvV.js");return{MDXProvider:u}},__vite__mapDeps([4,1,2]),import.meta.url).then(({MDXProvider:u})=>lue(D.createElement(cue,{showException:s,key:Math.random()},D.createElement(u,{components:n},D.createElement(o,{context:e,docsParameter:t}))),r)).then(()=>l())})},this.unmount=e=>{sue(e)}}};const $ue=Object.freeze(Object.defineProperty({__proto__:null,DocsRenderer:due,defaultComponents:HP},Symbol.toStringTag,{value:"Module"}));export{mue as $,NU as A,ti as B,BU as C,TU as D,LU as E,Fue as F,iQ as G,Tue as H,QO as I,xw as J,qU as K,ZO as L,rM as M,ip as N,nl as O,bue as P,kue as Q,MU as R,OU as S,No as T,VU as U,nM as V,WJ as W,zw as X,FJ as Y,xue as Z,Rue as _,zU as a,Due as a0,WU as a1,Cue as a2,cJ as a3,RX as a4,eo as a5,uQ as a6,Vv as a7,lQ as a8,h4 as a9,Aue as aa,rt as ab,cQ as ac,at as ad,D as ae,Dl as af,On as ag,ri as ah,Ww as ai,d as aj,M as ak,ln as al,Lue as am,$ue as an,EL as b,Sue as c,kJ as d,Bue as e,xU as f,FU as g,DU as h,yue as i,$U as j,HU as k,wL as l,bL as m,a3 as n,Fd as o,aM as p,wue as q,jU as r,Iue as s,PX as t,gue as u,RU as v,IU as w,nc as x,CL as y,zue as z};